/* ============================================
   Soubor: base.css
   Popis: Globální styly – barvy pozadí, fonty, typografie, základní vzhled
   Datum: květen 2025
   Autor: Petr Tlamka (Decorhand)
============================================ */


/* (Import fontů z Google Fonts – Mulish pro texty, Poppins pro nadpisy) */
@import url('https://fonts.googleapis.com/css2?family=Mulish:wght@300;400&family=Poppins:wght@600;700&display=swap');

/* (Základní styl těla stránky – černé pozadí, bílý text, font Mulish pro běžné texty) */
body, html {
  background-color: #1C1C1C;
  color: #ffffff;

  font-size: 14px;
  line-height: 1.5;
  margin: 0;
  padding: 0;
}

/* (Styl pro nadpisy – zlatá barva a font Poppins pro moderní a luxusní vzhled) */
h1, h2, h3, h4, h5, h6 {
  color: #daba5b;
  font-family: 'Poppins', sans-serif;
  margin: 0;
  padding: 0;
}
/* Úklid bílých čtverečků + slider šipky */
.welcome-wrapper,
.welcome-wrapper::before,
.welcome-wrapper::after,
.welcome-wrapper *,
.footer-newsletter-full-width,
.footer-newsletter-full-width::before,
.footer-newsletter-full-width *,
.banner-wrapper span[data-ec-promo-id="64"],
.banner-wrapper > span:empty,
.shoptet-slider-arrow,
.shoptet-slider-arrow::before,
.shoptet-slider-arrow::after,
.slick-arrow,
.slick-arrow::before,
.slick-arrow::after,
.shoptet-slider-controls,
.shoptet-slider-controls *,
.slick-prev,
.slick-next,
.slick-dots,
.shoptet-slider-nav,
.shoptet-slider-nav *,
button.slick-prev,
button.slick-next {
  display: none !important;
  height: 0 !important;
  width: 0 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  overflow: hidden !important;
  position: absolute !important;
  left: -9999px !important;
}
/* pozadí produktu, cen a kusu v košíku*/
.cart-table tr.removeable td {
  background-color: #1C1C1C !important;
  color: #FFFFFF !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important; /* decentní oddělení */
  border-radius: 0px !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4); /* stín místo rámečku */
  padding: 14px !important;
}
/* Styl tlačítka pomoc */
span.btn.toggle-contacts {
  display: inline-block;
  background-color: transparent;
  border: 1px solid #daba5b;
  color: #daba5b;
  border-radius: 0px;
  padding: 10px 20px;
  font-weight: 600;
  text-align: center;
  transition: all 0.3s ease;
  cursor: pointer;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
/* Styl tlačítka pomoc Hover efekt */
span.btn.toggle-contacts:hover {
  background-color: #daba5b;
  color: #1C1C1C;
  box-shadow: 0 0 8px rgba(218, 186, 91, 0.4);
}
/* Objednat s povinnstí platby */
.order-button-text {
  color: #1C1C1C !important;
  font-weight: 700;
  font-size: 18px;
}
.order-button-suffix {
  color: #1C1C1C !important;
  font-weight: 400;
  font-size: 12px;
}
input,
textarea,
select {
  color: #000000 !important;         /* černý text uvnitř polí */
  background-color: #ffffff !important; /* bílé pozadí – volitelně */
}
/* ------------------------------------------------------------------------------------- */
/* =============================================
   Styl popupu pro přihlášení uživatele (login)
   Vzhled: luxusní tmavé pozadí, zlatý stín, jemné zaoblení a oddělení od okolí.
   Vytvořeno: 23. 5. 2025 – Petr Tlamka
============================================= */

.user-action-login .popup-widget-inner {
  background-color: #1C1C1C;
  color: #FFFFFF;
  border-radius: 0px;
  padding: 24px;
  box-shadow: 0 0 20px rgba(218, 186, 91, 0.15);
  border: 1px solid rgba(218, 186, 91, 0.25);
  backdrop-filter: blur(4px); /* jemné rozmazání pozadí */
  z-index: 9999;
}

/* Styl vnitřních inputů – sjednoceno s celkovým stylem */
.user-action-login input {
  background-color: #2A2A2A;
  color: #FFFFFF;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 0px;
  padding: 10px 14px;
  width: 100%;
  margin-bottom: 12px;
}

/* Styl tlačítka Přihlásit se */
.user-action-login button[type="submit"] {
  background: linear-gradient(to right, #daba5b 0%, #caa23a 100%) !important;
  color: #1C1C1C !important;
  border: 2px solid #daba5b !important;
  padding: 14px 32px !important;
  border-radius: 0 !important;
  font-size: 16px !important;
  font-weight: bold !important;
  text-transform: uppercase;
  transition: all 0.3s ease-in-out;
  box-shadow: 0 0 8px rgba(218, 186, 91, 0.2);
  text-align: center;
  width: 100%;
}

.user-action-login button[type="submit"]:hover {
  background: linear-gradient(to right, #eecf72 0%, #daba5b 100%) !important;
  transform: translateY(-2px);
  box-shadow: 0 0 14px rgba(218, 186, 91, 0.4);
  cursor: pointer;
}

/* =============================================
   Styl popup košíku – FINÁLNÍ VERZE
   Autor: Petr Tlamka – 26. 5. 2025
============================================= */

.cart-widget {
  background-color: #1C1C1C;
  border-radius: 0px;
  overflow: hidden;
  box-shadow: 0 0 25px rgba(218, 186, 91, 0.2);
}

.cart-widget-bottom {
  background-color: #1C1C1C;
  border-top: 1px solid rgba(218, 186, 91, 0.2);
  margin-top: 12px;
  padding-top: 12px;
  border-radius: 0 0 0px 0px;
}

.popup-widget-inner.cart-widget-inner,
.place-cart-here.full,
.cart-widget-products,
.cart-widget-button {
  background-color: #1C1C1C;
  color: #daba5b;
}

.breadcrumbs {
  background-color: #1C1C1C;
  color: #daba5b;
  border-color: #1C1C1C;
}

.content-wrapper-in {
  background-color: #1C1C1C;
}

/* === Zarovnání celé řádky s přepínačem a "ks" === */
/* === Blok přepínače množství + "ks" === */
/* ✅ Zarovnání celé řádky množství + "ks" */
.cart-widget-product-amount {
  position: absolute !important;
  top: 22px !important;
  right: 80px !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}
.cart-widget-product-unit {
  display: none !important;
}

.cart-widget-product-amount {
  margin-top: 21px !important;
}




/* ✅ Blok input/form */
.cart-widget .js-quantity-form,
.cart-widget form.quantity-form {
  display: flex !important;
  align-items: center !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* ✅ Zarovnání "ks" */
.cart-widget-product-unit {
  font-size: 14px !important;
  color: #daba5b !important;
  line-height: 1 !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
}


/* Styl přepínače množství */
.cart-widget .quantity {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background-color: #1C1C1C !important;
  border: 1px solid #daba5b !important;
  border-radius: 0px !important;
  overflow: hidden !important;
  height: 36px !important;
  min-width: 120px !important;

}

.cart-widget .quantity button.decrease,
.cart-widget .quantity button.increase {
  width: 36px !important;
  height: 100% !important;
  background: transparent !important;
  color: #daba5b !important;
  font-size: 18px !important;
  font-weight: bold !important;
  border: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  padding: 0 !important;
}

.cart-widget .quantity button.decrease {
  order: 1 !important;
  border-right: 1px solid #daba5b !important;
}

.cart-widget .quantity input.amount {
  order: 2 !important;
  width: 48px !important;
  height: 100% !important;
  background-color: #1C1C1C !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  border: none !important;
  box-shadow: none !important;
  appearance: none !important;
  -moz-appearance: textfield !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  margin: 0 !important;
}

.cart-widget .quantity button.increase {
  order: 3 !important;
  border-left: 1px solid #daba5b !important;
}

/* Skrytí šipek */
.cart-widget .quantity input.amount::-webkit-inner-spin-button,
.cart-widget .quantity input.amount::-webkit-outer-spin-button {
  -webkit-appearance: none !important;
  margin: 0 !important;
}
/* === Zlatý okraj popup košíku pro luxusní oddělení od pozadí === */
.cart-widget {
  border: 2px solid rgba(218, 186, 91, 0.3) !important; /* decentní zlatý rámeček */
  box-shadow: 0 0 30px rgba(218, 186, 91, 0.15) !important; /* lehké světelné oddělení */
  border-radius: 0px !important;
}
/* === Luxusní styl pro přihlašovací popup === */
.user-action-login .popup-widget-inner {
  border: 2px solid rgba(218, 186, 91, 0.4);  /* Jemný zlatý rámeček */
  border-radius: 0px !important;
  box-shadow: 0 0 25px rgba(218, 186, 91, 0.15); /* Jemné oddělení od pozadí */
  background-color: #1C1C1C !important;
  z-index: 99999 !important; /* Překrytí všeho nad sebou */
  position: relative !important;
}
/* === VIDEO BLOK – pod bannery === */
/* Petr Tlamka – finální verze bez manipulace s pořadím */

/* ✅ Poměr stran 16:9 pro vložené video */
.vlozene-video-blok .video-wrapper {
  position: relative !important;
  width: 100% !important;
  padding-top: 56.25% !important; /* 16:9 */
  overflow: hidden !important;
  background-color: #000 !important;
  border: 1px solid #daba5b !important;
  margin: 0 auto !important;
}

.vlozene-video-blok .video-wrapper video {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}
/* === zmenšení bloku s videem na 75% === */
@media screen and (min-width: 1025px) {
  .vlozene-video-blok {
    max-width: 75% !important;
    width: 75% !important;
    margin: 0 auto !important;
  }
}


.play-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 4rem;
  color: #daba5b;
  background: rgba(28, 28, 28, 0.6);
  border-radius: 50%;
  padding: 20px;
  pointer-events: none;
  transition: opacity 0.3s;
}

.vlozene-video-blok video[controls] + .play-icon {
  opacity: 0;
}

/* === OPRAVA MEZERY POD BANNEREM – 2025-06-11 === */

.content-wrapper.container {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  background-color: transparent !important;
}

.container {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.carousel-wrapper + .content-wrapper {
  margin-top: 0 !important;
}
  /* Scrollbar pro moderní prohlížeče (Chrome, Edge, Safari) */
::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: #1C1C1C; /* tmavé pozadí */
}

::-webkit-scrollbar-thumb {
  background-color: #7a4ea1; /* zlatá */
  border-radius: 0px;
}

::-webkit-scrollbar-thumb:hover {
  background-color: #7a4ea1; /* zlatá hover varianta */
}

/* Firefox */
* {
  scrollbar-color: #000000 #1C1C1C; /* thumb track */
  scrollbar-width: thin;
}
/* Obrys kategorií a hover efekt */
.subcategories.with-image li a {
  background: linear-gradient(145deg, #1a1a1a, #121212);
  border: 1px solid rgba(0, 0, 0, 0.4); /* zvýrazněný zlatý okraj */
  border-radius: 0px;
  padding: 16px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #f5f5f5;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease-in-out;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
}

/* Hover efekt: ještě výraznější zlatý a světelný nádech */
.subcategories.with-image li a:hover {
  border-color: #d4af37;
  background: linear-gradient(145deg, #222, #1a1a1a);
  color: #ffffff;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.3);
}

/* Ikonka vlevo */
.subcategories.with-image li .image {
  margin-right: 14px;
}

/* Text vpravo */
.subcategories.with-image li .text {
  font-size: 15px;
  color: inherit;
}

/* ohraničení textu u konkurenčních výhod*/
.benefitBanner__title {
  display: inline-block;
  padding: 6px 12px;
  border: 1px solid #daba5b;
  border-radius: 0px;
  background: transparent;
  color: #ffffff;
  font-weight: 600;
  font-size: 16px;
  margin-top: 12px;
  text-align: center;
}
/* zvětšení obrázku u konkurenčních výhod*/

.benefitBanner__img {
  width: 100px !important;
  height: auto !important;
  max-height: none !important;
  aspect-ratio: unset !important;
  object-fit: contain !important;
  display: block !important;
  margin: 0 auto !important;
}

.benefitBanner__img[height] {
  height: auto !important;
}
/* === Oprava levého sidebaru – zobrazit v zákaznickém účtu === */

/* Obnoví levý panel v zákaznickém účtu */
body[class*="type-account"] .sidebar.sidebar-left,
body[class*="type-account"] .sidebar.sidebar-left .sidebar-inner {
  display: block !important;
  position: relative !important;
  padding: 20px 0 !important;
}

/* Drobné zarovnání obsahu */
body[class*="type-account"] .sidebar.sidebar-left ul,
body[class*="type-account"] .sidebar.sidebar-left li,
body[class*="type-account"] .sidebar.sidebar-left a {
  text-align: left !important;
  padding-left: 20px !important;
  color: #daba5b !important;
  font-weight: 500;
}

body[class*="type-account"] .sidebar.sidebar-left a:hover {
  color: #ffffff !important;
}

/* Zmenšení vertikální mezery u nadpisu kategorie */
.category-top .category-title {
  margin-top: 16px !important;  /* nebo 12px podle vzhledu */
  margin-bottom: 8px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
* {
  border-radius: 0 !important;
}
/* Přidáme prostor dolů pod header - mezera mezi logem a nadpisem kategorie
header#header {
  position: relative;
  z-index: 10;
}
/*
main#content {
  margin-top: -120px !important; /* nebo podle výšky tvé hlavičky 
}*/

/* Tlačítko detajl u produktů*/
.p-tools a.btn.btn-primary {
  background-color: transparent !important;
  color: #daba5b !important;
  border: 1px solid #daba5b !important;
  padding: 12px 18px !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  border-radius: 12px !important;
  text-align: center !important;
  text-decoration: none !important;
  width: 100% !important;
  box-sizing: border-box !important;
  transition: all 0.3s ease !important;
}

.p-tools a.btn.btn-primary:hover {
  background-color: #daba5b !important;
  color: #1C1C1C !important;
  border-color: #daba5b !important;
}
/* Výchozí nastavení fontu pro celý web */
body {
  font-size: 16px; /* 1rem */
  font-family: 'PT Serif', serif;
  line-height: 1.6;
  color: #ffffff; /* světlý text na tmavém pozadí */
}

/* Nadpisy */
h1, .category-heading h1 {
  font-size: 2rem; /* 32px */
  font-weight: 700;
  margin-bottom: 1rem;
  font-family: 'PT Serif', serif;
}

h2 {
  font-size: 1.5rem; /* 24px */
  font-weight: 600;
  margin-bottom: 0.75rem;
  font-family: 'PT Serif', serif;
}

h3 {
  font-size: 1.25rem; /* 20px */
  font-weight: 600;
  margin-bottom: 0.5rem;
  font-family: 'PT Serif', serif;
}

/* Text v odstavcích, popisy produktů */
p, .product-description, .description, .text-content, .richtext {
  font-size: 1rem; /* 16px */
  font-family: 'PT Serif', serif;
}

/* Názvy produktů ve výpisu */
.product-name, .product-title, .product h1 {
  font-size: 1.25rem; /* 20px */
  font-weight: 600;
  font-family: 'PT Serif', serif;
}

/* Ceny produktů */
.price-final, .product-price-final, .product-detail-price {
  font-size: 1.5rem; /* 24px */
  font-weight: bold;
  color: #daba5b;
}

/* Tlačítka */
.btn, .btn-default, .btn-primary, input[type="submit"], button {
  font-size: 1rem; /* 16px */
  padding: 10px 20px;
  font-family: 'PT Serif', serif;
}

/* Menu a navigace */
.navigation a,
.navigation li a,
.menu a {
  font-size: 0.95rem; /* cca 15px */
  font-weight: 500;
  font-family: 'PT Serif', serif;
}

/* Drobné informace – např. skladovost, značky */
.stock, .availability, .product-brand, .label-small {
  font-size: 0.875rem; /* 14px */
  color: #999;
  font-family: 'PT Serif', serif;
}

/* Text v bannerech (pokud je psaný jako text, ne obrázek) */
.banner-text, .banner h2, .banner p {
  font-size: 1.25rem; /* 20px */
  font-family: 'PT Serif', serif;
}

/* Footer texty */
.footer, .footer p, .footer a {
  font-size: 0.875rem; /* 14px */
  color: #999;
  font-family: 'PT Serif', serif;
}

/* Responsivní úpravy pro mobil */
@media (max-width: 768px) {
  h1 {
    font-size: 1.75rem; /* 28px */
  }
  h2 {
    font-size: 1.25rem; /* 20px */
  }
  .product-name {
    font-size: 1.125rem; /* 18px */
  }
  .price-final {
    font-size: 1.375rem; /* 22px */
  }
  .btn, .btn-default, .btn-primary {
    font-size: 0.95rem;
    padding: 8px 16px;
  }
}

/* Nadpis mezi bannery a videem */
.vlozeny-nadpis-mezi-bannery {
  text-align: center;
  background-color: #1C1C1C;
  padding: 60px 20px 40px; /* více prostoru nahoře */
}

.vlozeny-nadpis-mezi-bannery h2 {
  font-size: 2.25rem; /* lehce větší – luxus působí větší texty s prostorem */
  font-weight: 700;
  color: #daba5b;
  font-family: 'PT Serif', serif;
  margin: 0 auto;
  max-width: 1000px;
  line-height: 1.4;
  letter-spacing: 0.5px; /* jemné rozvolnění */
}


@media (max-width: 768px) {
  .vlozeny-nadpis-mezi-bannery h2 {
    font-size: 1.5rem;
    padding: 0 14px;
    line-height: 1.5;
  }
}

/* =========================
   ČITELNÉ NADPISY A TEXTY
   Optimalizováno pro desktop i mobil
   Autor: Petr Tlamka
========================= */

/* Názvy produktů, text v kategoriích, nadpisy bannerů – DESKTOP */
.product-name,
.subcategories.with-image li .text,
.banner h2 {
  font-size: 1.5rem !important; /* 24px */
  font-weight: 600;
  line-height: 1.4;
}

/* BLOK POD VIDEEM – celý obal */
.vlozeny-popis-pod-videem {
  background-color: #1C1C1C;
  color: #f2f2f2;
  text-align: center;
  padding: 80px 20px;
  font-family: 'PT Serif', serif;
}

/* NADPIS POD VIDEEM – styl */
.vlozeny-popis-pod-videem h3 {
  font-size: 2rem; /* 32px */
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 24px;
  line-height: 1.4;
  letter-spacing: 0.4px;
}

/* TEXTOVÝ ODSTAVEC POD VIDEEM */
.vlozeny-popis-pod-videem p {
  font-size: 1.25rem; /* 20px */
  line-height: 1.8;
  max-width: 880px;
  margin: 0 auto;
  color: #e0e0e0;
  padding: 0 16px;
}

/* RESPONSIVNÍ ÚPRAVY PRO MOBIL */
@media (max-width: 768px) {
  /* Menší nadpisy a texty v mobilech */
  .vlozeny-popis-pod-videem h3 {
    font-size: 1.375rem; /* 22px */
  }

  .vlozeny-popis-pod-videem p {
    font-size: 1rem; /* 16px */
    line-height: 1.6;
  }

  .product-name,
  .subcategories.with-image li .text,
  .banner h2 {
    font-size: 1.25rem !important; /* 20px */
  }
}
@media (min-width: 769px) {
  /* Zvětší hlavní horní menu odkazy */
  .navigation-wrapper .menu-level-1 > li > a {
    font-size: 1.125rem !important; /* 18px */
    font-weight: 600 !important;
    padding: 16px 22px !important;
    letter-spacing: 0.4px;
    text-transform: uppercase;
  }
}
/* === 4 bannery na hlavní stránce === */
.luxusni-box {
  border: 0px solid #daba5b;
  border-radius: 0;
  padding: 20px;
  margin: 40px auto;
  background-color: #1C1C1C;
  max-width: 1200px;
}

/* VÝCHOZÍ ŘAZENÍ: obrázek vlevo, text vpravo */
.luxusni-box-inner {
  display: flex;
  flex-direction: row;
  gap: 30px;
  align-items: center;
}

/* Obrázek menší na desktopu */
.luxusni-box-img {
  flex: 0 0 40%;
  max-width: 40%;
}

.luxusni-box-img img {
  border: 1px solid #daba5b;
  padding: 8px;
  background-color: #0d0d0d; /* tmavé pozadí, ladící se zbytkem webu */
  display: block;
}

/* Textová část */
.luxusni-box-text {
  flex: 1;
  color: #f2f2f2;
  font-family: 'PT Serif', serif;
}

.luxusni-box-text h3 {
  font-size: 1.75rem;
  color: #daba5b;
  margin-bottom: 16px;
}

.luxusni-box-text p {
  font-size: 1.125rem;
  line-height: 1.6;
  color: #e0e0e0;
}

/* === RESPONSIVNÍ MOBILNÍ VERZE === */
@media (max-width: 768px) {
  .luxusni-box-inner {
    flex-direction: column;
    text-align: center;
  }

  .luxusni-box-img {
    max-width: 100%;
  }

  .luxusni-box-text h3 {
    font-size: 1.5rem;
  }

  .luxusni-box-text p {
    font-size: 1rem;
  }
}


/* Bannery a video se zobrazuje pouze na homepage */
body:not(.type-index) .pouze-na-homepage {
  display: none !important;
}
/* Vložení videa se zvukem */
.vlozene-video-blok {
  position: relative;
  max-width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #daba5b;
  background-color: #000;
  padding: 0;
  margin: 0 auto;
}

.vlozene-video-blok video {
  width: 100%;
  height: auto;
  display: block;
  margin: 0;
  padding: 0;
  border: none;
}

.play-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 4rem;
  color: #daba5b;
  background: rgba(28, 28, 28, 0.6);
  border-radius: 50%;
  padding: 20px;
  pointer-events: none;
  transition: opacity 0.3s;
}

.vlozene-video-blok video[controls] + .play-icon {
  opacity: 0; /* skryje ikonku po spuštění */
}
/* ================================================
   mezera nad videem - prázdné místo
   ================================================= */
body main#content.content.content-wide {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
body .content-wrapper-in,
body #content,
body main#content {
  margin-top: 0 !important;
  padding-top: 0 !important;
}


/* ================================================
   AUTOCOMPLETE VÝSLEDKY VYHLEDÁVÁNÍ – STYLIZACE
   ================================================= */

/* Kontejner výsledků (tmavé pozadí, zlatý okraj) */
.searchWhisperer {
  background-color: #1C1C1C !important;
  border: 1px solid #daba5b !important;
  color: #f5f5f5 !important;
  border-radius: 8px !important;
  box-shadow: 0 4px 12px rgba(0,0,0,0.4) !important;
  margin-top: 8px !important;
  overflow: hidden;
}

/* Styl jednotlivých položek výsledků */
.searchWhisperer__item {
  padding: 12px 16px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  cursor: pointer;
  background-color: transparent;
  color: #f5f5f5;
  transition: background-color 0.2s ease;
}

.searchWhisperer__item:last-child {
  border-bottom: none;
}

/* Hover efekt – jemný zlatý nádech */
.searchWhisperer__item:hover {
  background-color: rgba(218, 186, 91, 0.1);
}

/* Zpráva “Nenalezeno” */
.searchWhisperer__content--empty {
  padding: 16px;
  color: #aaa !important;
  font-style: italic;
  background-color: #1C1C1C !important;
}

/* Pokud chceš i scrollbar sladit */
.searchWhisperer::-webkit-scrollbar {
  width: 6px;
}
.searchWhisperer::-webkit-scrollbar-thumb {
  background-color: #daba5b;
  border-radius: 3px;
}
/* Posunutí nežádoucího prázdného místa */
@media (max-width: 768px) {
  .carousel-wrapper {
    padding-top: 0 !important;
    margin-top: 0 !important;
    height: auto !important;
  }

  .banners-empty {
    padding-top: 0 !important;
    margin-top: 0 !important;
  }

  .carousel-wrapper > .row::before,
  .carousel-wrapper > .row::after {
    display: none !important;
  }
}
/* ================================
   🟫 FORMULÁŘOVÝ BLOK (registrace, login)
   ================================ */
.box-bg-default {
  background-color: #1C1C1C !important;
  border: none;
  border-radius: 14px;
  padding: 32px;
  color: #fff;
  box-shadow: 0 0 16px rgba(218, 186, 91, 0.2);
  max-width: 600px;
  margin: 0 auto;
}

.box-bg-default h1,
.box-bg-default h2,
.box-bg-default h4 {
  color: #daba5b;
  font-family: 'PT Serif', serif;
  margin-bottom: 24px;
  text-align: center;
}

.box-bg-default input[type="text"],
.box-bg-default input[type="email"],
.box-bg-default input[type="password"] {
  background-color: #000;
  border: 1px solid #daba5b;
  border-radius: 8px;
  padding: 12px 16px;
  color: #fff;
  font-size: 16px;
  width: 100%;
  margin-bottom: 16px;
}

.box-bg-default input::placeholder {
  color: #bbb;
}

.box-bg-default .form-group,
.box-bg-default label,
.box-bg-default span {
  color: #daba5b;
}

/* 🟡 Styl tlačítek pouze ve formulářích */
.box-bg-default form button,
.box-bg-default form input[type="submit"] {
  background: linear-gradient(to right, #daba5b 0%, #caa23a 100%);
  color: #1C1C1C;
  border: 2px solid #daba5b;
  padding: 14px 32px;
  border-radius: 8px;
  font-size: 16px;
  transition: all 0.3s ease-in-out;
  box-shadow: 0 0 10px rgba(218, 186, 91, 0.2);
  text-transform: uppercase;
  cursor: pointer;
  width: 100%;
}

.box-bg-default form button:hover,
.box-bg-default form input[type="submit"]:hover {
  background: linear-gradient(to right, #eecf72 0%, #daba5b 100%);
  transform: translateY(-2px);
  box-shadow: 0 0 14px rgba(218, 186, 91, 0.4);
}

/* 🟡 Styl pro .btn-login */
input[type="submit"].btn-login {
  background: linear-gradient(to right, #daba5b 0%, #caa23a 100%);
  border: 2px solid #daba5b;
  color: #1C1C1C;
  font-weight: bold;
  padding: 14px 32px;
  border-radius: 8px;
  font-size: 16px;
  transition: all 0.3s ease-in-out;
  box-shadow: 0 0 10px rgba(218, 186, 91, 0.2);
  text-transform: uppercase;
  width: 100%;
}

input[type="submit"].btn-login:hover {
  background: linear-gradient(to right, #eecf72 0%, #daba5b 100%);
  transform: translateY(-2px);
  box-shadow: 0 0 14px rgba(218, 186, 91, 0.4);
  cursor: pointer;
}

/* ================================
   🎛 TLAČÍTKO FILTROVÁNÍ
   ================================ */
a.btn.btn-default.unveil-button {
  background-color: #1C1C1C !important;
  color: #daba5b !important;
  border: 1px solid #daba5b !important;
  border-radius: 0 !important;
  padding: 12px 20px !important;
  font-weight: 600 !important;
  font-size: 15px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  min-width: 180px !important;
  max-width: 180px !important;
  text-decoration: none !important;
  transition: all 0.3s ease !important;
}


a.btn.btn-default.unveil-button:hover {
  background-color: #daba5b !important;
  color: #1C1C1C !important;
}
a.btn.btn-default.unveil-button {
  background: linear-gradient(to right, #daba5b 0%, #caa23a 100%) !important;
  color: #1C1C1C !important;
  border: 2px solid #daba5b !important;
  padding: 14px 32px !important;
  font-weight: bold !important;
  font-size: 16px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  min-width: 180px !important;
  max-width: 100% !important;
  border-radius: 0 !important;
  text-decoration: none !important;
  transition: all 0.3s ease-in-out !important;
  box-shadow: 0 0 8px rgba(218, 186, 91, 0.2);
}

a.btn.btn-default.unveil-button i.icon-filter {
  color: #1C1C1C !important;
  font-size: 18px !important;
}



/* ================================
   🛒 TLAČÍTKA typu „Zpět do obchodu“
   ================================ */
a.btn-default:not(.unveil-button),
a.btn-default:not(.unveil-button):link,
a.btn-default:not(.unveil-button):visited {
  background: linear-gradient(to right, #daba5b 0%, #caa23a 100%);
  color: #1C1C1C !important;
  font-weight: bold;
  padding: 14px 32px;
  border-radius: 8px;
  font-size: 16px;
  border: 2px solid #daba5b;
  transition: all 0.3s ease-in-out;
  text-transform: uppercase;
  display: inline-block;
  text-align: center;
  box-shadow: 0 0 8px rgba(218, 186, 91, 0.2);
}

a.btn-default:not(.unveil-button):hover {
  background: linear-gradient(to right, #eecf72 0%, #daba5b 100%);
  transform: translateY(-2px);
  box-shadow: 0 0 14px rgba(218, 186, 91, 0.4);
  cursor: pointer;
  color: #1C1C1C !important;
}

/* ================================
   📦 OBECNÝ FIX
   ================================ */
body {
  overflow-x: hidden;
}

main#content {
  background: transparent !important;
  color: #fff;
  padding: 0;
  border: none;
  box-shadow: none;
  border-radius: 0;
  margin: 0 auto;
  max-width: 100%;
}

.filters-unveil-button-wrapper i.icon-filter {
  color: #000000 !important;
  fill: #000000 !important;
}

/* Hover – nic neměníme, protože už je černá */
a.btn.btn-default.unveil-button:hover {
  background: linear-gradient(to right, #eecf72 0%, #daba5b 100%) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 0 14px rgba(218, 186, 91, 0.4) !important;
  cursor: pointer !important;
}
button.btn-cart,
input.btn-cart,
.user-action-login button[type="submit"],
.popup-widget.search-widget button[type="submit"],
a.btn-default:not(.unveil-button),
a.btn-default.unveil-button {
  background: linear-gradient(to right, #daba5b 0%, #caa23a 100%) !important;
  color: #1C1C1C !important;
  border: 2px solid #daba5b !important;
  padding: 14px 32px !important;
  font-weight: bold !important;
  font-size: 16px !important;
  border-radius: 0 !important;
  text-transform: uppercase;
  transition: all 0.3s ease-in-out;
  box-shadow: 0 0 8px rgba(218, 186, 91, 0.2);
  display: inline-block;
  text-align: center;
  width: 100%;
}

button.btn-cart:hover,
input.btn-cart:hover,
.user-action-login button[type="submit"]:hover,
.popup-widget.search-widget button[type="submit"]:hover,
a.btn-default:not(.unveil-button):hover,
a.btn-default.unveil-button:hover {
  background: linear-gradient(to right, #eecf72 0%, #daba5b 100%) !important;
  transform: translateY(-2px);
  box-shadow: 0 0 14px rgba(218, 186, 91, 0.4);
  cursor: pointer;
  color: #1C1C1C !important;
}

/* vypnutí tlačítka ks v košíku */
.cart-widget .cart-widget-product-unit {
  display: none !important;
}
/* === ÚPRAVA PŘEPÍNAČE MNOŽSTVÍ V HLAVNÍM KOŠÍKU === */
.cart-table .quantity {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background-color: #1C1C1C !important;
  border: 1px solid #daba5b !important;
  border-radius: 0 !important;
  height: 38px !important;
  overflow: hidden !important;
  min-width: 110px !important;
}

.cart-table .quantity button {
  width: 36px !important;
  height: 100% !important;
  background: transparent !important;
  color: #ffffff !important;
  font-size: 18px !important;
  font-weight: bold !important;
  border: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  padding: 0 !important;
  margin: 0 !important;
}

.cart-table .quantity button.decrease {
  border-right: 1px solid #daba5b !important;
}

.cart-table .quantity button.increase {
  border-left: 1px solid #daba5b !important;
}

.cart-table .quantity input[type="text"],
.cart-table .quantity input.amount {
  width: 36px !important;
  height: 100% !important;
  background-color: transparent !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  border: none !important;
  appearance: none !important;
  -moz-appearance: textfield !important;
  padding: 0 !important;
  margin: 0 !important;
}
/* === barva + a - v košíku === */
.cart-table .quantity button {
  color: #daba5b !important;
}

/* === v košíku u DIČ ikonka s otazníkem - kruh === */
.show-tooltip.question-tooltip {
  display: inline-flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 24px !important;
  height: 24px !important;
  border-radius: 50% !important;
  background-color: #1C1C1C !important;
  color: #daba5b !important;
  font-size: 15px !important;
  font-weight: bold !important;
  border: none !important;
  cursor: help !important;
  transition: all 0.2s ease !important;
  line-height: 1 !important;
  padding: 0 !important;
}

  /* === barva fajfky v košíku === */
input#company-shopping:checked + label::before {
  border: 2px solid #daba5b !important;
  background-color: white !important;
}

input#company-shopping:checked + label::after {
  color: #000 !important;
}
input#another-shipping:checked + label::after {
  color: #000 !important;
}
input#add-note:checked + label::after {
  color: #000 !important;
}
input#set-registration:checked + label::after {
  color: #000 !important;
}
  /* === barva kolonky po přidání do košíku === */
div.msg.msg-success {
  background-color: #1C1C1C !important;
  border: 1px solid #daba5b !important;
  color: #daba5b !important;
  padding: 16px !important;
  font-size: 16px;
  font-weight: 500;
  font-family: "PT Serif", serif;
  text-align: center;
  box-shadow: 0 0 8px rgba(218, 186, 91, 0.3);
}
/* Výchozí styl všech záložek */
.category-header label {
  background-color: #1C1C1C;
  color: #daba5b;
  font-family: 'PT Serif', serif;
  font-weight: 700;
  font-size: 14px;
  padding: 10px 16px;
  border: 1px solid #2e2e2e;
  margin-right: 8px;
  cursor: pointer;
  display: inline-block;
  transition: all 0.2s ease-in-out;
}

/* Hover efekt */
.category-header label:hover {
  background-color: #daba5b;
  color: #1C1C1C;
}

/* ✅ AKTIVNÍ ZÁLOŽKA (vybraný radio input) */
.category-header input[type="radio"]:checked + label {
  background-color: #daba5b !important;
  color: #1C1C1C !important;
  border-color: #daba5b !important;
}
.category-header label:hover {
  background-color: #2e2e2e !important; /* tmavší černá pro efekt */
  color: #daba5b !important;
  border-color: #daba5b !important;
}

/* === Přepínač množství v detailu produktu === */
span.quantity {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background-color: #1C1C1C !important;
  border: 1px solid #daba5b !important;
  border-radius: 0 !important;
  height: 38px !important;
  overflow: hidden !important;
  min-width: 110px !important;
}

/* Tlačítka – a + */
span.quantity button {
  width: 36px !important;
  height: 100% !important;
  background: transparent !important;
  color: #daba5b !important;
  font-size: 18px !important;
  font-weight: bold !important;
  border: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Oddělení + a - */
span.quantity button.decrease {
  border-right: 1px solid #daba5b !important;
}
span.quantity button.increase {
  border-left: 1px solid #daba5b !important;
}

/* Input */
span.quantity input.amount {
  width: 36px !important;
  height: 100% !important;
  background-color: transparent !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  border: none !important;
  appearance: none !important;
  -moz-appearance: textfield !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* 🔧 Styl jen pro cookies okno (nebarvit fotkové popupy) */
#cboxContent.cookiesDialog {
  background-color: #1C1C1C !important;
  color: #ffffff !important;
  border: none !important;
  font-family: 'Georgia', serif;
}


/* 🔧 Nadpis */
.cookiesDialog h2,
#cboxLoadedContent h2 {
  color: #daba5b !important;
  font-size: 24px;
  font-weight: normal;
}

/* 🔧 Text */
.cookiesDialog p {
  color: #dddddd !important;
  font-size: 16px;
  line-height: 1.6;
}

/* 🔧 Rámeček okolo výběrových políček */
.cookiesDialog .checkbox {
  border: 1px solid #888 !important;
  background-color: transparent !important;
}

/* 🔧 Zaškrtávací boxy */
.cookiesDialog input[type="checkbox"] {
  accent-color: #daba5b !important;
}

/* 🔘 Tlačítka */
.cookiesDialog button,
.cookiesDialog input[type="submit"] {
  border-radius: 4px;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: bold;
  border: none;
  cursor: pointer;
}

/* ❌ Vše vypnout */
.cookiesDialog .button-secondary {
  background-color: transparent !important;
  color: #daba5b !important;
  border: 1px solid #daba5b !important;
}

/* ✅ Povolit vše */
.cookiesDialog .button-primary,
.cookiesDialog input[type="submit"] {
  background-color: #daba5b !important;
  color: #1C1C1C !important;
}

/* ✖ Zavřít (X v rohu) */
#cboxClose {
  color: #daba5b !important;
  font-size: 26px !important;
  top: 10px;
  right: 20px;
}
.cookiesSetting__item {
  background-color: #1C1C1C !important;
  border: 1px solid #444 !important;
}

.cookiesSetting__item input[type="checkbox"] {
  background-color: #1C1C1C !important;
  border: 1px solid #777 !important;
  accent-color: #daba5b !important;
}
.cookiesSetting__title,
.cookiesSetting__perex,
.cookiesSetting__item__name,
.cookiesSetting__item__text,
.cookiesSetting__bottom,
.cookiesSetting__item__coll strong {
  color: #ffffff !important;
}
.cookiesSetting__data {
  background-color: #1c1c1c !important;
  border: 1px solid #333 !important;
  color: #fff !important;
}
.cookiesSetting__data * {
  color: #fff !important;
}
.cookiesSetting__data {
  background-color: #1c1c1c !important;
  border: none !important;
  padding: 0 !important;
}

.cookiesSetting__item {
  margin: 0 !important;
  padding: 20px !important;
  background-color: #1c1c1c !important;
  border-bottom: 1px solid #333 !important;
  border-left: none !important;
  border-right: none !important;
  border-top: none !important;
}

.cookiesSetting__item:last-child {
  border-bottom: none !important;
}
/* ✅ Dynamické Scrolování na homepage */

.scroll-section {
  opacity: 0;
  transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

.scroll-section.visible {
  opacity: 1;
}

.scroll-up    { transform: translateY(40px); }
.scroll-left  { transform: translateX(-40px); }
.scroll-right { transform: translateX(40px); }

.scroll-up.visible,
.scroll-left.visible,
.scroll-right.visible {
  transform: translate(0, 0);
}
@media (max-width: 768px) {
  .scroll-left,
  .scroll-right {
    transform: translateY(40px) !important;
  }

  .scroll-left.visible,
  .scroll-right.visible {
    transform: translateY(0) !important;
  }
}

/* ============================================
   ✅ HOMEPAGE text boost (mobil + PC)
   – cíleno na #content a .rte (Shoptet)
   – bez zásahu do cen/produktů/GDPR
   ============================================ */

/* Nadpisy */
body.type-index #content h1,
body.type-index .rte h1 { font-size: 2.9rem !important; line-height: 1.25 !important; }
body.type-index #content h2,
body.type-index .rte h2 { font-size: 2.4rem !important; line-height: 1.30 !important; }
body.type-index #content h3,
body.type-index .rte h3 { font-size: 1.9rem !important; line-height: 1.35 !important; }

/* Běžný text – i v div/span (POZOR: žádná mezera před :not) */
body.type-index #content :is(p,li,div,span,a,strong,em):not([class*="price"]):not(.price):not(.price-final):not(.p-price):not(.product):not(.products):not(.product-inner):not(.product-card):not(.product-detail):not(#gdpr-info):not(#gdpr-info *),
body.type-index .rte :is(p,li,div,span,a,strong,em):not([class*="price"]):not(.price):not(.price-final):not(.p-price):not(.product):not(.products):not(.product-inner):not(.product-card):not(.product-detail):not(#gdpr-info):not(#gdpr-info *) {
  font-size: 1.2rem !important;
  line-height: 1.6 !important;
}

/* Přepiš inline font-size z editoru (pokud není inline !important) */
body.type-index #content [style*="font-size"]:not([class*="price"]):not(.price):not(.price-final):not(.p-price),
body.type-index .rte      [style*="font-size"]:not([class*="price"]):not(.price):not(.price-final):not(.p-price) {
  font-size: 1.2rem !important;
  line-height: 1.6 !important;
}

/* Form prvky v contentu (nekošík) */
body.type-index #content :is(button,input,select,textarea),
body.type-index .rte      :is(button,input,select,textarea) {
  font-size: 1rem !important;
}

/* O chlup větší na desktopu */
@media (min-width: 1024px) {
  body.type-index #content :is(p,li,div,span,a,strong,em):not([class*="price"]):not(.price):not(.price-final):not(.p-price):not(.product):not(.products):not(.product-inner):not(.product-card):not(.product-detail):not(#gdpr-info):not(#gdpr-info *),
  body.type-index .rte      :is(p,li,div,span,a,strong,em):not([class*="price"]):not(.price):not(.price-final):not(.p-price):not(.product):not(.products):not(.product-inner):not(.product-card):not(.product-detail):not(#gdpr-info):not(#gdpr-info *) {
    font-size: 1.25rem !important;
  }
}
/* ============================================
  Cookies dialog – černé pozadí za X + lepší klikací plocha, X u produktů
   ============================================ */

#colorbox #cboxClose,
#cboxWrapper #cboxClose {
  background: rgba(0,0,0,0.9) !important;   /* zatemnění za X */
  color: #FFD65A !important;                /* zlaté X (ladí s brandem) */
  width: 42px !important;
  height: 42px !important;
  line-height: 42px !important;
  text-align: center !important;
  border-radius: 8px !important;
  border: 1px solid rgba(255,214,90,0.35) !important; /* jemný lem */
  box-shadow: 0 6px 16px rgba(0,0,0,0.45) !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}

/* Hover/focus pro hezčí odezvu */
#colorbox #cboxClose:hover,
#colorbox #cboxClose:focus,
#cboxWrapper #cboxClose:hover,
#cboxWrapper #cboxClose:focus {
  background: #000 !important;
  transform: scale(1.04);
  outline: none !important;
}
/* === Cookies – tvrdé vypnutí bílého hoveru na přepínačích === */
#colorbox .cookiesDialog :is(.cookiesSetting__item,
                             .cookiesSetting__item_col2,
                             .cookiesSetting__item_state,
                             .cookiesSetting__item_status,
                             label,
                             .cookiesSetting__item_col2 *) {
  background-color: #1C1C1C !important;
  color: #daba5b !important;
  border-color: #daba5b !important;
}

/* Hover/focus/active – necháme stejný tmavý vzhled */
#colorbox .cookiesDialog :is(.cookiesSetting__item,
                             .cookiesSetting__item_col2,
                             .cookiesSetting__item_state,
                             .cookiesSetting__item_status,
                             label,
                             .cookiesSetting__item_col2 *):is(:hover,:focus,:active) {
  background-color: #1C1C1C !important;
  color: #daba5b !important;
  border-color: #daba5b !important;
}

/* Samotné „tlačítko“ Zapnout – rámeček a vnitřní odsazení */
#colorbox .cookiesDialog :is(.cookiesSetting__item_state, .cookiesSetting__item_status) {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 10px 16px !important;
  border: 1px solid #daba5b !important;
  border-radius: 0 !important;
}

/* Checkbox vpravo – zlatý akcent */
#colorbox .cookiesDialog input[type="checkbox"] {
  accent-color: #daba5b !important;
}
/* ✅ Černá fajfka */
input[type="checkbox"]:checked + label::after {
  color: #000000 !important;  /* černá */
}
/* ==== Načítání cookies - černé pozadí ==== */
/* ✅ Tmavé pozadí POUZE pro cookies dialog (uvnitř okna) */
#cboxContent.cookiesDialog {
  background-color: #1C1C1C !important;
  color: #ffffff !important;
  border: none !important;
  font-family: 'Georgia', serif;
}

/* ✅ Pokud chceš tmavé i na obalu jen při cookies (podpora :has) */
body:has(#colorbox #cboxContent.cookiesDialog) #colorbox,
body:has(#colorbox #cboxContent.cookiesDialog) #cboxWrapper,
body:has(#colorbox #cboxContent.cookiesDialog) #cboxContent,
body:has(#colorbox #cboxContent.cookiesDialog) #cboxLoadedContent {
  background: #1C1C1C !important;
}

/* 🔄 Default pro ostatní popupy (fotky, videa): žádné vnitřní černé pozadí */
#colorbox,
#cboxWrapper,
#cboxContent,
#cboxLoadedContent,
#cboxLoadedContent > .colorbox-html-content {
  background: transparent !important;
}

/* zruš bílé defaultní vrstvy a průhledné rohy */
#cboxTopLeft, #cboxTopCenter, #cboxTopRight,
#cboxBottomLeft, #cboxBottomCenter, #cboxBottomRight,
#cboxMiddleLeft, #cboxMiddleRight {
  background: transparent !important;
}

/* ==== Loader: zhasnout bílý overlay a nahradit spinner ==== */
#cboxLoadingOverlay {
  background: rgba(0,0,0,0.85) !important;   /* tmavé krytí místo bílého */
}


/* vlastní spinner v barvách webu (zlatá + průhledná) */
#cboxLoadingGraphic::before {
  content: "" !important;
  position: absolute !important;
  inset: 0;
  margin: auto;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: 3px solid #a98b3a;        /* tvoje zlatá */
  border-top-color: transparent;     /* „průřez“ */
  animation: cboxSpin 0.8s linear infinite;
}

