body, button, input, select, textarea {
    font-family: 'Open Sans', sans-serif;
} // custom google font plugin


/* Ogólne linki w treści */
a {
    font-weight: 600; /* Semi-bold */
    color: #111111;   /* Prawie czarny */
    text-decoration: none; /* Usunięcie podkreślenia */
    transition: color 0.3s ease-in-out; /* Animacja przy hoverze */
}

/* Hover i focus – płynne przejście na czerwony */
a:hover,
a:focus {
    color: #F5141E;
    text-decoration: none; /* Podtrzymujemy brak podkreślenia */
}

/* Kliknięty link */
a:active {
    color: #F5141E;
}

/*-----------------------------------------*/
/* Erese bunch of blank space coused by this calss and Adify plugin */
.af-price-tbl-btn-space {
    display: none !important;
}
/*-----------------------------------------*/
strong {
    font-weight: 700; /* Pogrubienie */
}

/*-----------------------------------------*/
/* Sticky Header */
#site-header {
    position: fixed;
    top: 0;
    width: 100%;
/*    background-color: rgba(255, 255, 255, 1); */
    box-shadow: 0 -8px 27px rgba(0, 0, 0, 0.08);
    z-index: 1000;
    transition: top 0.8s ease, opacity 0.7s ease;
/*    backdrop-filter: blur(10px); /* rozmycie tła */
    -webkit-backdrop-filter: blur(10px); /* dla Safari */
}


#site-header.hidden {
    top: -120px;
    /* Adjust the value as per your header height */
    opacity: 0;
}
/*-----------------------------------------*/
/* --- Toggle filtrów na mobilkach --- */
@media (max-width: 768px) {
  /* pokaż guzik */
  #toggle-filters {
    display: block !important;
    margin-bottom: 1rem;
  }
  /* ukryj panel filtrów */
  #filters-container {
    display: none;
    position: relative; /* lub fixed, jeśli chcesz */
    width: 100%;
    background: #fff;
    z-index: 1001;
  }
}
/* po dodaniu klasy .active – pokaż panel */
#filters-container.active {
  display: block !important;
}

@media (min-width: 769px) {
  /* na desktopach guzik schowaj */
  #toggle-filters {
    display: none !important;
  }
}
/*-----------------------------------------*/

/* ukrywaj przycisk domyślnie na mobile */
@media (max-width: 768px) {
  .filter-button {
    display: none !important;
  }
  /* pokazuj tylko gdy body ma odpowiednią klasę */
  body.show-filters-btn .filter-button {
    display: block !important;
  }
}
/*-----------------------------------------*/

/* Ukryj cały blok "Koszt przygotowania produkcji" */
.wc-pao-addon-container.wc-pao-addon-id-1741009637,
.wc-pao-addon-container[data-addon-name="Koszt przygotowania produkcji"] {
    display: none !important;
}

/*-----------------------------------------*/
/* 1. Na każdej stronie pojedynczego produktu */
body.single-product .quantity > input[type="number"].input-text.qty.text {
  width: 6ch !important;       /* ok. 6 znaków, zmień na 7ch/8ch jeśli trzeba */
  min-width: 6ch !important;
  max-width: none !important;
}

/* 2. Przywróć strzałki spinbox w Chrome/Safari */
body.single-product .quantity > input[type="number"].input-text.qty.text::-webkit-outer-spin-button,
body.single-product .quantity > input[type="number"].input-text.qty.text::-webkit-inner-spin-button {
  -webkit-appearance: auto !important;
  margin: 0 !important;
}

/* 3. I w Firefoxie */
body.single-product .quantity > input[type="number"].input-text.qty.text {
  -moz-appearance: textfield !important;
}

/*-----------------------------------------*/

/* ekstra pogrubione linki */
.extra-bold {
  font-weight: 600 !important;
  color: #F51721;
  /* jeśli chcesz lekko przy okazji rozciągnąć litery:
  letter-spacing: 0.02em; */
  transition: color 0.2s ease, font-weight 0.2s ease;
}

.extra-bold:hover,
.extra-bold:focus {
  font-weight: 800 !important;
  color: #F51721;
}

/*------------------ FILTRY */
.wc-block-components-checkbox label {
    font-size: 0.7em !important;
}

.editor-styles-wrapper .wc-block-components-checkbox, .wc-block-components-checkbox {
    margin-top: 0.2em; !important;
}

