/* =========================================================
   Devět měsíců – Chytrý rozcestník  (v2 – celostránková app)
   Scopováno do .dr-root. Dva režimy:
     .dr-fullscreen  -> překryje celý web (fixed, 100vw/100dvh)
     .dr-embedded    -> panel v obsahu stránky
========================================================= */

/* zámek scrollu, když běží celostránkový režim */
html.dr-locked, body.dr-locked{ overflow:hidden !important; height:100% !important; }

.dr-root{
  --dr-gold:#b9a964; --dr-gold-hi:#d4ac54; --dr-gold-lt:#e8d080;
  --dr-ink:#0b0b0c; --dr-white:#fff;
  --dr-line:rgba(255,255,255,.08);
  --dr-mut:rgba(255,255,255,.42); --dr-mut2:rgba(255,255,255,.66);
  --dr-ease:cubic-bezier(.16,1,.3,1);
  font-family:'Plus Jakarta Sans',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  color:var(--dr-white); -webkit-font-smoothing:antialiased; line-height:1.5;
}
.dr-root *,.dr-root *::before,.dr-root *::after{ box-sizing:border-box; }
.dr-root a{ text-decoration:none; }

/* ============ REŽIM: CELOSTRÁNKA ============ */
.dr-root.dr-fullscreen{
  position:fixed; inset:0;
  width:100vw; height:100vh; height:100dvh;
  z-index:2147483000;          /* nad vším včetně fixní navigace */
  margin:0; border:0; border-radius:0;
  overflow-y:auto; -webkit-overflow-scrolling:touch;
  background:#08080a;
  isolation:isolate;
}
.dr-fullscreen .dr-inner{
  position:relative; z-index:5;
  display:flex; min-height:100%;
  padding:clamp(20px,4vw,56px);
}
.dr-fullscreen .dr-stage{
  margin:auto;                 /* centruje a přitom bezpečně scrolluje */
  width:100%; max-width:1120px; text-align:center;
}

/* ============ REŽIM: VLOŽENO ============ */
.dr-root.dr-embedded{
  position:relative; isolation:isolate; overflow:hidden;
  border-radius:28px; margin:24px 0;
  border:1px solid rgba(185,169,100,.16);
  background:
    radial-gradient(120% 140% at 0% 0%, #15161a 0%, transparent 55%),
    radial-gradient(120% 140% at 100% 100%, #131318 0%, transparent 55%),
    linear-gradient(160deg, #0e0f12 0%, #0a0a0c 100%);
  box-shadow:0 40px 120px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.05);
}
.dr-embedded .dr-bg, .dr-embedded .dr-goldfx{ display:none; } /* bez videa v panelu */
.dr-embedded .dr-inner{ position:relative; z-index:5; padding:clamp(26px,4vw,56px); }
.dr-embedded .dr-stage{ max-width:760px; margin:0 auto; text-align:center; }

/* ============ POZADÍ: VIDEO + ZÁVOJ ============ */
.dr-bg{ position:absolute; inset:0; z-index:0; overflow:hidden; }
.dr-orb-bg{ background:radial-gradient(125% 120% at 50% 42%, #14111d 0%, #0a0911 46%, #050409 100%) !important; }
.dr-orb-canvas{ position:absolute; inset:0; width:100%; height:100%; display:block; }
.dr-veil{
  position:absolute; inset:0; pointer-events:none;
  background:
    radial-gradient(125% 125% at 50% 50%, transparent 62%, rgba(4,4,7,.6) 100%),
    linear-gradient(180deg, rgba(8,8,11,.14) 0%, rgba(7,7,10,0) 38%, rgba(6,6,9,.46) 100%);
}

/* ============ AURORA ============ */
.dr-aurora{ position:absolute; inset:0; z-index:1; overflow:hidden; pointer-events:none; }
.dr-blob{ position:absolute; border-radius:50%; filter:blur(80px); opacity:.5; will-change:transform; }
.dr-blob-1{ width:46vmax;height:46vmax; top:-18vmax; left:-12vmax;
  background:radial-gradient(circle,rgba(185,169,100,.32),transparent 68%); animation:drF1 20s ease-in-out infinite; }
.dr-blob-2{ width:38vmax;height:38vmax; bottom:-16vmax; right:-10vmax;
  background:radial-gradient(circle,rgba(212,172,84,.26),transparent 68%); animation:drF2 24s ease-in-out infinite; }
.dr-blob-3{ width:28vmax;height:28vmax; top:42%; right:28%;
  background:radial-gradient(circle,rgba(232,208,128,.15),transparent 70%); animation:drF3 28s ease-in-out infinite; }
@keyframes drF1{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(6vmax,4vmax) scale(1.1)}}
@keyframes drF2{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-5vmax,-4vmax) scale(1.12)}}
@keyframes drF3{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-3vmax,3vmax) scale(.92)}}

