/* ARTE LUX — MINI BASE (black & gold) */
/* v1.1 — minimal, bez duplicit, bezpečné přepisy */

:root{
  --arte-gold:#d89a56;
  --arte-black:#000000;
  --arte-white:#ffffff;
}

/* 1) Base */
html,body{background:#fff;color:var(--arte-black);}
a{color:var(--arte-black);text-decoration:none;}
a:hover{color:var(--arte-gold);}

/* 2) Header / menu */
.header-nav,#header,.header-container{background:var(--arte-black)!important;}
#header a,.header-nav a{color:#fff!important;}
#header a:hover,.header-nav a:hover{color:var(--arte-gold)!important;}

/* 3) CTA tlačítka */
.btn,.button,.btn-primary,.btn-default,
.button.ajax_add_to_cart_button,.add-to-cart,.cart-button,
.product-add-to-cart .btn,.quick-view .btn{
  background:var(--arte-black)!important;color:#fff!important;
  border:1px solid var(--arte-gold)!important;border-radius:999px;
  text-transform:uppercase;letter-spacing:.4px;
  padding:.6rem 1.2rem;font-size:14px;transition:all .2s ease;
}
.btn:hover,.button:hover,.btn-primary:hover,.btn-default:hover,
.button.ajax_add_to_cart_button:hover,.add-to-cart:hover,
.product-add-to-cart .btn:hover,.quick-view .btn:hover{
  background:var(--arte-gold)!important;color:#000!important;border-color:var(--arte-gold)!important;
}

/* 4) Ceny + hodnocení */
.price,.product-price,#our_price_display,.current-price span,.price.product-price{color:var(--arte-gold)!important;font-weight:600;}
.star,.star_on,.star.hover,.spr-badge-starrating .spr-icon{color:var(--arte-gold)!important;fill:var(--arte-gold)!important;}

/* 5) Karty produktů (jemný hover) */
.product-miniature,.product-container{transition:box-shadow .2s ease,transform .2s ease;}
.product-miniature:hover,.product-container:hover{box-shadow:0 8px 24px rgba(0,0,0,.08);transform:translateY(-2px);}

/* 6) Focus stavy formulářů */
input:focus,select:focus,textarea:focus{
  outline:none!important;border-color:var(--arte-gold)!important;box-shadow:0 0 0 2px rgba(216,154,86,.25);
}

/* 7) Stránkování */
.pagination li>a,.page-list li>a{border:1px solid var(--arte-gold);color:var(--arte-black);}
.pagination li.active>a,.page-list li.current>a,.pagination li>a:hover{background:var(--arte-gold);color:#000;}

/* 8) Footer (černý, kontrastní, jednoduchý) */
#footer,.footer-container{background:var(--arte-black)!important;color:#eaeaea!important;border-top:2px solid var(--arte-gold);}
#footer a{color:#eaeaea!important;}
#footer a:hover{color:var(--arte-gold)!important;}
#footer .collapse{background:transparent!important;box-shadow:none!important;border:0!important;}

/* 9) Mobilní menu (černé; odkazy zlaté; tel zlatý) */
#_mobile_top_menu,#mobile_top_menu_wrapper,#mobile_top_menu,.offcanvas-menu,.mobile-menu,.mobile-nav{
  background:var(--arte-black)!important;
}
#_mobile_top_menu a,#mobile_top_menu_wrapper a,#mobile_top_menu a,.offcanvas-menu a,.mobile-menu a,.mobile-nav a{
  color:var(--arte-gold)!important;font-weight:600!important;text-decoration:none!important;
}
#_mobile_top_menu a:hover,#mobile_top_menu_wrapper a:hover,#mobile_top_menu a:hover,
.offcanvas-menu a:hover,.mobile-menu a:hover,.mobile-nav a:hover{color:#fff!important;}
[href^="tel:"],[href^="tel:"] *{color:var(--arte-gold)!important;font-weight:700!important;}

/* 10) Logo — bez podtržení jen na homepage (ostatní stránky necháváme být) */
body#index #_desktop_logo h1 a,
body#index #_desktop_logo h1 a img{
  text-decoration:none!important;border:0!important;outline:none!important;box-shadow:none!important;background:none!important;
}

