:root{
    --primary-color: #ffffff;
    --secondary-color: #333333;
    --hover-color: #4c4b4b;
  }

  @font-face {
    font-family: "Jost";
    src: url("/okwiaty/wp-content/themes/okwiaty/library/fonts/Jost/Jost-VariableFont_wght.ttf");
    }

    @font-face {
      font-family: "Montserrat";
      src: url("/okwiaty/wp-content/themes/okwiaty/library/fonts/Montserrat/Montserrat-VariableFont_wght.ttf");
      }

      body {
        font-family: "Montserrat", "Helvetica Nue", Arial, Helvetica, sans-serif !important;
      }

    .hide {
      visibility: hidden;
    }

    @media (min-width: 1024px) {
      .lg\:hidden {
          display: none !important;
      }
      .lg\:block {
        display: block !important;
    }
    .lg\:flex {
      display: flex !important;
  }
  }

  .primary-color {
    color: var(--primary-color);
  }

  .secondary-color {
    color: var(--secondary-color);
  }

  .bg-color-white {
    background-color: #fff;
  }

  .bg-color-primary {
    background-color: var(--primary-color);
  }

  .bg-color-transparent {
    background-color: transparent !important;
  }

  .bg-color-secondary {
    background-color: var(--secondary-color);
  }

  .bg-color-light {
    background-color: #FBF9F9;
  }


  .btn-primary{
    background: #ffffff;
    border-radius: 6.25rem;
    font-weight: 500;
    text-transform: uppercase;
    padding: 1rem 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--secondary-color);
    font-size: clamp(0.875rem, 4vw, 1rem);
    width: fit-content;
    text-align: center;
  }

  .btn-primary:hover {
    background-color: var(--secondary-color);
    color: var(--primary-color);
    transition-duration: .5s;
    font-weight: 500;
  }

  .btn-secondary{
    background: var(--primary-color);
    padding: 1rem 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--secondary-color);
    text-transform: uppercase;
    font-size: clamp(0.875rem, 4vw, 1rem);
    font-weight: 500;
    gap: 0.625rem;
    border-radius: 6.25rem;
    width: fit-content;
    text-align: center;
    border: 1px solid #333;
  }

  .btn-secondary:hover {
    background-color: var(--secondary-color);
    color: #fff;
    transition-duration: .6s;
  }

  .top-nav li {
    position: relative;
  }

  .top-nav li a {
    color: var(--secondary-color);
    font-weight: 300;
    text-transform: uppercase;
  }

  .top-nav li:hover a {
    text-decoration: none !important;
    color: var(--secondary-color);
  }

  @media screen and (min-width:1200px) {
  .header-contact {
    position: absolute;
bottom: 0;
right: 10%;
  }
}


.section-heading {
font-style: normal;
line-height: normal;
}

.max-width-1280 {
  max-width: 1280px;
}

.max-width-1200 {
  max-width: 1200px;
}

.portfolio {
  width: 200px;
  height: 200px;
  overflow: hidden;
  position: relative;
}


/* HAMBURGER MENU */

.hamburger {
  cursor: pointer;
  width: 48px;
  height: 48px;
  transition: all 0.25s;
}

.hamburger__top-bun,
.hamburger__bottom-bun,
.hamburger__center-bun {
  content: '';
  position: absolute;
  width: 24px;
  height: 2px;
  background: var(--secondary-color);
  transform: rotate(0);
  transition: all 0.5s;
}

.hamburger:hover [class*="-bun"] {
  background:  var(--secondary-color);
}

.hamburger__center-bun {
  transform: translateY(1px);
}

.open .hamburger__center-bun {
  display: none;
}

.hamburger__top-bun {
  transform: translateY(-7px);
}

.hamburger__bottom-bun {
  transform: translateY(9px);
}

.open {
  transform: rotate(90deg);
  transform: translateY(-1px);
}

.open .hamburger__top-bun {
  transform:
    rotate(45deg)
    translateY(0px);
}

.open .hamburger__bottom-bun {
  transform:
    rotate(-45deg)
    translateY(0px);
}

@media screen and (max-width:768px) {
  .mobile-hidden {
    display: none;
  }
  .mobile-menu {
    width: 100%;
    text-align: center;
  }
  .mobile-center {
    margin: 0 auto;
  }
}

.mt-15 {
  margin-top: 3rem;
}

.text-2xl {
  font-size: 1.5rem;
}

.text-4xl {
  font-size: 2.25rem;
}

.mt-2 {
margin-top: .5rem;
}

.mb-2 {
  margin-bottom: .5rem;
}