/* preference pro uživatele s omezenými animacemi */
@media (prefers-reduced-motion: reduce) {
  #cboxLoadingGraphic::before { animation: none; }
}

/* animace */
@keyframes cboxSpin {
  to { transform: rotate(360deg); }
}

/* Kill all borders/outlines/shadows na obalu Colorboxu 
html body #colorbox,
html body #cboxWrapper,
html body #cboxContent,
html body #cboxLoadedContent,
html body #cboxLoadedContent > .colorbox-html-content {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background: #1c1c1c !important; /* stejné tmavé pozadí, žádné „bílé mezery“ 
}

/* Staré „slice” okraje (kdyby je šablona používala) */
#cboxTopLeft, #cboxTopCenter, #cboxTopRight,
#cboxMiddleLeft, #cboxMiddleRight,
#cboxBottomLeft, #cboxBottomCenter, #cboxBottomRight {
  display: none !important;
  background: transparent !important;
}

/* Prevence focus-outline kolem celého modalu */
#colorbox:focus, #cboxWrapper:focus, #cboxContent:focus {
  outline: none !important;
}

/* --- řádek s tlačítky v cookie okně jako flex --- */
#cboxLoadedContent .cookiesSetting__bottom{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  flex-wrap:wrap !important;
  justify-content:flex-end !important;
}