/* 11) Responsive drobnosti */
@media (max-width:991px){ .btn{font-size:13px;padding:.55rem 1rem;} }
@media (max-width:575px){
  .btn{font-size:12px;padding:.5rem .9rem;}
  #footer,.footer-container{text-align:center;padding:18px 10px;}
  .product-miniature,.product-container{box-shadow:none;}
}
/* === Zlatá linka pod top-barem (NAV) – čistá varianta === */
#header .header-nav {
  position: relative;
  border-bottom: none !important;
  box-shadow: inset 0 -2px 0 0 var(--arte-gold) !important;
}

/* vypnutí všech jiných linek (container/ header-top) */
#header .header-top,
#header .header-top .container,
#header .header-nav .container {
  box-shadow: none !important;
  background-image: none !important;
}
/* Zlatá linka pod CELÝM HEADEREM (full width) */
#header {
  position: relative;
}

#header::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;               /* úplně na spodek headeru */
  height: 2px;
  background: var(--arte-gold);
  z-index: 50;
  pointer-events: none;
}
@media (max-width: 767px) {
  .footer-container {
    border-top: none !important;
    box-shadow: none !important;
    background-image: none !important;
  }
}
/* === MOBILE/TABLET FOOTER LUX (≤ 991.98px) — GOLD HEADINGS, WHITE LINKS === */
@media (max-width: 991.98px){

  /* pozadí a základní barva */
  html body #footer,
  html body .footer-container,
  html body #footer .container,
  html body #footer .row{
    background: var(--arte-black) !important;
    color: #ffffff !important;
  }

  /* NADPISY SEKCI (Informace o obchodu, apod.) = ZLATO */
  html body #footer .h3,
  html body #footer h3,
  html body #footer .title,
  html body #footer .links h3,
  html body #footer .block-contact h3{
    color: var(--arte-gold) !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    letter-spacing: .05em;
    margin-bottom: .6rem;
  }

  /* ODKAZY UVNITŘ = BÍLÉ, HOVER DO ZLATA */
  html body #footer a{
    color: #ffffff !important;
    font-weight: 500;
    text-decoration: none !important;
  }
  html body #footer a:hover{
    color: var(--arte-gold) !important;
  }

  /* CHEVRONY / TLAČÍTKA ROZBALENÍ = ZLATO */
  html body #footer .collapse-icons .add,
  html body #footer .collapse-icons .remove,
  html body #footer .navbar-toggler,
  html body #footer .navbar-toggler .material-icons{
    color: var(--arte-gold) !important;
    opacity: 1 !important;
  }

  /* těla akordeonů bez bílých ploch */
  html body #footer .collapse,
  html body #footer .collapse.show,
  html body #footer .accordion-collapse{
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }
  html body #footer li,
  html body #footer ul,
  html body #footer .list{
    background: transparent !important;
  }
}
/* ==== FOOTER nadpisy & odkazy pro PC a tablet ==== */
@media (min-width: 768px) {
  /* Hlavní nadpisy footeru */
  #footer p.h3.hidden-sm-down,
  #footer p.h4.text-uppercase.block-contact-title.hidden-sm-down {
    color: #d89a56 !important;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .05em;
    margin-bottom: 10px;
  }

  /* Odkazy ve footeru */
  #footer a.text-uppercase {
    color: #d89a56 !important;
    text-decoration: none;
    font-weight: 500;
    transition: color 0.3s ease;
  }

  #footer a.text-uppercase:hover {
    color: #f2b66f !important; /* světlejší zlatá při hoveru */
  }
}
/* ==== Desktop dropdown podkategorie (bílé pozadí, černý text, zlatý hover) ==== */
@media (min-width: 992px) {
  #top-menu .popover.sub-menu .dropdown-item,
  #top-menu .popover.sub-menu .dropdown-submenu a {
    color: #000000 !important;              /* černý základní text */
    background-color: #ffffff !important;   /* bílé pozadí */
    transition: color 0.3s ease, background 0.3s ease;
  }

  #top-menu .popover.sub-menu .dropdown-item:hover,
  #top-menu .popover.sub-menu .dropdown-submenu a:hover {
    color: #d89a56 !important;              /* zlatý text při hoveru */
    background-color: #ffffff !important;   /* pozadí zůstane bílé */
  }
}
/* ===========================
   LUX FINAL TOUCHES
   =========================== */

