/* ============================= */
/* GLOBALNY KOLOR GŁÓWNY */
:root {
  --bs-primary: #debc66;
  --bs-primary-rgb: 222, 188, 102;
}

/* ============================= */
/* PRZYCISKI PRIMARY */
.btn-primary,
.bg-primary {
  background-color: #debc66 !important;
  border-color: #debc66 !important;
}

.btn-primary:hover,
.btn-primary:focus {
  background-color: #c9a94f !important;
  border-color: #c9a94f !important;
}

/* ============================= */
/* LINKI I TEKST */
a,
.text-primary {
  color: #debc66;
}

a:hover {
  color: #c9a94f;
}

/* ============================= */
/* BTN-LINK (np. Quickview) */
.btn-link,
.product-miniature__quickview_button {
  color: #debc66 !important;
}

.btn-link:hover,
.product-miniature__quickview_button:hover {
  color: #c9a94f !important;
}

.product-miniature__quickview_button i {
  color: #debc66 !important;
}

/* ============================= */
/* PAGINACJA */
.page-item.active .page-link {
  background-color: #debc66 !important;
  border-color: #debc66 !important;
}

.page-link {
  color: #debc66;
}

/* ============================= */
/* FORMULARZE */
.form-control:focus {
  border-color: #debc66 !important;
  box-shadow: 0 0 0 .25rem rgba(222,188,102,.25) !important;
}

/* ============================= */
/* CHECKBOXY / RADIO / SWITCH */
.form-check-input:checked {
  background-color: #debc66 !important;
  border-color: #debc66 !important;
}

/* ============================= */
/* BADGE */
.badge.bg-primary {
  background-color: #debc66 !important;
}
/* OUTLINE PRIMARY */
.btn-outline-primary {
  color: #debc66 !important;
  border-color: #debc66 !important;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus {
  background-color: #debc66 !important;
  border-color: #debc66 !important;
  color: #fff !important;
}
/*tytuły produktów*/
.product-miniature__title,
.product-miniature__title a {
  color: #222 !important;
  font-weight: 600;
}
/* ============================= */

/* UKRYCIE PRZYCISKU „WSZYSTKIE PRODUKTY” */
.all-product-link {
  display: none !important;
}
/* UKRYCIE PRZYCISKU „SZYBKI PODGLĄD” */
.product-miniature__quickview_button {
  display: none !important;
}
.product-miniature__quickview {
  display: none !important;
}

/* ============================= */

/* UKRYCIE NAPISU „POPULARNE PRODUKTY” */
.section-title {
  display: none !important;
}
/* UKRYCIE PRZYCISKU „ULUBIONE” */
.wishlist-button-add {
  display: none !important;
}
/* UKRYCIE WIDŻETU WYSZUKIWANIA */
#search_widget {
  display: none !important;
}
/* ==============================
   Parametr do odsunięcia
   ============================== */
:root {
  --header-side-gap: 2rem; /* kontroluje odstęp między logo a koszykiem/loginem */
}

/* Kontener – padding po bokach dla wizualnej przerwy */
.header-bottom__container {
  padding-left: var(--header-side-gap);
  padding-right: var(--header-side-gap);
  display: flex;
  align-items: center;
  justify-content: space-between; /* logo po lewej, grupa po prawej */
}

/* Logo bez przesuwania marginesem */
.header-bottom__container .logo {
  margin-left: 0;
}

/* Grupa koszyk + login po prawej */
.header-bottom__container .header-right-group {
  margin-left: auto;
  display: flex;
  align-items: center;
}

/* Odstęp między koszykiem a loginem */
.header-right-group > *:not(:first-child) {
  margin-left: 1rem;
}

/* Responsywność na mobile */
@media (max-width: 767px) {
  .header-bottom__container {
    flex-direction: column;
    align-items: flex-start;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .header-right-group {
    margin-left: 0;
    margin-top: 0.5rem;
    flex-direction: row;
  }

  .header-right-group > *:not(:first-child) {
    margin-left: 1rem;
  }
}
/* usunięcie header top */
.header-top {
  display: none !important;
}

/* ==============================
   Hover dla koszyka i loginu (header-right-group) – delikatniejszy
   - start-hover -> animacja przy starcie strony
   - :hover -> efekt po najechaniu
   ============================== */
.header-right-group .header-block__action-btn,
.header-right-group a.header-block__action-btn {
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

/* Efekt hover przy najechaniu – delikatniejszy scale */
.header-right-group .header-block__action-btn:hover,
.header-right-group a.header-block__action-btn:hover {
  transform: scale(1.03); /* wcześniej było 1.1 */
  box-shadow: 0 2px 6px rgba(0,0,0,0.1); /* delikatniejszy cień */
 }

/* -------------------------------
Ukrycie sekcji "Popularne produkty" w koszyku
------------------------------- */
body#cart .featured-products {
    display: none !important;
}


}
/* -------------------------------
Pomniejszenie przycisków plus/minus i pola ilości na stronie głównej
------------------------------- */
body#index .product-miniature__infos__bottom .input-group .btn,
body#index .product-miniature__infos__bottom .input-group .form-control {
    font-size: 0.8rem;       /* zmniejsza ikony i tekst w polu ilości */
    height: 2rem;            /* wysokość przycisków */
    width: 2rem;             /* szerokość przycisków */
    padding: 0.25rem;        /* odstępy w przyciskach */
}