/* --- ukaž a naformátuj "Odmítnout vše" (Vše vypnout) --- */
#cboxLoadedContent .cookiesSetting__uncheck,
#cboxLoadedContent .cookiesSetting__uncheckLink,
#cboxLoadedContent [data-testid="buttonCookiesTurnOff"]{
  display:inline-flex !important;
  visibility:visible !important;
  opacity:1 !important;
  position:static !important;
  width:auto !important;
  height:auto !important;
  overflow:visible !important;
  clip:auto !important;
  clip-path:none !important;
  text-indent:0 !important;
  pointer-events:auto !important;
}

/* vzhled tlačítka – zlatý „outline“, tmavý design webu */
#cboxLoadedContent .cookiesSetting__uncheckLink,
#cboxLoadedContent [data-testid="buttonCookiesTurnOff"]{
  align-items:center;
  justify-content:center;
  padding:14px 22px;
  min-height:48px;
  border:1px solid #a98b3a;
  background:transparent;
  color:#a98b3a;
  font-weight:600;
  line-height:1;
  text-decoration:none;
  border-radius:0;
  transition:background .2s ease, color .2s ease, border-color .2s ease;
}

/* hover/focus stav */
#cboxLoadedContent .cookiesSetting__uncheckLink:hover,
#cboxLoadedContent .cookiesSetting__uncheckLink:focus,
#cboxLoadedContent [data-testid="buttonCookiesTurnOff"]:hover,
#cboxLoadedContent [data-testid="buttonCookiesTurnOff"]:focus{
  background:#a98b3a;
  color:#000;
  outline:none;
}