/* 1) Jemný stín pod headerem – oddělí ho od obsahu */
#header {
  box-shadow: 0 2px 12px rgba(0,0,0,.08);
}

/* 2) Sjednocený zlatý hover pro textové odkazy (mimo tlačítka) */
a:not(.btn):not(.button):not([role="button"]) {
  transition: color .25s ease, box-shadow .25s ease;
  box-shadow: inset 0 -0px 0 0 transparent; /* default bez linky */
}
a:not(.btn):not(.button):not([role="button"]):hover {
  color: var(--arte-gold) !important;
  box-shadow: inset 0 -2px 0 0 var(--arte-gold); /* jemná underline */
}

/* 3) Produktové karty – decentní lux efekt na hover */
.product-miniature, .product-container {
  border-radius: 10px;
  border: 1px solid rgba(0,0,0,.06);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.product-miniature:hover, .product-container:hover {
  transform: translateY(-3px);
  border-color: rgba(216,154,86,.55);
  box-shadow: 0 10px 24px rgba(0,0,0,.10);
}
.product-miniature .thumbnail-container img,
.product-container .thumbnail-container img {
  transition: transform .25s ease;
}
.product-miniature:hover .thumbnail-container img,
.product-container:hover .thumbnail-container img {
  transform: scale(1.02);
}

/* 4) CTA tlačítka – jemný „gold glow“ */
.btn, .button, .btn-primary, .btn-default {
  transition: background .25s ease, color .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.btn:hover, .button:hover, .btn-primary:hover, .btn-default:hover {
  box-shadow: 0 6px 18px rgba(216,154,86,.35);
}

/* 5) Infobox/claim na homepage – zvýraznit zlatem (bez změny layoutu)
   Cílíme na běžné bloky HTML v domovské stránce; vezme si to ten tvůj „Objevte sílu ARTE...“ */
#index .block-cms,
#index .custom-text,
#index .custom-html,
#index .home-banner,
#index .html-block,
#index .block_html,
#index .block {
  background: rgba(0,0,0,.03);
  border-left: 3px solid var(--arte-gold);
  border-radius: 10px;
  padding: 18px 18px;
}
#index .block-cms h2, #index .block-cms h3,
#index .custom-text h2, #index .custom-text h3,
#index .custom-html h2, #index .custom-html h3,
#index .home-banner h2, #index .home-banner h3,
#index .html-block h2, #index .html-block h3,
#index .block_html h2, #index .block_html h3 {
  color: var(--arte-black);
  letter-spacing: .02em;
}
#index .block-cms p,
#index .custom-text p,
#index .custom-html p,
#index .home-banner p,
#index .html-block p,
#index .block_html p {
  color: #333;
}

/* 6) Dropdown submenu (desktop) – jemná elevace boxu (už máš černý→zlatý hover text) */
@media (min-width: 992px) {
  #top-menu .popover.sub-menu {
    box-shadow: 0 12px 28px rgba(0,0,0,.12);
    border: 1px solid rgba(0,0,0,.06);
    border-radius: 10px;
    overflow: hidden;
  }
}

/* 7) Mikrovyhlazení přechodů – ať vše působí plynule */
* { -webkit-tap-highlight-color: transparent; }
/* === Fix barvy tabů na stránce produktu (Popis, Detaily produktu, atd.) === */
.nav-tabs .nav-link {
  color: #000000 !important; /* černý text jako základ */
  border: none !important;
  border-bottom: 2px solid transparent !important;
  transition: color 0.25s ease, border-color 0.25s ease;
}

.nav-tabs .nav-link:hover {
  color: #d89a56 !important; /* zlatý hover */
  border-bottom: 2px solid #d89a56 !important; /* zlatá linka */
}

.nav-tabs .nav-link.active {
  color: #d89a56 !important; /* aktivní tab zlatý */
  border-bottom: 2px solid #d89a56 !important; /* zlatá linka */
  font-weight: 600;
}
/* === Fix modré linky a hoveru na obrázcích + miniaturách === */

