/* ============================================================ Barna Academy: světlý režim jako OVERRIDE vrstva. Nesahej na HTML stovek stránek. Pravidla žijí pod [data-theme=light] a přebíjejí inline tmavé barvy (color:#fff, rgba bílé karty, arena panely). Načti ZA ba-ui.css. Na stránkách s arena.css na konci načti TENTÝŽ soubor ještě jednou za arena.css, ať vyhraje kaskáda. ============================================================ */ /* Přepínač (landing akademie/index nenačítá ba-ui.css, styly musí být i tady) */ .mb-theme-toggle{ display:inline-flex;align-items:center;justify-content:center; width:36px;height:36px;padding:0;margin:0 0 0 8px;flex-shrink:0; border:1px solid rgba(22,19,16,.18);border-radius:10px; background:rgba(255,255,255,.12);color:inherit;cursor:pointer; font:inherit;line-height:0; } .ba .mb-theme-toggle{border-color:var(--line-2,rgba(255,255,255,.14));background:var(--card);color:var(--ink);} .mb-theme-toggle:hover{border-color:rgba(235,177,44,.45);} .mb-theme-toggle:focus-visible{outline:2px solid #EBB12C;outline-offset:2px;} .mb-theme-toggle svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;} .mb-theme-toggle .mb-ico-sun{display:none;} [data-theme="light"] .mb-theme-toggle .mb-ico-sun{display:block;} [data-theme="light"] .mb-theme-toggle .mb-ico-moon{display:none;} [data-theme="light"] body:not(.ba) .mb-theme-toggle{ border-color:rgba(22,19,16,.18);background:#fff;color:#161310; } [data-theme="light"] html{color-scheme:light;} [data-theme="light"] body.ba{ background:var(--ba-bg,#F7F3EB) !important; color:var(--ink,#161310) !important; color-scheme:light; } /* body.ba: solid --bg, ne gradient --ba-bg (shorthand s !important vynuluje background-color na transparent). html kvůli overscrollu. */ html[data-theme="light"]{ background:var(--bg,#F7F3EB); } html[data-theme="light"] body.ba{ background:var(--bg,#F7F3EB) !important; color:var(--ink,#161310) !important; } /* --- společný chrome členské sekce (přebije inline color:#fff) --- */ [data-theme="light"] .ba h1, [data-theme="light"] .ba h2, [data-theme="light"] .ba h3, [data-theme="light"] .ba h4, [data-theme="light"] .ba strong, [data-theme="light"] .ba b, [data-theme="light"] .ba .lead, [data-theme="light"] .ba .desc{ color:var(--ink,#161310); } [data-theme="light"] .ba h1 .hl, [data-theme="light"] .ba .hl{ background:none !important; -webkit-text-fill-color:var(--gold-soft,#6B4E08); color:var(--gold-soft,#6B4E08) !important; } [data-theme="light"] .ba .lead{color:var(--muted,#5C564C) !important;} [data-theme="light"] .ba .kick{color:var(--gold-soft,#6B4E08) !important;} [data-theme="light"] .ba .crumb{color:var(--gold-soft,#6B4E08) !important;} [data-theme="light"] .ba a.back, [data-theme="light"] .ba .top a.back{color:var(--muted,#5C564C) !important;} [data-theme="light"] .ba .top a.back:hover{color:var(--ink,#161310) !important;} [data-theme="light"] .ba [style*="color:#a89e94"]{color:var(--muted,#5C564C) !important;} [data-theme="light"] .ba [style*="color:#fff"]{color:var(--ink,#161310) !important;} [data-theme="light"] .ba [style*="color:#F6CD63"]{color:var(--gold-soft,#6B4E08) !important;} /* karty / panely: z průhledné bílé na krémovou plochu */ [data-theme="light"] .ba .card, [data-theme="light"] .ba .panel, [data-theme="light"] .ba .hello, [data-theme="light"] .ba .points, [data-theme="light"] .ba .quiz, [data-theme="light"] .ba .praxe, [data-theme="light"] .ba .freebanner, [data-theme="light"] .ba .bonus, [data-theme="light"] .ba .cert-card, [data-theme="light"] .ba .mfree, [data-theme="light"] .ba .path, [data-theme="light"] .ba .tool, [data-theme="light"] .ba .binfo{ background:#fff !important; border-color:var(--line,rgba(22,19,16,.12)) !important; color:var(--ink,#161310) !important; box-shadow:0 12px 32px -18px rgba(22,19,16,.18) !important; } [data-theme="light"] .ba .chip, [data-theme="light"] .ba .pill{ background:#F3EEE4 !important; border-color:var(--line-2,rgba(22,19,16,.20)) !important; color:var(--muted-2,#3F3A34) !important; } [data-theme="light"] .ba .chip.on, [data-theme="light"] .ba .chip[aria-pressed="true"]{ background:linear-gradient(145deg,var(--gold-2,#E0A820),var(--gold,#EBB12C)) !important; color:#1A1222 !important; border-color:transparent !important; } /* vstupy */ [data-theme="light"] .ba input, [data-theme="light"] .ba select, [data-theme="light"] .ba textarea, [data-theme="light"] .ba .fin, [data-theme="light"] .ba .lsearch{ background:#fff !important; color:var(--ink,#161310) !important; border-color:var(--line-2,rgba(22,19,16,.20)) !important; color-scheme:light; } [data-theme="light"] .ba input::placeholder, [data-theme="light"] .ba textarea::placeholder{color:var(--muted,#5C564C) !important;} [data-theme="light"] .ba select option{background:#fff !important;color:#161310 !important;} /* zlaté CTA drží tmavý text (WCAG 9,36:1) */ [data-theme="light"] .ba .go, [data-theme="light"] .ba .btn:not(.ghost):not(.kbtn2), [data-theme="light"] .ba .kbtn{ color:#1A1222 !important; } [data-theme="light"] .ba .go.ghost, [data-theme="light"] .ba .btn.ghost{ background:#F3EEE4 !important; color:var(--muted-2,#3F3A34) !important; border-color:var(--line-2) !important; } /* drawer z scroll-top.js */ [data-theme="light"] .mb-drawer{ background:#F7F3EB !important; color:#161310 !important; } [data-theme="light"] .mb-drawer a{color:#161310 !important;} [data-theme="light"] .mb-burger{border-color:rgba(22,19,16,.25) !important;color:#161310 !important;} /* ============================================================ moje / nastroje / check-in: lokální