/* pro lepší zarovnání výšky s ostatními buttony */
#cboxLoadedContent .cookiesSetting__button{
  min-height:48px;
  padding:14px 22px;
}

/* mobil – ať se to pěkně zalomí pod sebe */
@media (max-width:480px){
  #cboxLoadedContent .cookiesSetting__bottom{
    justify-content:stretch !important;
  }
  #cboxLoadedContent .cookiesSetting__uncheck,
  #cboxLoadedContent .cookiesSetting__uncheckLink,
  #cboxLoadedContent [data-testid="buttonCookiesTurnOff"],
  #cboxLoadedContent .cookiesSetting__button{
    flex:1 1 auto;
    text-align:center;
  }
}
/*---Cookies---*/
/* FIX: Cookies dialog – na mobilu neukazuj text "Zavřít", zobraz jen křížek */
#colorbox #cboxClose,
#cboxWrapper #cboxClose{
  position: absolute !important;
  right: 12px !important;
  top: 12px !important;

  width: 42px !important;
  height: 42px !important;
  background: rgba(0,0,0,0.9) !important;
  border: 1px solid rgba(255,214,90,0.35) !important;
  border-radius: 8px !important;
  box-shadow: 0 6px 16px rgba(0,0,0,.45) !important;

  /* skryj reálný text "Zavřít" */
  font-size: 0 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  overflow: hidden !important;

  z-index: 10002 !important;
  -webkit-tap-highlight-color: transparent;
}