/* 1) Kategorie – odstranění modrého overlaye při hoveru na obrázek */
a.img, a.img:hover, a.img:focus {
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
  background: transparent !important;
}

/* 2) Obrázky v kategorii – žádný modrý rám při hoveru */
.product-thumbnail img:hover,
.product-image-container img:hover {
  outline: none !important;
  box-shadow: 0 0 10px rgba(216,154,86,0.3) !important; /* jemný zlatý glow */
  border-radius: 6px;
  transition: all 0.25s ease;
}

/* 3) Miniatury na produktové stránce (thumbs) */
#product .thumb,
#product .thumb img {
  border: 2px solid transparent !important;
  border-radius: 8px;
  transition: all 0.25s ease;
}

#product .thumb:hover {
  border-color: #d89a56 !important; /* zlatý hover */
  transform: scale(1.05);
}

#product .thumb.js-thumb-selected,
#product .thumb.selected,
#product .thumb.js-thumb-selected:hover {
  border-color: #d89a56 !important; /* zlatý výběr */
  box-shadow: 0 0 10px rgba(216,154,86,0.4);
}

/* 4) Zrušení modrého focus outline, co Chrome přidává automaticky */
*:focus {
  outline: none !important;
  box-shadow: none !important;
}
/* === HEADER MENU ICON FIX === */
/* + černé → hover zlaté → po rozkliknutí − zlaté */

#header .navbar-toggler.collapse-icons .material-icons.add,
#header .navbar-toggler.collapse-icons .material-icons.remove {
  font-size: 22px;
  transition: color 0.3s ease, transform 0.3s ease;
  vertical-align: middle;
}

/* výchozí stav = černé plus */
#header .navbar-toggler.collapse-icons .material-icons.add {
  color: #000000 !important;
  display: inline-block !important;
}

/* hover na celý blok – plus se zlatí */
#header .navbar-toggler.collapse-icons:hover .material-icons.add {
  color: #d89a56 !important;
}

/* minus je skrytý */
#header .navbar-toggler.collapse-icons .material-icons.remove {
  display: none !important;
}

/* po rozkliknutí – plus se schová, minus se zobrazí a je zlatý */
#header .navbar-toggler.collapse-icons:not(.collapsed) .material-icons.add {
  display: none !important;
}
#header .navbar-toggler.collapse-icons:not(.collapsed) .material-icons.remove {
  display: inline-block !important;
  color: #d89a56 !important;
}

/* jemná animace – otáčení při přepnutí */
#header .navbar-toggler.collapse-icons:not(.collapsed) .material-icons.remove {
  transform: rotate(180deg);
}
/* ===== TABLET FIX (768–991px): header/top menu = black ===== */
@media (min-width: 768px) and (max-width: 991.98px){

  /* černé pozadí pro řádek s logem + menu */
  #header .header-top,
  #header .header-top .container,
  #_desktop_top_menu,
  #_desktop_top_menu .top-menu,
  #top-menu {
    background: #000 !important;
  }

  /* barvy odkazů v top menu */
  #_desktop_top_menu a,
  #top-menu a {
    color: #fff !important;
    text-decoration: none !important;
    transition: color .2s ease;
  }
  #_desktop_top_menu a:hover,
  #top-menu a:hover {
    color: var(--arte-gold) !important;
  }

  /* vyčištění případných světlých podkladů okolo hledání apod. */
  #header .header-top-right,
  #header #search_widget {
    background: transparent !important;
  }

  /* pokud se otevře dropdown, necháme ho bílej s černým textem (jak chceš) */
  #top-menu .popover.sub-menu {
    background: #fff !important;
  }
  #top-menu .popover.sub-menu a {
    color: #000 !important;
  }
  #top-menu .popover.sub-menu a:hover {
    color: var(--arte-gold) !important;
    background: #fff !important;
  }
}
/* === FIX MODRÉ BARVY +/− V MENU (FINAL CLEAN VERSION) === */

/* Výchozí barva všech ikon v menu = černá */
#header .material-icons.add,
#header .material-icons.remove,
#_desktop_top_menu .material-icons.add,
#_desktop_top_menu .material-icons.remove {
  color: #000000 !important;
  transition: color 0.25s ease;
}