.mr-2 {
  margin-right: .5rem;
}

.gap-20 {
  gap: 5rem;
}

.img-mobile {
  height: 360px;
}

@media (min-width: 768px) {
.md-mb-0 {
  margin-bottom: 0 !important;
}
.headerSection {
  height: 50vw;
}
}

@media (min-width: 780px) {
  .img-mobile {
    height: auto;
  }
}

.offerbox-img {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  max-height: 300px;
  height: 100vw;
}

.basis-100 {
  flex-basis: 100%;
}

.h1-heading {
  font-size: clamp(24px, 3vw + .5rem, 48px);
}

h1 {
  font-weight: 300 !important;
}

.icon-56 {
  width: 56px;
  margin: 0 auto;
}

.icon-36 {
  width: 36px;
  margin: 0 auto;
}

.icon-72 {
  width: 72px;
  margin: 0 auto;
}

.table-bouquets tr:nth-child(even) {
  background-color: #FBF9F9;
}

.woocommerce div.product form.cart .variations label {
  font-weight: 500 !important;
}

.wcpa_wrap .wcpa_field_label {
  font-weight: 500 !important;
  font-size: 16px !important;
  color: #333 !important;
}

.single-product h1 {
  color: #333;
}

.woocommerce-product-gallery__wrapper div {
  max-width: 445px;
  margin: 0 auto;
}

.woocommerce-cart .wc-block-cart-items__header-image span, .woocommerce-cart .wc-block-cart-items__header-total,
.woocommerce-cart .wc-block-cart__totals-title{
  font-size: 18px !important;
  font-weight: 600 !important;
}

.woocommerce-cart .wc-block-components-product-details__name {
  font-weight: 500 !important;
  text-decoration: underline;
}

.woocommerce-cart .wc-block-components-quantity-selector {
  display: none !important;
}

.wc-block-cart__submit-container a {
  cursor: pointer;
}

.wc-block-cart__submit-container a:hover {
  background-color: #333 !important;
  color: #fbf9f9 !important;
}

.woocommerce-checkout .wc-block-components-order-summary__button-text {
  font-weight: 600 !important;
  font-size: 1.25em !important;
}

.wc-block-checkout__shipping-method-option-title {
  font-weight: 500 !important;
}

.wc-block-components-form .wc-block-components-text-input input[type=email], .wc-block-components-form .wc-block-components-text-input input[type=number], .wc-block-components-form .wc-block-components-text-input input[type=password], .wc-block-components-form .wc-block-components-text-input input[type=tel], .wc-block-components-form .wc-block-components-text-input input[type=text], .wc-block-components-form .wc-block-components-text-input input[type=url], .wc-block-components-text-input input[type=email], .wc-block-components-text-input input[type=number], .wc-block-components-text-input input[type=password], .wc-block-components-text-input input[type=tel], .wc-block-components-text-input input[type=text], .wc-block-components-text-input input[type=url], .wc-blocks-components-select .wc-blocks-components-select__container, .wc-block-checkout__add-note .wc-block-components-textarea, input[type="password"]
{
  border: none !important;
background-color: #fbf9f9 !important;
}

.wc-block-components-checkout-place-order-button--full-width, .woocommerce-shop .button, .tax-product_cat .button, .woocommerce-form-login__submit, .woocommerce-lost-password button
{
  background: #fff !important;
  padding: 1rem 2rem !important;
  display: flex !important;
  justify-content: center;
  color: #333333 !important;
  text-transform: uppercase !important;
  font-size: clamp(0.875rem, 4vw, 1rem) !important;
  font-weight: 500 !important;
  gap: 0.625rem !important;
  border-radius: 6.25rem !important;
  width: fit-content !important;
  text-align: center !important;
  border: 1px solid #333 !important;
}

.wc-block-components-checkout-place-order-button--full-width:hover, .woocommerce-shop .button:hover, .tax-product_cat .button:hover, .woocommerce-form-login__submit:hover, .woocommerce-lost-password button:hover {
  background: #333 !important;
  color: #fbf9f9 !important;
}

.button-zamow:hover {
  background-color: #fff !important;
  color: #333 !important;
  border: 1px solid #333;
}

.button-zamow:hover a {
  color: #fbf9f9 !important;
}

.wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control-accordion-option--checked-option-highlighted, .wc-block-components-radio-control--highlight-checked label.wc-block-components-radio-control__option--checked-option-highlighted, .wc-block-components-button .wp-element-button .wc-block-checkout__shipping-method-option .wc-block-checkout__shipping-method-option--selected .contained {
  background-color:#FBF9F9 !important;
  box-shadow: none !important;
}

