/* =====================================================================
   WoodenBros — Liquid Glass GLOBAL (vložit do Shoptetu)
   Sjednocuje celý eshop: BÍLÁ + SVĚTLE BÉŽOVÁ + TMAVĚ HNĚDÁ (dřevo) v liquid glass.
   Navazuje na již nasazené wb- komponenty. Vlastní prefix proměnných --lg-,
   aby nedošlo ke kolizi s tvými existujícími --wb-glass-* proměnnými.

   KAM PŘESNĚ (zjištěno v tvé administraci):
   Administrace → Vzhled a obsah → HTML kódy → pole „Záhlaví (před koncovým tagem HEAD)".
   Tam už máš svůj liquid glass CSS (wb-glass…). VLOŽ TENTO BLOK NA KONEC,
   ZA tvůj stávající </style>. Pak Uložit.

   Pozn.: tento soubor obsahuje POUZE CSS pravidla. Při vkládání do pole „Záhlaví"
   je obal celý do <style> ... </style> (viz spodek souboru — připravený blok).
   ===================================================================== */

:root{
  --lg-tan:#A37A56;        /* dřevo / akcent  */
  --lg-orech:#3C1F0F;      /* tmavě hnědá / CTA / text */
  --lg-kakao:#6B3F23;      /* střední hnědá / badge */
  --lg-len:#F5ECDE;        /* béžová světlá */
  --lg-krem:#FFFAF4;       /* béžová nejsvětlejší */
  --lg-kov:#8A8D8F;
  --lg-glass:rgba(255,255,255,.55);
  --lg-glassk:rgba(255,250,244,.62);
  --lg-glassb:rgba(245,236,222,.55);
  --lg-gbd:rgba(255,255,255,.60);
  --lg-gsh:0 18px 40px rgba(0,0,0,.10);
  --lg-gshs:0 8px 22px rgba(60,31,15,.10);
  --lg-blur:blur(12px) saturate(1.4);
  --lg-blurs:blur(8px) saturate(1.25);
  --lg-r:22px;
  --lg-rs:18px;
}

