/*
 Theme Name:   nectarweb
 Theme URI:    https://nectarweb.pl
 Description:  Zapylamy w internety!
 Author:       B@rtas
 Author URI:   https://nectarweb.pl
 Template:     generatepress
 Version:      1.0
*/

/* TYPOGRAFIA GLOBALNA — WYMIUSZENIE ROZMIARÓW FONTÓW */

/* DESKTOP */
h1 {
  font-size: 2.75rem !important;
}

h3, h4, h5, h6 {
  font-size: 2rem !important;
}

p, d, ul, li {
  font-size: 1.125rem !important;
}

/* MOBILE */
@media (max-width: 768px) {
  h1 {
    font-size: 1.5rem !important;
  }

  h3, h4, h5, h6 {
    font-size: 1.4rem !important;
  }

  p, d, ul, li {
    font-size: 1rem !important;
  }
}
/* BlackFormat: button/link style */
.bb-button,
a.bb-button,
button.bb-button {
  background: #000 !important;
  color: #fff !important;
  border: 1px solid #000 !important;
  text-decoration: none !important;

  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;

  padding: 12px 18px;

  font-weight: 400;
  line-height: 1;
  cursor: pointer;

  transition: background-color .2s ease, color .2s ease, border-color .2s ease, transform .2s ease;
}

.bb-button:hover,
a.bb-button:hover,
button.bb-button:hover {
  background: #fff !important;
  color: #000 !important;
  border-color: #000 !important;
}

/* Dostępność: focus dla klawiatury */
.bb-button:focus-visible,
a.bb-button:focus-visible,
button.bb-button:focus-visible {
  outline: 2px solid #000;
  outline-offset: 3px;
}

/* Wyłączenie „wyblaknięcia” w Safari/iOS dla linków */
a.bb-button:visited {
  color: #fff !important;
}
a.bb-button:hover:visited {
  color: #000 !important;
}
/* =========================
   BLACKFORMAT: Add to cart buttons (force)
   ========================= */

/* 1) Listing (klasyczne Woo) + single product button + Gutenberg/Woo blocks */
.woocommerce :is(
  a.add_to_cart_button,
  a.ajax_add_to_cart,
  a.product_type_simple.add_to_cart_button,
  a.product_type_variable.add_to_cart_button,
  a.product_type_grouped.add_to_cart_button,
  a.product_type_external.add_to_cart_button,
  button.single_add_to_cart_button,
  .single_add_to_cart_button,
  .wc-block-grid__product-add-to-cart a,
  .wc-block-grid__product-add-to-cart .wp-block-button__link,
  .wp-block-button__link.add_to_cart_button,
  .wp-element-button.add_to_cart_button,
  .wc-block-components-product-button__button,
  .wc-block-components-button
) {
  background-color: #000 !important;
  color: #fff !important;
  border: 1px solid #000 !important;
  border-radius: 0 !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

/* 2) Hover / focus / active */
.woocommerce :is(
  a.add_to_cart_button,
  a.ajax_add_to_cart,
  a.product_type_simple.add_to_cart_button,
  a.product_type_variable.add_to_cart_button,
  a.product_type_grouped.add_to_cart_button,
  a.product_type_external.add_to_cart_button,
  button.single_add_to_cart_button,
  .single_add_to_cart_button,
  .wc-block-grid__product-add-to-cart a,
  .wc-block-grid__product-add-to-cart .wp-block-button__link,
  .wp-block-button__link.add_to_cart_button,
  .wp-element-button.add_to_cart_button,
  .wc-block-components-product-button__button,
  .wc-block-components-button
):is(:hover, :focus, :active) {
  background-color: #fff !important;
  color: #000 !important;
  border-color: #000 !important;
  opacity: 1 !important;
}

/* 3) Stan "added" / "loading" – nadal czarne (żeby motyw nie zmieniał) */
.woocommerce :is(
  a.add_to_cart_button.added,
  a.ajax_add_to_cart.added,
  a.add_to_cart_button.loading,
  a.ajax_add_to_cart.loading
) {
  background-color: #000 !important;
  color: #fff !important;
  border-color: #000 !important;
}

/* 4) Disabled (np. brak wariantu) */
.woocommerce :is(
  button.single_add_to_cart_button:disabled,
  button.single_add_to_cart_button[disabled],
  a.add_to_cart_button.disabled,
  a.ajax_add_to_cart.disabled
) {
  opacity: .5 !important;
  cursor: not-allowed !important;
}

/* WooCommerce: ukryj sekcję "Podobne produkty" na stronie produktu */
.single-product .related.products,
.single-product section.related.products {
  display: none !important;
}
/* Desktop: wymuś 2rem dla całego menu (GeneratePress / Superfish) */
/* Desktop: font-size 1.2rem + wyrównanie wszystkiego do góry (tekst + caret) */
@media (min-width: 1025px) {

  /* rozmiar czcionki dla całego menu (top + submenu) */
  .main-nav .sf-menu,
  .main-nav .sf-menu li a,
  .main-nav .sf-menu > li > a {
    font-size: 1.2rem !important;
  }

  /* jeśli UL jest flexem */
  .main-nav .sf-menu {
    align-items: flex-start !important;
  }

  /* elementy LI do góry */
  .main-nav .sf-menu > li {
    align-items: flex-start !important;
  }

  /* link jako flex: tekst + caret wyrównane do góry */
  .main-nav .sf-menu > li > a {
    display: inline-flex !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    gap: .45rem !important;          /* odstęp między tekstem a caret */
    line-height: 1 !important;       /* usuwa pionowe centrowanie */
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    min-height: 0 !important;
  }

  /* caret/toggle wyrównany do góry */
  .main-nav .sf-menu > li > a .dropdown-menu-toggle,
  .main-nav .sf-menu > li > a .dropdown-menu-toggle .gp-icon {
    display: inline-flex !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    align-self: flex-start !important;
    line-height: 1 !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  /* SVG caret: niech nie "siada" na baseline */
  .main-nav .sf-menu > li > a .dropdown-menu-toggle svg {
    display: block !important;
    vertical-align: top !important;
    position: relative !important;
    top: 0 !important;
  }
}
/* GeneratePress: mobilne slideout menu — czarne tło + białe elementy + font-size 1rem */
/* GeneratePress: mobilne slideout menu — czarne tło + białe elementy + font-size 1rem + większe odstępy */
#generate-slideout-menu.slideout-navigation {
  background: #000 !important;
  color: #fff !important;
  font-size: 1rem !important;
}

/* linki i tekst w menu (globalnie) */
#generate-slideout-menu.slideout-navigation a,
#generate-slideout-menu.slideout-navigation .menu-item a,
#generate-slideout-menu.slideout-navigation .inside-navigation,
#generate-slideout-menu.slideout-navigation .inside-navigation * {
  color: #fff !important;
  font-size: 1rem !important;
}

