/*
Theme Name: SmartHomeX
Theme URI: https://smarthomex.cz
Description: SmartHomeX.cz — premiové téma pro CCTV kamery a zabezpečení objektů. Ambient security command-center (navy + tyrkys glow). Child Storefront.
Author: Ondřej Pirohanič
Template: storefront
Version: 1.0.36
Text Domain: smarthomex
*/

:root{
  --bg:#0a131f; --bg2:#0a131f; --surface:#101f33; --surface2:#16273f;
  --teal:#23e0c8; --teal-2:#5cf3df; --blue:#3f7fd6; --green:#37e08a;
  --ink:#eaf2ff; --muted:#8aa0c0; --dim:#5d7299; --line:rgba(255,255,255,.08);
  --glow:rgba(35,224,200,.5);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  background:var(--bg); color:var(--ink); font-family:'Hanken Grotesk',-apple-system,Segoe UI,Arial,sans-serif; line-height:1.55;
  background-image:
    radial-gradient(900px 600px at 82% -5%,rgba(35,224,200,.10),transparent 55%),
    radial-gradient(820px 720px at -10% 28%,rgba(63,127,214,.10),transparent 55%);
  background-attachment:fixed;
}
body::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.4;
  background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:54px 54px;}
.site{background:transparent!important}
.col-full,.site-content .col-full{max-width:1240px;margin:0 auto;padding-left:28px;padding-right:28px;position:relative;z-index:1}
h1,h2,h3,h4{font-family:'Sora',sans-serif;letter-spacing:-.022em;line-height:1.1;color:var(--ink)}
a{color:var(--teal)}
.mono{font-family:'JetBrains Mono',monospace}

.shx-eyebrow{font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.15em;text-transform:uppercase;color:var(--teal);display:inline-flex;align-items:center;gap:8px;margin-bottom:12px}

