.custom-logo {
  width: auto !important;
  height: auto !important;
  max-height: 140px !important;
  max-width: 100% !important;
}
.woocommerce-Price-amount {
  color: #ffffff !important;
}

/* ==== MENU GŁÓWNE – DESKTOP ==== */

/* Kolor tekstu w menu głównym */
.main-navigation ul.menu > li > a {
  color: #ffffff !important;
}

/* Kolor po najechaniu */
.main-navigation ul.menu > li > a:hover {
  color: #e0b07e !important;
}

/* Kolor aktywnej pozycji (ta strona, na której jesteś) */
.main-navigation ul.menu > li.current-menu-item > a,
.main-navigation ul.menu > li.current_page_item > a {
  color: #e0b07e !important;
  font-weight: bold;
  text-decoration: underline;
}


/* ==== MENU MOBILNE ==== */

/* ?? Kolor tekstu w menu mobilnym */
.menu ul li a {
  color: #ffffff !important;
}

/* ?? Kolor po najechaniu */
.menu ul li a:hover {
  color: #e0b07e !important;
}

/* ?? Kolor aktywnej pozycji */
.menu ul li.current_page_item > a,
.menu ul li.current-menu-item > a {
  color: #e0b07e !important;
  font-weight: bold;
  text-decoration: underline;
}

/* ?? Tło menu mobilnego */
.menu ul {
  background-color: #000000 !important;
}


/* menu dla mibilncu - burger*/
button.menu-toggle {
  background-color: #c76c36 !important; /* bursztynowe tło */
  color: #ffffff !important;            /* biały tekst / ikona */
  border: none !important;
}

button.menu-toggle:hover {
  background-color: #e0b07e !important; /* jaśniejsze bursztynowe tło po najechaniu */
  color: #ffffff !important;
}

button.menu-toggle span {
  color: #ffffff !important;
}

  /* Ukryj wszystkie elementy dolnego paska oprócz koszyka */

@media (max-width: 767px) {


  .storefront-handheld-footer-bar ul li:not(.cart) {
    display: none !important;
  }

  /* Styl całego paska */
  .storefront-handheld-footer-bar {
    height: 50px !important;
    background-color: rgba(0, 0, 0, 0.8) !important;
  }

  /* Styl koszyka */
  .storefront-handheld-footer-bar ul li.cart a {
    padding: 8px 12px !important;
    font-size: 13px !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #ffffff !important;
  }

  .storefront-handheld-footer-bar ul li.cart a:hover {
    color: #e0b07e !important;
  }
}

/* pole sortowania produktow */

select.orderby {
  background-color: #1a1a1a !important;   /* ciemne tło */
  color: #ffffff !important;              /* biały tekst */
  border: 1px solid #e0b07e !important;   /* bursztynowa ramka */
  padding: 6px 10px;
  border-radius: 4px;
  font-size: 14px;
  appearance: none;                       /* ukrywa systemowy wygląd */
}

/* Ikona strzałki – tylko dla Webkit (Chrome, Safari) */
select.orderby::-webkit-dropdown-arrow {
  color: #e0b07e;
}

/* Podczas najechania */
select.orderby:hover {
  border-color: #f5c890 !important;
}

input.search-field {
  background-color: #1a1a1a !important;     /* ciemne tło */
  color: #ffffff !important;                /* biały tekst */
  border: 1px solid #e0b07e !important;     /* bursztynowa ramka */
  padding: 6px 12px;
  border-radius: 5px;
  font-size: 14px;
  transition: all 0.2s ease;
}

/* Placeholder: „Szukaj produktów…” */
input.search-field::placeholder {
  color: #bbbbbb !important;                /* jasnoszary tekst pomocniczy */
}

/* Fokus (po kliknięciu) */
input.search-field:focus {
  border-color: #f5c890 !important;
  outline: none;
  box-shadow: 0 0 6px #e0b07e66;
}
/* ramka w polityce zwrotu */
/* Stylizacja ramki z białym tłem i czarnym tekstem */
div[style*="width: 864px"],
div[style*="background-color: #fff"],
div[style*="background:#fff"] {
  color: #000 !important;
  background-color: #fff !important;
  padding: 20px;
  border-radius: 8px;
  overflow-x: auto;
  overflow-y: visible;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.05);
  margin: 20px auto;
  max-width: 100%;
  box-sizing: border-box;
}

/* Wewnątrz ramki: tekst i komórki */
div[style*="width: 864px"] p,
div[style*="width: 864px"] td,
div[style*="width: 864px"] strong {
  color: #000 !important;
  font-size: 14px;
  line-height: 1.6;
}

/* Tabele i ich zawartość w ramce */
div[style*="width: 864px"] table {
  width: 100% !important;
  table-layout: auto;
  border-collapse: collapse;
}