/* -----------------------------------
   WIĘKSZE ODSTĘPY / WYSOKOŚĆ POZYCJI
   ----------------------------------- */

/* top-level: większy klik + odstępy */
#generate-slideout-menu.slideout-navigation ul.menu > li > a,
#generate-slideout-menu.slideout-navigation .sf-menu > li > a {
  display: block !important;
  padding: 14px 18px !important;   /* <- tu regulujesz wysokość pozycji */
  line-height: 1.35 !important;
  text-decoration: none !important;
}

/* submenu: trochę ciaśniej niż top-level, ale nadal wygodnie */
#generate-slideout-menu.slideout-navigation ul.sub-menu > li > a,
#generate-slideout-menu.slideout-navigation .sub-menu > li > a {
  display: block !important;
  padding: 12px 18px !important;
  line-height: 1.35 !important;
}

/* opcjonalnie: delikatny separator między pozycjami */
#generate-slideout-menu.slideout-navigation ul.menu > li,
#generate-slideout-menu.slideout-navigation .sf-menu > li {
  border-bottom: 1px solid rgba(255,255,255,.12) !important;
}

/* -----------------------------------
   SUBMENU: tło #000 + tekst #fff
   ----------------------------------- */
#generate-slideout-menu.slideout-navigation ul.sub-menu,
#generate-slideout-menu.slideout-navigation .sub-menu {
  background: #000 !important;
}

#generate-slideout-menu.slideout-navigation ul.sub-menu li,
#generate-slideout-menu.slideout-navigation ul.sub-menu li a,
#generate-slideout-menu.slideout-navigation .sub-menu li,
#generate-slideout-menu.slideout-navigation .sub-menu li a {
  background: #000 !important;
  color: #fff !important;
}

/* ikony SVG (X / caret) */
#generate-slideout-menu.slideout-navigation svg,
#generate-slideout-menu.slideout-navigation svg path {
  fill: #fff !important;
}

/* przycisk zamknięcia */
#generate-slideout-menu.slideout-navigation .slideout-exit {
  color: #fff !important;
  background: transparent !important;
  border-color: rgba(255,255,255,.25) !important;
}