/* vykresli křížek přes pseudo-element */
#colorbox #cboxClose::before,
#cboxWrapper #cboxClose::before{
  content: "✕";
  display: block;
  text-align: center;
  line-height: 42px;
  font-size: 22px;
  font-weight: 700;
  color: #FFD65A;
}

/* kdyby skin něco dopisoval do ::after, vypnout to */
#colorbox #cboxClose::after,
#cboxWrapper #cboxClose::after{ content: none !important; }

/* drobná úprava pro malé telefony */
@media (max-width: 480px){
  #colorbox #cboxClose,
  #cboxWrapper #cboxClose{ width: 40px !important; height: 40px !important; }
  #colorbox #cboxClose::before,
  #cboxWrapper #cboxClose::before{ line-height: 40px; font-size: 20px; }
}

/* Cookies: křížek v #cboxClose přesně uprostřed */
#colorbox #cboxClose,
#cboxWrapper #cboxClose{
  position: absolute !important;
  right: 12px !important;
  top: 12px !important;
  width: 42px !important;
  height: 42px !important;
  background: rgba(0,0,0,.9) !important;
  border: 1px solid rgba(255,214,90,.35) !important;
  border-radius: 8px !important;
  z-index: 10002 !important;

  /* schovej text "Zavřít" a resetuj metriky */
  font-size: 0 !important;
  line-height: 1 !important;
  padding: 0 !important;
  display: block !important;
  overflow: hidden !important;
}

/* přesný křížek – dvě čárky uprostřed */
#colorbox #cboxClose::before,
#colorbox #cboxClose::after,
#cboxWrapper #cboxClose::before,
#cboxWrapper #cboxClose::after{
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  width: 18px !important;          /* délka čárky */
  height: 2px !important;          /* tloušťka čárky */
  background: #FFD65A !important;
  border-radius: 1px !important;
  transform-origin: center !important;
  pointer-events: none !important;
}
#colorbox #cboxClose::before,
#colorbox #cboxWrapper #cboxClose::before{
  transform: translate(-50%, -50%) rotate(45deg) !important;
}
#colorbox #cboxClose::after,
#colorbox #cboxWrapper #cboxClose::after{
  transform: translate(-50%, -50%) rotate(-45deg) !important;
}