/* Při najetí myší na rodiče (li nebo a) → ikona zezlatí */
#header li:hover .material-icons.add,
#header li:hover .material-icons.remove,
#_desktop_top_menu li:hover .material-icons.add,
#_desktop_top_menu li:hover .material-icons.remove {
  color: #d89a56 !important; /* zlatá barva */
}

/* Bez pozadí, outline ani stínů */
#header .material-icons.add,
#header .material-icons.remove {
  background: transparent !important;
  box-shadow: none !important;
  outline: none !important;
  text-shadow: none !important;
}

/* Pro jistotu přebarvení i uvnitř collapse ikon */
.navbar-toggler.collapse-icons .material-icons.add,
.navbar-toggler.collapse-icons .material-icons.remove {
  color: #000000 !important;
}
.navbar-toggler.collapse-icons:hover .material-icons.add,
.navbar-toggler.collapse-icons:hover .material-icons.remove {
  color: #d89a56 !important;
}
/* === FIX MODRÉHO RÁMEČKU U MINIATUR (rychlý náhled i produkt) === */

/* základ: žádný rámeček, přechod pro smooth efekt */
.thumb.js-thumb,
.thumb.js-thumb-selected,
.thumb.selected {
  border: 2px solid transparent !important;
  border-radius: 6px;
  transition: border-color 0.25s ease, box-shadow 0.25s ease;
}

/* hover efekt – zlatý outline */
.thumb.js-thumb:hover,
.thumb.selected:hover {
  border-color: #d89a56 !important;
  box-shadow: 0 0 8px rgba(216, 154, 86, 0.4);
}

/* vybraný obrázek – zlatý rámeček místo modrého */
.thumb.js-thumb-selected,
.thumb.selected {
  border-color: #d89a56 !important;
  box-shadow: 0 0 8px rgba(216, 154, 86, 0.5);
}

/* odstranění modrého pozadí při výběru (Presta tam někdy dává background) */
.thumb.js-thumb-selected::after,
.thumb.selected::after {
  background: transparent !important;
  border: none !important;
}
/* ====== STABILIZAČNÍ PATCH (na konec) ====== */

/* 1) Header/top-menu barvy pro všechno ≥768px (tablet i zúžený desktop) */
@media (min-width: 768px){
  #header .header-top,
  #_desktop_top_menu,
  #_desktop_top_menu .top-menu,
  #top-menu {
    background: #000 !important;
  }
  /* bílé odkazy, hover zlato – jednotně */
  #_desktop_top_menu a,
  #top-menu a,
  #header .header-top a {
    color: #fff !important;
    text-decoration: none !important;
  }
  #_desktop_top_menu a:hover,
  #top-menu a:hover,
  #header .header-top a:hover {
    color: var(--arte-gold) !important;
  }
}

/* 2) Dropdown (desktop) – jistota černého textu i když to něco přebije */
@media (min-width: 992px){
  #top-menu .popover.sub-menu a,
  #top-menu .popover.sub-menu .dropdown-item,
  #top-menu .popover.sub-menu .dropdown-submenu > a {
    color: #000 !important;
    background: #fff !important;
  }
  #top-menu .popover.sub-menu a:hover {
    color: var(--arte-gold) !important;
  }
}

/* 3) Header ikony +/− — jedna autorita (černá → hover zlato), bez vlivu na footer */
#header .collapse-icons .material-icons.add,
#header .collapse-icons .material-icons.remove,
#_desktop_top_menu .collapse-icons .material-icons.add,
#_desktop_top_menu .collapse-icons .material-icons.remove {
  color: #000 !important;
  transition: color .25s ease;
}
#header .collapse-icons:hover .material-icons.add,
#header .collapse-icons:hover .material-icons.remove,
#_desktop_top_menu .collapse-icons:hover .material-icons.add,
#_desktop_top_menu .collapse-icons:hover .material-icons.remove {
  color: var(--arte-gold) !important;
}
/* === Tablet FIX: zlatá linka pod podkategoriemi — jen pro tablety === */
@media (min-width: 768px) and (max-width: 991.98px) {
  #top-menu .popover.sub-menu {
    position: relative;
    z-index: 1002;
    background: #fff !important;
    border-top: 2px solid #fff !important; /* překryje zlatou linku */
  }
}