.wc-block-components-button .wp-element-button .wc-block-checkout__shipping-method-option .contained:hover {
  background-color:#FBF9F9 !important;
}


.wc-block-components-radio-control--highlight-checked:after {
  border: none !important;
}

.woocommerce-checkout .woocommerce-thankyou-order-received {
  font-size: 1.75em;
font-weight: 600;
margin-bottom: 5%;
}

.woocommerce-checkout .woocommerce ul.order_details li strong, .woocommerce-checkout .woocommerce ul.order_details li bdi {
  font-weight: 500;
}

.woocommerce-checkout .woocommerce table.shop_table th {
  font-size: 20px;
}

.woocommerce-checkout .woocommerce-table .wc-item-meta-label {
  font-weight: 500;
  text-decoration: underline;
}

.woocommerce-shop main, .tax-product_cat main {
  padding: 5%;
  background-color: #fff;
  color: #111;
}

.gap-3 {
  gap: 0.8rem;
}

 .button-zamow
{
  background: #333 !important;
  display: flex !important;
  justify-content: center;
  color: #fbf9f9 !important;
  font-weight: 500 !important;
  gap: 0.625rem !important;
  border-radius: 6.25rem !important;
  width: fit-content !important;
  text-align: center !important;
  padding: 0.75em;
  border: 1px solid #333;
  text-transform: uppercase;
}

@media screen and (min-width: 1000px) {
  .button-zamow {
    margin-left: 24px;
  }
} 

