/* ==========================================================================
   brand.optimal-marketing.cz — vlastní vrstva
   --------------------------------------------------------------------------
   Načítá se AŽ ZA styles.min.css a optimal.css z mateřského webu. Do těch
   dvou se tady nesahá — jsou to kopie (README, „Sdílený design“).

   Pořadí voleb (standardy-webu, sekce 2): šablonová utilita → proměnná →
   vlastní třída. Barvy jen přes var(--bs-*) / var(--om-*), žádný hex.

   Sem patří jen komponenty, které jinde v rodině nejsou. Oddíl 1 je výjimka
   a je to dluh: hlavička a hlava stránky jsou tu doslovně ze znalosti.css,
   protože v optimal.css zatím nejsou. Patří tam — až se přesunou, oddíl 1
   se tady smaže.
   ========================================================================== */

/* Značková černá z loga a tisku (rozhodnuto 23. 9. 2026: #2E2014). Na webu se
   pro text nepoužívá — tam platí --bs-dark-1. V buildu mateřského webu zatím
   token není; až bude, tahle definice se smaže. */
:root { --om-znackova-cerna: #2E2014; }

/* ==========================================================================
   1) Převzato ze znalosti.css (dluh, patří do optimal.css)
   ========================================================================== */
h1, h2, h3, h4, h5 { letter-spacing: -0.03em; }

/* Lišta 68 px: 14 + 40 (logo) + 14, místo stínu vlasová linka. */
.om-nav { padding-top: .875rem; padding-bottom: calc(.875rem - 1px);
    border-bottom: 1px solid var(--bs-gray-200); }
.om-nav .container > a img { height: 40px; width: auto; }

.om-wordmark { font-family: "Montserrat", sans-serif; font-weight: 700; font-size: .8rem;
    letter-spacing: .16em; text-transform: uppercase; }

.om-nav-link { text-decoration: none; font-family: "Montserrat", sans-serif; font-size: .82rem; }
.om-nav-link:hover { background: var(--bs-bg-2); color: var(--bs-dark-1); }
.om-nav-link--aktivni,
.om-nav-link--aktivni:hover { background: var(--bs-om-yellow); color: var(--om-ink); }

.om-dd-group { font-family: "Montserrat", sans-serif; font-size: .62rem; letter-spacing: .1em; }
.om-dd-aktivni { box-shadow: inset 3px 0 0 var(--bs-om-yellow); background: var(--bs-bg-2); }

/* Nadtitulek nad H1. Mateřský .om-eyebrow je ŽLUTÝ BOX — jiná věc. */
.om-nadtitul { font-family: "Montserrat", sans-serif; font-weight: 700; font-size: .75rem; letter-spacing: .18em;
    text-transform: uppercase; color: var(--bs-dark-2); }   /* znalosti.css má dark-3, to nesplní AA */
.om-titulek { font-size: clamp(2.1rem, 5vw, 3.4rem); letter-spacing: -0.04em; }
.om-uzky { max-width: 68ch; }
.om-hlava { padding-top: 4.5rem; padding-bottom: 2.5rem; }
@media (max-width: 991.98px) { .om-hlava { padding-top: 2.5rem; } }

/* ==========================================================================
   2) Vlastní tomuhle webu
   ========================================================================== */

/* Kapitola v menu, která ještě nemá stránku. Vypadá jako položka, ale není
   to odkaz — stejné odsazení jako .om-nav .om-dd a v optimal.css. */
.om-nav .om-dd .om-dd-pripravujeme { display: block; padding: .5rem 1.25rem; font-weight: 600; white-space: nowrap; }

/* Štítek nad nadpisem části úvodu („Pravidla značky · …“). Ze starého
   manuálu (.bm-access). Mateřské .om-eyebrow je žlutý box — jiná věc. */
.om-pristup { display: inline-block; font-family: "Montserrat", sans-serif; font-weight: 700;
    font-size: .64rem; letter-spacing: .1em; text-transform: uppercase;
    padding: .2rem .55rem; border-radius: .3125rem;   /* = .rounded-1 šablony */
    background: var(--bs-bg-2); color: var(--bs-dark-2); }

/* Mřížka dlaždic na úvodu. Ze starého manuálu (.bm-links): hotová položka
   je bílá se stínem a žlutou tečkou, nehotová jen orámovaná a šedá.
   Štítek „Hotovo“ ze starého manuálu tu není — to byl interní stav práce,
   stav říká tečka a jedna věta legendy na úvodu. */
.om-dlazdice { list-style: none; padding: 0; margin: 1rem 0 0; display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: .55rem .75rem; }
.om-dlazdice li { position: relative; display: flex; align-items: center; gap: .6rem;
    padding: .6rem .8rem; font-size: .95rem; color: var(--bs-dark-2);   /* dark-3 nesplní AA (2,7 : 1) */
    border: 1px solid var(--bs-gray-200); border-radius: .625rem; background: var(--bs-bg-3); }
.om-dlazdice li::before { content: ""; flex: 0 0 auto; width: 8px; height: 8px; border-radius: 50%;
    background: var(--bs-dark-3); opacity: .5; }
/* Legenda pod šedým boxem: stejná tečka jako v dlaždici. */
.om-dlazdice-tecka { display: inline-block; width: 8px; height: 8px; margin-right: .3rem;
    border-radius: 50%; background: var(--bs-om-yellow); vertical-align: middle; }

.om-dlazdice li.om-dlazdice--hotovo { color: var(--bs-dark-1); border-color: transparent; box-shadow: var(--om-shadow); }
.om-dlazdice li.om-dlazdice--hotovo::before { background: var(--bs-om-yellow); opacity: 1; }
.om-dlazdice--hotovo a { color: var(--bs-dark-1); font-weight: 700; text-decoration: none; }
.om-dlazdice--hotovo a::after { content: ""; position: absolute; inset: 0; }   /* celá dlaždice klikací */
.om-dlazdice--hotovo:hover { box-shadow: var(--om-shadow-hover); }

/* ==========================================================================
   3) Kapitola Logo — ze starého manuálu (.bm-logo-panel, .bm-downloads,
      .bm-figure, .bm-principle, .bm-swatch). Rozměry převzaté 1:1.
   ========================================================================== */

/* Šedé plátno s logem v kartě varianty. */
.om-logo-panel { padding: 2.5rem 2rem; min-height: 170px;
    display: flex; align-items: center; justify-content: center; }
.om-logo-panel img { max-width: 100%; max-height: 130px; width: auto; height: auto; }
.om-logo-panel--vysoky img { max-height: 210px; }

/* Soubory ke stažení: štítek formátu + odkaz + velikost. */
.om-soubory { list-style: none; margin: 1.1rem 0 0; padding: 0; display: grid; gap: .45rem; }
.om-soubory li { display: flex; align-items: baseline; gap: .65rem; font-size: .95rem; }
.om-soubory a { font-weight: 600; }
.om-format { min-width: 2.9rem; text-align: center; flex: 0 0 auto; }

/* Barevný kroužek u palety loga. */
.om-cip { display: inline-block; width: 26px; height: 26px; flex: 0 0 auto;
    border-radius: 50%; border: 1px solid var(--bs-gray-200); }
.om-cip--cerna { background: var(--om-znackova-cerna); }

/* Obrázek s popiskem (ukázky, schémata). */
.om-obrazek img { display: block; width: 100%; height: auto;
    border: 1px solid var(--bs-gray-200); border-radius: .625rem; }
.om-obrazek figcaption { margin-top: .55rem; font-size: .875rem; color: var(--bs-dark-2); }

/* Princip se žlutou linkou vlevo (význam symbolů). */
.om-princip { margin-top: 1.5rem; padding-left: 1.1rem; border-left: 3px solid var(--bs-om-yellow); }