/* === Mobilní FIX: barvy pouze pro podkategorie === */
@media (max-width: 767.98px) {
  #_mobile_top_menu .top-menu .dropdown-item.dropdown-submenu {
    color: #000000 !important;         /* černý text */
    background: #ffffff !important;    /* bílé pozadí */
    transition: color 0.3s ease;
  }

  #_mobile_top_menu .top-menu .dropdown-item.dropdown-submenu:hover {
    color: #d89a56 !important;         /* zlatavý text při přejetí */
  }

  #_mobile_top_menu .top-menu .dropdown-item.dropdown-submenu:active {
    color: #d89a56 !important;         /* zlatavý při kliknutí */
  }
}
/* === Košík / přidáno do košíku: barva názvu produktu === */

/* modal po přidání do košíku */
#blockcart-modal .product-name,
#blockcart-modal h6.h6.product-name,
.modal .product-name,
.modal h6.h6.product-name {
  color: #000 !important;                 /* základ: černý text */
}

/* když je název zároveň odkaz */
#blockcart-modal .product-name a,
.modal .product-name a {
  color: #000 !important;
  text-decoration: none !important;
  transition: color .2s ease;
}
#blockcart-modal .product-name a:hover,
.modal .product-name a:hover {
  color: var(--arte-gold) !important;     /* hover: zlato */
}

/* mini-košík v headeru (rozbalovací) */
#_desktop_cart .cart-preview .product-name,
#_desktop_cart .cart-preview .product-name a,
.cart-preview .product-name,
.cart-preview .product-name a {
  color: #000 !important;
  text-decoration: none !important;
}
#_desktop_cart .cart-preview .product-name a:hover,
.cart-preview .product-name a:hover {
  color: var(--arte-gold) !important;
}
/* === Pokladna: přebarvení zelené step-number na zlatou === */

/* čísla kroků (1, 2, 3...) */
.step-number {
  background-color: #d89a56 !important;   /* naše zlato */
  color: #fff !important;                 /* bílé číslo uvnitř */
  border: none !important;
}

/* pro jistotu i hover / aktivní / dokončené stavy */
.step-number:hover,
.step-number:focus,
.step-number.active,
.step-number.-current {
  background-color: #e4ad73 !important;   /* světlejší zlatá */
  color: #fff !important;
}

/* pokud téma používá okrouhlé okraje – sjednocení */
.step-number {
  border-radius: 50% !important;
  font-weight: 600;
}
/* === Pokladna: přebarvení zelené fajfky na zlatou === */

.material-icons.done,
.step-number .material-icons.done {
  color: #d89a56 !important;   /* zlatá místo zelené */
  font-weight: 600;
}

/* při hoveru nebo aktivním stavu trošku světlejší */
.step-number:hover .material-icons.done,
.step-number.-current .material-icons.done {
  color: #e4ad73 !important;
}
/* === ARTE FIX – Košík: viditelný text + zlatá ikona === */

/* základní stav – viditelný text Košík + počet */
#_desktop_cart .cart-preview .header a {
  color: #ffffff !important;            /* bílý text */
  display: inline-flex !important;
  align-items: center;
  gap: 0.35rem;
  text-decoration: none !important;
}

/* samotné spany (Košík + počet) */
#_desktop_cart .cart-preview .header a span {
  color: inherit !important;
  visibility: visible !important;
  opacity: 1 !important;
  display: inline !important;
}

/* hover a aktivní stav */
#_desktop_cart .cart-preview:hover .header a,
#_desktop_cart .cart-preview.active .header a {
  color: #d89a56 !important;            /* zlatá */
}

/* ikona košíku – vždy zlatá */
#_desktop_cart .shopping-cart {
  color: #d89a56 !important;
}

/* zrušíme modré pozadí */
#_desktop_cart .cart-preview,
#_desktop_cart .cart-preview.active {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* pro jistotu odstraníme skrytí textu ve výchozí šabloně */
#_desktop_cart .cart-preview .header a .hidden-sm-down {
  display: inline !important;
  opacity: 1 !important;
  visibility: visible !important;
  text-indent: 0 !important;
}
/* === ARTE FIX – Košík (mobilní verze) === */
#_mobile_cart .blockcart {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* ikona košíku – zlatá */
#_mobile_cart .shopping-cart {
  color: #d89a56 !important;
}