/* ============ ZLATÉ LINIE (super grafika) ============ */
.dr-goldfx{ position:absolute; inset:0; z-index:2; overflow:hidden; pointer-events:none; }
.dr-gl{ position:absolute; opacity:0; transform-origin:left center; }
.dr-gs1{ height:1px; width:150%; left:-25%; top:22%;
  background:linear-gradient(to right,transparent,rgba(232,208,122,0) 10%,rgba(232,208,122,.6) 42%,rgba(255,240,160,1) 50%,rgba(232,208,122,.6) 58%,rgba(232,208,122,0) 88%,transparent);
  animation:drGs 7s cubic-bezier(.4,0,.15,1) .5s infinite; }
.dr-gs2{ height:2px; width:130%; left:-15%; top:64%;
  background:linear-gradient(to right,transparent,rgba(232,208,122,.45) 38%,rgba(255,240,160,.85) 52%,rgba(232,208,122,.45) 66%,transparent 90%);
  animation:drGs 10s cubic-bezier(.4,0,.15,1) 4.2s infinite; }
.dr-gs3{ height:1px; width:90%; left:5%; top:38%;
  background:linear-gradient(to right,transparent,rgba(232,208,122,.35) 35%,rgba(255,240,160,.65) 50%,rgba(232,208,122,.35) 68%,transparent 92%);
  animation:drGs 12s cubic-bezier(.4,0,.15,1) 8s infinite; }
.dr-gs5{ height:1px; width:120%; right:-10%; top:48%; transform-origin:right center;
  background:linear-gradient(to left,transparent,rgba(232,208,122,.5) 40%,rgba(255,240,160,.9) 52%,rgba(232,208,122,.5) 64%,transparent 88%);
  animation:drGsr 11s cubic-bezier(.4,0,.15,1) 2.5s infinite; }
.dr-gv1{ width:1px; height:50%; left:30%; top:-10%; transform-origin:center top;
  background:linear-gradient(to bottom,transparent,rgba(232,208,122,.4) 35%,rgba(255,240,160,.7) 50%,rgba(232,208,122,.4) 65%,transparent 90%);
  animation:drGv 13s cubic-bezier(.4,0,.15,1) 3s infinite; }
.dr-gv2{ width:2px; height:60%; right:22%; top:-5%; transform-origin:center top; filter:blur(.5px);
  background:linear-gradient(to bottom,transparent,rgba(232,208,122,.3) 38%,rgba(255,245,170,.6) 52%,rgba(232,208,122,.3) 66%,transparent 90%);
  animation:drGv 17s cubic-bezier(.4,0,.15,1) 7.5s infinite; }
.dr-pulse{ width:2px;height:2px;border-radius:50%; top:50%;left:50%; transform:translate(-50%,-50%); opacity:1;
  background:rgba(255,245,170,.9);
  box-shadow:0 0 6px 2px rgba(232,208,122,.6),0 0 20px 6px rgba(232,208,122,.25),0 0 60px 20px rgba(232,208,122,.08);
  animation:drPulse 4s ease-in-out 1s infinite; }
.dr-scan{ position:absolute; left:0; right:0; height:1px; transform:translateY(-100%);
  background:linear-gradient(to right,transparent,rgba(232,208,122,.18) 50%,transparent);
  animation:drScan 9s ease-in-out 2s infinite; }
@keyframes drGs{0%{transform:rotate(-16deg) translateX(-115%);opacity:0}6%{opacity:1}44%{opacity:.9}56%{transform:rotate(-16deg) translateX(115%);opacity:0}100%{transform:rotate(-16deg) translateX(-115%);opacity:0}}
@keyframes drGsr{0%{transform:rotate(9deg) translateX(115%);opacity:0}6%{opacity:1}44%{opacity:.9}56%{transform:rotate(9deg) translateX(-115%);opacity:0}100%{transform:rotate(9deg) translateX(115%);opacity:0}}
@keyframes drGv{0%{transform:translateY(-115%);opacity:0}6%{opacity:1}44%{opacity:.8}56%{transform:translateY(115%);opacity:0}100%{transform:translateY(-115%);opacity:0}}
@keyframes drPulse{0%,100%{opacity:.6}50%{opacity:1;box-shadow:0 0 10px 4px rgba(255,245,170,.9),0 0 40px 12px rgba(232,208,122,.45),0 0 120px 40px rgba(232,208,122,.16)}}
@keyframes drScan{0%{transform:translateY(-10px);opacity:0}10%{opacity:1}90%{opacity:.5}100%{transform:translateY(100vh);opacity:0}}