/* hover / focus */
#generate-slideout-menu.slideout-navigation a:hover,
#generate-slideout-menu.slideout-navigation a:focus {
  color: #fff !important;
  background: rgba(255,255,255,.08) !important; /* delikatne podbicie na hover */
}
/* WooCommerce Blocks: przycisk "Dodaj do koszyka" pod produktami */
.wc-block-grid__product-add-to-cart .wp-block-button__link{
  border-radius: 0 !important;      /* bez zaokrągleń */
  background: #000 !important;      /* tło */
  color: #fff !important;           /* tekst */
  border: 1px solid #000 !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

/* Hover / focus (także klawiatura) – odwrócone kolory */
.wc-block-grid__product-add-to-cart .wp-block-button__link:hover,
.wc-block-grid__product-add-to-cart .wp-block-button__link:focus,
.wc-block-grid__product-add-to-cart .wp-block-button__link:focus-visible{
  background: #fff !important;
  color: #000 !important;
  border-color: #000 !important;
}

/* Opcjonalnie: jeśli WooCommerce dorzuca style disabled/added */
.wc-block-grid__product-add-to-cart .wp-block-button__link.added,
.wc-block-grid__product-add-to-cart .wp-block-button__link:disabled,
.wc-block-grid__product-add-to-cart .wp-block-button__link[aria-disabled="true"]{
  opacity: 1 !important;
  border-radius: 0 !important;
}
/* WooCommerce: przycisk "Wykorzystaj kupon" */
.woocommerce button.button[name="apply_coupon"],
.woocommerce-cart button.button[name="apply_coupon"]{
  border-radius: 0 !important;   /* bez zaokrągleń */
  background: #000 !important;   /* tło */
  color: #fff !important;        /* tekst */
  border: 1px solid #000 !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

/* Hover / focus – odwrócone kolory */
.woocommerce button.button[name="apply_coupon"]:hover,
.woocommerce button.button[name="apply_coupon"]:focus,
.woocommerce button.button[name="apply_coupon"]:focus-visible,
.woocommerce-cart button.button[name="apply_coupon"]:hover,
.woocommerce-cart button.button[name="apply_coupon"]:focus,
.woocommerce-cart button.button[name="apply_coupon"]:focus-visible{
  background: #fff !important;
  color: #000 !important;
  border-color: #000 !important;
}

/* Opcjonalnie: stan disabled */
.woocommerce button.button[name="apply_coupon"]:disabled,
.woocommerce button.button[name="apply_coupon"][disabled]{
  opacity: 0.6;
  cursor: not-allowed;
}
/* WooCommerce: przycisk "Zaktualizuj koszyk" */
.woocommerce button.button[name="update_cart"],
.woocommerce-cart button.button[name="update_cart"]{
  border-radius: 0 !important;   /* bez zaokrągleń */
  background: #000 !important;   /* tło */
  color: #fff !important;        /* tekst */
  border: 1px solid #000 !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

/* Hover / focus – odwrócone kolory */
.woocommerce button.button[name="update_cart"]:hover,
.woocommerce button.button[name="update_cart"]:focus,
.woocommerce button.button[name="update_cart"]:focus-visible,
.woocommerce-cart button.button[name="update_cart"]:hover,
.woocommerce-cart button.button[name="update_cart"]:focus,
.woocommerce-cart button.button[name="update_cart"]:focus-visible{
  background: #fff !important;
  color: #000 !important;
  border-color: #000 !important;
}

/* Stan disabled (np. gdy brak zmian w koszyku) */
.woocommerce button.button[name="update_cart"]:disabled,
.woocommerce button.button[name="update_cart"][disabled],
.woocommerce button.button[name="update_cart"][aria-disabled="true"]{
  background: #000 !important;
  color: #fff !important;
  border-color: #000 !important;
  opacity: 0.5 !important;
  cursor: not-allowed !important;
}

/* WooCommerce: ukryj wiersze "Waga" i "Wymiary" w tabeli atrybutów produktu */
.woocommerce table.woocommerce-product-attributes tr.woocommerce-product-attributes-item--weight,
.woocommerce table.woocommerce-product-attributes tr.woocommerce-product-attributes-item--dimensions {
  display: none !important;
}
/* WooCommerce: pokaż formatowany kolorowy  przycisk w sklepie pomimo, że na stanie nie ma produktu*/
/* WooCommerce – przyciski w listingach (także "Dowiedz się więcej" dla out of stock) */
.woocommerce ul.products li.product a.button,
.woocommerce ul.products li.product a.button.product_type_simple,
.woocommerce ul.products li.product a.button.product_type_variable,
.woocommerce ul.products li.product a.button.product_type_grouped,
.woocommerce ul.products li.product a.button.product_type_external,
.woocommerce ul.products li.product a.add_to_cart_button,
.woocommerce ul.products li.product a.ajax_add_to_cart,
.woocommerce ul.products li.product .wp-block-button__link,
.wc-block-grid__product .wc-block-grid__product-add-to-cart a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  background: #000 !important;
  color: #fff !important;
  border: 1px solid #000 !important;
  border-radius: 0 !important;

  text-decoration: none !important;
  box-shadow: none !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Hover/focus – odwrócenie kolorów */
.woocommerce ul.products li.product a.button:hover,
.woocommerce ul.products li.product a.button:focus,
.woocommerce ul.products li.product a.add_to_cart_button:hover,
.woocommerce ul.products li.product a.add_to_cart_button:focus,
.woocommerce ul.products li.product a.ajax_add_to_cart:hover,
.woocommerce ul.products li.product a.ajax_add_to_cart:focus,
.woocommerce ul.products li.product .wp-block-button__link:hover,
.woocommerce ul.products li.product .wp-block-button__link:focus,
.wc-block-grid__product .wc-block-grid__product-add-to-cart a:hover,
.wc-block-grid__product .wc-block-grid__product-add-to-cart a:focus {
  background: #fff !important;
  color: #000 !important;
  border-color: #000 !important;
}

/* Produkty "Brak w magazynie" – upewniamy się, że nic nie ukrywa przycisku */
.woocommerce ul.products li.product.outofstock a.button,
.woocommerce ul.products li.product.outofstock .wc-block-grid__product-add-to-cart a {
  display: inline-flex !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}