/* text Košík a počet – bílé, viditelné vždy */
#_mobile_cart .cart-preview a,
#_mobile_cart .cart-preview span {
  color: #ffffff !important;
  visibility: visible !important;
  opacity: 1 !important;
  text-indent: 0 !important;
}

/* při klepnutí / aktivním stavu zlatá */
#_mobile_cart .cart-preview:hover a,
#_mobile_cart .cart-preview.active a,
#_mobile_cart .cart-preview:hover span,
#_mobile_cart .cart-preview.active span {
  color: #d89a56 !important;
}
/* === ARTE FIX – Adresy v objednávce (světlá verze) === */
.js-address-item.address-item {
  background: #fff !important;           /* bílé pozadí */
  border: 1px solid #ccc !important;     /* jemný šedý rámeček */
  color: #000 !important;                /* černý text */
  border-radius: 8px;
  padding: 1rem;
  transition: all 0.3s ease;
}

/* vybraný (aktivní) blok adresy */
.js-address-item.address-item.selected {
  border: 1px solid #d89a56 !important;  /* zlatý rámeček */
  box-shadow: 0 0 8px rgba(216, 154, 86, 0.3);
  background: #fff !important;
}

/* texty uvnitř */
.js-address-item.address-item .address,
.js-address-item.address-item .address-alias {
  color: #000 !important;
}

/* odkazy Upravit / Odstranit */
.js-address-item.address-item .address-footer a {
  color: #d89a56 !important;
  transition: color 0.2s ease;
}
.js-address-item.address-item .address-footer a:hover {
  color: #e4ad73 !important;
}

/* radio tlačítko – zlaté kolečko */
.js-address-item.address-item .custom-radio input[type="radio"] + span {
  border-color: #d89a56 !important;
}
.js-address-item.address-item .custom-radio input[type="radio"]:checked + span {
  background: #d89a56 !important;
  box-shadow: 0 0 6px rgba(216, 154, 86, 0.6);
}
/* === FIX: Logo + zlatá linka na stránce objednávky === */
body#checkout #header,
body.page-order #header {
  transform: none !important;
  position: relative !important;
  z-index: 100 !important;
}

/* vypneme duplicitní linku z box-shadowu */
body#checkout #header .header-nav,
body.page-order #header .header-nav {
  box-shadow: none !important;
  border-bottom: 0 !important;
}

/* necháme jen stabilní pseudo-element (hladká zlatá linka) */
body#checkout #header::after,
body.page-order #header::after {
  content: "";
  display: block;
  height: 2px;
  background: linear-gradient(90deg, #d7b36a, #b3872e);
  transform: translateZ(0);
  backface-visibility: hidden;
  will-change: transform;
}

/* logo – fix výšky a zarovnání */
body#checkout #_mobile_logo img,
body#checkout #_desktop_logo img,
body.page-order #_mobile_logo img,
body.page-order #_desktop_logo img {
  display: block !important;
  height: 28px !important;
  width: auto !important;
  max-width: 180px !important;
  object-fit: contain;
  margin: 0 auto;
}

/* vycentrování loga na mobilech */
body#checkout #_mobile_logo,
body.page-order #_mobile_logo {
  text-align: center;
}

/* žádné rozmazání na sticky headerech */
body#checkout .sticky-header,
body#checkout .is-sticky,
body.page-order .sticky-header,
body.page-order .is-sticky {
  transform: none !important;
}
/* === THUMBS: jen vybraná miniatura má zlatý rámeček === */

/* 0) Normalizace – všem miniaturám default bez rámečku */
.product-images .thumb-container,
.product-images .thumb-container img,
#product .thumb-container,
#product .thumb-container img {
  border: 2px solid transparent !important;
  box-shadow: none !important;
  outline: 0 !important;
  box-sizing: border-box;
}

/* 1) Zakaž rámeček na :hover a :focus (ať se netváří „vybrané“) */
.product-images .thumb-container:hover,
.product-images .thumb-container:focus,
.product-images .thumb-container img:hover,
.product-images .thumb-container img:focus {
  border-color: transparent !important;
  box-shadow: none !important;
  outline: 0 !important;
}