/* SVG i grafiki skalowalne wewnątrz ramki */
div[style*="width: 864px"] svg {
  max-width: 100%;
  height: auto;
  display: block;
  margin: auto;
}

/* Responsywność: tabela nie ucina się na małych ekranach */
@media (max-width: 768px) {
  div[style*="width: 864px"] {
    overflow-x: auto;
  }

  div[style*="width: 864px"] table {
    min-width: 600px;
  }
}
/* ramka w polityce zwrotu - koniec zmian */

/* ciemny motyw na stronie zamówenie otrzymane */
.woocommerce-order,
.woocommerce-order-overview,
.woocommerce-thankyou-order-details,
.woocommerce-table--order-details,
.woocommerce-table--order-details th,
.woocommerce-table--order-details td,
.woocommerce-thankyou-order-details strong {
    background-color: rgba(15, 5, 5, 0.85) !important; /* ciemne tło z lekkim prześwitem */
    color: #f4e0c2 !important; /* jasny, ciepły kolor tekstu */
    border-color: #5a2a1b !important; /* dopasowany kolor ramki */
}

.woocommerce-table--order-details th {
    font-weight: bold !important;
    color: #ffd8b0 !important; /* nagłówki nieco jaśniejsze */
}

.woocommerce-thankyou-order-details .woocommerce-Price-amount {
    font-weight: bold;
    color: #ffe0a0 !important; /* ceny mocniej wyróżnione */
}

.woocommerce-thankyou-order-details img {
    filter: brightness(0.85) contrast(1.2);
}

/* usuwa dziwne zygzaki na potwierdzeniu zamówienia */
.woocommerce-order-overview::before,
.woocommerce-order-overview::after {
  display: none !important;
}

/* zakaldka zamowienia w panelu klienta */
.woocommerce table.my_account_orders {
  background-color: #1a0d0d !important;
  border: 1px solid #333;
  color: #e9d3b2 !important;
}

.woocommerce table.my_account_orders th,
.woocommerce table.my_account_orders td {
  background-color: transparent !important;
  color: #e9d3b2 !important;
  border-color: #333 !important;
}

.woocommerce table.my_account_orders a {
  color: #e27434 !important;
}

.woocommerce table.my_account_orders .button {
  background-color: #e27434 !important;
  color: #fff !important;
  border: none;
}

/* zakaldka szczegoly konta w panelu klienta */
/* ------------------------
   SEKCJA: Szczegóły konta
   ------------------------ */
/* Pola tekstowe */
.woocommerce-MyAccount-content input[type="text"],
.woocommerce-MyAccount-content input[type="email"],
.woocommerce-MyAccount-content input[type="password"] {
  background-color: #2c1a1a !important;
  color: #fff !important;
  border: 1px solid #4a2c1d !important;
  padding: 10px;
  border-radius: 5px;
  width: 100%;
}

/* Placeholdery */
.woocommerce-MyAccount-content input::placeholder {
  color: #e9d3b2 !important;
  opacity: 0.7;
}

/* Etykiety pól */
.woocommerce-MyAccount-content label {
  color: #f0b97d !important;
  font-weight: bold;
  margin-bottom: 5px;
  display: block;
}

/* Wyświetlana nazwa i opis */
.woocommerce-MyAccount-content #display_name,
.woocommerce-MyAccount-content em {
  color: #e9d3b2 !important;
}

/* ------------------------
   SEKCJA: Zmiana hasła
   ------------------------ */

/* Panel zmiany hasła */
.woocommerce-MyAccount-content fieldset {
  background-color: #1a0d0d !important;
  border: 1px solid #382017 !important;
  padding: 20px !important;
  border-radius: 8px;
  color: #e9d3b2 !important;
  margin-top: 30px;
  position: relative;
}

/* Nagłówek "Zmiana hasła" – wewnątrz panelu */
.woocommerce-MyAccount-content fieldset legend {
  font-size: 1.3em;
  font-weight: bold;
  color: #f0b97d !important;
  background: transparent !important;
  padding: 0 0 10px 0;
  border-bottom: 1px solid #3a1f1f;
  margin-bottom: 1em;
  display: block;
  width: 100%;
}

/* Przycisk „oko” */
.woocommerce-MyAccount-content .show-password-input,
.woocommerce-MyAccount-content .show-password-input:hover {
  background-color: #4a2c1d !important;
  color: #f0b97d !important;
  border: none;
}

/* ------------------------
   Przycisk "Zapisz zmiany"
   ------------------------ */

.woocommerce-MyAccount-content button.button {
  background-color: #a05025 !important;
  color: #fff !important;
  font-weight: bold;
  border: none;
  padding: 10px 20px;
  border-radius: 5px;
  margin-top: 20px;
  transition: background-color 0.2s ease-in-out;
}

