/* dex-embed.css — GENEROVANÉ z tokens.ts (build-embed.mjs). NEUPRAVUJ ručne. */
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&family=Questrial&display=swap");

:root{
  --dex-navy:#05024E; --dex-blue:#0065F7; --dex-white:#FFFFFF;
  --dex-web-accent:#119EAE; /* web secondary accent, sparing */
  --dex-teal:#16AB8B; --dex-orange:#ff7f00; /* AUDIT/DASHBOARD ONLY */
  --dex-light:#F4F6FC; --dex-text:#1A1A2E; --dex-muted:#6B7280; --dex-border:#E5E7EB;
  --dex-grey-ghost:#EEEEEE; --dex-grey-light:#F3F3F3; --dex-grey-mid:#919191; --dex-grey-dark:#53585F; --dex-placeholder:#C5C5C5;
  --dex-blue10:rgba(0,101,247,0.1); --dex-blue20:rgba(0,101,247,0.2); --dex-blue-light:#E8F0FE; --dex-blue-tint:#EBF2FF;
  --dex-navy-grad:linear-gradient(135deg,#05024E,#0a0680);
  --dex-font-h:'Questrial', Arial, sans-serif; --dex-font-b:'Poppins', Arial, sans-serif;
  --dex-r-sm:6px; --dex-r-md:12px; --dex-r-lg:20px;
  --dex-on-navy-1:0.9; --dex-on-navy-2:0.72; --dex-on-navy-3:0.55;
}

/* ---- base utility ---- */
.dex-h2{font-family:var(--dex-font-h);font-weight:400;font-size:clamp(24px,3vw,32px);line-height:1.15;color:var(--dex-navy);margin:0 0 14px}
.dex-h3{font-family:var(--dex-font-h);font-weight:400;font-size:22px;line-height:1.2;color:var(--dex-navy);margin:0 0 10px}
.dex-eyebrow{display:inline-block;font-family:var(--dex-font-b);font-weight:600;font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:#fff;background:var(--dex-blue20);padding:7px 14px;border-radius:20px}
.dex-btn{display:inline-block;font-family:var(--dex-font-b);font-weight:600;font-size:15px;padding:14px 28px;border-radius:var(--dex-r-md);text-decoration:none;background:var(--dex-blue);color:#fff;border:none;cursor:pointer;transition:background .15s,transform .15s;white-space:nowrap}
.dex-btn:hover{background:#0052cc;color:#fff;transform:translateY(-1px)}
.dex-btn-light{background:#fff;color:var(--dex-blue)}
.dex-btn-light:hover{background:#eef2ff;color:var(--dex-blue)}
.dex-go{font-family:var(--dex-font-b);font-weight:600;letter-spacing:4px;font-size:12px;color:#5B9BFF}

/* ---- related-terms čipy (namiesto bare <ul> odrážok) ---- */
/* !important + vyššia špecificita: Ohio téma agresívne štyluje content ul/li/a */
ul.dex-related{display:flex!important;flex-wrap:wrap;gap:10px;list-style:none!important;margin:16px 0 0!important;padding:0!important}
ul.dex-related li{margin:0!important;padding:0!important;list-style:none!important}
ul.dex-related li::before,ul.dex-related li::marker{display:none!important;content:none!important}
ul.dex-related li a{display:inline-block!important;font-family:var(--dex-font-b)!important;font-weight:500!important;font-size:14px!important;color:var(--dex-navy)!important;background:var(--dex-blue10)!important;border:1px solid transparent!important;border-radius:999px!important;padding:9px 16px!important;text-decoration:none!important;transition:all .15s}
ul.dex-related li a:hover{background:#fff!important;border-color:var(--dex-blue)!important;color:var(--dex-blue)!important}

/* ---- promo baner (branded CTA, navy + Go Beyond scéna) ---- */
.dex-promo{position:relative;overflow:hidden;background:var(--dex-navy);border-radius:var(--dex-r-lg);padding:38px 40px;margin:34px 0;display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap}
.dex-promo::after{content:"";position:absolute;top:-30px;right:-20px;width:420px;height:320px;background:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20420%20320'%3E%3Cellipse%20cx='300'%20cy='180'%20rx='128'%20ry='116'%20transform='rotate(-9%20300%20180)'%20fill='none'%20stroke='%235B9BFF'%20stroke-width='2.4'%20opacity='0.55'%20stroke-dasharray='560%20150'/%3E%3Cellipse%20cx='292'%20cy='188'%20rx='120'%20ry='124'%20transform='rotate(13%20292%20188)'%20fill='none'%20stroke='%230065F7'%20stroke-width='2'%20opacity='0.4'%20stroke-dasharray='600%20130'/%3E%3Cpath%20d='M304%20196%20Q346%20140%20372%2092%20Q392%2054%20412%2030'%20stroke='%235B9BFF'%20stroke-width='2.6'%20fill='none'%20stroke-dasharray='1%2011'%20stroke-linecap='round'%20opacity='0.8'/%3E%3Ccircle%20cx='412'%20cy='30'%20r='9'%20fill='%235B9BFF'%20opacity='0.25'/%3E%3Ccircle%20cx='412'%20cy='30'%20r='4'%20fill='%235B9BFF'/%3E%3C/svg%3E") right center/contain no-repeat;pointer-events:none;opacity:.9}
.dex-promo .dex-promo-body{position:relative;z-index:1;flex:1;min-width:260px}
.dex-promo .dex-eyebrow{margin-bottom:14px}
.dex-promo h2,.dex-promo h3{font-family:var(--dex-font-h);font-weight:400;color:#fff;margin:0 0 10px;font-size:clamp(22px,2.6vw,28px);line-height:1.18}
.dex-promo p{font-family:var(--dex-font-b);color:rgba(255,255,255,var(--dex-on-navy-2));font-size:15px;line-height:1.55;margin:0}
.dex-promo p a{color:#5B9BFF;text-decoration:underline}
.dex-promo .dex-promo-cta{position:relative;z-index:1;flex:0 0 auto}
@media(max-width:640px){.dex-promo{padding:28px 24px}.dex-promo::after{opacity:.35}}

/* ---- form karta (biela na navy) ---- */
.dex-formcard{background:#fff;border-radius:18px;box-shadow:0 22px 55px rgba(0,0,0,.30);padding:26px 24px}

/* ---- info karta / metric ---- */
.dex-card{background:#fff;border-radius:var(--dex-r-md);box-shadow:0 2px 8px rgba(0,101,247,0.08);border-top:3px solid var(--dex-blue);padding:24px 22px}
.dex-card .dex-num{font-family:var(--dex-font-h);font-size:28px;color:var(--dex-blue);margin-bottom:6px}

/* ---- signature graphic: scribble circle (edge-bleed decoration) ---- */
/* Loose multi-stroke circle, "no exact form". Bleeds off a corner as background texture. */
.dex-scribble{position:absolute;pointer-events:none;z-index:0;width:min(52%,520px);aspect-ratio:1;background:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20300%20300'%20fill='none'%3E%3Cg%20stroke-linecap='round'%20fill='none'%3E%3Cellipse%20cx='150'%20cy='150'%20rx='118'%20ry='112'%20transform='rotate(-8%20150%20150)'%20stroke='%230065F7'%20stroke-width='4'/%3E%3Cellipse%20cx='152'%20cy='148'%20rx='112'%20ry='118'%20transform='rotate(14%20152%20148)'%20stroke='%230065F7'%20stroke-width='3'%20opacity='0.85'/%3E%3Cellipse%20cx='148'%20cy='152'%20rx='120'%20ry='108'%20transform='rotate(31%20148%20152)'%20stroke='%235B9BFF'%20stroke-width='2.4'%20opacity='0.8'/%3E%3Cellipse%20cx='150'%20cy='150'%20rx='108'%20ry='116'%20transform='rotate(-24%20150%20150)'%20stroke='%235B9BFF'%20stroke-width='2'%20opacity='0.7'/%3E%3Cellipse%20cx='153'%20cy='149'%20rx='116'%20ry='110'%20transform='rotate(48%20153%20149)'%20stroke='%230065F7'%20stroke-width='2'%20opacity='0.55'/%3E%3Cellipse%20cx='149'%20cy='151'%20rx='110'%20ry='119'%20transform='rotate(-40%20149%20151)'%20stroke='%235B9BFF'%20stroke-width='1.6'%20opacity='0.5'/%3E%3Cellipse%20cx='151'%20cy='150'%20rx='121'%20ry='113'%20transform='rotate(66%20151%20150)'%20stroke='%230065F7'%20stroke-width='1.6'%20opacity='0.4'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat;opacity:.9}
.dex-scribble--tr{top:-14%;right:-8%}
.dex-scribble--br{bottom:-16%;right:-6%}
.dex-scribble--bl{bottom:-16%;left:-8%}
.dex-scribble--faint{opacity:.16}

/* ---- circular photo framed by a scribble ring (deck slide 10) ---- */
.dex-photo-circle{position:relative;display:inline-block}
.dex-photo-circle img{border-radius:50%;object-fit:cover;display:block;position:relative;z-index:1}
.dex-photo-circle::before{content:"";position:absolute;inset:-14%;background:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20300%20300'%20fill='none'%3E%3Cg%20stroke-linecap='round'%20fill='none'%3E%3Cellipse%20cx='150'%20cy='150'%20rx='118'%20ry='112'%20transform='rotate(-8%20150%20150)'%20stroke='%230065F7'%20stroke-width='4'/%3E%3Cellipse%20cx='152'%20cy='148'%20rx='112'%20ry='118'%20transform='rotate(14%20152%20148)'%20stroke='%230065F7'%20stroke-width='3'%20opacity='0.85'/%3E%3Cellipse%20cx='148'%20cy='152'%20rx='120'%20ry='108'%20transform='rotate(31%20148%20152)'%20stroke='%235B9BFF'%20stroke-width='2.4'%20opacity='0.8'/%3E%3Cellipse%20cx='150'%20cy='150'%20rx='108'%20ry='116'%20transform='rotate(-24%20150%20150)'%20stroke='%235B9BFF'%20stroke-width='2'%20opacity='0.7'/%3E%3Cellipse%20cx='153'%20cy='149'%20rx='116'%20ry='110'%20transform='rotate(48%20153%20149)'%20stroke='%230065F7'%20stroke-width='2'%20opacity='0.55'/%3E%3Cellipse%20cx='149'%20cy='151'%20rx='110'%20ry='119'%20transform='rotate(-40%20149%20151)'%20stroke='%235B9BFF'%20stroke-width='1.6'%20opacity='0.5'/%3E%3Cellipse%20cx='151'%20cy='150'%20rx='121'%20ry='113'%20transform='rotate(66%20151%20150)'%20stroke='%230065F7'%20stroke-width='1.6'%20opacity='0.4'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat;z-index:0}

/* ---- giant ghost numeral behind a heading (deck section slides) ---- */
.dex-ghost-num{font-family:var(--dex-font-h);font-weight:400;color:var(--dex-grey-ghost);font-size:clamp(120px, 18vw, 260px);line-height:.8;pointer-events:none;user-select:none}

/* ---- blue accent bar (under heading/photo, or foto->text connector) ---- */
.dex-accent-bar{display:block;width:120px;height:6px;background:var(--dex-blue);border-radius:2px}

/* ---- MEGA MENU (dex-mega) — recyklovateľné pre magazín, služby, hocičo ---- */
.dex-mega{position:relative;overflow:hidden;background:var(--dex-navy);border-radius:var(--dex-r-md);padding:26px 26px 20px}
.dex-mega>*{position:relative;z-index:2}
.dex-mega .dex-scribble{z-index:1;opacity:.14}
.dex-mega-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.dex-mega-col h4{font-family:var(--dex-font-h);font-weight:400;font-size:13px;letter-spacing:.4px;color:#fff;margin:0 0 6px}
.dex-mega-col h4+.dex-accent-bar{width:26px;height:3px;margin:0 0 12px}
.dex-mega-col a{display:block;color:rgba(255,255,255,var(--dex-on-navy-2));font-family:var(--dex-font-b);font-size:13px;text-decoration:none;padding:5px 0;border-bottom:1px solid rgba(255,255,255,.08)}
.dex-mega-col a:last-child{border-bottom:0}
.dex-mega-col a:hover{color:#fff}
.dex-mega-col .dex-mega-flag{color:#fff;font-weight:600}
.dex-mega-sub{color:rgba(255,255,255,var(--dex-on-navy-3));font-family:var(--dex-font-b);font-size:11px;line-height:1.5;padding:3px 0 1px}
.dex-mega-feat{background:var(--dex-blue10);border:1px solid rgba(0,101,247,.5);border-radius:9px;padding:11px 12px;margin-top:2px}
.dex-mega-feat b{color:#fff;font-size:13px;font-weight:600;font-family:var(--dex-font-b)}
.dex-mega-feat p{margin:3px 0 0;color:rgba(255,255,255,var(--dex-on-navy-2));font-size:11px;line-height:1.5;font-family:var(--dex-font-b)}
.dex-mega-promo{margin-top:16px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;background:var(--dex-blue);border-radius:10px;padding:13px 18px}
.dex-mega-promo b{font-family:var(--dex-font-h);font-weight:400;font-size:15px;color:#fff}
.dex-mega-promo p{margin:2px 0 0;font-family:var(--dex-font-b);font-size:12px;color:rgba(255,255,255,.85)}
.dex-mega-promo .dex-btn-light{padding:8px 16px;font-size:12px}
.dex-mega-gb{position:absolute;right:20px;bottom:12px;z-index:2;font-family:var(--dex-font-b);font-weight:600;letter-spacing:3px;font-size:9px;color:rgba(255,255,255,.4)}
@media(max-width:900px){.dex-mega-grid{grid-template-columns:1fr 1fr;gap:16px}.dex-mega .dex-scribble{opacity:.08}}
@media(max-width:560px){.dex-mega-grid{grid-template-columns:1fr}}