/* 2) Rámeček pouze na skutečně vybrané miniatuře
   – pokrývá různé implementace (PS 1.7 img.selected, container.selected,
     ARIA, nebo knihovny typu Slick/Swiper) */
.product-images .thumb-container.selected,
.product-images .thumb-container .js-thumb.selected,
.product-images .thumb.selected,
.product-images .swiper-slide-thumb-active,
.product-images .slick-current .thumb-container,
.product-images .slick-current,
.product-images [aria-selected="true"] {
  border-color: #d7b36a !important;            /* tvoje zlatá */
  box-shadow: 0 0 0 2px #d7b36a inset !important;
}

/* 3) Pro jistotu: ať se nikdy nezvýrazní víc kusů současně kvůli dědičnosti */
.product-images .thumb-container:not(.selected):not(.slick-current):not([aria-selected="true"]),
.product-images .thumb:not(.selected) {
  border-color: transparent !important;
  box-shadow: none !important;
}
/* === THUMBS — jen skutečně vybraná miniatura (.selected) má zlatý rámeček === */

/* 0) Všechno defaultně bez rámečku */
.product-images .thumb,
.product-images .thumb-container {
  border: 2px solid transparent !important;
  box-shadow: none !important;
  outline: 0 !important;
  box-sizing: border-box;
}

/* 1) Vypnout staré zvýraznění na js-thumb-selected,
      pokud současně NENÍ i .selected (to je tvůj „duch“ rámeček) */
.product-images .thumb.js-thumb-selected:not(.selected) {
  border-color: transparent !important;
  box-shadow: none !important;
}

/* 2) Zlatý rámeček JEN pro skutečně vybraný thumb */
.product-images .thumb.selected {
  border-color: #d7b36a !important;
  box-shadow: 0 0 0 2px #d7b36a inset !important;
}
/* === THUMBS — finální override: jen .selected je zlatá === */

/* zruš zvýraznění, které přidává starší pravidlo s #product */
#product .product-images .thumb.js-thumb-selected:not(.selected) {
  border-color: transparent !important;
  box-shadow: none !important;
}

/* povol zlatý rámeček jen skutečně vybranému */
#product .product-images .thumb.selected {
  border-color: #d89a56 !important;
  box-shadow: 0 0 8px rgba(216,154,86,0.5) !important;
}

/* ===============================
   PRO ZÓNA – GOLD HIGHLIGHT
   =============================== */

#custom-text{
  border: 2px solid var(--arte-gold) !important;
  border-radius: 14px;
  padding: 16px 14px;
  margin: 18px 0;
  background: rgba(216,154,86,0.10);
}

/* PRO štítek + nadpis */
#custom-text h1::before{
  content:"PRO";
  display:inline-block;
  background: var(--arte-gold);
  color:#111;
  font-weight:900;
  padding:4px 10px;
  border-radius:999px;
  font-size:.75rem;
  margin-right:10px;
  vertical-align:middle;
}

#custom-text h1 strong{
  color: var(--arte-gold) !important;
}

#custom-text h4{
  margin: 10px 0 14px;
  line-height: 1.35;
}

/* CTA tlačítko */
#custom-text h3 a{
  display:inline-block;
  background: var(--arte-gold) !important;
  color:#111 !important;
  padding:12px 18px;
  border-radius:999px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.4px;
  text-decoration:none !important;
}

#custom-text h3 a:hover{
  filter:brightness(0.95);
}

/* mobil – tlačítko přes celou šířku */
@media (max-width: 768px){
  #custom-text h3 a{
    width:100%;
    text-align:center;
  }
}
.discount.discount-amount {
  background: #8b5e3c !important;
  color: #fff !important;
  font-weight: 800;
  padding: 8px 14px;
  border-radius: 8px;
  font-size: 14px;
}


/* (volitelné) kdybys chtěl rámeček kolem celého <li>, odkomentuj: */
/*
#product .product-images li.thumb-container {
  border: 2px solid transparent !important;
}
#product .product-images li.thumb-container:has(img.selected) {
  border-color: #d89a56 !important;
  box-shadow: 0 0 0 2px #d89a56 inset !important;
}
*/