/* jemné přizpůsobení pro menší mobily */
@media (max-width: 480px){
  #colorbox #cboxClose,
  #cboxWrapper #cboxClose{ width: 40px !important; height: 40px !important; }
  #colorbox #cboxClose::before,
  #colorbox #cboxClose::after,
  #colorbox #cboxWrapper #cboxClose::before,
  #colorbox #cboxWrapper #cboxClose::after{ width: 16px !important; }
}
/* Mobil: v tlačítku Colorboxu schovej text "Zavřít" a nech jen X */
@media (max-width: 768px){
  #cboxClose{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 42px !important;
    height: 42px !important;
    padding: 0 !important;

    /* skrytí textu "Zavřít", ale zůstává v DOM kvůli přístupnosti */
    font-size: 0 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    text-indent: -9999px !important;
    overflow: hidden !important;

    /* vzhled tlačítka – můžeš klidně ponechat svůj */
    background: rgba(0,0,0,.9) !important;
    border: 1px solid rgba(255,214,90,.35) !important;
    border-radius: 8px !important;
    z-index: 10002 !important;
    -webkit-tap-highlight-color: transparent;
  }
  #cboxClose::before{
    content: "✕";
    font-size: 22px;
    font-weight: 700;
    line-height: 1;
    color: #FFD65A;
    text-indent: 0;
  }
  /* kdyby šablona něco přidávala do ::after, vypneme to */
  #cboxClose::after{ content: none !important; }
}
/* ===== Články: tlačítko „Další článek“ jako zlaté CTA ===== */
.news-item-detail .next-prev .btn,
.news-item-detail .next-prev a.btn.btn-primary,
.next-prev.text-center .btn.btn-primary,
a[data-testid="buttonNextArticle"]{
  background: linear-gradient(to right, #daba5b 0%, #caa23a 100%) !important;
  color: #1C1C1C !important;
  border: 2px solid #daba5b !important;
  border-radius: 0 !important;
  padding: 12px 28px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  text-decoration: none !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;

  box-shadow: 0 0 8px rgba(218,186,91,.2) !important;
  transition: transform .15s ease, box-shadow .15s ease, background .2s ease !important;
}

/* Hover/focus – stejné jako ostatní CTA */
.news-item-detail .next-prev .btn:hover,
.news-item-detail .next-prev a.btn.btn-primary:hover,
.next-prev.text-center .btn.btn-primary:hover,
a[data-testid="buttonNextArticle"]:hover{
  background: linear-gradient(to right, #eecf72 0%, #daba5b 100%) !important;
  transform: translateY(-2px);
  box-shadow: 0 0 14px rgba(218,186,91,.4) !important;
}

.news-item-detail .next-prev .btn:focus-visible,
.news-item-detail .next-prev a.btn.btn-primary:focus-visible,
.next-prev.text-center .btn.btn-primary:focus-visible,
a[data-testid="buttonNextArticle"]:focus-visible{
  outline: 2px solid #daba5b !important;
  outline-offset: 3px !important;
}

/* zarovnání bloku s tlačítkem doprostřed */
.news-item-detail .next-prev{ 
  text-align: center !important; 
  margin: 32px 0 16px !important; 
}

/* mobil: tlačítko klidně přes celou šířku */
@media (max-width: 768px){
  .news-item-detail .next-prev .btn,
  .news-item-detail .next-prev a.btn.btn-primary,
  .next-prev.text-center .btn.btn-primary,
  a[data-testid="buttonNextArticle"]{ 
    width: 100% !important; 
  }
}




/* ============================================
  Stylizování vytvořených prvků Shoptetem - možno použitelné do budoucna.
   ============================================ */
/* ===== Footer: Nákupní košík (Shoptet “cart overview”) ===== */
.footer .cart-overview a.btn.btn-primary,
.custom-footer .cart-overview a.btn.btn-primary,
.footer-bottom .cart-overview a.btn.btn-primary {
  background: linear-gradient(to right, #daba5b 0%, #caa23a 100%) !important; /* stejný gold gradient */
  color: #1C1C1C !important;                   /* černý text jako u CTA */
  border: 2px solid #daba5b !important;        /* zlatý rámeček */
  border-radius: 0 !important;
  padding: 14px 32px !important;               /* stejné rozměry */
  font-weight: bold !important;
  text-transform: uppercase !important;
  box-shadow: 0 0 8px rgba(218,186,91,.2) !important;
  display: inline-flex !important;             /* pěkné zarovnání obsahu */
  align-items: center !important;
  gap: 10px !important;
  text-decoration: none !important;
}

/* Hover efekt – shodný s ostatními tlačítky */
.footer .cart-overview a.btn.btn-primary:hover,
.custom-footer .cart-overview a.btn.btn-primary:hover,
.footer-bottom .cart-overview a.btn.btn-primary:hover {
  background: linear-gradient(to right, #eecf72 0%, #daba5b 100%) !important;
  transform: translateY(-2px);
  box-shadow: 0 0 14px rgba(218,186,91,.4) !important;
}

/* Vnitřní počitadla v tlačítku – přebarvit na černou, ať ladí s CTA */
.footer .cart-overview a.btn.btn-primary .cart-overview-item-count,
.footer .cart-overview a.btn.btn-primary .cart-overview-final-price {
  color: #1C1C1C !important;
}

/* Kontejner – ať se chová jako klasické tlačítko, bez rozbitého layoutu */
.footer .cart-overview { 
  display: inline-block !important;
  margin-top: 12px;
}

/* Mobil: tlačítko klidně na celou šířku sloupce */
@media (max-width: 768px){
  .footer .cart-overview a.btn.btn-primary { width: 100% !important; justify-content: center !important; }
}
/* ===== Footer: Vyhledávání – tlačítko jako košíkové CTA ===== */
.footer .search-widget .search-widget-try-button,
.custom-footer .search-widget .search-widget-try-button,
.footer-bottom .search-widget .search-widget-try-button,
.footer .search-widget a.btn.btn-primary,
.custom-footer .search-widget a.btn.btn-primary,
.footer-bottom .search-widget a.btn.btn-primary,
.footer .search-widget button.btn.btn-primary {
  background: linear-gradient(to right, #daba5b 0%, #caa23a 100%) !important;
  color: #1C1C1C !important;
  border: 2px solid #daba5b !important;
  border-radius: 0 !important;
  padding: 12px 24px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  box-shadow: 0 0 8px rgba(218,186,91,.2) !important;
}

/* Hover jako u ostatních CTA */
.footer .search-widget .search-widget-try-button:hover,
.custom-footer .search-widget .search-widget-try-button:hover,
.footer-bottom .search-widget .search-widget-try-button:hover,
.footer .search-widget .btn.btn-primary:hover {
  background: linear-gradient(to right, #eecf72 0%, #daba5b 100%) !important;
  transform: translateY(-2px);
  box-shadow: 0 0 14px rgba(218,186,91,.4) !important;
}

/* ===== Footer: pole vyhledávání – sladit rámeček/odstupy ===== */
.footer .search-widget input[type="search"],
.footer .search-widget input[type="text"]{
  -webkit-appearance: none;
  appearance: none;
  background: #fff !important;
  color: #1C1C1C !important;
  border: 2px solid #daba5b !important;
  border-radius: 0 !important;
  padding: 12px 14px !important;
  outline: none !important;
  width: 100%;
}
.footer .search-widget input::placeholder{ color:#caa23a !important; opacity:1; }

/* Layout řádku ve footeru */
.footer .search-widget form,
.footer .search-widget .search {
  display: flex !important;
  gap: 12px !important;
  align-items: center !important;
}
.footer .search-widget input{ flex:1 1 auto; }

/* Mobil: na šířku sloupce */
@media (max-width: 768px){
  .footer .search-widget form{ flex-wrap: wrap; }
  .footer .search-widget input{ flex: 1 1 100%; }
  .footer .search-widget .search-widget-try-button{ width:100%; justify-content:center; }
}
/* ===== Footer: login – tlačítko jako zlaté CTA ===== */
.footer .login-wrapper .btn.btn-login,
.custom-footer .login-wrapper .btn.btn-login,
.footer-bottom .login-wrapper .btn.btn-login {
  background: linear-gradient(to right, #daba5b 0%, #caa23a 100%) !important;
  color: #1C1C1C !important;
  border: 2px solid #daba5b !important;
  border-radius: 0 !important;
  padding: 12px 28px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  text-decoration: none !important;
  box-shadow: 0 0 8px rgba(218,186,91,.2) !important;
  /* nechávám původní float:right z šablony – nezasahuju do rozložení */
}

/* Hover efekt stejně jako u ostatních CTA */
.footer .login-wrapper .btn.btn-login:hover,
.custom-footer .login-wrapper .btn.btn-login:hover,
.footer-bottom .login-wrapper .btn.btn-login:hover {
  background: linear-gradient(to right, #eecf72 0%, #daba5b 100%) !important;
  transform: translateY(-2px);
  box-shadow: 0 0 14px rgba(218,186,91,.4) !important;
}

/* (volitelné) Mobil: dát tlačítko na 100% šířky a vycentrovat */
@media (max-width: 768px){
  .footer .login-wrapper .btn.btn-login{
    float: none !important;
    width: 100% !important;
    justify-content: center !important;
  }
}
/* Fallback: první dva sekční boxy v checkoutu obarvi jako .box-bg-default */

#continue-order-button ~ .content-wrapper .box:nth-of-type(-n+2),
#continue-order-button ~ .content-wrapper section:nth-of-type(-n+2),
#continue-order-button ~ .content-wrapper .content-box:nth-of-type(-n+2) {
  background-color: #1C1C1C !important;
  border-radius: 14px !important;
  padding: 32px !important;
  color: #fff !important;
  box-shadow: 0 0 16px rgba(218, 186, 91, 0.2) !important;
}


/* Barva pozadí pro rekapitulaci objednávky */
.cart-table td,
.cart-table th,
.cart-table {
  background-color: #1c1c1c !important;
  color: #ffffff !important; /* text zůstane čitelný */
  border-color: #333333 !important; /* decentní rámečky */
}

/* Pro jistotu i wrapper */
.recapTable {
  background-color: #1c1c1c !important;
  color: #ffffff !important;
}

/* === Děkovka / recap – fotky bez bílých pásů, rámečky zachované === */

/* 0) proměnná: kolik ořezat shora/dola (doladíš číslo) */
:root { --recap-trim: 7px; }  /* zkus 6–8px podle fotek */

/* 1) tabulku a hranice neměníme – jen pro jistotu tmavé barvy */
table.cart-table[data-testid="recapTable"] td,
table.cart-table[data-testid="recapTable"] th {
  background-color: #1c1c1c !important;
  color: #fff !important;
  border-color: #333 !important;      /* původní rámečky, tmavé */
}

/* 2) buňka s obrázkem – žádný padding, ať nic „neprosvítá“ */
table.cart-table[data-testid="recapTable"] td.cart-p-image {
  padding: 0 !important;
  background: #1c1c1c !important;
  overflow: hidden !important;        /* schováme masku uvnitř buňky */
}

/* 3) zruš baseline mezeru okolo IMG */
table.cart-table[data-testid="recapTable"] td.cart-p-image a {
  display: block !important;
  line-height: 0 !important;
  font-size: 0 !important;
}

/* 4) vlastní fotka – vyplní buňku + „ořez“ pruhů nahoře/dole maskou */
table.cart-table[data-testid="recapTable"] td.cart-p-image img {
  display: block !important;
  width: 100% !important;
  height: 76px !important;            /* drž výšku náhledu */
  object-fit: cover !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;

  /* ✂️ odstranění bílých pásů shora/dola */
  -webkit-mask-image: linear-gradient(
      to bottom,
      transparent var(--recap-trim),
      #000 var(--recap-trim),
      #000 calc(100% - var(--recap-trim)),
      transparent calc(100% - var(--recap-trim))
  ) !important;
          mask-image: linear-gradient(
      to bottom,
      transparent var(--recap-trim),
      #000 var(--recap-trim),
      #000 calc(100% - var(--recap-trim)),
      transparent calc(100% - var(--recap-trim))
  ) !important;
}
/* Děkovka – tlačítko "Zpět do obchodu" sjednotit se zlatými CTA */
.order-complete-links a.btn.btn-conversion {
  background: linear-gradient(to right, #daba5b 0%, #caa23a 100%) !important;
  color: #1C1C1C !important;
  border: 2px solid #daba5b !important;
  padding: 14px 32px !important;
  font-weight: 700 !important;
  font-size: 16px !important;
  text-transform: uppercase !important;
  border-radius: 0 !important;
  display: inline-block !important;
  text-align: center !important;
  box-shadow: 0 0 8px rgba(218,186,91,.2) !important;
  text-decoration: none !important;
}

/* Hover/focus stejné jako ostatní CTA */
.order-complete-links a.btn.btn-conversion:hover,
.order-complete-links a.btn.btn-conversion:focus {
  filter: brightness(1.06) !important;
  color: #1C1C1C !important;
  text-decoration: none !important;
  outline: none !important;
}

/* (volitelné) Mobil – šířka přes řádek */
@media (max-width: 768px){
  .order-complete-links a.btn.btn-conversion{
    width: 100% !important;
  }
}

/* Pokladna – sjednocení stylů boxů */
#checkoutContent .box.box-bg-default {
  max-width: 800px;       /* zvětší šířku pro lepší čitelnost */
  width: 100%;            /* přizpůsobí se rodiči */
  margin: 30px auto;      /* centrování a stejné mezery mezi boxy */
  background-color: #1C1C1C !important;
  border: 1px solid #daba5b33; /* jemné zlaté orámování */
  box-shadow: 0 0 20px rgba(218, 186, 91, 0.15);
  padding: 32px;
  border-radius: 14px;
}

/* Titulky sekcí */
#checkoutContent h4.header-billing,
#checkoutContent h4.header-shipping,
#checkoutContent h4.header-additional {
  color: #daba5b;
  font-weight: 600;
  margin-bottom: 20px;
}

/* Formulářová pole */
#checkoutContent input,
#checkoutContent select,
#checkoutContent textarea {
  width: 100%;
  background-color: #fff !important;
  color: #000 !important;
  border: 1px solid #daba5b55;
  border-radius: 6px;
  padding: 10px 12px;
  box-sizing: border-box;
}

/* Odstranění nepoužitých mezer pod poznámkou a checkboxy */
#checkoutContent .co-box.co-box-additional,
#checkoutContent .stay-in-touch {
  margin-top: 20px;
}

/* Checkout boxy – sjednocení barev */
#checkoutContent .box.box-bg-default {
  background-color: #1C1C1C !important;
  border: none !important;
  box-shadow: 0 0 25px rgba(218, 186, 91, 0.07); /* jemný zlatavý závoj */
}

/* Sjednocení pozadí celé sekce pokladny */
#checkoutContent,
#checkoutContent .cart-content,
#checkoutContent fieldset {
  background-color: #1C1C1C !important;
}

/* Odstranění případných jiných šedých vrstev */
.co-box,
.co-box-billing-address,
.co-box-additional,
.co-box-shipping-address {
  background: transparent !important;
  box-shadow: none !important;
}
/* ==== CHECKOUT: reset a selektivní glow ==== */

/* 0) Reset – vypnout jakýkoli glow u všech levých boxů (aby nezasahovaly staré styly) */
#checkoutContent .box.box-bg-default,
#checkoutContent .co-box {
  box-shadow: none !important;
  background-color: #1C1C1C !important;
  border: none !important;
  border-radius: 14px;
}

/* 1) ZAPNOUT glow jen u: Osobní údaje (fieldset má .co-contact-information) */
#checkoutContent fieldset.box.box-bg-default.co-contact-information {
  box-shadow: 0 0 16px rgba(218,186,91,0.2) !important;
  padding: 32px;
  margin: 30px auto;
  max-width: 800px;
}

/* 2) ZAPNOUT glow u: Fakturační adresa
      (zde je wrapper .co-billing-address a uvnitř fieldset .box-bg-default) */
#checkoutContent .co-billing-address fieldset.box.box-bg-default {
  box-shadow: 0 0 16px rgba(218,186,91,0.2) !important;
  padding: 32px;
  margin: 30px auto;
  max-width: 800px;
}

/* 3) ZAPNOUT glow u: Doručovací adresa (fieldset má .co-shipping-address) */
#checkoutContent fieldset.box.box-bg-default.co-shipping-address {
  box-shadow: 0 0 16px rgba(218,186,91,0.2) !important;
  padding: 32px;
  margin: 30px auto;
  max-width: 800px;
}

/* 4) VYPNOUT glow u: Poznámka + Registrace (zůstanou čisté bez rámečku) */
#checkoutContent .co-box.co-box-additional,
#checkoutContent .co-box.co-box-additional fieldset.box.box-bg-default,
#checkoutContent fieldset.stay-in-touch,
#checkoutContent .stay-in-touch {
  box-shadow: none !important;
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* 5) (volit.) sjednocení vzhledu polí – ať jsou čitelné v tmavém boxu */
#checkoutContent input,
#checkoutContent select,
#checkoutContent textarea {
  width: 100%;
  background: #fff !important;
  color: #000 !important;
  border: 1px solid rgba(218,186,91,0.35);
  border-radius: 6px;
  padding: 10px 12px;
  box-sizing: border-box;
}