/* ============ ČÁSTICE ============ */
.dr-particles{ position:absolute; inset:0; z-index:2; pointer-events:none; }
.dr-particles i{ position:absolute; width:3px;height:3px;border-radius:50%; background:rgba(232,208,128,.6); box-shadow:0 0 6px rgba(232,208,128,.5); }
.dr-particles i:nth-child(1){top:18%;left:12%;animation:drDrift 13s ease-in-out infinite}
.dr-particles i:nth-child(2){top:34%;left:62%;animation:drDrift 17s ease-in-out 2s infinite reverse}
.dr-particles i:nth-child(3){top:62%;left:80%;animation:drDrift 11s ease-in-out 1s infinite}
.dr-particles i:nth-child(4){top:74%;left:24%;animation:drDrift 15s ease-in-out 3s infinite reverse}
.dr-particles i:nth-child(5){top:26%;left:88%;animation:drDrift 19s ease-in-out .5s infinite}
.dr-particles i:nth-child(6){top:52%;left:8%;animation:drDrift 14s ease-in-out 4s infinite reverse}
.dr-particles i:nth-child(7){top:84%;left:54%;animation:drDrift 16s ease-in-out 1.5s infinite}
.dr-particles i:nth-child(8){top:12%;left:42%;animation:drDrift 12s ease-in-out 2.5s infinite reverse}
.dr-particles i:nth-child(9){top:46%;left:36%;animation:drDrift 20s ease-in-out 3.5s infinite}
@keyframes drDrift{0%,100%{transform:translate(0,0);opacity:.5}25%{transform:translate(12px,-18px);opacity:1}50%{transform:translate(-8px,-30px);opacity:.3}75%{transform:translate(14px,-12px);opacity:.8}}

/* ============ HLAVIČKA ============ */
.dr-logo{ display:block; width:auto; height:clamp(50px,6.5vw,78px); margin:0 auto clamp(18px,3vh,30px);
  filter:drop-shadow(0 10px 34px rgba(0,0,0,.7)) brightness(1.04); }
.dr-head{ max-width:720px; margin:0 auto clamp(20px,3vh,32px); }
.dr-tag{ display:inline-flex; align-items:center; gap:9px;
  font-size:10px; font-weight:700; letter-spacing:.24em; text-transform:uppercase; color:var(--dr-gold-lt);
  padding:7px 16px; border-radius:999px; background:rgba(185,169,100,.12); border:1px solid rgba(185,169,100,.3);
  margin-bottom:18px; backdrop-filter:blur(8px); }
.dr-tag-dot{ width:7px;height:7px;border-radius:50%;background:var(--dr-gold-hi); animation:drPing 2.4s ease-in-out infinite; }
@keyframes drPing{0%{box-shadow:0 0 0 0 rgba(212,172,84,.5)}70%{box-shadow:0 0 0 10px rgba(212,172,84,0)}100%{box-shadow:0 0 0 0 rgba(212,172,84,0)}}
.dr-title{ color:#fff; font-size:clamp(34px,5vw,60px); font-weight:800; letter-spacing:-.03em; line-height:1.03; margin:0 0 14px;
  text-shadow:0 4px 30px rgba(0,0,0,.85), 0 1px 3px rgba(0,0,0,.6); }
.dr-title em{ font-style:italic; font-family:'Playfair Display',serif; font-weight:400; color:var(--dr-gold-lt); }
.dr-sub{ font-size:clamp(15px,1.4vw,18px); color:rgba(255,255,255,.82); margin:0 auto; max-width:600px; line-height:1.6;
  text-shadow:0 2px 16px rgba(0,0,0,.75); }
.dr-lead{ margin:14px auto 0; max-width:640px; font-size:clamp(13px,1.15vw,15px); line-height:1.65;
  color:rgba(255,255,255,.6); text-shadow:0 2px 14px rgba(0,0,0,.7); }
.dr-lead b{ color:var(--dr-gold-lt); font-weight:600; }

/* ============ VYHLEDÁVACÍ ŘÁDEK ============ */
.dr-searchbar{ position:relative; z-index:60; display:flex; align-items:center; gap:12px; max-width:680px; margin:0 auto;
  background:rgba(14,14,18,.66); border:1px solid rgba(185,169,100,.34); border-radius:18px;
  padding:11px 11px 11px 18px; backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px);
  box-shadow:0 24px 70px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.06);
  transition:border-color .3s ease, box-shadow .3s ease, transform .3s var(--dr-ease); }
.dr-searchbar:focus-within{ border-color:rgba(232,208,128,.8); box-shadow:0 0 0 4px rgba(185,169,100,.16), 0 28px 70px rgba(0,0,0,.55); transform:translateY(-1px); }
.dr-search-glow{ position:absolute; inset:-2px; border-radius:18px; z-index:-1; pointer-events:none; opacity:0; filter:blur(10px);
  background:conic-gradient(from 0deg, transparent, rgba(232,208,128,.6), transparent 30%); animation:drSpin 6s linear infinite; transition:opacity .4s ease; }