.basketicon
{
  margin: 0 30px 0 0;
  padding: 0 30px 0 0;
  display: inline-flex;
  align-items: center;
  position: relative; 
}

  .usericon
  {
    display: inline-flex;
    align-items: center;
    position: relative; 
  }

  .basketicon__total {
    background-color: #FBF9F9;
    border: 1px solid #333;
padding: 3px;
padding-left: 8px;
padding-right: 8px;
border-radius: 24px;
font-size: 12px;
position: absolute;
right: 12px;
top: 6px;
  }

  .basketicon__icon::before {
    content: url("/wp-content/themes/okwiaty/library/images/basket.svg");
    height: 24px;
    width: 24px;
    display: block;
  }

  .usericon__icon::before {
    content: url("/wp-content/themes/okwiaty/library/images/user.svg");
    height: 20px;
    width: 20px;
    display: block;
  }

  .woocommerce-form-login {
    max-width: 450px;
    width: 100%;
    margin: 0 auto !important;
  }

  .woocommerce-account h2 {
    text-align: center;
  }

  .wc-block-components-notice-banner.is-info {
    background-color: #c0ccbb;
    border-color: #fbf9f9;
  }

  .wc-block-components-notice-banner.is-info>svg {
    background-color: #333;
  }

  /* disable product */

  .productDisabled {
    padding-bottom: 3%;
    color: rgb(226, 19, 19);
    font-weight: 600;
    font-size: 17px;
  }

  @media screen and (max-width: 480px) {
    .mobileIcon a {
      padding-right: 0;
      margin-right: 16px;
    }
    .mobileIcon a .basketicon__total {
      right: -15px;
    }
  }

  .justify-end {
    justify-content: end;
  }

  .woocommerce div.product form.cart .variations label {
    color: #333 !important;
  }

  .postid-645 #custom_price {
    min-height: 45px;
  }

  /* przerzucone z cms */

  .sbi_follow_btn a {
    border-radius: 6.25rem !important;
     padding: 1rem 2rem !important;
    text-transform: uppercase;
      font-size: clamp(0.875rem, 4vw, 1rem) !important;
      font-weight: 500;
  }
  
  .single-product #content {
    background-color: #fff;
    color: #111;
  }
  .wcpa-fp-day {color: #111 !important;}

  .wcpa-fp-day.wcpa-fp-day_0, .wcpa-fp-day.wcpa-fp-day_1 {
  cursor: not-allowed !important;
  color: rgba(57,57,57,.2) !important;
  pointer-events: none !important;
  }
  
  .wcpa_date_field_wrap .wcpa-fp-mobile .wcpa-fp-day_0 {
    cursor: not-allowed !important;
  color: rgba(57,57,57,.2) !important;
  pointer-events: none !important;
  }
  
  
  .single-product #main {
    padding: 5%;
    background-color: #fff;
    color: #111;
  }
  
  .single-product #main #product-445 {
    padding: 5%;
  }
  
  .single-product #main table {
    text-align: left;
  }
  
  body > div.wcpa-fp-outer.animate.arrowTop.arrowLeft.open > div, .wcpa-fp-outer .wrap {
    width: 100% !important; 
  }
  
  /*.wcpa_wrap .wcpa_date_field_wrap .wcpa_reset_field {
    right: 10% !important;
  }*/
  
  .wcpa_wrap .wcpa_date_field_wrap {
    max-width: 400px;
  }
  
  /* do przerzucenia */
  
  select, input[type="text"], input[type="number"], input[type="date"] {
    background-color: #FBF9F9 !important;
    border: none !important;
  text-align: left; }
  
  .wcpa-fp-mobile, .wcpa_date_field_wrap {
    width: 100% !important;
    min-width: 300px;
  }
  
  .page:not(.wp-customizer) button:not(.wc-block-cart-item__remove-link):not(.cky-btn-revisit):not(.cky-accordion-btn):not(.cky-btn):not(.customize-partial-edit-shortcut-button)  {
    background: #fff;
  padding: 1rem 2rem !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  color: #333333;
  text-transform: uppercase !important;
  font-size: clamp(0.875rem, 4vw, 1rem) !important;
  font-weight: 500 !important;
  gap: 0.625rem !important;
  border-radius: 6.25rem !important;
  width: fit-content !important;
  text-align: center !important;
  border: 1px solid #333 !important;
  }
  
  .page:not(.wp-customizer)button:hover {
    color: #c0ccbb !important;
    background: #333333 !important;
  }
  
  .woocommerce-Price-amount bdi {
    color: #333;
    font-weight: 800;
  }
  
  .wc-tabs {
    display: none !important;
  }
  
  .woocommerce-tabs {
    background-color: #FBF9F9;
    padding: 16px;
  }
  
  #field_date_9219366591 {
    color: #333 !important;
  }
  
  #field_date_9219366591::placeholder, #field_select_2022722151, ::placeholder {
    color: #5c6b80 !important;
  }
  
  .woocommerce table.shop_attributes tr:nth-child(even) td, .woocommerce table.shop_attributes tr:nth-child(even) th {
  background: none !important;
  }
  
  .entry-content tr:nth-child(even),.entry-content th {
  background-color: transparent !important;
  }
  
  .table-bouquets tr:nth-child(even) {
    background-color: #FBF9F9;
  }
  
  .table-bouquets {
    min-width: 300px;
    font-size: 18px;
  }
  
  .single_add_to_cart_button, .wc-block-cart__submit-button, .instagram-gallery__button {
    background: #fff !important;
  padding: 1rem 2rem !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  color: #333333 !important;
  text-transform: uppercase !important;
  font-size: clamp(0.875rem, 4vw, 1rem) !important;
  font-weight: 500 !important;
  gap: 0.625rem !important;
  border-radius: 6.25rem !important;
  width: fit-content !important;
  text-align: center !important;
  border: 1px solid black !important;
  }
  
  .single_add_to_cart_button:not(.disabled):hover, .instagram-gallery__button:hover {
    background: #333 !important;
    color: #FBF9F9  !important;
  }
  
  
  .woocommerce-message {
    border: 1px solid #333 !important;
  background-color: #fbf9f9 !important;
  color: #333 !important;
  }
  
  .woocommerce-message .button {
      background: #333 !important;
  padding: 1rem 2rem !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  color: #FBF9F9 !important;
  text-transform: uppercase !important;
  font-size: clamp(0.875rem, 4vw, 1rem) !important;
  font-weight: 500 !important;
  gap: 0.625rem !important;
  border-radius: 6.25rem !important;
  width: fit-content !important;
  text-align: center !important;
  }
  
  .woocommerce-message .button:hover {
    background: #FBF9F9 !important;
  color: #333 !important;
  border: 1px solid #333;
  }

  #wc-guest-checkout-notice {
    display: none;
  }
  
  .woocommerce-message::before {
    color: #333!important;
  }
  
  .wc-block-cart__submit-button {
    margin: 0 auto !important;
    display: flex;
  }
  
  .wc-block-components-totals-shipping .wc-block-components-totals-item__label {
    visibility: hidden;
  }
  
  .wc-block-components-totals-shipping .wc-block-components-totals-item__label::before {
    content: "Dostawa";
    visibility: visible;
  }
  
  @media screen and (min-width: 1000px) {
    .woocommerce-message {
      position: relative !important;
      padding-top: 1.7em !important;
      min-height: 80px;
    }
    .woocommerce-message::before {
      padding-top: .7em;
    }
    .woocommerce-message .button {
      position: absolute !important;
      top: 20%;
      right: 2%;
    }
  }
  
  .woocommerce-checkout #shipping-country, .woocommerce-checkout #billing-country {
    max-width: 774px;
  }
  
  input[type="date"]:not(.has-value):before{
    color: #5c6b80;
    content: attr(placeholder);
  }
  
  .wcpa-fp-mobile {
    text-align: left !important;
  }
  
  .instagram-gallery__button:focus, .instagram-gallery__button:hover {
    box-shadow: none !important;
  }
  
  .instagram-gallery__button {
    font-family: "Montserrat";
  min-height: 60px;
  align-items: center;
  }
  
  .footer-links a {
    font-weight: 400;
    text-transform: uppercase;
  }

  .new-heading {
    font-weight: 300;
    text-transform: uppercase;
  }

  .main-heading {
    border-bottom: 1px solid white;
  }

  .second-heading {
    font-size: clamp(18px, 3vw + .5rem, 38px);
  }

  .custom-logo {
    min-width: 120px;
  }

  .nav li a, .button-zamow {
    white-space: nowrap;
  }

  @media screen and (min-width: 1400px) and (max-width: 1479px) {
    .nav li a {
      padding: 0.6em !important;
      font-size: 15px;
    }
    .button-zamow  {
      font-size: 15px;
    }
  }

  @media screen and (min-width: 1200px) and (max-width: 1399px) {
    .nav li a {
      padding: 0.5em !important;
      font-size: 14px;
    }
    .button-zamow {
      font-size: 14px;
    }
  }

  @media screen and (min-width: 1024px) and (max-width: 1199px) {
    .nav li a {
      padding: 0.4em !important;
      font-size: 13px;
    }
    .button-zamow {
      font-size: 13px;
    }
  }

  @media screen and (max-width: 480px) {
    .new-heading {
        font-size: 1.4rem;
    }
}