/* 1) Podklad – jemná béžová (bez fixed pozadí kvůli plynulosti scrollu) */
body{background:linear-gradient(180deg,#FCF8F2 0%,#F3EADC 100%)!important;}
.header,.wrapper,#wrapper,.content-wrapper,footer,#footer,.breadcrumbs{position:relative;z-index:1}

/* 2) Tlačítka – sjednocení (nezasahuje do tvých .wb-btn) */
.btn,.add-to-cart,.btn-conversion,input[type="submit"]{border-radius:999px!important;transition:transform .15s,background-color .15s,box-shadow .15s;}
.btn-conversion,.add-to-cart,.btn-cart,input[type="submit"],.btn-primary,.product-add-to-cart .btn{background:var(--lg-orech)!important;color:#fff!important;border:1px solid rgba(255,255,255,.25)!important;box-shadow:var(--lg-gshs)!important;}
.btn-conversion:hover,.add-to-cart:hover,.btn-cart:hover,input[type="submit"]:hover,.btn-primary:hover{background:var(--lg-kakao)!important;transform:translateY(-1px);}
.btn:not(.btn-conversion):not(.add-to-cart):not(.btn-cart):not(.btn-primary):not(.wb-btn){background:var(--lg-glassb)!important;-webkit-backdrop-filter:var(--lg-blur);backdrop-filter:var(--lg-blur);color:var(--lg-orech)!important;border:1px solid var(--lg-gbd)!important;}
.btn:not(.btn-conversion):not(.add-to-cart):not(.wb-btn):hover{background:var(--lg-len)!important;}

/* 3) Produktové karty → liquid glass */
/* Bez backdrop-filter (desítky karet = GPU zátěž) — plnější poloprůhledné pozadí, vzhled karty zůstává */
.products-block .product,.products .product,.product{background:rgba(255,250,244,.92)!important;border:1px solid var(--lg-gbd)!important;border-radius:var(--lg-rs)!important;box-shadow:var(--lg-gshs)!important;padding:12px 12px 16px!important;overflow:hidden;transition:transform .18s,box-shadow .18s;}
.products-block .product:hover,.product:hover{transform:translateY(-4px);box-shadow:var(--lg-gsh)!important;}
.product .image,.product .p-image{border-radius:14px!important;overflow:hidden}
.product .name,.product .p-name a,.product .name a{color:var(--lg-orech)!important;font-weight:600;}
.product .price-final,.product .price{color:var(--lg-orech)!important;}
.flag,.flags .flag,.product-flag{background:rgba(74,33,15,.92)!important;color:#fff!important;border-radius:999px!important;border:1px solid rgba(255,255,255,.22)!important;}

/* 4) Detail produktu */
.p-detail .p-detail-inner,.p-detail-info,.detail-parameters{background:var(--lg-glass)!important;-webkit-backdrop-filter:var(--lg-blur);backdrop-filter:var(--lg-blur);border:1px solid var(--lg-gbd)!important;border-radius:var(--lg-r)!important;box-shadow:var(--lg-gshs)!important;}
.p-detail .price-final,.p-final-price,.p-detail .price{color:var(--lg-orech)!important}
.availability,.delivery-time{color:var(--lg-kakao)!important}

/* 5) Formuláře */
input[type="text"],input[type="email"],input[type="tel"],input[type="search"],input[type="number"],input[type="password"],textarea,select,.form-control{background:rgba(255,255,255,.65)!important;border:1px solid rgba(60,31,15,.18)!important;border-radius:12px!important;color:var(--lg-orech)!important;}
input:focus,textarea:focus,select:focus,.form-control:focus{border-color:var(--lg-tan)!important;box-shadow:0 0 0 3px rgba(163,122,86,.18)!important;outline:none!important;}

/* 6) Košík / dropdowny — světlé sklo (záhlaví je bílé) */
.header-cart .cart-content,.header-search .search-results,.dropdown-menu{background:var(--lg-glass)!important;-webkit-backdrop-filter:var(--lg-blur);backdrop-filter:var(--lg-blur);border:1px solid var(--lg-gbd)!important;border-radius:var(--lg-rs)!important;box-shadow:var(--lg-gsh)!important;}

/* 7) Breadcrumbs, stránkování */
.breadcrumbs,.breadcrumb{background:var(--lg-glassb)!important;-webkit-backdrop-filter:var(--lg-blurs);backdrop-filter:var(--lg-blurs);border:1px solid var(--lg-gbd)!important;border-radius:999px!important;padding:8px 16px!important;display:inline-block;}
.pagination a,.pagination span,.pagination .current{background:var(--lg-glass)!important;border:1px solid var(--lg-gbd)!important;border-radius:10px!important;color:var(--lg-orech)!important;}
.pagination .current,.pagination a:hover{background:var(--lg-orech)!important;color:#fff!important;}

/* 8) Patička — tmavé dřevo + světlý text (lepší čitelnost) */
footer,#footer,.footer{background:repeating-linear-gradient(90deg,rgba(0,0,0,.06) 0 2px,transparent 2px 9px),linear-gradient(160deg,#1f100a 0%,#2c160b 55%,#371d0e 100%)!important;color:#F1E7D8!important;}
footer *,#footer *,.footer *{color:#F1E7D8!important;}
footer a,#footer a,.footer a{color:#E9DCCB!important}
footer a:hover,#footer a:hover{color:#E7C9A6!important}
footer h2,footer h3,footer h4,footer .footer-header,#footer h3,#footer h4{color:#FFFAF4!important}
/* světlé ikony v patičce (telefon, mail, osoba) */
footer img[src*=".svg"],#footer img[src*=".svg"]{filter:brightness(0) invert(1)!important;opacity:.92}


/* 9) Záhlaví — logo vlevo a kategorie až za ním. JEN DESKTOP (≥993px),
   aby se neovlivnilo mobilní/tabletové vysouvací menu (off-canvas drawer). */
@media(min-width:993px){
  .site-name{position:absolute!important;left:16px!important;right:auto!important;transform:none!important;margin:0!important;justify-content:flex-start!important;}
  .navigation-wrapper .navigation-in,.navigation-in.menu{padding-left:116px!important;box-sizing:border-box!important;}
  /* zrušení rezervované středové mezery šablony (byla pro vycentrované logo) */
  .navigation-in>ul>li{margin-left:0!important;}
  /* mírně užší rozestupy položek, ať se menu vejde a nesráží se s „Více" */
  .navigation-in>ul>li>a{padding-left:12px!important;padding-right:12px!important;}
}
/* skrytí kategorie „Hotové obrazy" z menu (méně podstatná) */
.navigation-in>ul>li.menu-item-845{display:none!important;}

/* 9b) Patička: Instagram pruh nad tmavé pozadí (šablona ho dává za, tmavé pozadí ho překrývalo) */
.custom-footer__instagram{position:relative!important;z-index:2!important;}
.custom-footer__instagram .instagram-widget,.custom-footer__instagram a,.custom-footer__instagram img{z-index:2!important;}

/* 10) Fallback bez backdrop-filter */
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.product,.p-detail-info,.breadcrumbs{background:var(--lg-krem)!important}}
/* marker: v6-perf-noblur-cards-no-fixed-bg-header-desktop-only */