/*
Theme Name: Bomika
Theme URI: https://www.bomika.sk
Author: Bomika / Claude
Description: Firemná téma Bomika – bezpečnosť, energia, smart home. Dizajn „rozvádzač": olivová z loga, Rajdhani/Inter/IBM Plex Mono.
Version: 1.6.0
Requires PHP: 7.4
Text Domain: bomika
*/

:root{--ink:#20241A;--ink-2:#2B3022;--paper:#F3F2E9;--paper-2:#EBEADD;--olive:#565C32;--olive-deep:#3C4123;--olive-light:#9BA26B;--amber:#D9952F;--line:#D7D5C4;--line-dark:#3A402C;--mono:'IBM Plex Mono',monospace;--disp:'Rajdhani',sans-serif;--body:'Inter',sans-serif}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
body{font-family:var(--body);background:var(--paper);color:var(--ink);line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:inherit}img{max-width:100%;display:block}
:focus-visible{outline:3px solid var(--amber);outline-offset:2px}
.wrap{max-width:1180px;margin:0 auto;padding:0 24px}
.eyebrow{font-family:var(--mono);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--olive)}
h1,h2,h3{font-family:var(--disp);line-height:1.1;text-transform:uppercase;letter-spacing:.01em}
header{position:sticky;top:0;z-index:50;background:rgba(243,242,233,.92);backdrop-filter:blur(8px);border-bottom:2px solid var(--ink)}
.nav{display:flex;align-items:center;gap:28px;height:72px}
.brand{display:flex;align-items:center;text-decoration:none}
.brand img{height:56px;width:auto}
.nav-links{display:flex;gap:20px;margin-left:auto;align-items:center}
.nav-links a{text-decoration:none;font-weight:500;font-size:.9rem;padding:6px 2px;border-bottom:2px solid transparent}
.nav-links a:hover,.nav-links a[aria-current]{border-bottom-color:var(--amber)}
.nav-cta{background:var(--ink);color:var(--paper)!important;padding:10px 20px!important;font-family:var(--disp);font-weight:600;letter-spacing:.06em;text-transform:uppercase;border:none!important}
.nav-cta:hover{background:var(--olive)}
.menu-btn{display:none;margin-left:auto;background:none;border:2px solid var(--ink);font-family:var(--mono);font-size:.75rem;padding:8px 14px;cursor:pointer;letter-spacing:.1em}
@media (max-width:960px){
 .nav-links{display:none;position:absolute;top:72px;left:0;right:0;background:var(--paper);border-bottom:2px solid var(--ink);flex-direction:column;align-items:stretch;padding:16px 24px;gap:4px}
 .nav-links.open{display:flex}.nav-links a{padding:12px 4px;border-bottom:1px solid var(--line)}
 .menu-btn{display:block}}