@media screen and (max-width: 1023px) {
  .mobile-menu {
    flex-direction: column;
    display: flex;
    justify-content: center;
    text-align: center;
  }
}

#sb_instagram .sbi_follow_btn a {
	background-color: #fff !important;
	border: 1px solid #333 !important;
}

#sb_instagram .sbi_follow_btn a:hover {
	background-color: #333 !important;
	color: #fff !important;
	box-shadow: none !important;
}

.woocommerce-Tabs-panel--additional_information .woocommerce-product-attributes {
  color: #111 !important;
}

.wp-block-button__link {
  height: auto !important;
  width: fit-content !important;
}

/* Styl dla całego linku do koszyka w nagłówku */
.header-cart-link {
  display: flex; /* Użyj flexbox, żeby ikona i liczba były obok siebie */
  align-items: center; /* Wyśrodkuj elementy w pionie */
  text-decoration: none; /* Usuń podkreślenie linku */
  color: #333; /* Kolor tekstu */
  font-size: 18px; /* Rozmiar ikony */
  margin-left: 20px; /* Odstęp od innych elementów w nagłówku */
  position: relative; /* Ważne dla pozycjonowania liczby */
}

/* Styl dla samej ikony koszyka */
.header-cart-link .cart-icon {
  /* Jeśli to Font Awesome, wystarczy to */
  font-size: 24px; /* Większa ikona */
}

/* Styl dla liczby produktów */
.header-cart-link .cart-items-count {
  background-color: #ff0000; /* Czerwone tło dla liczby */
  color: #ffffff; /* Biały tekst */
  border-radius: 50%; /* Okrągły kształt */
  padding: 2px 7px; /* Padding, żeby liczba ładnie wyglądała */
  font-size: 12px; /* Mniejszy rozmiar czcionki */
  line-height: 1; /* Upewnij się, że tekst jest wyśrodkowany */
  min-width: 20px; /* Minimalna szerokość, żeby jednocyfrowe liczby były okrągłe */
  text-align: center; /* Wyśrodkuj tekst */

  /* Pozycjonowanie liczby względem ikony */
  position: absolute;
  top: -8px; /* Przesuń nieco w górę, aby 'wisieć' na ikonie */
  right: -8px; /* Przesuń nieco w prawo */
}

/* Jeśli koszyk jest pusty i ma być ukryta liczba (opcjonalnie) */
.header-cart-link .cart-items-count:empty {
  display: none;
}

.wc-block-components-checkout-place-order-button:hover {
	background-color: #333 !important;
	color: #fff !important;
}

.woocommerce-cart .wc-block-components-totals-shipping {
	display: none;
}

.woocommerce-checkout .wc-block-components-local-pickup-rates-control .wc-block-components-radio-control__description {
	display: flex !important;
}

.single-product #container {
	background-color: #fff;
}