/* Brabrouci – doplňky šablony Tábory (náhled 30. 10. 2026) */
:root{--leaf:#6A342A;--leaf-d:#502720;--sky:#C6D4E8;--sky-d:#AFC0D8}
.mascot{width:clamp(110px,14vw,170px)}
/* sedm P */
.p7{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:20px 0 0}
.p7 li{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:6px 14px;font-weight:700;font-size:.95rem}
.p7 li::first-letter{color:#ffb36b}
.p7--light li{background:#fff;border-color:var(--line);color:var(--ink)}
.p7--light li::first-letter{color:var(--leaf)}
.p7note{font-family:var(--hand);font-size:1.15rem;color:#ffd6a8;margin:8px 0 0}
/* vedoucí */
.veds{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:18px}
.veds--strip{grid-template-columns:repeat(8,1fr)}
.ved{margin:0;text-align:center;background:#fff;border-radius:20px;padding:16px 10px 14px;box-shadow:0 14px 30px -24px rgba(43,36,33,.5)}
.ved img{width:96px;height:96px;border-radius:50%;object-fit:cover;margin:0 auto 10px;display:block;border:3px solid var(--sky)}
.ved b{display:block;font-size:1.05rem;color:var(--leaf)}
.ved span{display:block;font-size:.85rem;color:var(--ink);margin-top:2px}
.ved small{display:block;font-size:.78rem;color:#7a7368;margin-top:4px;line-height:1.3}
.veds--strip .ved span,.veds--strip .ved small{display:none}
.veds--strip .ved img{width:84px;height:84px}
@media (max-width:860px){.veds--strip{grid-template-columns:repeat(4,1fr)}}
@media (max-width:440px){.veds{grid-template-columns:repeat(2,1fr)}.veds--strip{grid-template-columns:repeat(4,1fr);gap:10px}.veds--strip .ved{padding:10px 4px}.veds--strip .ved img{width:60px;height:60px}.veds--strip .ved b{font-size:.85rem}}
/* družinky */
.druzs{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px}
.druz{background:#fff;border-radius:20px;padding:20px 20px 18px;box-shadow:0 14px 30px -24px rgba(43,36,33,.5);border-top:6px solid var(--sky-d)}
.druz h3{font-size:1.35rem;color:var(--leaf)}
.druz small{font-weight:700;color:#7a7368;text-transform:uppercase;letter-spacing:.04em;font-size:.75rem}
.druz p{margin:10px 0 12px;font-size:.95rem}
.druz__v{display:flex;align-items:center;gap:0;flex-wrap:wrap}
.druz__v img{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid #fff;margin-right:-8px;box-shadow:0 2px 6px rgba(0,0,0,.15)}
.druz__v span{margin-left:16px;font-size:.85rem;font-weight:600}
/* kronika */
.yr{font-size:clamp(1.8rem,3.4vw,2.4rem);margin:34px 0 16px;color:var(--leaf)}
.yr:first-child{margin-top:0}
.chron--full{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}
.kg{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:12px}
.kg img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px}
.kl{margin:12px 0 0;font-weight:700}
.kl a{color:var(--fox-ink)}
/* tábor galerie */
.tgal{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.tgal img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:16px}
@media (max-width:620px){.tgal{grid-template-columns:repeat(2,1fr)}}
/* partneři textem */
.partners--txt div{border-style:solid;color:var(--ink);font-size:1rem;background:#fff}
/* přihláška */
.watch{margin-top:14px;background:var(--sage);border-radius:16px;padding:14px 16px;font-size:.95rem}
.watch b{display:block;margin-bottom:6px;color:var(--leaf)}
.watch ol{margin:0 0 6px;padding-left:20px}
.watch small{color:#5d6a55}
input.file{font:inherit;padding:10px;border:2px dashed var(--line);border-radius:14px;background:#fff;width:100%}
/* pro-brabrouky */
.qa{display:grid;gap:16px}
.qa__i{display:grid;grid-template-columns:56px 1fr;gap:16px;background:#fff;border-radius:22px;padding:22px 24px;box-shadow:0 18px 40px -30px rgba(43,36,33,.55)}
.qa__n{width:48px;height:48px;border-radius:50%;background:var(--leaf);color:#fff;display:grid;place-items:center;font-weight:800;font-size:1.3rem}
.qa__i h3{font-size:1.3rem;margin-bottom:8px}
.qa__i p{margin:8px 0 0}
.ticks{list-style:none;padding:0;margin:10px 0 0;display:grid;gap:8px}
.ticks li{position:relative;padding-left:28px}
.ticks li::before{content:"✓";position:absolute;left:0;top:0;width:20px;height:20px;border-radius:50%;background:var(--sage);color:var(--leaf);font-weight:800;font-size:.8rem;display:grid;place-items:center}
.ticks--x li::before{content:"!";background:#fde3c8;color:var(--fox-ink)}
.ticks a{font-weight:700;color:var(--fox-ink);white-space:nowrap}
@media (max-width:520px){.qa__i{grid-template-columns:1fr;padding:18px}.qa__n{width:40px;height:40px;font-size:1.1rem}}
.flow{list-style:none;padding:0;margin:0 0 26px;display:grid;grid-template-columns:repeat(5,1fr);gap:12px;counter-reset:f}
.flow li{background:#fff;border-radius:18px;padding:16px;position:relative;counter-increment:f}
.flow li::before{content:counter(f);display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--fox);color:#fff;font-weight:800;margin-bottom:8px}
.flow b{display:block;font-size:1rem}
.flow span{display:block;font-size:.88rem;color:#5d6a55;margin-top:4px}
@media (max-width:900px){.flow{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.flow{grid-template-columns:1fr}}
.mock{background:#fff;border-radius:22px;box-shadow:0 24px 50px -30px rgba(20,30,20,.6);overflow:hidden}
.mock__bar{display:flex;align-items:center;gap:12px;padding:12px 18px;background:#1F2A1B;color:#fff;flex-wrap:wrap}
.mock__bar span{font-size:.8rem;opacity:.7}
.mock__bar small{margin-left:auto;font-family:var(--hand);font-size:1rem;color:#ffb36b}
.mock__sum{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line)}
.mock__sum div{background:#fff;padding:12px 16px}
.mock__sum b{font-size:1.5rem;display:block}
.mock__sum small{color:#7a7368}
.mock__tw{overflow-x:auto;-webkit-overflow-scrolling:touch}
.mock table{width:100%;border-collapse:collapse;font-size:.9rem;min-width:640px}
.mock th,.mock td{padding:10px 14px;text-align:left;border-top:1px solid var(--line);white-space:nowrap}
.mock th{font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;color:#7a7368}
.mock .r{text-align:right}
.st{display:inline-block;padding:3px 10px;border-radius:999px;font-weight:700;font-size:.8rem}
.st--ok{background:#dcefd6;color:#2d6b2a}.st--wait{background:#fdf0c8;color:#7a5a00}.st--late{background:#fbd5cf;color:#9a2b1a}.st--warn{background:#e2e6f4;color:#33407a}
.mock__f{margin:0;padding:12px 18px;border-top:1px solid var(--line);font-size:.85rem;color:#7a7368}
@media (max-width:520px){.mock__sum{grid-template-columns:repeat(2,1fr)}}
.tips{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}
.tipt{display:block;background:var(--birch);border:1px solid var(--line);border-radius:18px;padding:16px 18px;color:inherit;text-decoration:none;transition:transform .2s,box-shadow .2s}
.tipt:hover{transform:translateY(-3px);box-shadow:0 14px 30px -20px rgba(43,36,33,.5)}
.tipt b{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--leaf);color:#fff;font-size:.9rem}
.tipt h3{font-size:1.05rem;margin:10px 0 4px}
.tipt p{margin:0;font-size:.9rem;color:#5d6a55}
.sws{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}
.sw{background:#fff;border-radius:16px;padding:12px;border:1px solid var(--line)}
.sw i{display:block;height:64px;border-radius:10px;margin-bottom:10px;border:1px solid rgba(0,0,0,.06)}
.sw b{display:block}.sw small{color:#7a7368;font-size:.8rem}
.fonts{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}
.fonts div{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px}
.fonts small{display:block;color:#7a7368}.fonts b{font-size:1.6rem;font-weight:700}
@media (max-width:520px){.fonts{grid-template-columns:1fr}}
.phead__spot[src*="logo"]{object-fit:contain}
/* oprava šablony: bílé karty v tmavé sekci dědily světlý text */
.on-dark .ev p,.on-dark .ev .ev__meta{color:#4a4a42}
.on-dark .ev .ev__price{color:var(--leaf)}
.on-dark .ev .ev__price small{color:#6b6b62}
.on-dark .ev .places small{color:#6b6b62}
.phead:has(.phead__spot[src*="logo"]) h1{padding-right:clamp(0px,20vw,280px)}
.band .hint{color:#1b1208;opacity:.75}
@media (max-width:620px){.phead:has(.phead__spot[src*="logo"]) h1{padding-right:0}}
/* ===== brouci animace ===== */
.rohac{cursor:pointer;outline:none}
.rohac:focus-visible{outline:3px solid var(--fox);outline-offset:6px;border-radius:20px}
.rohac .r-mand{transform-box:fill-box}
.rohac .r-mand--l{transform-origin:100% 100%;animation:mandL 4.2s ease-in-out infinite}
.rohac .r-mand--r{transform-origin:0% 100%;animation:mandR 4.2s ease-in-out infinite}
.rohac .r-eyes{transform-box:fill-box;transform-origin:50% 50%;animation:blink 5.5s infinite}
.rohac .r-legs{transform-box:fill-box;animation:legs 1.4s ease-in-out infinite}
.rohac .r-legs--l{transform-origin:100% 50%}.rohac .r-legs--r{transform-origin:0% 50%;animation-delay:-.7s}
.rohac .r-wing{transform-box:fill-box}
.rohac .r-wing--l{transform-origin:100% 0}.rohac .r-wing--r{transform-origin:0 0}
.rohac:hover .r-wing--l,.rohac.is-hop .r-wing--l{animation:wingL .5s ease-in-out 2}
.rohac:hover .r-wing--r,.rohac.is-hop .r-wing--r{animation:wingR .5s ease-in-out 2}
.rohac.is-hop .mascot__b{animation:hop .7s cubic-bezier(.3,1.6,.5,1)}
@keyframes mandL{0%,70%,100%{transform:rotate(0)}76%,88%{transform:rotate(-14deg)}82%{transform:rotate(4deg)}}
@keyframes mandR{0%,70%,100%{transform:rotate(0)}76%,88%{transform:rotate(14deg)}82%{transform:rotate(-4deg)}}
@keyframes blink{0%,46%,50%,100%{transform:scaleY(1)}48%{transform:scaleY(.1)}}
@keyframes legs{0%,100%{transform:rotate(0)}50%{transform:rotate(5deg)}}
@keyframes wingL{50%{transform:rotate(-22deg) translateX(-6px)}}
@keyframes wingR{50%{transform:rotate(22deg) translateX(6px)}}
@keyframes hop{0%{transform:translateY(0)}35%{transform:translateY(-34px) rotate(-4deg)}60%{transform:translateY(0) scaleY(.92)}80%{transform:translateY(-8px)}100%{transform:none}}
.rohac-tip{position:absolute;z-index:5;left:max(16px,calc(50% - 560px));top:200px;background:#fff;color:var(--ink);font-family:var(--hand);font-size:1.2rem;padding:8px 14px;border-radius:16px;box-shadow:0 10px 24px -12px rgba(0,0,0,.4);opacity:0;transform:translateY(6px);transition:.25s;pointer-events:none;white-space:nowrap}
.rohac-tip.on{opacity:1;transform:none}
@media (max-width:860px){.rohac-tip{position:relative;left:auto;top:auto;display:table;margin:-4px auto 8px}}
/* lezoucí brouk */
.crawl{position:relative;height:40px;margin:-6px 0 14px;pointer-events:none}
.crawl::before{content:"";position:absolute;left:0;right:0;top:24px;border-top:2px dashed rgba(255,255,255,.22)}
.s-white .crawl::before,.crawl--rev::before{border-color:rgba(43,36,33,.15)}
.crawl .bug{position:absolute;left:0;top:2px;width:36px;height:42px;transition:transform .35s linear;transform:rotate(90deg)}
.crawl.walk .bug__legs{animation:scuttle .18s linear infinite}
@keyframes scuttle{50%{transform:translateY(2px) scaleY(.92)}}
.bug__legs{transform-origin:30px 40px}
/* hmyz družinek */
.s-druz{background:var(--sage)}
.dzs{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.dz{display:flex;flex-direction:column;align-items:center;text-align:center;background:#fff;border-radius:22px;padding:18px 10px 16px;text-decoration:none;color:inherit;box-shadow:0 14px 30px -24px rgba(43,36,33,.5);transition:transform .25s}
.dz:hover{transform:translateY(-4px)}
.dz b{font-size:1.1rem;color:var(--leaf);margin-top:6px}
.dz small{color:#7a7368;font-size:.8rem}
@media (max-width:760px){.dzs{grid-template-columns:repeat(3,1fr)}}
@media (max-width:440px){.dzs{grid-template-columns:repeat(2,1fr)}}
.ins{width:72px;height:72px;overflow:visible}
.druz .ins{width:52px;height:52px;float:right;margin:-6px -4px 0 6px}
.ins .w{transform-box:fill-box}
.ins .ins__b{transform-box:fill-box;transform-origin:50% 50%}
.ins--beruska .w.l{transform-origin:100% 0}.ins--beruska .w.r{transform-origin:0 0}
.ins--vcelka .w{transform-origin:50% 100%;animation:buzz .12s linear infinite}
.ins--vcelka .ins__b{animation:hover 1.8s ease-in-out infinite}
.ins--belasek .w.l{transform-origin:100% 50%;animation:flapL 1.1s ease-in-out infinite}
.ins--belasek .w.r{transform-origin:0 50%;animation:flapR 1.1s ease-in-out infinite}
.ins--belasek .ins__b{animation:hover 2.6s ease-in-out infinite}
.ins--vazka .w{transform-origin:50% 50%;animation:buzz .09s linear infinite}
.ins--vazka .ins__b{animation:dart 4s ease-in-out infinite}
.ins--kobylka .leg{transform-box:fill-box;transform-origin:0 100%}
:is(.dz,.druz):is(:hover,.is-live) .ins--kobylka .ins__b{animation:jump .9s cubic-bezier(.3,1.4,.5,1) 2}
:is(.dz,.druz):is(:hover,.is-live) .ins--beruska .w.l{animation:openL .9s ease-in-out 2}
:is(.dz,.druz):is(:hover,.is-live) .ins--beruska .w.r{animation:openR .9s ease-in-out 2}
:is(.dz,.druz):is(:hover,.is-live) .ins--beruska .ins__b{animation:hover 1.8s ease-in-out}
@keyframes buzz{50%{transform:scaleY(.55)}}
@keyframes hover{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes flapL{50%{transform:scaleX(.35)}}
@keyframes flapR{50%{transform:scaleX(.35)}}
@keyframes dart{0%,100%{transform:translate(0,0)}25%{transform:translate(8px,-5px)}50%{transform:translate(-6px,-2px)}75%{transform:translate(4px,4px)}}
@keyframes jump{0%,100%{transform:translateY(0)}40%{transform:translateY(-22px) rotate(-10deg)}70%{transform:translateY(0) scaleY(.9)}}
@keyframes openL{40%,60%{transform:rotate(-28deg)}}
@keyframes openR{40%,60%{transform:rotate(28deg)}}
/* brouk v krocích přihlášky */
.stepbug{position:absolute;left:0;top:0;width:24px;height:28px;z-index:2;transition:transform .55s ease-in-out;pointer-events:none}
.stepbug svg{width:100%;height:100%}
.stepbug.walk svg{animation:scuttle .15s linear infinite}
@media (prefers-reduced-motion:reduce){.rohac *,.ins *,.crawl *,.stepbug{animation:none!important;transition:none!important}}
@media (max-width:440px){.dz:last-child:nth-child(odd){grid-column:1/-1}}
/* oheň v nové ilustraci s roháčem je víc vpravo a výš */
.hero2.brab-art .fx .spark{left:calc(44% + var(--x)*1px);top:64%}
.hero2.brab-art .fx .smoke{left:44%;top:58%}
.hero2.brab-art .fx .glow{left:44%!important;top:64%!important}
/* oponentura GPT 30. 10. */
.nav .nav__links>a:nth-child(5){grid-column:1/-1}
@media (max-width:520px){.evpick label{flex-wrap:wrap}.evpick .p{flex-basis:100%;padding-left:36px;margin-top:-6px}}
@media (max-width:520px){.foot>div:first-child{grid-column:1/-1}}
.copyb{margin-left:8px;font:inherit;font-size:.78rem;font-weight:700;border:1.5px solid var(--line);background:#fff;border-radius:999px;padding:2px 10px;cursor:pointer;color:var(--pine)}
.copyb.ok{background:var(--sage);border-color:var(--leaf)}
.doplni{display:inline-block;font-size:.78rem;font-weight:700;color:var(--fox-ink);background:#fde9d6;border-radius:999px;padding:1px 9px;margin-left:4px;white-space:nowrap}
/* rh-select: šablona (.f select) přebíjela skrytí nativního selectu */
.rhs select.rhs__native{position:absolute!important;width:1px!important;height:1px!important;min-height:0!important;padding:0!important;border:0!important;opacity:0!important;clip:rect(0 0 0 0)!important;overflow:hidden!important;pointer-events:none!important}