/* === UNIFIKOVANÝ STYL TLAČÍTEK (např. "Moje nákupy") === */
.btn.btn-primary {
  background-color: #daba5b !important;
  color: #1C1C1C !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  padding: 12px 28px !important;
  border-radius: 0 !important;
  border: none !important;
  box-shadow: 0 0 12px rgba(218, 186, 91, 0.3) !important;
  transition: all 0.2s ease-in-out !important;
  display: inline-block !important;
  text-align: center !important;
}

/* Hover efekt */
.btn.btn-primary:hover,
.btn.btn-primary:focus {
  background-color: #f0ce6a !important;
  color: #000 !important;
  box-shadow: 0 0 20px rgba(218, 186, 91, 0.5) !important;
  transform: translateY(-1px);
}

/* Odstranění default border efektů z Shoptetu */
.btn.btn-primary:active,
.btn.btn-primary:focus-visible {
  outline: none !important;
  box-shadow: 0 0 15px rgba(218, 186, 91, 0.4) inset !important;
}

/* === PŘEHLED OBJEDNÁVEK – LUXUSNÍ TMA & ZLATÉ AKCENTY === */
.customer-page .table.customer-orders {
  width: 100%;
  border-collapse: collapse !important;
  background-color: #1C1C1C !important;
  color: #fff !important;
  font-size: 15px !important;
  border: 1px solid rgba(218, 186, 91, 0.15) !important;
  box-shadow: 0 0 10px rgba(218, 186, 91, 0.1);
}

/* Hlavička tabulky */
.customer-page .table.customer-orders thead th {
  background-color: #262626 !important;
  color: #daba5b !important;
  text-transform: uppercase;
  font-weight: 600;
  padding: 14px 12px !important;
  border-bottom: 2px solid rgba(218, 186, 91, 0.25) !important;
}

/* Buňky tabulky */
.customer-page .table.customer-orders tbody td {
  background: transparent !important;
  color: #fff !important;
  padding: 14px 12px !important;
  border-top: 1px solid rgba(218, 186, 91, 0.1) !important;
  vertical-align: middle !important;
}

/* Hover efekt na řádek */
.customer-page .table.customer-orders tbody tr:hover {
  background-color: rgba(218, 186, 91, 0.05) !important;
  transition: background 0.2s ease-in-out;
}

/* Cena celkem */
.customer-page .table.customer-orders td.cell--price {
  color: #daba5b !important;
  font-weight: 600 !important;
}

/* Stav objednávky */
.customer-page .table.customer-orders td .label,
.customer-page .table.customer-orders td span {
  background: none !important;
  color: #daba5b !important;
  font-weight: 600 !important;
  padding: 0 !important;
  border: none !important;
  box-shadow: none !important;
}

/* Odkazy – sledování zásilky apod. */
.customer-page .table.customer-orders td a {
  color: #daba5b !important;
  text-decoration: none !important;
}
.customer-page .table.customer-orders td a:hover {
  color: #fff !important;
  text-decoration: underline !important;
}

/* Zarovnání textu */
.customer-page .table.customer-orders th,
.customer-page .table.customer-orders td {
  text-align: left !important;
}

/* Drobné vyrovnání mezery pod tabulkou */
.customer-page .table.customer-orders {
  margin-bottom: 30px !important;
}

  
/* === Oprava tlačítka ODHLÁSIT SE v zákaznickém centru === */
.customer-page .sidebar .client-center-box ul li.logout .btn.btn-primary {
  background-color: #daba5b !important;
  color: #1C1C1C !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  padding: 8px 18px !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: 0 0 10px rgba(218, 186, 91, 0.3) !important;
  display: inline-block !important;
  float: right !important;
  margin: 0 20px 10px 0 !important;
  position: relative !important;
  z-index: 2;
}

/* Hover efekt */
.customer-page .sidebar .client-center-box ul li.logout .btn.btn-primary:hover {
  background-color: #f0ce6a !important;
  color: #000 !important;
  box-shadow: 0 0 18px rgba(218, 186, 91, 0.5) !important;
  transform: translateY(-1px);
}

/* Aby text vpravo nezačínal pod tlačítkem */
.customer-page .content h1,
.customer-page .content {
  overflow: hidden;
}

/* === Detail objednávky – table.table-mobile-enriched.table-order-details === */
#content .content-inner table.table.table-mobile-enriched.table-order-details {
  width: 100%;
  border-collapse: collapse !important;
  background: #1C1C1C !important;
  color: #fff !important;
  border: 1px solid rgba(218,186,91,0.15) !important;
  box-shadow: 0 0 10px rgba(218,186,91,0.10) !important;
}

/* Hlavička */
#content .content-inner table.table.table-mobile-enriched.table-order-details thead th {
  background: #262626 !important;
  color: #daba5b !important;
  text-transform: uppercase;
  font-weight: 600 !important;
  padding: 14px 12px !important;
  border-bottom: 2px solid rgba(218,186,91,0.25) !important;
  text-align: left !important;
}

/* Řádky + buňky */
#content .content-inner table.table.table-mobile-enriched.table-order-details tbody tr {
  background: transparent !important;
  border-top: 1px solid rgba(218,186,91,0.12) !important;
  transition: background .2s ease-in-out;
}
#content .content-inner table.table.table-mobile-enriched.table-order-details tbody tr:hover {
  background: rgba(218,186,91,0.05) !important;
}
#content .content-inner table.table.table-mobile-enriched.table-order-details tbody td {
  color: #fff !important;
  padding: 14px 12px !important;
  vertical-align: middle !important;
  text-align: left !important;
}

/* Název produktu (1. sloupec) */
#content .content-inner table.table.table-mobile-enriched.table-order-details tbody td:first-child,
#content .content-inner table.table.table-mobile-enriched.table-order-details tbody td:first-child a {
  color: #daba5b !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}
#content .content-inner table.table.table-mobile-enriched.table-order-details tbody td:first-child a:hover {
  color: #ffffff !important;
  text-decoration: underline !important;
}

/* Ceny */
#content .content-inner table.table.table-mobile-enriched.table-order-details td.cell--price,
#content .content-inner table.table.table-mobile-enriched.table-order-details tbody td:last-child {
  color: #daba5b !important;
  font-weight: 600 !important;
}

/* Bez hnědých štítků na spanech/labelu uvnitř tabulky */
#content .content-inner table.table.table-mobile-enriched.table-order-details .label,
#content .content-inner table.table.table-mobile-enriched.table-order-details span {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  color: inherit !important;
}

/* === UNIVERZÁLNÍ LUXUSNÍ TABULKY V ZÁKAZNICKÉM CENTRU === */
.customer-page table.table.table-mobile-enriched {
  width: 100%;
  border-collapse: collapse !important;
  background: #1C1C1C !important;
  color: #fff !important;
  font-size: 15px !important;
  border: 1px solid rgba(218,186,91,0.15) !important;
  box-shadow: 0 0 10px rgba(218,186,91,0.1) !important;
}

/* Hlavička tabulky */
.customer-page table.table.table-mobile-enriched thead th {
  background: #262626 !important;
  color: #daba5b !important;
  text-transform: uppercase;
  font-weight: 600;
  padding: 14px 12px !important;
  border-bottom: 2px solid rgba(218,186,91,0.25) !important;
  text-align: left !important;
}

/* Buňky tabulky */
.customer-page table.table.table-mobile-enriched tbody td {
  background: transparent !important;
  color: #fff !important;
  padding: 14px 12px !important;
  border-top: 1px solid rgba(218,186,91,0.12) !important;
  vertical-align: middle !important;
  text-align: left !important;
}

/* Hover efekt pro řádek */
.customer-page table.table.table-mobile-enriched tbody tr:hover {
  background: rgba(218,186,91,0.05) !important;
  transition: background 0.2s ease-in-out;
}

/* Odkazy (např. číslo faktury, objednávky) */
.customer-page table.table.table-mobile-enriched tbody td a {
  color: #daba5b !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}
.customer-page table.table.table-mobile-enriched tbody td a:hover {
  color: #ffffff !important;
  text-decoration: underline !important;
}

/* Ceny */
.customer-page table.table.table-mobile-enriched td.cell--price,
.customer-page table.table.table-mobile-enriched tbody td:last-child {
  color: #daba5b !important;
  font-weight: 600 !important;
}

/* Poslední řádek (součty) */
.customer-page table.table.table-mobile-enriched tfoot td,
.customer-page table.table.table-mobile-enriched tbody tr:last-child td {
  border-top: 2px solid rgba(218,186,91,0.3) !important;
  font-weight: 700 !important;
  color: #daba5b !important;
}

/* Bez hnědých labelů */
.customer-page table.table.table-mobile-enriched .label,
.customer-page table.table.table-mobile-enriched span {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  color: inherit !important;
}
/* === Přepsání černého textu ve stránce Doprava a platba === */
#content .content-inner article.pageArticleDetail span[style*="color:#000000"],
#content .content-inner article.pageArticleDetail strong span[style*="color:#000000"],
#content .content-inner article.pageArticleDetail span[style*="color: #000000"],
#content .content-inner article.pageArticleDetail strong span[style*="color: #000000"] {
  color: #ffffff !important;
}

/* === Oprava roztaženého obsahu na informačních stránkách (O nás, Kontakt, Spolupráce, Doprava atd.) === */
#content.content.wide,
#content .content.wide,
#content .content-inner.wide,
.pageArticleDetail .content-inner,
.article.pageArticleDetail {
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
  box-sizing: border-box !important;
}