.crumbs{border-bottom:1px solid var(--line);background:var(--paper-2)}
.crumbs .wrap{display:flex;justify-content:space-between;align-items:center;padding-top:10px;padding-bottom:10px}
.crumbs nav{font-family:var(--mono);font-size:.72rem;letter-spacing:.08em}
.crumbs nav a{text-decoration:none}.crumbs nav a:hover{color:var(--olive)}
.crumbs .sys{font-family:var(--mono);font-size:.7rem;letter-spacing:.2em;color:var(--olive)}
.hero{border-bottom:2px solid var(--ink);background:linear-gradient(180deg,var(--paper) 0%,var(--paper-2) 100%)}
.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;padding:64px 0 70px;align-items:start}
.hero h1{font-size:clamp(1.9rem,4.2vw,3rem);font-weight:700;margin:14px 0 18px}
.hero p.lead{font-size:1.05rem;max-width:36rem;color:#3d4234}
.hero-ctas{display:flex;gap:14px;margin-top:28px;flex-wrap:wrap}
.btn{font-family:var(--disp);font-weight:600;letter-spacing:.07em;text-transform:uppercase;text-decoration:none;padding:14px 26px;font-size:.95rem;border:2px solid var(--ink);transition:transform .12s ease,background .12s ease;display:inline-block}
.btn:hover{transform:translateY(-2px)}
.btn-dark{background:var(--ink);color:var(--paper)}.btn-dark:hover{background:var(--olive)}
.btn-ghost{background:transparent;color:var(--ink)}.btn-ghost:hover{background:var(--ink);color:var(--paper)}
.plate{background:var(--ink);color:var(--paper);border:2px solid var(--ink);box-shadow:10px 10px 0 rgba(32,36,26,.18);padding:24px 26px}
.plate .p-title{font-family:var(--mono);font-size:.7rem;letter-spacing:.22em;color:var(--olive-light);border-bottom:1px solid var(--line-dark);padding-bottom:12px;margin-bottom:6px;display:flex;justify-content:space-between}
.plate .dot{width:8px;height:8px;border-radius:50%;background:var(--amber);box-shadow:0 0 8px var(--amber)}
.plate dl{display:grid;grid-template-columns:1fr auto;gap:0 16px}
.plate dt{padding:11px 0;font-size:.82rem;color:#B9BCA6;border-bottom:1px dashed var(--line-dark)}
.plate dd{padding:11px 0;font-family:var(--mono);font-size:.8rem;text-align:right;border-bottom:1px dashed var(--line-dark);color:var(--paper)}
.plate dt:last-of-type,.plate dd:last-of-type{border-bottom:none}
@media (max-width:900px){.hero-grid{grid-template-columns:1fr;gap:36px;padding:44px 0 52px}}
section.block{padding:66px 0}
section.block:not(.alt)+section.block:not(.alt){padding-top:0}
section.block.alt+section.block.alt{padding-top:0}
section.block.alt{background:var(--paper-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.block h2{font-size:clamp(1.5rem,3vw,2.2rem);margin:8px 0 8px}
.svc-list{list-style:none;margin-top:26px;border-top:2px solid var(--ink)}
.svc-list li{display:grid;grid-template-columns:56px 1fr;gap:18px;padding:16px 0;border-bottom:1px solid var(--line);align-items:baseline}
.svc-list .n{font-family:var(--mono);font-size:.75rem;color:var(--olive);letter-spacing:.1em}
.svc-list b{font-weight:600}
.svc-list span.d{display:block;font-size:.88rem;color:#4a4f3e}
.cols3{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:30px}
.col-item{border-left:2px solid var(--olive);padding-left:18px}
.col-item h3{font-size:1.15rem;color:var(--olive-deep);margin-bottom:8px}
.col-item p{font-size:.92rem;color:#4a4f3e}
@media (max-width:820px){.cols3{grid-template-columns:1fr}}
.grants{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:28px}
.grant{border:2px solid var(--ink);background:#fff;padding:28px;position:relative}
.grant .tag{position:absolute;top:-13px;left:22px;background:var(--amber);color:var(--ink);font-family:var(--mono);font-size:.68rem;letter-spacing:.18em;padding:4px 12px;text-transform:uppercase}
.grant h3{font-size:1.3rem;margin:6px 0 10px}
.grant p{font-size:.92rem;color:#4a4f3e}
.grant .amt{font-family:var(--disp);font-weight:700;font-size:1.6rem;color:var(--olive);margin:10px 0 4px}
@media (max-width:820px){.grants{grid-template-columns:1fr}}
.refs{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:28px}
.ref{border:2px solid var(--ink);background:#fff;padding:22px}
.ref .r-code{font-family:var(--mono);font-size:.68rem;letter-spacing:.16em;color:#8a8d78;text-transform:uppercase}
.ref h3{font-size:1.1rem;margin:8px 0 6px;text-transform:none;letter-spacing:0;font-family:var(--body);font-weight:600}
.ref p{font-size:.86rem;color:#4a4f3e}
@media (max-width:820px){.refs{grid-template-columns:1fr}}
.clients{display:flex;gap:14px;flex-wrap:wrap;margin-top:24px}
.client{border:1px solid var(--ink);background:#fff;padding:10px 18px;font-family:var(--disp);font-weight:600;letter-spacing:.05em;text-transform:uppercase;font-size:.9rem}
.faq{margin-top:26px;border-top:2px solid var(--ink)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{cursor:pointer;padding:16px 0;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:16px}
.faq summary::after{content:"+";font-family:var(--mono);color:var(--olive)}
.faq details[open] summary::after{content:"−"}
.faq .a{padding:0 0 18px;font-size:.93rem;color:#4a4f3e;max-width:48rem}
.posts{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:28px}
.post{border:2px solid var(--ink);background:#fff;display:flex;flex-direction:column;text-decoration:none;transition:box-shadow .15s ease,transform .15s ease}
.post:hover{box-shadow:8px 8px 0 rgba(32,36,26,.15);transform:translateY(-3px)}
.post .p-band{height:8px}
.post[data-sys="bezpecnost"] .p-band{background:var(--olive)}
.post[data-sys="energia"] .p-band{background:var(--amber)}
.post .p-body{padding:20px 20px 22px;display:flex;flex-direction:column;gap:9px;flex:1}
.post .p-tag{font-family:var(--mono);font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:#8a8d78}
.post h3{font-size:1.08rem;text-transform:none;letter-spacing:0;line-height:1.32;font-family:var(--body);font-weight:600}
.post p{font-size:.87rem;color:#4a4f3e;flex:1}
.post .p-more{font-family:var(--disp);font-weight:600;text-transform:uppercase;letter-spacing:.08em;font-size:.85rem;color:var(--olive)}
.post:hover .p-more{color:var(--amber)}
@media (max-width:960px){.posts{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.posts{grid-template-columns:1fr}}
.cta{border-top:2px solid var(--ink);background:var(--ink);color:var(--paper);padding:64px 0;text-align:center}
.cta h2{font-size:clamp(1.6rem,3.2vw,2.3rem);max-width:44rem;margin:10px auto 26px;color:var(--paper)}
.cta .btn-paper{background:var(--paper);color:var(--ink);border-color:var(--paper)}
.cta .btn-paper:hover{background:var(--amber);border-color:var(--amber)}
.cta .tel{margin-top:16px;font-family:var(--mono);font-size:.85rem;color:var(--olive-light)}
.cta .tel a{text-decoration:none}
footer{background:var(--ink);color:#C6C9B4;padding:60px 0 30px}
.f-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:40px}
.f-plate{background:var(--paper);border:1px solid var(--line-dark);padding:20px;max-width:240px}
.f-plate img{width:100%;height:auto}
.f-plate .f-claim{font-family:var(--mono);font-size:.62rem;letter-spacing:.13em;text-transform:uppercase;color:var(--olive-deep);text-align:center;margin-top:10px;border-top:1px solid var(--line);padding-top:10px}
footer h4{font-family:var(--disp);font-size:.95rem;letter-spacing:.14em;text-transform:uppercase;color:var(--olive-light);margin-bottom:14px}
footer ul{list-style:none}footer li{padding:4px 0;font-size:.88rem}
footer a{text-decoration:none}footer a:hover{color:var(--amber)}
.f-mono{font-family:var(--mono);font-size:.78rem}
.f-bottom{border-top:1px solid var(--line-dark);margin-top:44px;padding-top:22px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:.8rem;color:#8f9380}
@media (max-width:900px){.f-grid{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.f-grid{grid-template-columns:1fr}}
/* contact page */
.k-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:30px}
.k-form{border:2px solid var(--ink);background:#fff;padding:30px}
.k-form label{display:block;font-family:var(--mono);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--olive-deep);margin:16px 0 6px}
.k-form input,.k-form select,.k-form textarea{width:100%;border:1px solid var(--ink);background:var(--paper);padding:12px;font-family:var(--body);font-size:.95rem}
.k-form textarea{min-height:120px;resize:vertical}
.k-info dl{display:grid;grid-template-columns:auto 1fr;gap:8px 20px;margin-top:20px}
.k-info dt{font-family:var(--mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--olive);padding-top:4px}
.k-info dd{font-size:.95rem}
@media (max-width:820px){.k-grid{grid-template-columns:1fr}}

.media{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:28px}
.media.one{grid-template-columns:1fr}
.ph{border:2px dashed var(--olive);background:repeating-linear-gradient(45deg,var(--paper-2),var(--paper-2) 12px,var(--paper) 12px,var(--paper) 24px);min-height:240px;display:flex;align-items:center;justify-content:center;padding:26px;text-align:center}
.ph .ph-in{max-width:30rem}
.ph .ph-t{font-family:var(--disp);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--olive-deep);font-size:1rem}
.ph .ph-d{font-size:.82rem;color:#5c614c;margin-top:8px}
.ph .ph-alt{font-family:var(--mono);font-size:.68rem;color:#8a8d78;margin-top:10px;letter-spacing:.04em}
.ref .ph{min-height:150px;margin:-22px -22px 16px}

/* v1.5.3 — reálne fotografie v pevnom rámčeku */
.foto{border:2px solid var(--ink);background:#fff;padding:10px;margin:0;overflow:hidden}
.foto img{display:block;width:100%;height:auto}
.foto figcaption{font-family:var(--mono);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:#8a8d78;text-align:center;padding-top:8px;border-top:1px solid var(--line);margin-top:10px}
.media .foto img{height:280px;object-fit:cover}
.media .foto.tall img{height:460px}
.media .foto.schema img{object-fit:contain;background:#fff}
.ref .foto{margin:-22px -22px 16px;border:0;border-bottom:2px solid var(--ink);padding:0;background:var(--paper-2)}
.ref .foto img{width:100%;height:280px;object-fit:cover;object-position:center 22%}

.article{max-width:46rem;margin:0 auto}
.article p{margin:0 0 18px;color:#33382a}
.article h2{font-size:1.5rem;margin:38px 0 14px}
.article ul{margin:0 0 18px 22px}
.article li{margin-bottom:8px;color:#33382a}
.a-meta{display:flex;gap:18px;flex-wrap:wrap;font-family:var(--mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:#8a8d78;margin:14px 0 6px}
.a-head{padding:56px 0 40px;border-bottom:2px solid var(--ink);background:linear-gradient(180deg,var(--paper) 0%,var(--paper-2) 100%)}
.a-head h1{font-size:clamp(1.8rem,4vw,2.7rem);max-width:52rem;margin-top:12px}
.a-box{border:2px solid var(--ink);background:#fff;padding:24px 26px;margin:30px 0}
.a-box .b-t{font-family:var(--mono);font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--olive);margin-bottom:10px}
.a-cta{border:2px solid var(--ink);background:var(--ink);color:var(--paper);padding:26px;margin:34px 0}
.a-cta h3{color:var(--paper);font-size:1.25rem;margin-bottom:8px}
.a-cta p{color:#C6C9B4!important;font-size:.92rem;margin-bottom:16px}
.author{display:flex;gap:18px;align-items:center;border-top:2px solid var(--ink);margin-top:44px;padding-top:24px}
.author .av{width:64px;height:64px;border:2px solid var(--ink);background:repeating-linear-gradient(45deg,var(--paper-2),var(--paper-2) 8px,var(--paper) 8px,var(--paper) 16px);display:flex;align-items:center;justify-content:center;font-size:1.4rem}
.author .a-n{font-weight:600}
.author .a-r{font-family:var(--mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:#8a8d78}
.team{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:30px}
@media (max-width:820px){.team{grid-template-columns:1fr}}
.milestones{list-style:none;margin-top:26px;border-left:2px solid var(--olive);max-width:44rem}
.milestones li{padding:0 0 26px 26px;position:relative}
.milestones li::before{content:"";position:absolute;left:-7px;top:6px;width:12px;height:12px;background:var(--amber);border:2px solid var(--ink)}
.milestones .m-y{font-family:var(--mono);font-size:.75rem;letter-spacing:.14em;color:var(--olive)}
.milestones b{display:block;font-size:1.05rem}
.milestones p{font-size:.9rem;color:#4a4f3e}

/* --- Titulná stránka (scoped body.home) --- */
body.home{
  --ink:#20241A;
  --ink-2:#2B3022;
  --paper:#F3F2E9;
  --paper-2:#EBEADD;
  --olive:#565C32;        /* brand — sampled from the logo */
  --olive-deep:#3C4123;
  --olive-light:#9BA26B;
  --amber:#D9952F;        /* energia accent */
  --line:#D7D5C4;
  --line-dark:#3A402C;
  --mono:'IBM Plex Mono',monospace;
  --disp:'Rajdhani',sans-serif;
  --body:'Inter',sans-serif;
}body.home *{margin:0;padding:0;box-sizing:border-box}body.home{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){body.home{scroll-behavior:auto}body.home *,body.home *::before,body.home *::after{animation:none!important;transition:none!important}}body.home{font-family:var(--body);background:var(--paper);color:var(--ink);line-height:1.6;-webkit-font-smoothing:antialiased}body.home a{color:inherit}body.home img{max-width:100%;display:block}body.home :focus-visible{outline:3px solid var(--amber);outline-offset:2px}body.home .wrap{max-width:1180px;margin:0 auto;padding:0 24px}body.home .eyebrow{font-family:var(--mono);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--olive)}body.home h1,body.home h2,body.home h3{font-family:var(--disp);line-height:1.08;text-transform:uppercase;letter-spacing:.01em}body.home /* ---------- header ---------- */
header{position:sticky;top:0;z-index:50;background:rgba(243,242,233,.92);backdrop-filter:blur(8px);border-bottom:2px solid var(--ink)}body.home .nav{display:flex;align-items:center;gap:28px;height:72px}body.home .brand{display:flex;align-items:center;gap:12px;text-decoration:none}body.home .brand img{height:56px;width:auto}body.home .brand-name{font-family:var(--disp);font-weight:700;font-size:1.35rem;letter-spacing:.06em;color:var(--olive-deep)}body.home .nav-links{display:flex;gap:22px;margin-left:auto;align-items:center}body.home .nav-links a{text-decoration:none;font-weight:500;font-size:.92rem;padding:6px 2px;border-bottom:2px solid transparent}body.home .nav-links a:hover{border-bottom-color:var(--amber)}body.home .nav-cta{background:var(--ink);color:var(--paper)!important;padding:10px 20px!important;font-family:var(--disp);font-weight:600;letter-spacing:.06em;text-transform:uppercase;border:none!important}body.home .nav-cta:hover{background:var(--olive)}body.home .menu-btn{display:none;margin-left:auto;background:none;border:2px solid var(--ink);font-family:var(--mono);font-size:.75rem;padding:8px 14px;cursor:pointer;letter-spacing:.1em}@media (max-width:900px){body.home .nav-links{display:none;position:absolute;top:72px;left:0;right:0;background:var(--paper);border-bottom:2px solid var(--ink);flex-direction:column;align-items:stretch;padding:16px 24px;gap:4px}body.home .nav-links.open{display:flex}body.home .nav-links a{padding:12px 4px;border-bottom:1px solid var(--line)}body.home .menu-btn{display:block}}body.home /* ---------- hero: rozvádzač ---------- */
.hero{border-bottom:2px solid var(--ink);background:
  linear-gradient(180deg,var(--paper) 0%,var(--paper-2) 100%)}body.home .hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;padding:72px 0 80px;align-items:center}body.home .hero h1{font-size:clamp(2.3rem,5vw,3.6rem);font-weight:700;margin:14px 0 18px}body.home .hero h1 em{font-style:normal;color:var(--olive)}body.home .hero p.lead{font-size:1.08rem;max-width:34rem;color:#3d4234}body.home .hero-ctas{display:flex;gap:14px;margin-top:30px;flex-wrap:wrap}body.home .btn{font-family:var(--disp);font-weight:600;letter-spacing:.07em;text-transform:uppercase;text-decoration:none;padding:14px 26px;font-size:.95rem;border:2px solid var(--ink);transition:transform .12s ease,background .12s ease}body.home .btn:hover{transform:translateY(-2px)}body.home .btn-dark{background:var(--ink);color:var(--paper)}body.home .btn-dark:hover{background:var(--olive)}body.home .btn-ghost{background:transparent;color:var(--ink)}body.home .btn-ghost:hover{background:var(--ink);color:var(--paper)}body.home /* panel */
.panel{background:var(--ink);border:2px solid var(--ink);box-shadow:10px 10px 0 rgba(32,36,26,.18);padding:26px 26px 30px;color:var(--paper)}body.home .panel-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line-dark);padding-bottom:14px;margin-bottom:20px}body.home .panel-head .label{font-family:var(--mono);font-size:.72rem;letter-spacing:.22em;color:var(--olive-light)}body.home .panel-head .dot{width:9px;height:9px;border-radius:50%;background:var(--amber);box-shadow:0 0 8px var(--amber)}body.home .breaker{display:grid;grid-template-columns:64px 1fr auto;gap:16px;align-items:center;padding:16px 0;border-bottom:1px dashed var(--line-dark);cursor:pointer;background:none;border-left:none;border-right:none;border-top:none;width:100%;text-align:left;color:var(--paper);font-family:var(--body)}body.home .breaker:last-child{border-bottom:none}body.home .switch{width:64px;height:34px;border:2px solid var(--olive-light);border-radius:4px;position:relative;background:var(--ink-2)}body.home .switch::after{content:"";position:absolute;top:3px;left:3px;width:26px;height:24px;background:var(--olive-light);border-radius:2px;transition:left .18s ease,background .18s ease}body.home .breaker.on .switch::after{left:31px;background:var(--amber)}body.home .breaker .b-name{font-family:var(--disp);font-weight:600;font-size:1.15rem;letter-spacing:.08em;text-transform:uppercase}body.home .breaker .b-sub{font-size:.8rem;color:#B9BCA6}body.home .breaker .b-code{font-family:var(--mono);font-size:.7rem;color:var(--olive-light)}body.home .breaker:hover .b-name{color:var(--amber)}@media (max-width:900px){body.home .hero-grid{grid-template-columns:1fr;gap:40px;padding:48px 0 56px}}body.home /* ---------- segmenty ---------- */
.segments{padding:76px 0}body.home .seg-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:34px}body.home .seg-card{border:2px solid var(--ink);background:#fff;padding:34px;position:relative;transition:box-shadow .15s ease}body.home .seg-card:hover{box-shadow:8px 8px 0 rgba(32,36,26,.15)}body.home .seg-card .tag{position:absolute;top:-14px;left:26px;background:var(--olive);color:var(--paper);font-family:var(--mono);font-size:.7rem;letter-spacing:.2em;padding:5px 12px;text-transform:uppercase}body.home .seg-card.energy .tag{background:var(--amber);color:var(--ink)}body.home .seg-card h3{font-size:1.7rem;margin:8px 0 12px}body.home .seg-card ul{list-style:none;margin:18px 0 24px}body.home .seg-card li{padding:10px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:12px;font-size:.95rem}body.home .seg-card li a{text-decoration:none;font-weight:600}body.home .seg-card li a:hover{color:var(--olive)}body.home .seg-card li .m{font-family:var(--mono);font-size:.72rem;color:#8a8d78;white-space:nowrap}@media (max-width:820px){body.home .seg-grid{grid-template-columns:1fr}}body.home /* ---------- dôvera ---------- */
.trust{background:var(--ink);color:var(--paper);border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);padding:56px 0}body.home .trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;margin-top:26px}body.home .trust h2{color:var(--paper)}body.home .trust-item{border-left:2px solid var(--olive-light);padding-left:18px}body.home .trust-item .t-head{font-family:var(--disp);font-weight:600;font-size:1.2rem;text-transform:uppercase;letter-spacing:.05em;color:var(--olive-light)}body.home .trust-item p{font-size:.92rem;color:#C6C9B4;margin-top:6px}@media (max-width:820px){body.home .trust-grid{grid-template-columns:1fr}}body.home /* ---------- blog ---------- */
.blog{padding:80px 0}body.home .blog-head{display:flex;justify-content:space-between;align-items:end;gap:20px;flex-wrap:wrap}body.home .blog-head h2{font-size:clamp(1.8rem,3.5vw,2.6rem)}body.home .blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:36px}body.home .post{border:2px solid var(--ink);background:#fff;display:flex;flex-direction:column;text-decoration:none;transition:box-shadow .15s ease,transform .15s ease}body.home .post:hover{box-shadow:8px 8px 0 rgba(32,36,26,.15);transform:translateY(-3px)}body.home .post .p-band{height:8px}body.home .post[data-sys="bezpecnost"] .p-band{background:var(--olive)}body.home .post[data-sys="energia"] .p-band{background:var(--amber)}body.home .post .p-body{padding:22px 22px 24px;display:flex;flex-direction:column;gap:10px;flex:1}body.home .post .p-tag{font-family:var(--mono);font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:#8a8d78}body.home .post h3{font-size:1.15rem;text-transform:none;letter-spacing:0;line-height:1.3;font-family:var(--body);font-weight:600}body.home .post p{font-size:.88rem;color:#4a4f3e;flex:1}body.home .post .p-more{font-family:var(--disp);font-weight:600;text-transform:uppercase;letter-spacing:.08em;font-size:.85rem;color:var(--olive)}body.home .post:hover .p-more{color:var(--amber)}@media (max-width:960px){body.home .blog-grid{grid-template-columns:1fr 1fr}}@media (max-width:640px){body.home .blog-grid{grid-template-columns:1fr}}body.home /* ---------- CTA ---------- */
.cta{border-top:2px solid var(--ink);background:var(--paper-2);padding:70px 0;text-align:center}body.home .cta h2{font-size:clamp(1.7rem,3.4vw,2.5rem);max-width:44rem;margin:10px auto 26px}body.home /* ---------- footer ---------- */
footer{background:var(--ink);color:#C6C9B4;border-top:2px solid var(--ink);padding:64px 0 30px}body.home .f-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:40px}body.home .f-plate{background:var(--paper);border:1px solid var(--line-dark);padding:22px;max-width:250px}body.home .f-plate img{width:100%;height:auto}body.home .f-plate .f-claim{font-family:var(--mono);font-size:.65rem;letter-spacing:.14em;text-transform:uppercase;color:var(--olive-deep);text-align:center;margin-top:10px;border-top:1px solid var(--line);padding-top:10px}body.home footer h4{font-family:var(--disp);font-size:.95rem;letter-spacing:.14em;text-transform:uppercase;color:var(--olive-light);margin-bottom:14px}body.home footer ul{list-style:none}body.home footer li{padding:4px 0;font-size:.9rem}body.home footer a{text-decoration:none}body.home footer a:hover{color:var(--amber)}body.home .f-mono{font-family:var(--mono);font-size:.8rem}body.home .f-bottom{border-top:1px solid var(--line-dark);margin-top:46px;padding-top:22px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:.8rem;color:#8f9380}@media (max-width:900px){body.home .f-grid{grid-template-columns:1fr 1fr}}@media (max-width:560px){body.home .f-grid{grid-template-columns:1fr}}body.home .media{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:28px}body.home .media.one{grid-template-columns:1fr}body.home .ph{border:2px dashed var(--olive);background:repeating-linear-gradient(45deg,var(--paper-2),var(--paper-2) 12px,var(--paper) 12px,var(--paper) 24px);min-height:240px;display:flex;align-items:center;justify-content:center;padding:26px;text-align:center}body.home .ph .ph-in{max-width:30rem}body.home .ph .ph-t{font-family:var(--disp);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--olive-deep);font-size:1rem}body.home .ph .ph-d{font-size:.82rem;color:#5c614c;margin-top:8px}body.home .ph .ph-alt{font-family:var(--mono);font-size:.68rem;color:#8a8d78;margin-top:10px;letter-spacing:.04em}body.home .ref .ph{min-height:150px;margin:-22px -22px 16px}
/* --- WordPress integrácia --- */
.bo-content{min-height:40vh}
.article img{height:auto;border:2px solid var(--ink)}
.article blockquote{border-left:3px solid var(--amber);padding:6px 0 6px 20px;margin:0 0 18px;color:#4a4f3e;font-style:italic}
.article h3{font-size:1.2rem;margin:28px 0 10px}
.article a{color:var(--olive);text-decoration-color:var(--amber)}
.article table{border-collapse:collapse;width:100%;margin:0 0 18px}
.article th,.article td{border:1px solid var(--line);padding:8px 12px;font-size:.92rem;text-align:left}
.article th{background:var(--paper-2);font-family:var(--disp);text-transform:uppercase;letter-spacing:.04em}
.wp-block-image figcaption{font-family:var(--mono);font-size:.72rem;color:#8a8d78}
.nav-links ul{display:contents;list-style:none;margin:0;padding:0}
.nav-links li{display:contents}
.nav-links a{white-space:nowrap}
body.admin-bar header{top:32px}
@media (max-width:782px){body.admin-bar header{top:46px}}

/* --- Hlavička: emblém + názov, roletkové menu --- */
.brand{gap:12px}
.brand img{height:36px;width:auto}
.brand-name{font-family:var(--disp);font-weight:700;font-size:1.35rem;letter-spacing:.08em;color:var(--olive-deep)}
.nav-links{gap:24px}
.nav-links .has-sub{position:relative}
.nav-links .has-sub > a::after{content:""}
.nav-links .sub{display:none;position:absolute;top:100%;left:-14px;background:var(--paper);border:2px solid var(--ink);box-shadow:6px 6px 0 rgba(32,36,26,.15);min-width:250px;padding:8px 0;z-index:60}
.nav-links .has-sub:hover .sub,
.nav-links .has-sub:focus-within .sub{display:block}
.nav-links .sub a{display:block;padding:10px 16px;border-bottom:1px solid var(--line);font-size:.88rem}
.nav-links .sub a:last-child{border-bottom:none}
.nav-links .sub a:hover{background:var(--paper-2);border-bottom-color:var(--line)}
/* WP vlastné menu s podpoložkami (Vzhľad -> Menu) */
.nav-links li{position:relative}
.nav-links .sub-menu{display:none;position:absolute;top:100%;left:-14px;background:var(--paper);border:2px solid var(--ink);box-shadow:6px 6px 0 rgba(32,36,26,.15);min-width:250px;padding:8px 0;z-index:60;list-style:none;margin:0}
.nav-links li.menu-item-has-children>a::after{content:" ▾";font-size:.85em}
.nav-links li:hover > .sub-menu,
.nav-links li:focus-within > .sub-menu{display:block}
.nav-links .sub-menu a{display:block;padding:10px 16px;border-bottom:1px solid var(--line);font-size:.88rem}
@media (max-width:960px){
  .nav-links .sub,.nav-links .sub-menu{display:block;position:static;border:none;box-shadow:none;min-width:0;padding:0 0 0 18px}
  .nav-links .has-sub > a{font-weight:600}
}

/* --- Oprava: CTA na titulke je svetlé -> tmavý text --- */
body.home .cta h2{color:var(--ink)}
body.home .cta .eyebrow{color:var(--olive)}
body.home .cta .tel,body.home .cta .tel a{color:#5c614c}

/* --- Contact Form 7 v dizajne Bomika --- */
.k-form .wpcf7 label{display:block;font-family:var(--mono);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--olive-deep);margin:16px 0 6px}
.k-form .wpcf7 input:not([type=submit]):not([type=checkbox]),
.k-form .wpcf7 select,
.k-form .wpcf7 textarea{width:100%;border:1px solid var(--ink);background:var(--paper);padding:12px;font-family:var(--body);font-size:.95rem;border-radius:0}
.k-form .wpcf7 textarea{min-height:120px;resize:vertical}
.k-form .wpcf7 input[type=submit]{font-family:var(--disp);font-weight:600;letter-spacing:.07em;text-transform:uppercase;background:var(--ink);color:var(--paper);border:2px solid var(--ink);padding:14px 26px;font-size:.95rem;cursor:pointer;margin-top:20px;border-radius:0;transition:background .12s ease}
.k-form .wpcf7 input[type=submit]:hover{background:var(--olive)}
.k-form .wpcf7-acceptance{display:block;margin-top:16px}
.k-form .wpcf7-acceptance label{display:flex;gap:10px;align-items:flex-start;text-transform:none;letter-spacing:0;font-family:var(--body);font-size:.8rem;color:#5c614c;margin:0}
.k-form .wpcf7-acceptance input[type=checkbox]{width:auto;margin-top:2px}
.k-form .wpcf7-not-valid-tip{font-family:var(--mono);font-size:.7rem;color:#A33B2E;margin-top:4px;display:block}
.k-form .wpcf7-response-output{border:2px solid var(--olive)!important;background:var(--paper-2);padding:12px 16px!important;margin:20px 0 0!important;font-size:.88rem}
.k-form .wpcf7-spinner{margin-left:10px}
/* Gutenberg columns na stránke Kontakt */
.wp-block-columns .k-form{border:2px solid var(--ink);background:#fff;padding:30px}
.wp-block-columns .k-info dl{display:grid;grid-template-columns:auto 1fr;gap:8px 20px;margin-top:20px}
.wp-block-columns .k-info dt{font-family:var(--mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--olive);padding-top:4px}
.wp-block-columns .k-info dd{font-size:.95rem;margin:0}


/* --- Titulka: schéma zapojenia v pozadí hero --- */
body.home .hero{position:relative;overflow:hidden}
body.home .hero::before{content:"";position:absolute;inset:0;
  background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22900%22%20height%3D%22620%22%20viewBox%3D%220%200%20900%20620%22%20fill%3D%22none%22%20stroke%3D%22%23565C32%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M60%2080%20H340%20V200%20H520%22/%3E%3Ccircle%20cx%3D%2260%22%20cy%3D%2280%22%20r%3D%224%22/%3E%3Ccircle%20cx%3D%22520%22%20cy%3D%22200%22%20r%3D%224%22/%3E%3Cpath%20d%3D%22M120%20560%20V380%20H300%20V300%22/%3E%3Ccircle%20cx%3D%22120%22%20cy%3D%22560%22%20r%3D%224%22/%3E%3Ccircle%20cx%3D%22300%22%20cy%3D%22300%22%20r%3D%224%22/%3E%3Cpath%20d%3D%22M840%20120%20H640%20V260%22/%3E%3Ccircle%20cx%3D%22840%22%20cy%3D%22120%22%20r%3D%224%22/%3E%3Ccircle%20cx%3D%22640%22%20cy%3D%22260%22%20r%3D%224%22/%3E%3Cpath%20d%3D%22M860%20500%20H700%20V420%20H560%20V520%22/%3E%3Ccircle%20cx%3D%22860%22%20cy%3D%22500%22%20r%3D%224%22/%3E%3Ccircle%20cx%3D%22560%22%20cy%3D%22520%22%20r%3D%224%22/%3E%3Cpath%20d%3D%22M420%2060%20V140%22/%3E%3Ccircle%20cx%3D%22420%22%20cy%3D%2260%22%20r%3D%224%22/%3E%3Crect%20x%3D%22410%22%20y%3D%22140%22%20width%3D%2220%22%20height%3D%2234%22%20rx%3D%222%22/%3E%3Cpath%20d%3D%22M420%20174%20V230%22/%3E%3Ccircle%20cx%3D%22420%22%20cy%3D%22230%22%20r%3D%224%22/%3E%3Crect%20x%3D%22290%22%20y%3D%22290%22%20width%3D%2222%22%20height%3D%2222%22%20rx%3D%222%22/%3E%3Cpath%20d%3D%22M200%20480%20H360%22/%3E%3Ccircle%20cx%3D%22200%22%20cy%3D%22480%22%20r%3D%224%22/%3E%3Crect%20x%3D%22360%22%20y%3D%22470%22%20width%3D%2230%22%20height%3D%2220%22%20rx%3D%222%22/%3E%3Cpath%20d%3D%22M390%20480%20H460%22/%3E%3Ccircle%20cx%3D%22460%22%20cy%3D%22480%22%20r%3D%224%22/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:center;background-size:cover;
  opacity:.07;pointer-events:none}
body.home .hero .hero-grid{position:relative;z-index:1}

/* --- Titulka: animácia rozvádzača (nábeh systémov) --- */
@keyframes boFlip{0%,45%{left:3px;background:#9BA26B}70%,100%{left:31px;background:#D9952F}}
@keyframes boPulse{0%,100%{box-shadow:0 0 6px #D9952F}50%{box-shadow:0 0 16px #D9952F}}
body.home .panel .breaker:nth-of-type(1) .switch::after{animation:boFlip .9s ease-out .3s backwards}
body.home .panel .breaker:nth-of-type(2) .switch::after{animation:boFlip .9s ease-out .65s backwards}
body.home .panel .breaker:nth-of-type(3) .switch::after{animation:boFlip .9s ease-out 1s backwards}
body.home .panel .breaker:nth-of-type(4) .switch::after{animation:boFlip .9s ease-out 1.35s backwards}
body.home .panel-head .dot{animation:boPulse 2.4s ease-in-out 1.6s infinite}

/* --- Titulka: video sekcia --- */
body.home .video-sec{background:var(--paper-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
body.home .video-wrap{max-width:860px;margin:30px auto 0}
body.home .video-frame{position:relative;aspect-ratio:16/9;border:2px solid var(--ink);box-shadow:10px 10px 0 rgba(32,36,26,.18);background:var(--ink)}
body.home .video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
body.home .video-note{text-align:center;font-family:var(--mono);font-size:.75rem;letter-spacing:.08em;color:#5c614c;margin-top:18px}
body.home .video-note a{color:var(--olive)}


/* === v1.1: Oživenie – živá schéma, scroll-reveal, oprava menu === */

/* pôvodné statické pozadie hero nahrádza animovaná schéma */
body.home .hero::before{display:none}

.circuit{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.circuit .base{stroke:var(--olive);fill:none;stroke-width:1.5;opacity:.12}
.circuit .pulse{stroke:var(--amber);fill:none;stroke-width:2.5;stroke-linecap:round;
  stroke-dasharray:34 900;stroke-dashoffset:934;animation:boFlow 6s linear infinite;opacity:.6}
.circuit .pulse.p2{animation-delay:1.4s}
.circuit .pulse.p3{animation-delay:2.8s}
.circuit .pulse.p4{animation-delay:4.2s}
@keyframes boFlow{to{stroke-dashoffset:0}}

/* vstupná animácia hero textu */
@keyframes boUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
body.home .hero .eyebrow{animation:boUp .55s ease-out .05s backwards}
body.home .hero h1{animation:boUp .55s ease-out .15s backwards}
body.home .hero p.lead{animation:boUp .55s ease-out .28s backwards}
body.home .hero-ctas{animation:boUp .55s ease-out .4s backwards}
body.home .hero .panel{animation:boUp .6s ease-out .25s backwards}

/* scroll-reveal (triedy pridáva skript na titulke) */
.rv{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.7,.2,1)}
.rv-in{opacity:1;transform:none}

/* oprava: v pásme 901–960px prebíjal neskorší body.home .nav-links{display:flex} skryté menu */
@media (max-width:960px){
  body.home .nav-links{display:none;position:absolute;top:72px;left:0;right:0;background:var(--paper);border-bottom:2px solid var(--ink);flex-direction:column;align-items:stretch;padding:16px 24px;gap:4px}
  body.home .nav-links.open{display:flex}
  body.home .nav-links a{padding:12px 4px;border-bottom:1px solid var(--line)}
  body.home .menu-btn{display:block}
}

@media (prefers-reduced-motion:reduce){
  .circuit .pulse{animation:none;display:none}
  .rv{opacity:1;transform:none;transition:none}
}


/* === v1.2: Grafické vylepšenia === */

/* jantárová linka pod nadpismi (nabehne pri skrolovaní) */
body.home .hline{position:relative;padding-bottom:14px}
body.home .hline::after{content:"";position:absolute;left:0;bottom:0;width:64px;height:3px;background:var(--amber);transform:scaleX(0);transform-origin:left;transition:transform .7s cubic-bezier(.2,.7,.2,1) .2s}
body.home .hline.rv-in::after{transform:scaleX(1)}

/* číselné štítky sekcií v štýle rozvádzača */
body.home .sec-n{display:inline-block;font-family:var(--mono);font-size:.66rem;letter-spacing:.18em;border:1px solid var(--olive);color:var(--olive);padding:3px 8px;margin-right:12px}
body.home .trust .sec-n{border-color:var(--olive-light);color:var(--olive-light)}

/* hover kariet – jantárová svorka v rohu */
body.home .post{position:relative}
body.home .seg-card::after,body.home .post::after{content:"";position:absolute;top:-2px;right:-2px;width:26px;height:26px;border-top:3px solid var(--amber);border-right:3px solid var(--amber);opacity:0;transition:opacity .18s ease}
body.home .seg-card:hover::after,body.home .post:hover::after{opacity:1}

/* jemný pulz hlavného CTA */
body.home .cta .btn-dark{animation:boCta 3s ease-in-out 2s infinite}
@keyframes boCta{0%,100%{box-shadow:0 0 0 0 rgba(217,149,47,0)}50%{box-shadow:0 0 0 7px rgba(217,149,47,.28)}}

/* oprava: .hero-grid prebíjal bočný padding .wrap (platí pre všetky stránky) */
.wrap.hero-grid{padding-left:24px;padding-right:24px}

@media (prefers-reduced-motion:reduce){
  body.home .hline::after{transform:none;transition:none}
  body.home .cta .btn-dark{animation:none}
}


/* === v1.4: mobilná lišta (defenzívna verzia), prepojenie na mojbezpecak.sk === */
.callbar{display:none}
@media (max-width:820px){
  .callbar{display:block!important;position:fixed!important;left:0!important;right:0!important;bottom:0!important;
    z-index:99999!important;background:#20241A!important;border-top:2px solid #D9952F!important;
    padding-bottom:env(safe-area-inset-bottom)!important;font-size:0}
  .callbar a{display:inline-block!important;width:50%!important;box-sizing:border-box!important;
    padding:16px 8px!important;margin:0!important;text-align:center!important;
    color:#F3F2E9!important;background:transparent!important;text-decoration:none!important;
    font-family:'Rajdhani',Arial,sans-serif!important;font-weight:600!important;
    font-size:16px!important;line-height:1!important;letter-spacing:.08em!important;
    opacity:1!important;visibility:visible!important;text-transform:none!important;
    overflow:visible!important;text-indent:0!important}
  .callbar a:first-child{border-right:1px solid #3A402C!important}
  .callbar a:active{background:#565C32!important}
  body{padding-bottom:56px}
}
.xsell{border:2px solid var(--ink);background:#fff;padding:28px;position:relative;margin-top:34px;
  display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center}
.xsell::before{content:"DIGITÁLNA SLUŽBA";position:absolute;top:-13px;left:22px;background:var(--amber);
  color:var(--ink);font-family:var(--mono);font-size:.68rem;letter-spacing:.18em;padding:4px 12px}
.xsell h3{font-size:1.3rem;margin-bottom:8px}
.xsell p{font-size:.92rem;color:#4a4f3e;margin:0}
.xsell .price{font-family:var(--disp);font-weight:700;font-size:1.15rem;color:var(--olive);margin-top:6px;display:block}
@media (max-width:720px){.xsell{grid-template-columns:1fr}}


/* === v1.5: mobilné opravy pretekania === */
@media (max-width:640px){
  body.home .seg-card li{flex-direction:column;align-items:flex-start;gap:3px}
  body.home .seg-card li .m{white-space:normal;text-align:left}
  body.home .breaker{grid-template-columns:56px 1fr;row-gap:4px}
  body.home .switch{width:56px}
  body.home .breaker .b-code{grid-column:2;justify-self:start}
  .plate dd{white-space:normal;word-break:break-word}
}
@media (max-width:400px){
  body.home .panel{padding:20px 16px 22px}
  .seg-card,.grant,.ref{padding:24px 18px}
}


/* === v1.5.2: variant boxu pre offline aplikáciu === */
.xsell.app::before{content:"OFFLINE APLIKÁCIA";background:var(--olive);color:var(--paper)}