.woocommerce-MyAccount-content button.button:hover {
  background-color: #d06a2f !important;
}

/* Wordfence 2FA ciemny motyw */
/* Główna karta 2FA */
#wfls-activation-controls,
#wfls-activation-controls * {
  background-color: #1a0d0d !important;
  color: #e9d3b2 !important;
  border-color: #392015 !important;
}

/* Tło bloków QR i formularza */
.wfls-block,
.wfls-modal,
.wfls-block-content,
.wfls-block-footer {
  background-color: #1a0d0d !important;
  color: #e9d3b2 !important;
  border-color: #392015 !important;
}

/* Tekst nagłówków */
.wfls-block-title strong,
.wfls-modal-title strong {
  color: #f0b97d !important;
}

/* Pola formularza */
#wfls-activate-field,
#wfls-qr-code-text {
  background-color: #2c1a1a !important;
  color: #ffffff !important;
  border: 1px solid #555 !important;
}

/* Linki i przyciski */
#wfls-activation-controls a,
.wfls-btn,
.wfls-modal-footer a {
  background-color: #331a0f !important;
  color: #f0b97d !important;
  border: 1px solid #65412f !important;
}

#wfls-activation-controls a:hover,
.wfls-btn:hover,
.wfls-modal-footer a:hover {
  background-color: #43261a !important;
}

/* Lista kodów */
.wfls-recovery-codes li {
  background-color: #2a1a1a !important;
  color: #ffffff !important;
  border: 1px dashed #555 !important;
  padding: 4px 8px;
  margin-bottom: 4px;
  font-family: monospace;
}

/* ------------------------
   FORMULARZ LOGOWANIA - ciemny motyw
   ------------------------ */

/* Pola logowania */
.woocommerce form .form-row input.input-text {
  background-color: #2c1a1a !important;
  color: #fff !important;
  border: 1px solid #4a2c1d !important;
  padding: 10px;
  border-radius: 5px;
  width: 100%;
}

/* Placeholdery */
.woocommerce form .form-row input::placeholder {
  color: #e9d3b2 !important;
  opacity: 0.7;
}

/* Etykiety pól */
.woocommerce form .form-row label {
  color: #f0b97d !important;
  font-weight: bold;
  margin-bottom: 5px;
  display: block;
}

/* Checkbox - zapamiętaj mnie */
.woocommerce form .form-row input[type="checkbox"] {
  accent-color: #a05025 !important;
}

/* Link "Nie pamiętasz hasła?" */
.woocommerce form .lost_password a {
  color: #e47a3c !important;
  text-decoration: underline;
}
.woocommerce form .lost_password a:hover {
  color: #f0b97d !important;
}

/* ------------------------
   Przycisk "Zaloguj się"
   ------------------------ */

.woocommerce form .form-row input[type="submit"],
.woocommerce-button.button {
  background-color: #a05025 !important;
  color: #fff !important;
  font-weight: bold;
  border: none;
  padding: 10px 20px;
  border-radius: 5px;
  transition: background-color 0.2s ease-in-out;
}

.woocommerce form .form-row input[type="submit"]:hover,
.woocommerce-button.button:hover {
  background-color: #d06a2f !important;
}

/* Ikona "oko" (pokaż hasło) */
.woocommerce form .form-row .show-password-input,
.woocommerce form .form-row .show-password-input:hover {
  background-color: #4a2c1d !important;
  color: #f0b97d !important;
  border: none;
}
 /* numery w paginacji produktow */
/* Powiększenie wszystkich cyfr w paginacji */
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
  font-size: 1.4em;
  padding: 0.5em 0.75em;
}

/* Styl dla aktywnej strony */
.woocommerce nav.woocommerce-pagination ul li span.current {
  background-color: transparent !important;
  color: #c38b5f !important;
  font-weight: 700;
  text-decoration: underline;
  border: none !important;
  box-shadow: none !important;
}

/* ===== Komunikaty WooCommerce – ciemny motyw jak na "zamówienie otrzymane" ===== */

/* Czarne tło ramki w podsumowaniu zamówienia i płatnościach - nadpisanie motywu */
form#order_review .shop_table,
form#order_review .shop_table thead th,
form#order_review .shop_table tbody td,
form#order_review .shop_table tfoot th,
form#order_review .shop_table tfoot td,
#payment,
#payment .payment_methods,
#payment .payment_methods li,
#payment .payment_box,
.woocommerce-terms-and-conditions-wrapper {
    background-color: #000 !important; /* czarne tło */
    background-image: none !important; /* usunięcie ewentualnych wzorów z motywu */
}


.woocommerce-sticky-add-to-cart {
    display: none !important;
}
.single-product .sticky-add-to-cart {
    position: static !important;
    bottom: unset !important;
}
form.cart {
    position: static !important;
}