/* Zarovnání textů a formulářů uvnitř */
.pageArticleDetail p,
.pageArticleDetail form,
.pageArticleDetail h1,
.pageArticleDetail h2,
.pageArticleDetail h3 {
  max-width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Kontaktní formulář – přizpůsobení vzhledu */
.pageArticleDetail input[type="text"],
.pageArticleDetail input[type="email"],
.pageArticleDetail textarea {
  border: 1px solid rgba(218,186,91,0.25) !important;
  background-color: #ffffff !important;
  color: #000 !important;
  border-radius: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
}

.pageArticleDetail input[type="submit"],
.pageArticleDetail button {
  background-color: #daba5b !important;
  color: #000 !important;
  border: none !important;
  padding: 10px 25px !important;
  cursor: pointer !important;
  transition: background 0.3s ease;
}

.pageArticleDetail input[type="submit"]:hover,
.pageArticleDetail button:hover {
  background-color: #bfa24d !important;
}
/* === Překrytí bílého pruhu pod tlačítkem "Do košíku" === */
.social-buttons {
  background-color: #1C1C1C !important;
  border: 1px solid rgba(218, 186, 91, 0.2) !important;
  border-radius: 8px !important;
  padding: 10px 20px !important;
  box-shadow: 0 0 12px rgba(218, 186, 91, 0.15) !important;
  display: flex !important;
  justify-content: flex-start !important;
  align-items: center !important;
}

/* Text ZAVŘÍT */
.social-buttons .close-wrapper {
  background: transparent !important;
  color: #daba5b !important;
  font-weight: 500 !important;
  font-size: 16px !important;
  margin-left: auto !important;
  cursor: pointer !important;
  transition: color 0.3s ease;
}
.social-buttons .close-wrapper:hover {
  color: #fff !important;
}

/* Facebook a X tlačítka */
.social-buttons .facebook,
.social-buttons .twitter {
  filter: brightness(0.85) !important;
  transform: scale(0.95) !important;
}

/* Mobilní úprava */
@media (max-width: 768px) {
  .social-buttons {
    flex-direction: column !important;
    gap: 10px !important;
    text-align: center !important;
  }
}
/* === Oprava mobilní verze sdílecího pruhu === */
@media (max-width: 768px) {
  .social-buttons {
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    height: auto !important;
    padding: 18px 14px !important;
  }

  .social-buttons .facebook,
  .social-buttons .twitter {
    margin-right: 0 !important;
  }

  .social-buttons iframe {
    width: 100% !important;
    max-width: 220px !important;
    height: 32px !important;
    display: block !important;
  }

  .social-buttons .close-wrapper {
    order: 3 !important;
    margin-left: 0 !important;
    margin-top: 6px !important;
    text-align: center !important;
    font-size: 16px !important;
  }
}
/* === Luxusní hover efekt: zlaté okraje + tmavší střed === */
.banner-wrapper {
  position: relative;
  border-radius: 10px;
  overflow: hidden;
  cursor: pointer;
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

.banner-wrapper img {
  width: 100%;
  height: auto;
  display: block;
  transition: transform 0.5s ease, filter 0.5s ease;
  border-radius: 10px;
}

/* Výchozí stav */
.banner-wrapper {
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.6);
  border: 1px solid rgba(255, 255, 255, 0.05);
}

/* Efekt po najetí – jemné přiblížení a glow kolem okrajů */
.banner-wrapper:hover {
  transform: translateY(-3px);
  box-shadow:
    0 0 25px rgba(218, 186, 91, 0.3),
    0 0 60px rgba(218, 186, 91, 0.15);
  border: 1px solid rgba(218, 186, 91, 0.4);
}

/* Jemné přiblížení obrázku */
.banner-wrapper:hover img {
  transform: scale(1.04);
  filter: brightness(0.95) contrast(1.1);
}

/* Zlaté světlo na okrajích + střed ztmavený */
.banner-wrapper::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: 0px;
  background: radial-gradient(
    circle at center,
    rgba(0, 0, 0, 0.3) 35%, /* střed ztmavený */
    rgba(218, 186, 91, 0.2) 80%, /* zlatý přechod */
    rgba(218, 186, 91, 0.35) 100% /* okraje glow */
  );
  opacity: 0;
  transition: opacity 0.6s ease;
}

/* Aktivní efekt při hoveru */
.banner-wrapper:hover::after {
  opacity: 1;
}
/* 1) Vrať rozestup nadpisu pod bannery – nic se neposune nahoru */
.pouze-na-homepage > .vlozeny-nadpis-mezi-bannery {
  margin-top: 56px !important;   /* ponecháme rozumnou mezeru */
  padding-top: 0 !important;
  background: transparent;
  position: relative;
  z-index: 1;                     /* aby „ležela“ pod glowem bannerů */
}

/* 2) Bannery dostanou prioritu, aby jejich glow nebyl překryt */
.pouze-na-homepage .banner-wrapper {
  position: relative;
  z-index: 2;
}

/* 3) Přidej trochu prostoru pod sekci s bannery,
      aby se glow nesrazil s další sekcí (nic se nebude „usekávat“) */
.pouze-na-homepage .carousel-wrapper {
  padding-bottom: 40px;           /* klidně 48–56px = víc prostoru pro glow */
}

/* 4) Kdyby nějaký rodič ořezával obsah, vypneme to */
.pouze-na-homepage .carousel-wrapper,
.pouze-na-homepage .carousel-wrapper * {
  overflow: visible !important;
}
/* === Oprava autocomplete seznamu u Balíkovny / Zásilkovny === */
.ui-widget-content.ui-front,
.ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front {
  background: #1c1c1c !important;  /* stejné jako pozadí webu */
  color: #f5f5f5 !important;        /* světlý text pro čitelnost */
  border: 1px solid #444 !important;
  z-index: 9999 !important;
}

/* jednotlivé položky */
.ui-menu-item-wrapper {
  background: transparent !important;
  color: #f5f5f5 !important;
  padding: 8px 12px !important;
  cursor: pointer;
}

/* hover efekt */
.ui-menu-item-wrapper:hover,
.ui-menu-item-wrapper.ui-state-active {
  background: #daba5b !important;   /* tvoje zlatá barva */
  color: #000 !important;
}
/* === Balíkovna: tmavé pozadí i pro neoznačené položky === */
.ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front {
  background: #1c1c1c !important;
  border: 1px solid #444 !important;
  color: #f5f5f5 !important;
  z-index: 9999 !important;
}

/* každá položka v seznamu */
.ui-menu-item,
.ui-menu-item-wrapper {
  background: #1c1c1c !important;
  color: #f5f5f5 !important;
  padding: 8px 12px !important;
  border: none !important;
}

/* označená nebo aktivní položka (při najetí myší) */
.ui-menu-item-wrapper:hover,
.ui-menu-item-wrapper.ui-state-active,
.ui-menu-item-wrapper.ui-state-focus {
  background: #daba5b !important;
  color: #000 !important;
}

/* drobný fix na text uvnitř */
.ui-menu-item-wrapper * {
  color: inherit !important;
  background: transparent !important;
}
/* === KOŠÍK – definitivní odstranění vnitřního zlatého stínu === */
.cart-content.summary-wrapper .box.box-sm.box-bg-default {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* Pojistka – i kdyby Shoptet načetl styl později */
div.cart-content.summary-wrapper div.box.box-sm.box-bg-default {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* Odstraní případné pseudo-elementy se stínem */
.cart-content.summary-wrapper .box.box-sm.box-bg-default::before,
.cart-content.summary-wrapper .box.box-sm.box-bg-default::after {
  content: none !important;
  display: none !important;
  box-shadow: none !important;
  background: none !important;
}
/* === KOŠÍK – odstranění zlatého vnitřního rámečku u obou boxů (rekapitulace + kontakt) === */

/* rekapitulace objednávky i kontakt – odstranění stínu a pozadí */
.cart-content.summary-wrapper .box.box-sm.box-bg-default,
.checkout-box-wrapper .box.box-sm.box-bg-default {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* pojistka proti dědičným pseudo-elementům */
.cart-content.summary-wrapper .box.box-sm.box-bg-default::before,
.cart-content.summary-wrapper .box.box-sm.box-bg-default::after,
.checkout-box-wrapper .box.box-sm.box-bg-default::before,
.checkout-box-wrapper .box.box-sm.box-bg-default::after {
  content: none !important;
  display: none !important;
  background: none !important;
  box-shadow: none !important;
}

/* vnější obaly obou sekcí – sjednocený styl */
.cart-content.summary-wrapper,
.checkout-box-wrapper {
  background: #1C1C1C !important;
  border: 1px solid rgba(218,186,91,0.25) !important;
  box-shadow: none !important;
}

/* === DECORHAND – MOBILNÍ OPRAVA BLOKŮ (doprava, platby, footer) === */
@media (max-width: 768px) {

  /* univerzální omezení obsahu */
  .editor-bg,
  .shipping-grid,
  .payment-grid,
  .slovensko-box,
  #footer .custom-footer {
    box-sizing: border-box !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  /* karty dopravy a plateb – zruší mřížku, zobrazí sloupce */
  .shipping-grid,
  .payment-grid {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 20px !important;
  }

  .shipping-item,
  .payment-item {
    width: 100% !important;
    max-width: 360px !important;
    margin: 0 auto !important;
    box-sizing: border-box !important;
  }

  /* obrázky dopravců */
  .shipping-item img,
  .payment-item img {
    max-width: 120px !important;
    height: auto !important;
  }

  /* slovenský box */
  .slovensko-box {
    margin-top: 24px !important;
    padding: 20px 16px !important;
  }

  /* footer – zajistí, že bloky zůstanou uvnitř okna */
  #footer,
  #footer .custom-footer {
    width: 100% !important;
    overflow-x: hidden !important;
  }

  /* blok Kontakt – centrování */
  #footer .custom-footer__contact {
    text-align: center !important;
  }

  /* sociální ikony ve footeru – centrování na mobilu */
  #footer .custom-footer__contact ul {
    justify-content: center !important;
    gap: 12px !important;
    margin-top: 12px !important;
  }
  #footer .social-icon.facebook,
  #footer .social-icon.instagram {
    width: 40px !important;
    height: 40px !important;
  }
}
/* === DECORHAND – definitivní fix aktivního řazení === */

/* Aktivní tlačítko má class i aria-disabled, takže chytáme oboje */
.listSorting__controls li button.listSorting__control-current,
.listSorting__controls li button[aria-disabled="true"] {
    background-color: #daba5b !important; /* ZLATÉ */
    color: #1C1C1C !important;            /* ČERNÝ TEXT */
    border: 1px solid #daba5b !important;
    font-weight: 700 !important;
    border-radius: 0 !important;
    box-shadow: 0 0 10px rgba(218, 186, 91, 0.4) !important;
}

/* Neaktivní */
.listSorting__controls li button {
    background: transparent !important;
    color: #ffffff !important;
    border: 1px solid transparent !important;
    padding: 10px 18px !important;
}

/* Hover neaktivních */
.listSorting__controls li button:not([aria-disabled="true"]):hover {
    color: #daba5b !important;
    border-color: #daba5b !important;
}
/* === DECORHAND – centrování bloků dopravy na stránce Doprava a platba (jen PC) === */
@media (min-width: 1025px) {

  /* wrapper s dopravci */
  main.content .shipping-grid {
    display: flex !important;
    flex-wrap: wrap !important;          /* aby to pořád normálně zalamovalo */
    justify-content: center !important;  /* vycentruj řady */
    gap: 40px !important;                /* mezery mezi boxy */
  }

  /* jednotlivé boxy dopravy */
  main.content .shipping-grid .shipping-item {
    flex: 0 1 30% !important;            /* cca tři boxy do řady */
    max-width: 360px !important;
    margin: 0 !important;
  }
}

/* === DECORHAND – luxusní měnový přepínač v horní liště === */

header .dropdown-menu {
    background-color: #1C1C1C !important;   /* luxusní černé pozadí */
    border: 1px solid #daba5b !important;   /* zlatý rámeček */
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.6) !important; /* jemný luxusní stín */
    border-radius: 6px !important;
    padding: 8px 0 !important;
}

/* položky uvnitř */
header .dropdown-menu li a,
header .dropdown-menu li {
    background: none !important;
    color: #ffffff !important;
    font-weight: 500;
    padding: 8px 16px !important;
    display: block;
}

/* hover efekt – jemný zlatý nádech */
header .dropdown-menu li a:hover {
    background-color: rgba(218, 186, 91, 0.15) !important; 
    color: #daba5b !important;
}
/* Odsazení patičky od obsahu */
.container.system-footer {
    margin-top: 50px !important;  /* můžeš upravovat na 30–80px */
}

/* ODLEPENÍ KONKURENČNÍCH VÝHOD OD PRODUKTU – PC + MOBIL */
.full-width.benefit-banners-full-width {
    margin-top: 40px !important;   /* můžeš zvýšit/snížit */
    padding-top: 20px !important;
}

/* === Shipping bloky – vypnutí orámování a hoverů, zachování černého pozadí === */

.shipping-item,
.shipping-item:hover,
.shipping-item:focus,
.shipping-item:active,
.shipping-item.selected,
.shipping-item--active,
.shipping-item.is-active {
    border: none !important;
    box-shadow: none !important;
    transform: none !important;

    /* zachovat původní pozadí */
    background: #000 !important;
}