.dr-searchbar:focus-within .dr-search-glow{ opacity:.85; }
@keyframes drSpin{to{transform:rotate(360deg)}}
.dr-ai-orb{ flex-shrink:0; width:34px;height:34px;border-radius:50%; display:grid; place-items:center;
  background:radial-gradient(circle at 32% 30%, rgba(232,208,128,.5), rgba(185,169,100,.14));
  box-shadow:0 0 18px rgba(212,172,84,.4), inset 0 0 0 1px rgba(232,208,128,.5); }
.dr-ai-core{ width:10px;height:10px;border-radius:50%; background:var(--dr-gold-lt); box-shadow:0 0 12px var(--dr-gold-hi); animation:drCore 1.8s ease-in-out infinite; }
@keyframes drCore{0%,100%{transform:scale(1);opacity:.85}50%{transform:scale(1.4);opacity:1}}
.dr-root[data-dr-busy="1"] .dr-ai-core{ animation:drCoreBusy .7s ease-in-out infinite; }
@keyframes drCoreBusy{0%,100%{transform:scale(.7)}50%{transform:scale(1.6)}}
.dr-input{ flex:1; min-width:0; border:none; outline:none; background:transparent; color:#fff;
  font-size:clamp(15px,1.4vw,17px); font-weight:500; font-family:inherit; padding:10px 4px; letter-spacing:.005em; }
.dr-input::placeholder{ color:rgba(255,255,255,.5); font-weight:400; }
.dr-go{ flex-shrink:0; width:50px;height:50px;border-radius:14px; display:grid; place-items:center; color:var(--dr-ink);
  background:linear-gradient(135deg,var(--dr-gold-lt),var(--dr-gold-hi)); box-shadow:0 10px 26px rgba(212,172,84,.45);
  transition:transform .2s var(--dr-ease), box-shadow .2s ease, filter .2s ease; }
.dr-go:hover{ transform:translateY(-1px) scale(1.04); filter:brightness(1.08); box-shadow:0 14px 34px rgba(212,172,84,.6); }
.dr-go:active{ transform:scale(.96); }

/* ============ CHIPS ============ */
.dr-chips{ display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:9px; max-width:720px; margin:18px auto 0; }
.dr-chips-label{ font-size:11px; letter-spacing:.14em; text-transform:uppercase; color:var(--dr-mut); margin-right:2px; }
.dr-chip{ font-family:inherit; font-size:12.5px; font-weight:600; color:var(--dr-mut2);
  padding:8px 16px; border-radius:999px; background:rgba(255,255,255,.06); border:1px solid var(--dr-line);
  backdrop-filter:blur(6px); transition:all .22s var(--dr-ease); }
.dr-chip:hover{ color:var(--dr-gold-lt); border-color:rgba(212,172,84,.5); background:rgba(185,169,100,.14); transform:translateY(-2px); }

/* ============ ODPOVĚĎ ============ */
.dr-answer{ max-width:720px; margin:0 auto; text-align:left; }
.dr-answer:not(:empty){ margin-top:clamp(18px,3vh,28px); }
.dr-bubble{ position:relative; background:rgba(18,18,22,.6); border:1px solid rgba(185,169,100,.24); border-radius:20px;
  padding:clamp(18px,2.4vw,26px); backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px);
  box-shadow:0 24px 60px rgba(0,0,0,.5); opacity:0; transform:translateY(16px); animation:drRise .55s var(--dr-ease) forwards; }
@keyframes drRise{to{opacity:1;transform:none}}
.dr-bubble-head{ display:flex; align-items:center; gap:11px; margin-bottom:12px; }
.dr-bubble-orb{ flex-shrink:0; width:26px;height:26px;border-radius:50%; display:grid; place-items:center;
  background:radial-gradient(circle at 30% 30%, rgba(232,208,128,.5), rgba(185,169,100,.15));
  box-shadow:0 0 12px rgba(212,172,84,.4), inset 0 0 0 1px rgba(232,208,128,.4); }