.wc-blocks-filter-wrapper .wp-block-heading {
    margin-top: 0.7em !important;
    margin-bottom: 0.5em !important;
    font-size: 0.8em !important;
}


.wc-block-components-filter-reset-button {align-content
	text-decoration: underline !important;
/*	font-weight: 600 !important; */
	font-size: .7em !important;
}

.wc-block-attribute-filter {
    margin-bottom: 5px !important;
}
/*------------------ FILTRY - END */

/*------------------ style na stronie produktu */

.wp-block-post-excerpt .wp-block-post-excerpt__excerpt {
    font-size: 0.8em;
}

th.label {
    padding-bottom: 0.2em !important;  /* lub inna wartość wg uznania */
}

td.value.woo-variation-items-wrapper {
    padding-bottom: 0.2em !important;
}

/*------------------ style na stronie produktu WARIANTY */


/*------------------ pole wpisywania ilosci na karcie produktu */
body.single-product .quantity > input[type="number"].input-text.qty.text {
    width: 16ch !important;
    min-width: 10ch !important;
    max-width: none !important;
}
/*------------------ ukrycie krotkiego opisu produktu
/* Ukrycie całego bloku wariantu */
.woocommerce-variation.single_variation {
    display: none !important;
}
/* Ukrycie podsumowania pokazujacego sie przy opcji koszystajacej z add-on */

#product-addons-total {
    display: none !important;
}
/* Ukrycie resetu do wyboru wariacji*/
a.reset_variations {
    display: none !important;
}

/* zaokraglenie selectora sortowania */
select.orderby {
    border-radius: 4px !important;
    /* Opcjonalnie: można dodać trochę paddingu i np. cień, jeśli chcesz lepszy wygląd: */
    /* padding: 0.4em 1em; */
    /* box-shadow: 0 1px 2px rgba(0,0,0,0.07); */
}

/* rozciagniecie guzika dodaj do koszyka*/

/* ukrywanie wczytywania filtrow*/

/* ukrywanie wczytywania filtrow - KONIEC*/

/* Styl dla przycisku RESET filtrów */
.wc-block-components-filter-reset-button {
    text-decoration: none !important;
    color: #f51721 !important;
    font-weight: normal !important;
    transition: font-weight 0.2s ease-in-out;
    margin-left: 0 !important;
    margin-right: auto !important; /* to wypycha przycisk do lewej */
}

.wc-block-components-filter-reset-button:hover {
    color: #f51721 !important;
    font-weight: bold !important; /* pogrubienie na hover */
    text-decoration: none !important;
}

/* Wyrównanie kontenera przycisku Resetuj do lewej */
.wc-block-attribute-filter__actions {
    text-align: left !important; /* <-- to nadpisuje domyślne prawe wyrównanie */
}

/* Styl dla przycisku RESET filtrów KONIEC */

/* zmiany styli w koszyku bocznym */
.widget_shopping_cart .total strong,
.widget_shopping_cart .total .woocommerce-Price-amount {
    font-size: 1.4em !important;
    font-weight: bold !important;
    text-transform: uppercase;
}


/* zmiany styli w koszyku bocznym KONIEC */

/* Zaokraglanie na 4px guzikow woo */

.wp-block-woocommerce-checkout-actions-block 
.wc-block-checkout__actions_row 
.wc-block-components-checkout-place-order-button {
    border-radius: 4px !important;
}

:root :where(.wp-element-button, .wp-block-button__link) {
    border-radius: 4px !important;
}

.woocommerce div.product form.cart div.quantity .qty {
    border-radius: 4px !important;
}

.woocommerce-account .wp-block-post-title, .woocommerce-account main .woocommerce, .woocommerce-cart .wp-block-post-title, .woocommerce-cart main .woocommerce, .woocommerce-checkout .wp-block-post-title, .woocommerce-checkout main .woocommerce {
    max-width: 1340px !important;
}

/* wielkosc liter podsumowania kwoty w mini koszyku */
.wc-block-mini-cart__footer 
.wc-block-components-totals-item.wc-block-mini-cart__footer-subtotal {
    font-size: 1.5rem !important;
    font-weight: 700 !important;
}
/* odkrycie ukrytego koszyka z wartosciami na stornei sklepu i kategorii. normalnei jest widoczny tylko na stornie glownej */
.wc-block-mini-cart__badge {
    background-color: rgb(17, 17, 17) !important;
    color: rgb(255, 255, 255) !important;
}