/* ---------- TLACITKA ---------- */
.button,button,input[type=submit],
.woocommerce a.button,.woocommerce button.button,.woocommerce #respond input#submit,.woocommerce-page a.button,.woocommerce-page button.button,
.added_to_cart{
  background:linear-gradient(135deg,var(--teal),#19c4af)!important;color:#04161a!important;font-family:'Sora';font-weight:700!important;
  border:0!important;border-radius:13px!important;padding:13px 26px!important;text-shadow:none!important;transition:.2s;box-shadow:0 10px 30px -12px var(--glow);
}
.button:hover,.woocommerce a.button:hover,.woocommerce button.button:hover{transform:translateY(-2px);box-shadow:0 16px 40px -12px var(--glow)}
.button.shx-ghost{background:rgba(255,255,255,.04)!important;color:#fff!important;border:1px solid var(--line)!important;box-shadow:none}
.button.shx-ghost:hover{border-color:var(--teal)!important;color:var(--teal)!important}

/* ---------- TOPBAR ---------- */
.shx-topbar{background:rgba(7,11,19,.7);border-bottom:1px solid var(--line);font-size:13px;color:var(--muted)}
.shx-topbar .col-full{display:flex;justify-content:space-between;align-items:center;min-height:40px;gap:16px;flex-wrap:wrap;padding-top:6px;padding-bottom:6px}
.shx-topbar .shx-acc{color:var(--teal);font-weight:600}

/* ---------- HEADER ---------- */
.site-header{background:rgba(9,17,28,.98)!important;border-bottom:1px solid var(--line);padding:14px 0!important;position:sticky;top:0;z-index:200;overflow:visible!important}
.site-header .col-full{overflow:visible!important}
.shx-mainnav{position:relative;z-index:201}
.site-branding .shx-logo-text,.site-branding .site-title{margin:0!important}
.shx-logo-text a,.site-header .site-title a{font-family:'Sora';font-weight:800;font-size:24px;letter-spacing:.5px;color:#fff!important;text-decoration:none}
.shx-logo-x{color:var(--teal)!important;text-shadow:0 0 16px var(--glow)}
.main-navigation ul li a,.storefront-primary-navigation a{color:#cdd9ee!important;font-weight:600;font-size:15px}
.main-navigation ul li a:hover{color:var(--teal)!important}
.storefront-primary-navigation{background:transparent!important;border:0!important}
.site-header .widget_product_search input,.site-search input[type=search]{background:var(--surface)!important;border:1px solid var(--line)!important;border-radius:11px!important;color:var(--ink)!important}
.site-header-cart .cart-contents,.site-header a.cart-contents,.site-header .amount{color:#fff!important}

/* ---------- ČISTÁ HLAVIČKA (CSS grid: logo | hledání | účet | košík) ---------- */
.site-header .skip-link,.site-header .storefront-social-icons,.site-header .handheld-navigation{display:none!important}
.site-header .col-full{display:grid!important;grid-template-columns:auto auto 1fr auto auto auto;grid-template-areas:"brand search . kontakt account cart" "nav nav nav nav nav nav";gap:14px 20px;align-items:center}
.shx-headlink{grid-area:kontakt;color:#cdd9ee!important;text-decoration:none;font-family:'Sora';font-weight:600;font-size:14px;white-space:nowrap}
.shx-headlink:hover{color:var(--teal)!important}
/* horní lišta odkazy */
.shx-toplinks{display:flex;gap:18px;flex-wrap:wrap}
.shx-toplinks a{color:var(--muted);text-decoration:none;font-size:13px}
.shx-toplinks a:hover{color:var(--teal)}
.site-branding{grid-area:brand;margin:0!important;width:auto!important;max-width:none!important;float:none!important;padding:0!important}
.site-branding .site-description{color:#aabfe0!important;font-size:13px;margin-top:3px;display:block;letter-spacing:.01em}
.site-search{grid-area:search;position:relative;justify-self:start;margin:0!important;float:none!important;width:195px!important;max-width:195px;padding:0!important}
.site-search .widget,.site-search .woocommerce-product-search{margin:0!important;float:none!important;width:100%;position:relative}
.site-search input[type=search],.site-search .search-field{width:100%!important;padding:12px 16px!important}
/* lupa ÚPLNĚ pryč – jen pole s placeholderem */
.site-search .woocommerce-product-search button,.site-search button{display:none!important}
.site-search input[type=search]{-webkit-appearance:none;appearance:none;background-image:none!important}
.site-search input[type=search]::-webkit-search-decoration,.site-search input[type=search]::-webkit-search-cancel-button,.site-search input[type=search]::-webkit-search-results-button{-webkit-appearance:none;display:none}
/* mini-košík: schovaný, vyjede až na hover */
.site-header-cart{position:relative}
.site-header-cart>li{display:inline-flex;align-items:center}
.site-header-cart .widget_shopping_cart,.site-header-cart .widget_shopping_cart_content{position:absolute;top:100%;right:0;min-width:300px;margin-top:10px;opacity:0;visibility:hidden;transform:translateY(8px);transition:.18s;z-index:210}
.site-header-cart:hover .widget_shopping_cart,.site-header-cart:hover .widget_shopping_cart_content{opacity:1;visibility:visible;transform:none}
/* našeptávač produktů */
.shx-suggest{position:absolute;top:calc(100% + 8px);left:0;right:0;background:rgba(9,14,24,.99);border:1px solid var(--line);border-radius:13px;box-shadow:0 28px 64px -20px rgba(0,0,0,.85);z-index:210;overflow:hidden;max-height:430px;overflow-y:auto;min-width:340px;right:auto;width:max(340px,100%)}
.shx-sg-item{display:flex;align-items:center;gap:12px;padding:9px 12px;text-decoration:none;border-bottom:1px solid var(--line)}
.shx-sg-item:last-child{border-bottom:0}
.shx-sg-item:hover{background:rgba(35,224,200,.08)}
.shx-sg-item img,.shx-sg-ph{width:42px;height:42px;object-fit:contain;background:#fff;border-radius:7px;flex:none}
.shx-sg-ph{background:var(--surface2)}
.shx-sg-n{flex:1;color:#dce8ff;font-size:13px;line-height:1.3}
.shx-sg-p{color:var(--teal);font-family:'Sora';font-weight:700;font-size:13px;white-space:nowrap}
.shx-sg-empty{padding:16px;color:var(--dim);font-size:13px;text-align:center}
/* mega-menu zarovnané s obsahem (logo ↔ menu ↔ drobeček ↔ banner ↔ produkty na jedné ose) */
.shx-mainnav-in{padding-left:0}
.shx-account{grid-area:account;display:inline-flex;align-items:center;gap:8px;color:#cdd9ee!important;text-decoration:none;font-family:'Sora';font-weight:600;font-size:14px;white-space:nowrap}
.shx-account:hover{color:var(--teal)!important}
.shx-account .shx-ico{width:20px;height:20px;color:var(--teal)}
.site-header-cart{grid-area:cart;display:flex!important;align-items:center;margin:0!important;padding:0!important;float:none!important;width:auto!important}
.site-header-cart .cart-contents{display:inline-flex!important;align-items:center;gap:8px;white-space:nowrap}
.site-header .shx-mainnav{grid-area:nav;width:100%}
@media(max-width:820px){
  .site-header .col-full{grid-template-columns:1fr auto auto;grid-template-areas:"brand account cart" "search search search" "nav nav nav"}
  .shx-account span{display:none}
  .site-search{max-width:none}
}

/* hero/kategorie začínají hned pod hlavičkou (žádný černý pruh) */
.home #content.site-content,.archive #content.site-content,.woocommerce-shop #content.site-content,.tax-product_cat #content.site-content,.post-type-archive-product #content.site-content{padding-top:0!important;margin-top:0!important}
.home #content .col-full:first-child,.shx-hero-security,.shx-cathero{margin-top:0!important}

/* ---------- HERO security + radar ---------- */
.shx-hero-security{position:relative;overflow:hidden;color:#fff;background:transparent;z-index:1;}
#content.site-content{position:relative;z-index:1}
.shx-hero-security::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:radial-gradient(820px 480px at 32% 50%,rgba(35,224,200,.13),transparent 62%),radial-gradient(700px 560px at 6% 96%,rgba(63,127,214,.14),transparent 60%)}
.shx-hero-security::before{content:"";position:absolute;inset:0;opacity:.45;
  background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);
  background-size:46px 46px;-webkit-mask:radial-gradient(640px 380px at 72% 34%,#000,transparent 76%);mask:radial-gradient(640px 380px at 72% 34%,#000,transparent 76%)}
.shx-hero .col-full{display:flex!important;align-items:center;gap:50px;padding:26px 28px 56px;position:relative;z-index:1}
.shx-hero-l{order:2;flex:1 1 auto;min-width:0}
.shx-hero .shx-hero-r{order:1;flex:0 0 44%;max-width:44%}
.shx-hero h1{font-size:clamp(38px,5vw,60px);font-weight:800;margin:18px 0 20px;color:#fff}
.shx-hero h1 .x{color:var(--teal);text-shadow:0 0 30px var(--glow)}
.shx-hero p{font-size:19px;color:#c5d6ee;max-width:520px;margin-bottom:28px}
.shx-hero p strong{color:#eaf2ff}
.shx-hero-cta{display:flex;gap:13px;flex-wrap:wrap}
.shx-hero-stats{display:flex;gap:36px;margin-top:38px;padding-top:30px;border-top:1px solid var(--line)}
.shx-hero-stats b{font-family:'Sora';font-size:29px;font-weight:800;display:block;color:#fff}
.shx-hero-stats span{font-size:13px;color:var(--dim)}
.shx-hero-r{display:grid;place-items:center}
.shx-hero-glow{position:relative;width:330px;height:330px;border-radius:50%;display:grid;place-items:center;font-size:118px;
  background:radial-gradient(circle,rgba(35,224,200,.10),transparent 70%);border:1px solid rgba(35,224,200,.25);
  box-shadow:inset 0 0 60px rgba(35,224,200,.08),0 0 90px -22px var(--glow);animation:breathe 4s ease-in-out infinite}
.shx-hero-glow::before,.shx-hero-glow::after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(35,224,200,.16)}
.shx-hero-glow::before{inset:46px}.shx-hero-glow::after{inset:100px}
@keyframes breathe{0%,100%{box-shadow:inset 0 0 50px rgba(35,224,200,.06),0 0 60px -24px var(--glow);filter:drop-shadow(0 0 24px rgba(35,224,200,.3))}50%{box-shadow:inset 0 0 70px rgba(35,224,200,.12),0 0 100px -18px var(--teal);filter:drop-shadow(0 0 56px var(--teal))}}

/* ---------- TRUST BAR ---------- */
.shx-trust{background:rgba(11,19,34,.6);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.shx-trust .col-full{display:flex;justify-content:space-around;gap:16px;padding:20px 28px;flex-wrap:wrap;color:#bcd0ee;font-weight:600;font-size:14px}

/* ---------- SEKCE ---------- */
.shx-sec{padding:60px 0}
.shx-sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:30px;flex-wrap:wrap}
.shx-sec-head h2{font-size:clamp(26px,3.2vw,36px);font-weight:800;margin:6px 0 0}
.shx-seeall{font-family:'JetBrains Mono',monospace;font-size:13px;color:var(--teal);text-decoration:none;white-space:nowrap}
.shx-seeall:hover{text-decoration:underline}
.shx-sec-secondary{border-top:1px solid var(--line);padding-top:44px}

/* ---------- PRODUKTOVE KARTY (WooCommerce) ---------- */
ul.products,ul.products{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:18px!important;margin:0!important}
ul.products li.product,ul.products li.product{
  width:auto!important;max-width:none!important;margin:0!important;float:none!important;clear:none!important;
  display:flex!important;flex-direction:column;background:var(--surface);border:1px solid var(--line);
  border-radius:16px;overflow:hidden;padding:0 0 16px!important;transition:transform .2s,box-shadow .2s,border-color .2s;position:relative}
ul.products li.product:hover{transform:translateY(-5px);border-color:rgba(35,224,200,.42);box-shadow:0 24px 54px -26px var(--glow)}
ul.products li.product::after{content:"";position:absolute;right:-34px;top:-34px;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,rgba(35,224,200,.16),transparent 70%);opacity:.7;transition:opacity .25s;pointer-events:none;z-index:0}
ul.products li.product:hover::after{opacity:1}
ul.products li.product>*{position:relative;z-index:1}
ul.products li.product a img{margin:0 0 12px!important;border-radius:0;background:#fff}
ul.products li.product .woocommerce-loop-product__title{padding:0 16px!important;font-family:'Hanken Grotesk';font-weight:600;font-size:15px;color:var(--ink)!important}
ul.products li.product .price{padding:0 16px!important;color:#fff!important;font-family:'Sora';font-weight:800;font-size:19px}
ul.products li.product .price del{color:var(--dim)!important;font-weight:500;font-size:14px}
ul.products li.product .price ins{text-decoration:none}
ul.products li.product .woocommerce-loop-product__title{min-height:2.9em}
ul.products li.product .price{margin-top:6px}
ul.products li.product .button{margin:14px 16px 0!important;margin-top:auto!important;display:block;text-align:center}
ul.products li.product .star-rating{margin:0 16px 6px;color:var(--teal)}
.woocommerce span.onsale{background:var(--teal)!important;color:#04161a!important;border-radius:9px!important;font-family:'JetBrains Mono';font-weight:700;font-size:11px;min-height:auto;line-height:1;padding:6px 10px;top:12px;left:12px;margin:0}
/* dlaždice PODKATEGORIÍ na stránce kategorie */
ul.products li.product-category>a{display:flex!important;flex-direction:column;height:100%}
ul.products li.product-category .woocommerce-loop-category__title{padding:14px 16px 0!important;color:#fff!important;font-family:'Sora';font-weight:700;font-size:16px}
ul.products li.product-category .woocommerce-loop-category__title .count{background:transparent!important;color:var(--dim)!important;font-family:'JetBrains Mono';font-size:12px}
ul.products li.product-category mark{background:transparent!important;color:var(--teal)!important}
ul.products li.product-category{border-color:rgba(35,224,200,.22)!important}

/* ---------- ZNACKY (marquee) ---------- */
.shx-brands{border:0;padding:40px 0 30px;background:transparent;
  display:flex;gap:52px;justify-content:center;flex-wrap:wrap;font-family:'Sora';font-weight:800;font-size:23px}
.shx-brands a{color:var(--dim);text-decoration:none;transition:.2s}
.shx-brands a:hover{color:var(--teal)}

/* ---------- MINI KOŠÍK (dropdown v hlavičce) ---------- */
.site-header-cart .widget_shopping_cart,.site-header .widget_shopping_cart,
.site-header-cart .cart_list,.widget_shopping_cart_content{
  background:var(--surface)!important;color:var(--ink)!important;border:1px solid var(--line)!important;border-radius:14px!important}
.site-header-cart .widget_shopping_cart *,.widget_shopping_cart_content *{color:var(--ink)!important}
.site-header-cart .widget_shopping_cart a,.widget_shopping_cart_content a{color:var(--teal)!important}
.site-header-cart .widget_shopping_cart .button,.widget_shopping_cart_content .button{color:#04161a!important}
.site-header-cart .widget_shopping_cart:before{border-bottom-color:var(--surface)!important}
.site-header-cart .cart-contents,.site-header .cart-contents,.site-header-cart .count{color:#fff!important}

/* ---------- BANNER KATEGORIE (vkusný, do motivu) ---------- */
.woocommerce-products-header{display:none!important}
.shx-cathero{position:relative;overflow:hidden;margin:0 0 30px;border-bottom:1px solid var(--line);
  background:radial-gradient(720px 380px at 88% 18%,rgba(35,224,200,.16),transparent 60%),radial-gradient(600px 400px at 6% 100%,rgba(63,127,214,.16),transparent 60%),linear-gradient(120deg,#0a0f1a,#0e1b2e 62%,#08323b)}
.shx-cathero::before{content:"";position:absolute;inset:0;opacity:.4;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:44px 44px;-webkit-mask:radial-gradient(560px 280px at 80% 40%,#000,transparent 78%);mask:radial-gradient(560px 280px at 80% 40%,#000,transparent 78%)}
.shx-cathero-in{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:44px 28px;position:relative;z-index:1}
.shx-cathero-t h1{font-size:clamp(30px,4vw,46px);font-weight:800;color:#fff;margin:8px 0 0}
.shx-cathero-t p{color:#c5d6ee;max-width:580px;margin:12px 0 0;font-size:15px}
.shx-cathero-ico{flex:none;color:var(--teal);filter:drop-shadow(0 0 26px var(--glow))}
.shx-cathero-ico svg{width:150px;height:150px;display:block}
@media(max-width:760px){.shx-cathero-ico svg{width:96px;height:96px}.shx-cathero-in{padding:32px 22px}}
@media(max-width:520px){.shx-cathero-ico{display:none}}

/* ---------- PODKATEGORIE NA STRÁNCE KATEGORIE ---------- */
.shx-subcats{margin:0 0 26px}
.shx-subcats h2{font-family:'Sora';font-size:16px;color:var(--muted);font-weight:700;margin:0 0 12px;text-transform:uppercase;letter-spacing:.06em}
.shx-subchips{display:flex;flex-wrap:wrap;gap:9px}
.shx-subchips a{display:inline-flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--line);color:#dce8ff;text-decoration:none;font-family:'Sora';font-weight:600;font-size:14px;padding:9px 15px;border-radius:11px;transition:.15s}
.shx-subchips a:hover{border-color:rgba(35,224,200,.5);color:var(--teal);transform:translateY(-2px)}
.shx-subchips a em{font-style:normal;font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--dim)}

/* ---------- VLASTNÍ FOOTER ---------- */
.shx-footer{background:var(--bg2)}
.shx-foot-grid{display:grid;grid-template-columns:1.7fr 1fr 1.1fr 1fr;gap:30px;padding:50px 28px 26px}
/* vypnout clearfix pseudo-prvky, jinak žerou buňky gridu (footer i hlavička) */
.shx-foot-grid::before,.shx-foot-grid::after,.site-header .col-full::before,.site-header .col-full::after{content:none!important;display:none!important}
.shx-foot-logo{font-family:'Sora';font-weight:800;font-size:22px;color:#fff;margin-bottom:12px}
.shx-foot-logo span{color:var(--teal);text-shadow:0 0 14px var(--glow)}
.shx-foot-brand p{color:var(--muted);font-size:14px;margin:0 0 14px;max-width:330px}
.shx-foot-contact{color:#cfe0ff!important}
.shx-foot-contact a{color:#cfe0ff!important}
.shx-footer h4{font-family:'Sora';color:#fff;font-size:15px;margin:0 0 14px}
.shx-footer ul{list-style:none;margin:0;padding:0}
.shx-footer li{margin:0 0 9px}
.shx-footer a{color:#bccbe6;text-decoration:none;font-size:14px}
.shx-footer a:hover{color:var(--teal)}
.shx-foot-bottom{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;border-top:1px solid var(--line);padding:18px 28px;color:var(--dim);font-size:13px}
.shx-foot-bottom a{color:var(--dim)}.shx-foot-bottom a:hover{color:var(--teal)}
@media(max-width:820px){.shx-foot-grid{grid-template-columns:1fr 1fr}.shx-foot-brand{grid-column:1/-1}}
@media(max-width:520px){.shx-foot-grid{grid-template-columns:1fr}}

/* ---------- COOKIE LIŠTA ---------- */
.shx-cookie{position:fixed;left:16px;right:16px;bottom:16px;z-index:200;background:rgba(10,16,28,.98);border:1px solid var(--line);border-radius:16px;box-shadow:0 24px 60px -20px rgba(0,0,0,.8);backdrop-filter:blur(10px)}
.shx-cookie-in{display:flex;align-items:center;gap:18px;flex-wrap:wrap;justify-content:space-between;padding:15px 20px;max-width:1240px;margin:0 auto}
.shx-cookie span{color:#dce8ff;font-size:14px;max-width:780px}
.shx-cookie a{color:var(--teal)}
.shx-cookie-btns{display:flex;gap:10px}
.shx-cookie button{cursor:pointer;font-family:'Sora';font-weight:700;font-size:14px;border-radius:11px;padding:10px 18px;border:0;background:linear-gradient(135deg,var(--teal),#19c4af);color:#04161a}
.shx-cookie button.shx-ck-ghost{background:transparent;border:1px solid var(--line);color:#cdd9ee}

/* ---------- STRÁNKY (legal) + KONTAKT FORMULÁŘ ---------- */
.page .entry-content{color:var(--ink)}
.page .entry-content p,.page .entry-content li{color:#c9d6ee}
.page .entry-content h2{color:#fff;font-family:'Sora';margin:28px 0 10px;font-size:22px}
.page .entry-content a{color:var(--teal)}
.page .entry-content ul{padding-left:20px}
.shx-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:start}
@media(max-width:760px){.shx-contact-grid{grid-template-columns:1fr}}
.shx-form{display:grid;gap:12px;max-width:480px}
.shx-form input,.shx-form textarea{background:var(--surface)!important;border:1px solid var(--line)!important;border-radius:11px;padding:13px 15px;color:var(--ink)!important;font-family:'Hanken Grotesk';font-size:15px;width:100%}
.shx-form input::placeholder,.shx-form textarea::placeholder{color:var(--dim)}
.shx-form .shx-hp{display:none!important}
.shx-form button{justify-self:start}
.shx-form-ok{background:rgba(55,224,138,.12);border:1px solid rgba(55,224,138,.4);color:#9ef5c4;padding:12px 16px;border-radius:11px;margin-bottom:14px}

/* ---------- FOOTER (Storefront wrapper) ---------- */
.site-footer{background:var(--bg2)!important;color:var(--muted)!important;border-top:1px solid var(--line)}
.site-footer a{color:#cfe0ff!important}.site-footer a:hover{color:var(--teal)!important}
.site-footer h2,.site-footer h3{color:#fff!important}
.storefront-handheld-footer-bar{background:var(--surface)!important;border-top:1px solid var(--line)}

/* ---------- WOO obecne (archiv/produkt) ---------- */
.woocommerce .woocommerce-result-count,.woocommerce .woocommerce-ordering,.woocommerce-products-header__title{color:var(--muted)!important}
/* třídění – tmavý select s vlastní šipkou */
.woocommerce select,.woocommerce-ordering select,select.orderby{
  background:var(--surface)!important;color:var(--ink)!important;border:1px solid var(--line)!important;border-radius:11px!important;
  padding:11px 38px 11px 15px!important;font-family:'Hanken Grotesk';font-size:14px!important;cursor:pointer;
  -webkit-appearance:none;-moz-appearance:none;appearance:none;line-height:1.2;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%2323e0c8' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;background-position:right 14px center!important;
}
.woocommerce select:focus,.woocommerce-ordering select:focus{outline:none;border-color:var(--teal)!important;box-shadow:0 0 0 3px rgba(35,224,200,.18)!important}
.woocommerce select option,.woocommerce-ordering select option{background:#0e1b2e;color:var(--ink)}
.woocommerce-result-count{margin-top:6px!important}
/* stránkování – sladěné s tmavým tématem */
.woocommerce nav.woocommerce-pagination{margin-top:18px;text-align:center}
.woocommerce nav.woocommerce-pagination ul{border:0!important;display:inline-flex;gap:6px;flex-wrap:wrap;justify-content:center}
.woocommerce nav.woocommerce-pagination ul li{border:0!important;margin:0!important;overflow:visible}
.woocommerce nav.woocommerce-pagination ul li a,.woocommerce nav.woocommerce-pagination ul li span{background:var(--surface)!important;color:var(--ink)!important;border:1px solid var(--line)!important;border-radius:9px!important;min-width:42px;padding:9px 10px!important;font-family:'Sora';font-weight:600;display:inline-block;line-height:1.3}
.woocommerce nav.woocommerce-pagination ul li span.current,.woocommerce nav.woocommerce-pagination ul li a:hover,.woocommerce nav.woocommerce-pagination ul li a:focus{background:linear-gradient(135deg,var(--teal),#19c4af)!important;color:#04161a!important;border-color:transparent!important}
/* „Načíst další produkty" tlačítko */
.shx-loadmore{text-align:center;margin:38px 0 8px}
.shx-loadmore-btn{cursor:pointer;min-width:260px}
.shx-loadmore-btn[disabled]{opacity:.7;cursor:default}
.shx-loadmore-info{margin-top:10px;color:var(--dim);font-family:'JetBrains Mono',monospace;font-size:12px}

@media(max-width:980px){
  .shx-hero .col-full{grid-template-columns:1fr;gap:36px;padding:56px 24px}
  .shx-hero-r{order:-1}.shx-hero-glow{width:240px;height:240px;font-size:84px}
  ul.products,ul.products{grid-template-columns:repeat(3,1fr)!important}
}
@media(max-width:760px){
  ul.products,ul.products{grid-template-columns:repeat(2,1fr)!important}
}
@media(max-width:560px){.shx-hero-stats{gap:22px}.shx-hero-stats b{font-size:22px}}
@media(max-width:420px){
  ul.products,ul.products{grid-template-columns:1fr!important}
}

/* ---------- UPOZORNĚNÍ: produkty v aktualizaci ---------- */
.shx-notice{background:linear-gradient(90deg,#3a1d00,#52320b);border-bottom:1px solid rgba(255,193,94,.35);color:#ffe9c2;position:relative;z-index:70}
.shx-notice .col-full{display:flex;align-items:center;justify-content:center;gap:14px 22px;flex-wrap:wrap;padding:11px 28px;text-align:center;font-size:14px;line-height:1.45}
.shx-notice b{color:#ffd98a}
.shx-notice .shx-notice-ico{font-size:18px}
.shx-notice .shx-call{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,var(--teal),#19c4af);color:#04161a!important;font-family:'Sora';font-weight:800;text-decoration:none;border-radius:11px;padding:8px 16px;white-space:nowrap;box-shadow:0 8px 22px -10px var(--glow)}
.shx-call:hover{transform:translateY(-1px)}

/* štítek "v aktualizaci" na kartě produktu */
.shx-prodflag{position:absolute;top:12px;right:12px;z-index:3;background:rgba(7,11,19,.82);border:1px solid rgba(255,193,94,.4);color:#ffd98a;font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.06em;text-transform:uppercase;padding:5px 9px;border-radius:8px;backdrop-filter:blur(4px)}

/* ---------- ŽIVÝ RADAR / CCTV COMMAND CENTER ---------- */
.shx-hero-r{position:relative;display:flex;align-items:center;justify-content:center;min-height:420px}
.shx-radar{position:relative;width:330px;height:330px;display:grid;place-items:center}
/* pulzující radarové „pingy" – objekt žije */
.shx-ping{position:absolute;inset:0;border-radius:50%;border:1px solid rgba(35,224,200,.34);animation:shxping 3.3s ease-out infinite}
.shx-ping.d2{animation-delay:1.1s}.shx-ping.d3{animation-delay:2.2s}
@keyframes shxping{0%{transform:scale(.40);opacity:0}12%{opacity:.7}100%{transform:scale(1);opacity:0}}
/* radarový výsek, který se točí */
.shx-sweep{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,rgba(35,224,200,.20),rgba(35,224,200,0) 32%);-webkit-mask:radial-gradient(circle,transparent 37%,#000 38%);mask:radial-gradient(circle,transparent 37%,#000 38%);animation:shxspin 6s linear infinite}
/* obíhající tečky po přerušovaných drahách */
.shx-orbit{position:absolute;border-radius:50%;border:1px dashed rgba(255,255,255,.10);animation:shxspin 15s linear infinite}
.shx-orbit.o1{inset:26px;animation-duration:17s}
.shx-orbit.o2{inset:72px;animation-duration:11s;animation-direction:reverse;border-color:rgba(35,224,200,.16)}
.shx-orbit i{position:absolute;top:-5px;left:50%;width:10px;height:10px;border-radius:50%;background:var(--teal);box-shadow:0 0 14px var(--teal);transform:translateX(-50%)}
.shx-orbit.o2 i{background:#ffd98a;box-shadow:0 0 14px #ffd98a}
@keyframes shxspin{to{transform:rotate(360deg)}}
/* jádro – dýchající kamera */
.shx-radar .shx-hero-glow{width:176px;height:176px;font-size:0}
.shx-radar .shx-hero-glow::before{inset:28px}.shx-radar .shx-hero-glow::after{inset:58px}
.shx-cam{width:96px;height:96px;color:var(--teal);filter:drop-shadow(0 0 22px var(--glow))}
.shx-cam-sm{width:1em;height:1em;vertical-align:-.16em;color:var(--teal)}
/* plovoucí generované hlášky kolem radaru (živý organismus) */
.shx-labels{position:absolute;inset:-20px -10px;pointer-events:none;z-index:3}
.shx-flabel{position:absolute;display:inline-flex;align-items:center;gap:8px;background:rgba(11,19,34,.82);border:1px solid var(--line);backdrop-filter:blur(7px);color:#dce8ff;font-family:'Hanken Grotesk';font-weight:600;font-size:12.5px;padding:7px 12px;border-radius:11px;white-space:nowrap;box-shadow:0 12px 30px -16px rgba(0,0,0,.7);opacity:0;transform:translate(-50%,-50%);transition:opacity 1.2s ease}
.shx-flabel b{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 9px currentColor;flex:none}
@keyframes shxblink{0%,100%{opacity:1}50%{opacity:.3}}
/* ALARM simulace */
.shx-flabel.shx-alarm{background:rgba(58,12,12,.92);border-color:rgba(255,120,120,.6);color:#ffe0e0;font-weight:700;box-shadow:0 12px 34px -14px rgba(255,60,60,.55)}
.shx-flabel.shx-alarm b{background:#ff5a5a!important;box-shadow:0 0 11px #ff5a5a!important;animation:shxblink .5s ease-in-out infinite}
.shx-radar.alarm .shx-hero-glow{animation:shxalarm .7s ease-in-out infinite!important;border-color:rgba(255,90,90,.5)!important}
.shx-radar.alarm .shx-ping{border-color:rgba(255,90,90,.5)!important}
.shx-radar.alarm .shx-cam{filter:drop-shadow(0 0 24px rgba(255,70,70,.85))!important}
@keyframes shxalarm{0%,100%{box-shadow:inset 0 0 50px rgba(255,60,60,.10),0 0 70px -18px rgba(255,60,60,.7)}50%{box-shadow:inset 0 0 84px rgba(255,60,60,.26),0 0 116px -8px rgba(255,40,40,.95)}}
@media(max-width:980px){
  .shx-hero-r{min-height:300px}
  .shx-radar{width:260px;height:260px}
  .shx-flabel{font-size:11px;padding:6px 10px}
}
@media(prefers-reduced-motion:reduce){.shx-ping,.shx-sweep,.shx-orbit,.shx-hero-glow{animation:none!important}}

/* ---------- MEGA-MENU se stromem kategorií (jako TSS) ---------- */
.shx-mainnav{flex-basis:100%;width:100%;margin-top:12px;padding-top:8px;border-top:1px solid var(--line)}
.shx-mainnav-in{display:flex;gap:4px;align-items:center;flex-wrap:wrap}
.shx-mi{position:relative}
.shx-mi-top{display:inline-flex;align-items:center;gap:8px;color:#e7eefb;font-family:'Sora';font-weight:700;font-size:15px;text-decoration:none;padding:11px 16px;border-radius:10px;cursor:pointer}
.shx-mi-top i{font-style:normal;color:var(--teal);font-size:11px}
.shx-mi:hover .shx-mi-top{background:rgba(35,224,200,.1);color:var(--teal)}
.shx-mega{position:fixed;top:150px;left:30px;width:min(900px,92vw);max-height:calc(100vh - 124px);overflow-y:auto;overscroll-behavior:contain;background:rgba(9,14,24,.99);border:1px solid var(--line);border-radius:16px;box-shadow:0 34px 80px -24px rgba(0,0,0,.85);padding:18px;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .18s,transform .18s;z-index:9999;scrollbar-width:thin;scrollbar-color:rgba(35,224,200,.45) transparent}
.shx-mega::before{content:"";position:absolute;left:0;right:0;top:-12px;height:14px}
.shx-mega::-webkit-scrollbar{width:9px}
.shx-mega::-webkit-scrollbar-thumb{background:rgba(35,224,200,.4);border-radius:9px}
.shx-mega::-webkit-scrollbar-track{background:transparent}
.shx-mi:hover .shx-mega{opacity:1;visibility:visible;transform:translateY(0)}
.shx-mega-cols{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:2px 22px;align-items:start}
.shx-mega-col{width:100%;margin-bottom:14px;min-width:0}
.shx-mega-h{display:flex;justify-content:space-between;align-items:center;gap:8px;font-family:'Sora';font-weight:700;font-size:13.5px;color:#fff;text-decoration:none;padding:6px;border-bottom:1px solid var(--line);margin-bottom:5px}
.shx-mega-h:hover{color:var(--teal)}
.shx-mega-h em{font-style:normal;font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--dim)}
.shx-mega-col ul{list-style:none;margin:0;padding:0}
.shx-mega-col li a{display:block;color:#bccbe6;text-decoration:none;font-size:13px;padding:4px 6px;border-radius:7px}
.shx-mega-col li a:hover{background:rgba(35,224,200,.1);color:var(--teal)}
.shx-mi-all{margin-left:auto;color:#04161a !important;background:linear-gradient(135deg,var(--teal),#19c4af);font-family:'Sora';font-weight:800;font-size:14px;text-decoration:none;padding:10px 16px;border-radius:10px;white-space:nowrap}
@media(max-width:900px){
  .shx-mainnav-in{flex-direction:column;align-items:stretch}
  .shx-mega{position:static;min-width:0;opacity:1;visibility:visible;transform:none;box-shadow:none;display:none;margin-top:4px}
  .shx-mi.open .shx-mega{display:block}
  .shx-mi-all{margin-left:0}
}

/* ---------- PROFESIONÁLNÍ IKONY (SVG) ---------- */
.shx-ico{vertical-align:-0.16em;flex:none}
.shx-tile .shx-tile-ico{color:var(--teal)}
.shx-tile .shx-tile-ico .shx-ico,.shx-tile .shx-tile-ico svg{width:30px;height:30px}
.shx-pillar .shx-p-ico{color:var(--teal)}
.shx-pillar .shx-p-ico .shx-ico,.shx-pillar .shx-p-ico svg{width:42px;height:42px}
.shx-mi-top .shx-ico{color:var(--teal);width:18px;height:18px}
.shx-mi:hover .shx-mi-top .shx-ico{color:var(--teal)}
.shx-trust .col-full>div{display:inline-flex;align-items:center;gap:8px}
.shx-trust .shx-ico{color:var(--teal);width:19px;height:19px}

/* ---------- VELKÉ DLAŽDICE PILÍŘŮ ---------- */
.shx-pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:34px}
.shx-pillar{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:210px;padding:26px;border-radius:20px;text-decoration:none;overflow:hidden;border:1px solid var(--line);
  background:linear-gradient(155deg,var(--surface2),var(--surface));transition:transform .2s,border-color .2s,box-shadow .2s}
.shx-pillar:hover{transform:translateY(-6px);border-color:rgba(35,224,200,.5);box-shadow:0 30px 64px -28px var(--glow)}
.shx-pillar::after{content:"";position:absolute;right:-40px;top:-40px;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(35,224,200,.20),transparent 70%)}
.shx-pillar .shx-p-ico{font-size:40px;margin-bottom:auto;position:relative}
.shx-pillar h3{font-family:'Sora';font-weight:800;font-size:24px;color:#fff;margin:16px 0 4px;position:relative}
.shx-pillar p{color:var(--muted);font-size:14px;margin:0 0 4px;position:relative}
.shx-pillar .shx-p-go{color:var(--teal);font-weight:700;font-size:14px;margin-top:10px;position:relative}
@media(max-width:820px){.shx-pillars{grid-template-columns:1fr}}

/* ---------- DLAŽDICE KATEGORIÍ (homepage, bez scrollování) ---------- */
.shx-tiles{padding-top:54px;padding-bottom:16px}
.shx-tiles .shx-sec-head{margin-bottom:26px}
.shx-tilegrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.shx-tile{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:150px;padding:22px;border-radius:18px;text-decoration:none;overflow:hidden;
  background:linear-gradient(150deg,var(--surface2),var(--surface));border:1px solid var(--line);transition:transform .2s,border-color .2s,box-shadow .2s}
.shx-tile:hover{transform:translateY(-5px);border-color:rgba(35,224,200,.45);box-shadow:0 26px 56px -28px var(--glow)}
.shx-tile::after{content:"";position:absolute;right:-30px;top:-30px;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle,rgba(35,224,200,.18),transparent 70%)}
.shx-tile .shx-tile-ico{font-size:28px;margin-bottom:auto;color:var(--teal)}
.shx-tile .shx-tile-ico svg{width:34px;height:34px}
.shx-tile h3{font-family:'Sora';font-weight:800;font-size:19px;color:#fff;margin:14px 0 4px;position:relative}
.shx-tile span{font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--dim);position:relative}
.shx-tile .shx-tile-go{color:var(--teal);font-weight:700;font-size:13px;margin-top:8px}
@media(max-width:900px){.shx-tilegrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.shx-tilegrid{grid-template-columns:1fr}}

/* ---------- ČITELNOST IMPORTOVANÉHO POPISU PRODUKTU (Presta HTML) ---------- */
/* importovaný obsah má bílá pozadí tabulek → na tmavém tématu mizel text. Sjednotit na tmavé + světlý text. */
.woocommerce div.product .woocommerce-tabs .panel,
.woocommerce div.product .woocommerce-tabs .panel *,
.woocommerce-Tabs-panel,.woocommerce-Tabs-panel *,
.woocommerce-product-details__short-description,
.woocommerce-product-details__short-description *{
  background-color:transparent!important;
  color:var(--ink)!important;
  border-color:var(--line)!important;
}
.woocommerce div.product .woocommerce-tabs .panel a,
.woocommerce-Tabs-panel a,
.woocommerce-product-details__short-description a{color:var(--teal)!important;font-weight:600}
.woocommerce div.product .woocommerce-tabs .panel h1,
.woocommerce div.product .woocommerce-tabs .panel h2,
.woocommerce div.product .woocommerce-tabs .panel h3,
.woocommerce-Tabs-panel h2,.woocommerce-Tabs-panel h3{color:#fff!important}
.woocommerce div.product .woocommerce-tabs .panel table,
.woocommerce-Tabs-panel table{border:1px solid var(--line)!important;border-collapse:collapse;width:100%}
.woocommerce div.product .woocommerce-tabs .panel td,
.woocommerce div.product .woocommerce-tabs .panel th,
.woocommerce-Tabs-panel td,.woocommerce-Tabs-panel th{border:1px solid var(--line)!important;padding:9px 12px!important;background:rgba(255,255,255,.02)!important}
.woocommerce div.product .woocommerce-tabs .panel img,
.woocommerce-Tabs-panel img{background:#fff!important;border-radius:8px;padding:4px}

/* ---------- KATEGORIE/SHOP NA PLNOU ŠÍŘKU (pryč s prázdným sidebarem) ---------- */
.post-type-archive-product .content-area,.tax-product_cat .content-area,.woocommerce-shop .content-area,
.post-type-archive-product #primary,.tax-product_cat #primary,.woocommerce-shop #primary{width:100%!important;float:none!important;margin:0!important}
.post-type-archive-product #secondary,.tax-product_cat #secondary,.woocommerce-shop #secondary{display:none!important}

/* ---------- NEPRŮSTŘELNÝ 4-sloupcový grid produktů (kategorie/shop) ---------- */
html body ul.products,html body ul.products{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:18px!important;margin:0!important;float:none!important}
html body ul.products::before,html body ul.products::after,html body ul.products::before,html body ul.products::after{content:none!important;display:none!important}
html body ul.products li.product,html body ul.products li.product{width:auto!important;max-width:100%!important;float:none!important;clear:none!important;margin:0!important}
@media(max-width:1100px){html body ul.products,html body ul.products{grid-template-columns:repeat(3,1fr)!important}}
@media(max-width:760px){html body ul.products,html body ul.products{grid-template-columns:repeat(2,1fr)!important}}
@media(max-width:430px){html body ul.products,html body ul.products{grid-template-columns:1fr!important}}