/*
Theme Name: Fersk 2026
Author: Fersk Dev Team
Version: 1.0
Description: Customowy motyw dla Fersk.
*/
/* Reset and global rules */
.hidden-h1 {
    position: absolute;
    left: -9999px;
}
.plus-jakarta-sans {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}
html,
body {
	height: 100%;
}
html {
	box-sizing: border-box;
}
*,
:before,
:after {
	box-sizing: inherit;
}
:root {
	--FerskBlue:#0E2140;
	--BackgroundAccent: #E0EAF6;
	--White: #FFF;
    --Secondary: #6E6E6E;
    --Tertiary: #999999;
    --Border: #D7D7D7;
    --Promo: #CB2A25;
    --Positive: #16A749;
}
.body-s {
    font-size:14px;
    line-height:20px;
}
.body-m {
    font-size: 16px;
	line-height: 24px;
}
.body-l {
    font-size: 18px;
	line-height: 26px;
}
.header-s {
    font-size: 18px;
	line-height: 24px;
}
.header-m {
    font-size: 24px;
	line-height: 32px;
}
.header-l {
    font-size: 32px;
	line-height: 38px;
}
.header-xl {
    font-size: 36px;
	line-height: 40px;
}
body {
	margin: 0;
	padding: 0;
	font-family: "Plus Jakarta Sans", sans-serif;
	font-size: 16px;
	line-height: 24px;
	color: var(--FerskBlue);
}
ul,
li,
p,
h1,
h2,
h3,
h4,
h5,
h6,
a,
input,
fieldset,
textarea {
	font-size: inherit;
	font-weight: inherit;
	color: inherit;
	text-decoration: inherit;
	border: none;
}
input,
fieldset,
textarea {
	font-family: "Plus Jakarta Sans", sans-serif;
}
.clr,
.clear {
	clear: both;
}
label {
	display: inline-block;
	max-width: 100%;
	margin-bottom: 5px;
}
img {
	vertical-align: middle;
}
strong,
b {
	font-weight: 700;
}
.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}
.alignleft {
	margin: 0 10px 10px 0;
	float: left;
}
.alignright {
	margin: 0 0 10px 10px;
	float: right;
}
.container {
	width: 96%;
	max-width: 1123px;
	margin: 0 auto;
}
.centered {
	text-align: center;
}
/* Header */ 
.topbar {
    display: flex;
    justify-content: space-between;
    background: var(--FerskBlue);
    padding:12px 0;
}
.topbar .topbar-icons-wrapper {
    display: flex;
    align-items: center;
    column-gap:24px;
}
.topbar .topbar-icons-wrapper span {
    color:var(--White);
    font-size:12px;
    line-height:20px;
    margin-left:8px;
}
#topbar-icons-left-wrapper .icons-box:first-of-type {
    margin-left:24px;
}
#topbar-icons-right-wrapper .icons-box:last-of-type {
    margin-right:24px;
}
.header {
    display: flex;
    align-items: center;
    padding:28px;
    justify-content: space-between;
}
.header .logo {
    margin-left:24px;
}
.header .nav {
    margin-right:24px;
    display: flex;
	align-items:center;
	column-gap:24px;
}
.header .nav > div {
    cursor: pointer;
}
.header-menu > ul {
	display: flex;
	align-items:center;
	column-gap:32px;
	margin:0;
	padding:0;
	list-style:none;
    font-size: 15px;
    font-weight: 500;
}
.header .menu a {
  position: relative;
  text-decoration: none;
  padding: 5px 0;
}
.header .menu a::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 0;
  height: 2px;
  background: var(--FerskBlue);
  transition: all 0.3s ease;
  transform: translateX(-50%);
}
.header .menu a:hover::after {
  width: 100%;
}
/* Footer */
.footer-boxes-wrapper {
    padding:74px 0;
    background: var(--BackgroundAccent);
}
.footer-boxes {
    display: flex;
    justify-content: space-between;
    text-align: center;
}
.footer-boxes img {
    display: block;
    margin:0 auto;
}
.footer-boxes strong {
    margin:12px 0 4px 0;
    display: block;
    font-size:18px;
    line-height:24px;
    font-weight: 600;
}
.footer-boxes p {
    margin:0;
}
.footer-wrapper {
    background: var(--FerskBlue);
    padding:80px 0;
}
.footer-top {
    text-align: center;
    padding:40px;
    color:var(--FerskBlue);
    background:var(--BackgroundAccent);
    border-radius:24px;
    margin-bottom:80px;
}
.footer-top p {
    font-size:32px;
    line-height:48px;
    margin:0;
    padding:0;
    font-weight: 600;
}
.footer-top span {
    display: block;
    margin:8px 0 24px 0;
}
.footer-newslettter {
    display: flex;
    column-gap:16px;
    align-items: center;
    justify-content: center;
}
.footer-newslettter input {
    width:308px;
    height:48px;
    border-radius:100px;
    padding-left:24px;
    border: 2px solid transparent;
    outline: none;
} 
.footer-newslettter div {
    width:176px;
    height:48px;
    background:var(--FerskBlue);
    color:var(--White);
    border-radius:100px;
    font-weight: 600;
    line-height:48px;
    cursor:pointer;
}
.footer-newslettter input:focus {
    border-color:var(--FerskBlue);
}
.footer-center {
    display:flex;
    column-gap:40px;
    color:var(--White);
}
.footer-center > div {
    width:25%;
}
.footer-center .col a:not(.footer-sc), 
.footer-center .col span {
    display: block;
}