.dr-bubble-orb::after{ content:''; width:8px;height:8px;border-radius:50%;background:var(--dr-gold-lt);box-shadow:0 0 8px var(--dr-gold-hi); }
.dr-bubble-who{ font-size:11px; font-weight:700; letter-spacing:.16em; text-transform:uppercase; color:var(--dr-gold-lt); }
.dr-bubble-text{ font-size:clamp(15px,1.4vw,17px); color:var(--dr-white); line-height:1.66; }
.dr-bubble-text b,.dr-bubble-text strong{ color:var(--dr-gold-lt); font-weight:700; }
.dr-caret{ display:inline-block; width:2px; height:1.05em; background:var(--dr-gold-lt); margin-left:2px; vertical-align:-2px; animation:drBlink .9s step-end infinite; }
@keyframes drBlink{50%{opacity:0}}
.dr-typing{ display:inline-flex; gap:5px; padding:4px 0; }
.dr-typing span{ width:7px;height:7px;border-radius:50%;background:var(--dr-gold-lt);opacity:.4;animation:drDots 1.2s ease-in-out infinite; }
.dr-typing span:nth-child(2){animation-delay:.18s}.dr-typing span:nth-child(3){animation-delay:.36s}
@keyframes drDots{0%,100%{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-4px)}}
.dr-actions{ display:flex; flex-wrap:wrap; gap:10px; margin-top:18px; opacity:0; animation:drRise .5s var(--dr-ease) .15s forwards; }
.dr-btn{ display:inline-flex; align-items:center; gap:9px; cursor:pointer; font-family:inherit; font-size:13px; font-weight:700; letter-spacing:.04em;
  padding:13px 22px; border-radius:12px; transition:transform .2s var(--dr-ease), box-shadow .2s ease, filter .2s ease, background .2s ease, border-color .2s ease; }
.dr-btn-primary{ color:var(--dr-ink); background:linear-gradient(135deg,var(--dr-gold-lt),var(--dr-gold-hi)); box-shadow:0 10px 30px rgba(212,172,84,.32); }
.dr-btn-primary:hover{ transform:translateY(-2px); filter:brightness(1.08); box-shadow:0 16px 40px rgba(212,172,84,.45); }
.dr-btn-primary svg{ stroke:var(--dr-ink); }
.dr-btn-ghost{ color:var(--dr-mut2); background:rgba(255,255,255,.05); border:1px solid var(--dr-line); }
.dr-btn-ghost:hover{ color:var(--dr-white); border-color:rgba(212,172,84,.4); background:rgba(185,169,100,.1); transform:translateY(-2px); }
.dr-more{ margin-top:16px; padding-top:14px; border-top:1px solid var(--dr-line); }
.dr-more-label{ font-size:11px; letter-spacing:.14em; text-transform:uppercase; color:var(--dr-mut); margin-bottom:9px; }
.dr-more-list{ display:flex; flex-wrap:wrap; gap:8px; }
.dr-more-item{ font-family:inherit; cursor:pointer; font-size:12.5px; font-weight:600; color:var(--dr-mut2);
  padding:7px 14px; border-radius:999px; background:rgba(255,255,255,.05); border:1px solid var(--dr-line);
  transition:all .2s var(--dr-ease); display:inline-flex; align-items:center; gap:7px; }
.dr-more-item:hover{ color:var(--dr-gold-lt); border-color:rgba(212,172,84,.45); transform:translateY(-2px); }
.dr-more-item small{ color:var(--dr-mut); font-weight:500; }
.dr-info{ margin-top:14px; display:grid; gap:7px; }
.dr-info a{ color:var(--dr-gold-lt); }
.dr-info a:hover{ text-decoration:underline; }
.dr-info-row{ font-size:14px; color:var(--dr-mut2); }
.dr-info-row b{ color:var(--dr-white); font-weight:600; }

/* ============ DLAŽDICE (čisté, bez fotek) ============ */
.dr-grid{ display:grid; position:relative; z-index:1; grid-template-columns:repeat(4,1fr); gap:14px; margin-top:clamp(24px,3.5vh,38px); }
.dr-card{ position:relative; display:flex; flex-direction:column; gap:6px; justify-content:flex-start;
  min-height:150px; padding:20px 18px; border-radius:18px; overflow:hidden; text-align:left;
  border:1px solid var(--dr-line);
  background:rgba(255,255,255,.045);
  -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px);
  box-shadow:0 12px 40px rgba(0,0,0,.28);
  transition:transform .35s var(--dr-ease), border-color .3s ease, box-shadow .3s ease, background .3s ease; }
.dr-card::after{ content:''; position:absolute; inset:0; border-radius:18px; padding:1px; pointer-events:none;
  background:linear-gradient(140deg, rgba(212,172,84,.6), transparent 45%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0); -webkit-mask-composite:xor; mask-composite:exclude;
  opacity:0; transition:opacity .3s ease; }