body#index .product-miniature__infos__bottom .input-group .form-control {
    height: 2rem;            /* dopasowanie pola ilości */
    padding: 0 0.25rem;
    font-size: 0.8rem;
}

/* -------------------------------
Pomniejszenie przycisku "Dodaj do koszyka" na stronie głównej
------------------------------- */
body#index .product-miniature__infos__bottom button[data-button-action="add-to-cart"] {
    font-size: 0.8rem;      /* zmniejsza tekst i ikonę */
    height: 2rem;           /* wysokość przycisku */
    padding: 0 0.5rem;      /* wewnętrzne marginesy */
}

/* -------------------------------
Wyrównanie tytułu produktu do lewej na stronie głównej
------------------------------- */
body#index .product-miniature__title {
    text-align: left;
}

/* -------------------------------
Sticky footer – stopka zawsze na dole
Działa na każdej stronie sklepu
------------------------------- */

/* 1. Pełna wysokość strony */
html, body {
    height: 100%;
    margin: 0;
}

/* 2. Flex layout dla body, treść wypycha stopkę */
body {
    display: flex;
    flex-direction: column;
}

/* 3. Główny kontener treści – zajmuje całą dostępną przestrzeń */
main, .content-wrapper, .page-content {
    flex: 1 0 auto; /* rośnie i wypycha stopkę na dół */
}

/* 4. Stopka – naturalny rozmiar, nie kurczy się */
footer {
    flex-shrink: 0;
    background-color: #000; /* czarna stopka */
    color: #fff; /* tekst w stopce na biało, jeśli trzeba */
}
/* ===============================
   Dynamiczne logo w header-bottom
================================= */

/* Kontener całej linii headera */
.header-bottom .header-bottom__row,
.header-bottom .header-bottom__container {
    display: flex;
    align-items: center;       /* centrowanie w pionie */
    justify-content: space-between; /* logo z lewej, koszyk z prawej */
}

/* Kolumna z logo */
.header-bottom .logo {
    display: flex;
    align-items: center;
}

/* H1 wewnątrz kolumny */
.header-bottom__h1 {
    margin: 0;
    display: flex;
    align-items: center;
}

/* Sam obrazek logo - dynamiczna wysokość */
.header-bottom img.logo {
    max-height: 200px;     /* maksymalna wysokość */
    height: auto;
    width: auto;
    display: block;
}

/* Koszyk i login - pozostają po prawej */
.header-right-group {
    display: flex;
    align-items: center;
    margin: 1rem; /* odstęp między koszykiem a loginem */
}

/* Slider mniejszy */
#home-slider {
  position: relative;
  height: 55vh; /* zmniejszony z 100vh */
  overflow: hidden;
}
/*wyłącz tekst zaoszczędź na zamówieniu czas*/
span.text-muted.fst-italic {
    display: none !important;
}

/* Ukrywa tło całego footer form */
footer.form-footer {
    background: none !important;   /* usuwa czarny kolor */
    border: none !important;       /* usuwa ewentualną obwódkę */
    padding: 0 !important;         /* usuwa nadmiarowe marginesy/padding */
}

/* Opcjonalnie zachowujemy trochę marginesu pod przyciskiem */
footer.form-footer .continue {
    margin-top: 1rem; /* dostosuj w razie potrzeby */
}

/* Pogrubienie pierwszej części etykiety i dodanie dwukropka */
label.form-check-label {
    font-weight: normal; /* cała etykieta normalnie */
}

label.form-check-label::first-line {
    font-weight: bold; /* pogrubiamy pierwszą linię */
}

.form-text {
    display: none !important;
}

/* Przesunięcie przycisku "Dalej" na prawą stronę */
div.mt-4.d-flex.flex-wrap.justify-content-between.align-items-center {
    justify-content: flex-end !important; /* wszystkie elementy wewnątrz w prawo */

}

/* Ukrycie kalkulatora rat Przelewy24 */
#installment-widget-max {
    display: none !important;
}
/* logo hover*/
img.logo {
    transition: transform 0.4s ease, filter 0.4s ease;
}

img.logo:hover {
    transform: scale(1.04);
}

/* Animacja dla linków w stopce */
.footer__block__content a {
    display: inline-block; /* potrzebne żeby scale działał poprawnie */
    transition: transform 0.15s ease;
}

/* Powiększenie przy najechaniu */
.footer__block__content a:hover {
    transform: scale(1.02);
}

/* Styl dla przycisku Wyloguj się w dropdown */
.dropdown-menu .dropdown-item[href*="mylogout"] {
    color: #d1343b;   /* czerwień, możesz zmienić */
    font-weight: 600; /* opcjonalnie pogrubienie */
}

/* Opcjonalnie efekt hover */
.dropdown-menu .dropdown-item[href*="mylogout"]:hover {
   transform: scale(1.02);
   transition: transform 0.4s ease, filter 0.4s ease;
}

/* Kontener przycisków */
.form-footer .mt-4.d-flex {
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    margin: 15px;
}

/* Reset różnic między  i  */
.form-footer .mt-4.d-flex .btn {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 44px;
    padding: 0 20px !important;
    line-height: normal !important;
    margin: 0 !important;
    vertical-align: middle !important;
}

.form-footer .mt-4.d-flex .btn + .btn {
    margin-left: 15px !important;
}


/* Ukryj badge "Nowy" */
.product-flags .new {
    display: none !important;
}