.dr-card:hover{ transform:translateY(-6px); background:rgba(255,255,255,.07); box-shadow:0 24px 60px rgba(0,0,0,.42); }
.dr-card:hover::after{ opacity:1; }
.dr-card.dr-card-hot{ border-color:rgba(212,172,84,.6); background:rgba(212,172,84,.08); box-shadow:0 0 0 1px rgba(212,172,84,.4), 0 24px 60px rgba(212,172,84,.18); transform:translateY(-4px); }
.dr-card.dr-card-hot::after{ opacity:1; }
.dr-card-cat{ font-size:9.5px; font-weight:700; letter-spacing:.2em; text-transform:uppercase; color:var(--dr-gold-lt); }
.dr-card-name{ font-size:22px; font-weight:800; letter-spacing:-.02em; color:#fff; margin-top:2px; }
.dr-card-desc{ font-size:12.5px; line-height:1.55; color:rgba(255,255,255,.66); margin:4px 0 10px; flex:1; }
.dr-card-go{ display:inline-flex; align-items:center; gap:7px; font-size:11px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:var(--dr-gold-lt); transition:gap .2s var(--dr-ease); }
.dr-card:hover .dr-card-go{ gap:12px; }

/* ============ PATIČKA ============ */
.dr-foot{ display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:9px;
  margin-top:clamp(20px,3vh,30px);
  font-size:11.5px; letter-spacing:.06em; color:var(--dr-mut); }
.dr-foot a{ color:var(--dr-mut2); } .dr-foot a:hover{ color:var(--dr-gold-lt); }
.dr-foot-dot{ width:6px;height:6px;border-radius:50%;background:var(--dr-gold);box-shadow:0 0 8px rgba(185,169,100,.5); }

/* ============ RESPONSIVE ============ */
@media(max-width:900px){ .dr-grid{ grid-template-columns:repeat(2,1fr); } }
@media(max-width:560px){
  .dr-grid{ grid-template-columns:1fr; }
  .dr-card{ min-height:150px; }
  .dr-go{ width:42px;height:42px; }
  .dr-searchbar{ padding:8px 8px 8px 14px; }
  .dr-chips-label{ width:100%; text-align:center; margin-bottom:2px; }
  .dr-actions{ flex-direction:column; }
  .dr-btn{ justify-content:center; }
  .dr-fullscreen .dr-inner{ padding:18px 16px; }
}

/* ============ PŘÍSTUPNOST ============ */
@media(prefers-reduced-motion:reduce){
  .dr-blob,.dr-particles i,.dr-gl,.dr-scan,.dr-search-glow,.dr-ai-core,.dr-tag-dot{ animation:none !important; }
  .dr-bubble,.dr-actions{ animation:none !important; opacity:1 !important; transform:none !important; }
}

/* =========================================================
   PANCÍŘ proti stylům WP motivu (Divi atd.)
   Motiv jinak přebíjí input, nadpisy, tlačítka a odkazy.
   Vše vázáno na .dr-root + !important, ať se nic nerozbije.
========================================================= */
.dr-root .dr-title{ color:#fff !important; }
.dr-root .dr-title em{ color:var(--dr-gold-lt) !important; }
.dr-root .dr-sub{ color:rgba(255,255,255,.82) !important; }

.dr-root .dr-input,
.dr-root input.dr-input[type="text"]{
  background:transparent !important; background-color:transparent !important;
  border:0 !important; box-shadow:none !important; outline:none !important;
  color:#fff !important; border-radius:0 !important; height:auto !important; min-height:0 !important;
  -webkit-appearance:none !important; appearance:none !important; line-height:1.4 !important;
}
.dr-root .dr-input::placeholder{ color:rgba(255,255,255,.4) !important; opacity:1 !important; font-weight:400 !important; }
.dr-root .dr-searchbar{ background:rgba(14,14,18,.66) !important; }

.dr-root .dr-go{ background:linear-gradient(135deg,#e8d080,#d4ac54) !important; color:#0b0b0c !important;
  border:0 !important; border-radius:14px !important; }
.dr-root .dr-go svg{ color:#0b0b0c !important; stroke:#0b0b0c !important; }

.dr-root .dr-chip{ color:rgba(255,255,255,.74) !important; background:rgba(255,255,255,.06) !important; border:1px solid var(--dr-line) !important; }
.dr-root .dr-chip:hover{ color:#e8d080 !important; background:rgba(185,169,100,.14) !important; }
.dr-root .dr-chips-label{ color:rgba(255,255,255,.42) !important; }

.dr-root a.dr-btn, .dr-root button.dr-btn{ text-decoration:none !important; }
.dr-root .dr-btn-primary{ color:#0b0b0c !important; background:linear-gradient(135deg,#e8d080,#d4ac54) !important; border:0 !important; }
.dr-root .dr-btn-primary svg{ stroke:#0b0b0c !important; }
.dr-root .dr-btn-ghost{ color:rgba(255,255,255,.82) !important; }

.dr-root a.dr-card{ color:#fff !important; text-decoration:none !important; }
.dr-root .dr-card-name{ color:#fff !important; }
.dr-root .dr-card-cat,
.dr-root .dr-card-go{ color:#e8d080 !important; }
.dr-root .dr-card-desc{ color:rgba(255,255,255,.82) !important; }

.dr-root .dr-bubble-text{ color:#fff !important; }
.dr-root .dr-bubble-text b, .dr-root .dr-bubble-text strong{ color:#e8d080 !important; }
.dr-root .dr-bubble-who{ color:#e8d080 !important; }
.dr-root .dr-more-item{ color:rgba(255,255,255,.74) !important; text-decoration:none !important; }
.dr-root .dr-more-item:hover{ color:#e8d080 !important; }
.dr-root .dr-more-item small{ color:rgba(255,255,255,.42) !important; }
.dr-root .dr-info a{ color:#e8d080 !important; }
.dr-root .dr-info-row{ color:rgba(255,255,255,.8) !important; }
.dr-root .dr-info-row b{ color:#fff !important; }
.dr-root .dr-foot{ color:rgba(255,255,255,.46) !important; }
.dr-root .dr-foot a{ color:rgba(255,255,255,.7) !important; }
.dr-root .dr-foot a:hover{ color:#e8d080 !important; }

/* =========================================================
   v3 – grafický refresh: bublina, výsledková karta, našeptávač
========================================================= */

/* bublina – už ne plochá černá díra */
.dr-root .dr-bubble{
  background:linear-gradient(180deg, rgba(28,28,34,.78) 0%, rgba(16,16,20,.72) 100%) !important;
  border:1px solid rgba(185,169,100,.28) !important;
  box-shadow:0 34px 90px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.06) !important;
  padding:clamp(20px,2.6vw,28px) !important;
}
.dr-root .dr-bubble::before{
  content:''; position:absolute; left:0; right:0; top:0; height:120px; border-radius:20px 20px 0 0; pointer-events:none;
  background:radial-gradient(80% 100% at 50% 0%, rgba(212,172,84,.12), transparent 70%);
}
.dr-bubble-head{ position:relative; }
.dr-bubble-orb{ position:relative; }
.dr-bubble-orb::before{ content:''; position:absolute; inset:-4px; border-radius:50%; background:radial-gradient(circle, rgba(212,172,84,.35), transparent 70%); }

/* VÝSLEDKOVÁ KARTA s náhledem */
.dr-result{
  display:flex; gap:15px; align-items:center;
  margin-top:16px; padding:12px; border-radius:16px;
  background:linear-gradient(135deg, rgba(255,255,255,.07), rgba(255,255,255,.02));
  border:1px solid rgba(185,169,100,.22);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}
.dr-result-thumb{
  width:120px; height:86px; flex-shrink:0; border-radius:12px; object-fit:cover;
  box-shadow:0 10px 26px rgba(0,0,0,.5); border:1px solid rgba(255,255,255,.08);
}
.dr-result-body{ flex:1; min-width:0; }
.dr-result-cat{ font-size:9.5px; font-weight:700; letter-spacing:.16em; text-transform:uppercase; color:#e8d080 !important; margin-bottom:4px; }
.dr-result-name{ font-size:clamp(19px,1.9vw,24px); font-weight:800; letter-spacing:-.02em; line-height:1.12; color:#fff !important; }
.dr-result-tag{ font-size:13px; line-height:1.45; color:rgba(255,255,255,.6) !important; margin-top:4px; }
@media(max-width:520px){
  .dr-result{ flex-direction:column; align-items:stretch; }
  .dr-result-thumb{ width:100%; height:150px; }
}

/* NAŠEPTÁVAČ (dropdown) */
.dr-suggest{
  position:absolute; top:calc(100% + 10px); left:0; right:0; z-index:40;
  background:rgba(16,16,20,.94); backdrop-filter:blur(20px); -webkit-backdrop-filter:blur(20px);
  border:1px solid rgba(185,169,100,.3); border-radius:16px;
  box-shadow:0 34px 80px rgba(0,0,0,.6); padding:6px;
  opacity:0; transform:translateY(-8px); pointer-events:none;
  transition:opacity .2s ease, transform .2s ease; max-height:60vh; overflow:auto;
}
.dr-suggest.open{ opacity:1; transform:none; pointer-events:auto; }
.dr-sug-item{ display:flex; align-items:center; gap:13px; padding:9px 12px; border-radius:12px; cursor:pointer; transition:background .15s ease; }
.dr-sug-item:hover, .dr-sug-item.active{ background:rgba(185,169,100,.16); }
.dr-sug-thumb{ width:44px; height:44px; flex-shrink:0; border-radius:10px; object-fit:cover; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.08); }
.dr-sug-txt{ min-width:0; display:flex; flex-direction:column; line-height:1.25; }
.dr-sug-name{ font-size:14.5px; font-weight:700; color:#fff !important; }
.dr-sug-meta{ font-size:11.5px; color:rgba(255,255,255,.5) !important; }
.dr-sug-go{ margin-left:auto; color:#e8d080 !important; opacity:.55; display:flex; }
.dr-sug-item:hover .dr-sug-go, .dr-sug-item.active .dr-sug-go{ opacity:1; }

/* avatar pro lidi v našeptávači */
.dr-sug-avatar{
  display:flex; align-items:center; justify-content:center;
  font-family:'Oswald',system-ui,sans-serif; font-weight:700; font-size:15px; letter-spacing:.02em;
  color:#0b0b0c !important;
  background:linear-gradient(135deg,#e8d080,#d4ac54) !important; border:0 !important;
  text-transform:uppercase;
}

/* hodnocení odpovědi 👍/👎 */
.dr-fb{ display:flex; align-items:center; gap:10px; margin-top:16px; padding-top:14px; border-top:1px solid var(--dr-line); flex-wrap:wrap; }
.dr-fb-q{ font-size:12.5px; color:rgba(255,255,255,.55) !important; }
.dr-fb-thanks{ color:#e8d080 !important; }
.dr-fb-btn{ display:inline-flex; align-items:center; justify-content:center; width:38px; height:34px; border-radius:10px;
  color:rgba(255,255,255,.75) !important; background:rgba(255,255,255,.05) !important; border:1px solid var(--dr-line) !important; cursor:pointer;
  transition:all .18s var(--dr-ease); }
.dr-fb-btn:hover{ color:#e8d080 !important; border-color:rgba(212,172,84,.5) !important; background:rgba(185,169,100,.14) !important; transform:translateY(-1px); }
.dr-fb-btn:active{ transform:scale(.94); }

/* ======================================================
   Fluidní AI bytost (duhová, Siri-style) – úvodní hero
   ====================================================== */
.dr-root .dr-orb-hero{position:relative !important;width:100% !important;max-width:540px !important;margin:0 auto 10px !important;height:clamp(180px,28vh,300px) !important;z-index:2 !important}
.dr-root .dr-orb-canvas{position:absolute !important;inset:0 !important;width:100% !important;height:100% !important;display:block !important;background:transparent !important}
.dr-root .dr-orb-cap{position:absolute !important;left:50% !important;bottom:0 !important;transform:translateX(-50%) !important;
  display:inline-flex !important;align-items:center !important;gap:7px !important;
  padding:7px 15px !important;border-radius:999px !important;cursor:pointer !important;
  font:500 12.5px/1 inherit !important;letter-spacing:.04em !important;color:#fff !important;
  background:rgba(255,255,255,.08) !important;border:1px solid rgba(255,255,255,.28) !important;
  -webkit-backdrop-filter:blur(8px) !important;backdrop-filter:blur(8px) !important;
  transition:background .2s,border-color .2s,box-shadow .2s !important;white-space:nowrap !important}
.dr-root .dr-orb-cap:hover{background:rgba(255,255,255,.16) !important}
.dr-root .dr-orb-cap svg{opacity:.9}
.dr-root .dr-orb-cap.dr-mic-on{color:#fff !important;border-color:transparent !important;
  background:radial-gradient(circle at 50% 35%,#a78bff,#6d4bff) !important;
  box-shadow:0 0 22px rgba(124,92,255,.65) !important}
.dr-root .dr-orb-cap.dr-mic-on svg{opacity:1}
@media (max-width:600px){ .dr-root .dr-orb-hero{height:clamp(150px,24vh,220px) !important} }
@media (prefers-reduced-motion: reduce){ .dr-root .dr-orb-cap{transition:none !important} }

/* ======================================================
   Orb jako ústřední pozadí – čitelnost textů přes něj
   ====================================================== */
.dr-root .dr-title{ text-shadow:0 2px 30px rgba(0,0,0,.92), 0 0 14px rgba(0,0,0,.7), 0 1px 3px rgba(0,0,0,.95) !important; }
.dr-root .dr-sub,
.dr-root .dr-lead{ text-shadow:0 1px 20px rgba(0,0,0,.92), 0 0 9px rgba(0,0,0,.7), 0 1px 2px rgba(0,0,0,.9) !important; }
.dr-root .dr-tag{ text-shadow:0 1px 10px rgba(0,0,0,.8); }
/* searchbar lehce zvýraznit nad zářícím orbem */
.dr-root .dr-searchbar{ box-shadow:0 18px 60px rgba(0,0,0,.45) !important; }

/* ======================================================
   AI odpovědi (Gemini) – formátování v bublině
   ====================================================== */
.dr-root .dr-bubble-text p{ margin:.5em 0; }
.dr-root .dr-bubble-text p:first-child{ margin-top:0; }
.dr-root .dr-bubble-text p:last-child{ margin-bottom:0; }
.dr-root .dr-ai-list{ margin:.45em 0; padding-left:1.15em; }
.dr-root .dr-ai-list li{ margin:.28em 0; }
.dr-root .dr-bubble-text a{ color:var(--dr-gold-lt); text-decoration:underline; text-underline-offset:2px; }
.dr-root .dr-bubble-text a:hover{ color:#fff; }