/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 28 2026 | 09:08:47 */
@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;600&family=Barlow+Condensed:wght@600;700&family=JetBrains+Mono:wght@500&display=swap');
/* ==========================================================================
   BEZPEČNĚ NA MOTORCE Akademie — úvodní stránka (rozcestník)
   Soubor uložte do child tématu jako:  /wp-content/themes/<child>/bnm-uvod.css
   Načtení viz functions.php snippet v návodu.
   Všechno je zapouzdřené pod .bnm-page, aby to neovlivnilo zbytek webu.
   ========================================================================== */


/* ==========================================================================
   1. TOKENY  (barvy odečtené z loga)
   ========================================================================== */
.bnm-page {
  --bnm-orange:      #F5A10B;   /* logo — hlavní akcent */
  --bnm-orange-dark: #B07000;   /* oranžová na bílém pozadí (kontrast) */
  --bnm-green:       #009846;   /* logo — grafika, pruhy, 100 % */
  --bnm-green-dark:  #00753A;   /* zelená pod bílým textem (WCAG AA) */
  --bnm-red:         #E31E24;   /* logo — jen hodnota 60 % */
  --bnm-red-dark:    #C4161C;

  --bnm-ink:    #101418;        /* asfalt */
  --bnm-ink-2:  #2B3138;        /* běžný text */
  --bnm-muted:  #8E8878;        /* popisky */
  --bnm-paper:  #F4F2ED;        /* podklad stránky */
  --bnm-line:   #E7E3DA;        /* linky */
  --bnm-track:  #E2DDD1;        /* prázdná část pruhu v měřidle */
  --bnm-note-bg:#FFF2DC;        /* POZOR blok */
  --bnm-note-fg:#8A5200;

  --bnm-radius: 18px;
  --bnm-gap:    32px;
  --bnm-maxw:   1248px;

  --bnm-font-display: "Barlow Condensed", "Arial Narrow", Impact, sans-serif;
  --bnm-font-body:    "Barlow", "Helvetica Neue", Arial, sans-serif;
  --bnm-font-mono:    "JetBrains Mono", "SFMono-Regular", Consolas, monospace;
}


/* ==========================================================================
   2. OBAL STRÁNKY
   ========================================================================== */
.bnm-page {
  background: var(--bnm-paper);
  font-family: var(--bnm-font-body);
  color: var(--bnm-ink-2);
  overflow-x: clip;
}

/* vnitřní bloky drží společnou šířku */
.bnm-page > .wp-block-group__inner-container > *,
.bnm-page > * {
  max-width: var(--bnm-maxw);
  margin-left: auto;
  margin-right: auto;
}

/* výjimka: hero jde přes celou šířku okna */
.bnm-page .alignfull,
.bnm-page .bnm-hero {
  max-width: none;
  width: 100%;
}

.bnm-page h1,
.bnm-page h2,
.bnm-page h3,
.bnm-page h4 {
  font-family: var(--bnm-font-display);
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1.02;
  letter-spacing: .005em;
  margin: 0 0 14px;
  color: var(--bnm-ink);
}

.bnm-page p { line-height: 1.5; }


/* ==========================================================================
   3. HERO  (blok Cover / „Titulek")
   ========================================================================== */
.bnm-hero.wp-block-cover {
  min-height: 510px;
  padding: 0;
  align-items: center;
}

/* tmavý přechod přes fotku — text vlevo zůstane čitelný */
.bnm-hero .wp-block-cover__background,
.bnm-hero .wp-block-cover__gradient-background {
  background: linear-gradient(90deg,
              rgba(12,16,20,.97) 0%,
              rgba(12,16,20,.86) 42%,
              rgba(12,16,20,.42) 100%) !important;
  opacity: 1 !important;
}

.bnm-hero .wp-block-cover__inner-container {
  max-width: var(--bnm-maxw);
  width: 100%;
  margin: 0 auto;
  padding: 0 24px;
}

.bnm-hero__text { max-width: 700px; }

/* nadřazený popisek s linkou */
.bnm-eyebrow {
  font-family: var(--bnm-font-mono);
  font-size: 11px;
  letter-spacing: 1.3px;
  text-transform: uppercase;
  color: #98A1AB;
  margin: 0 0 26px;
  display: flex;
  align-items: center;
  gap: 14px;
}
.bnm-eyebrow::before {
  content: "";
  width: 44px;
  height: 3px;
  background: var(--bnm-orange);
  flex: 0 0 auto;
}

.bnm-h1 {
  font-size: clamp(42px, 5.6vw, 76px);
  color: #FFFFFF;
  margin: 0 0 18px;
}
/* druhý řádek nadpisu (oranžový) — nastavíte v editoru jako barvu textu,
   tohle je pojistka, kdyby barva z editoru nesedla */
.bnm-h1 mark,
.bnm-h1 .bnm-accent {
  background: none;
  color: var(--bnm-orange);
}

.bnm-lead {
  font-size: 18px;
  color: #B7BEC6;
  margin: 0 0 30px;
  max-width: 640px;
}


/* ==========================================================================
   4. KOTVY POD NADPISEM  (blok Tlačítka)
   ========================================================================== */
.bnm-chips { gap: 14px !important; }

.bnm-chip .wp-block-button__link {
  background: transparent;
  border: 1px solid #39424C;
  color: #E4E8EC;
  border-radius: 21px;
  padding: 11px 22px;
  font-family: var(--bnm-font-body);
  font-weight: 600;
  font-size: 14px;
  line-height: 1;
  transition: border-color .18s ease, background-color .18s ease;
}
.bnm-chip .wp-block-button__link:hover {
  border-color: var(--bnm-green);
  background: rgba(0,152,70,.10);
}

.bnm-chip--active .wp-block-button__link,
.bnm-chip--active .wp-block-button__link:hover {
  background: var(--bnm-orange);
  border-color: var(--bnm-orange);
  color: var(--bnm-ink);
}

/* číslo sekce uvnitř kotvy — v editoru napište jako 01 tučně */
.bnm-chip .wp-block-button__link strong {
  font-family: var(--bnm-font-mono);
  font-size: 11px;
  font-weight: 500;
  color: var(--bnm-green);
  margin-right: 10px;
}
.bnm-chip--active .wp-block-button__link strong { color: var(--bnm-ink); }


/* ==========================================================================
   5. KARTA  (společné pro sekce 01–04)
   ========================================================================== */
.bnm-card {
  background: #FFFFFF;
  border-radius: var(--bnm-radius);
  overflow: hidden;
  box-shadow: 0 12px 32px rgba(16,20,24,.10);
  padding: 0 !important;
}

.bnm-card__photo { margin: 0 !important; position: relative; line-height: 0; }
.bnm-card__photo img {
  display: block;
  width: 100%;
  height: 200px;
  object-fit: cover;
}
/* barevný proužek pod fotkou */
.bnm-card__photo::after {
  content: "";
  position: absolute;
  left: 0; right: 0; bottom: 0;
  height: 7px;
  background: var(--bnm-green);
}

.bnm-card__body { padding: 34px 28px 30px; }

.bnm-card__label {
  font-family: var(--bnm-font-mono);
  font-size: 11px;
  letter-spacing: 1.3px;
  text-transform: uppercase;
  color: var(--bnm-muted);
  margin: 0 0 14px;
}

.bnm-card__title { font-size: 26px; margin: 0 0 6px; }

.bnm-card__tag {
  font-family: var(--bnm-font-mono);
  font-size: 11px;
  letter-spacing: 1.2px;
  color: var(--bnm-green-dark);
  margin: 0 0 18px;
  padding-bottom: 18px;
  border-bottom: 1px solid var(--bnm-line);
}

/* --- varianta hlavní karty (sekce 01) --- */
.bnm-card--main .bnm-card__photo img { height: 300px; }
.bnm-card--main .bnm-card__photo::after { background: var(--bnm-orange); }
.bnm-card--main .bnm-card__body { padding: 46px 40px 40px; }
.bnm-card--main .bnm-card__label { color: var(--bnm-orange-dark); }
.bnm-card--main .bnm-card__title {
  font-size: clamp(30px, 3.2vw, 40px);
  margin-bottom: 22px;
  padding-bottom: 22px;
  border-bottom: 1px solid var(--bnm-line);
}

/* popisek sekce vepsaný do fotky */
.bnm-card__photo .bnm-photo-label {
  position: absolute;
  top: 26px; left: 32px;
  margin: 0;
  font-family: var(--bnm-font-mono);
  font-size: 11px;
  letter-spacing: 1.3px;
  color: #FFFFFF;
  text-shadow: 0 1px 8px rgba(12,16,20,.75);
  line-height: 1.2;
}


/* ==========================================================================
   6. SEZNAMY S ODRÁŽKAMI
   ========================================================================== */
.bnm-list {
  list-style: none !important;
  padding: 0 !important;
  margin: 0;
}
.bnm-list li {
  position: relative;
  padding-left: 28px;
  margin: 0 0 18px;
  font-size: 15px;
  line-height: 1.45;
  color: var(--bnm-ink-2);
}
.bnm-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: .5em;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--bnm-orange);
}
.bnm-card--main .bnm-list li { font-size: 16px; margin-bottom: 22px; }


/* ==========================================================================
   7. TLAČÍTKA
   ========================================================================== */
.bnm-page .wp-block-button__link {
  font-family: var(--bnm-font-body);
  font-weight: 600;
  border-radius: 27px;
  line-height: 1.2;
  transition: transform .15s ease, background-color .18s ease;
}
.bnm-page .wp-block-button__link:hover { transform: translateY(-1px); }

/* hlavní — oranžová s TMAVÝM textem (bílý text na oranžové je nečitelný) */
.bnm-btn--primary .wp-block-button__link {
  background: var(--bnm-orange);
  color: var(--bnm-ink);
  padding: 17px 30px;
  font-size: 16px;
}
.bnm-btn--primary .wp-block-button__link:hover { background: #E19409; }

/* vedlejší — obrysové */
.bnm-btn--ghost .wp-block-button__link {
  background: transparent;
  color: var(--bnm-ink);
  border: 1px solid #CFCABF;
  padding: 16px 30px;
  font-size: 16px;
}
.bnm-btn--ghost .wp-block-button__link:hover { border-color: var(--bnm-ink); }

/* karty 02–04 — zelená přes celou šířku karty */
.bnm-btn--green { width: 100%; }
.bnm-btn--green .wp-block-button__link {
  display: block;
  width: 100%;
  text-align: center;
  background: var(--bnm-green-dark);
  color: #FFFFFF;
  padding: 15px 24px;
  font-size: 15px;
}
.bnm-btn--green .wp-block-button__link:hover { background: #006431; }


/* ==========================================================================
   8. MĚŘIDLO „PRO KOHO JE KURZ URČEN"
   Pruh se kreslí přes ::before / ::after, procenta řídí třída is-100/80/60.
   ========================================================================== */
.bnm-meter {
  background: var(--bnm-paper);
  border-radius: 14px;
  padding: 34px 32px 30px;
  height: 100%;
}
.bnm-meter__title {
  font-size: 22px;
  margin: 0 0 18px;
  padding-bottom: 18px;
  border-bottom: 1px solid #DFDACE;
}

.bnm-meter__row {
  position: relative;
  padding-bottom: 14px;
  margin: 0 0 24px !important;
}
.bnm-meter__row::before {        /* dráha */
  content: "";
  position: absolute;
  left: 0; right: 0; bottom: 0;
  height: 8px;
  border-radius: 4px;
  background: var(--bnm-track);
}
.bnm-meter__row::after {         /* hodnota */
  content: "";
  position: absolute;
  left: 0; bottom: 0;
  height: 8px;
  border-radius: 4px;
  width: var(--bnm-val, 100%);
  background: var(--bnm-col, var(--bnm-green));
}

.bnm-meter__row.is-100 { --bnm-val: 100%; --bnm-col: var(--bnm-green);  }
.bnm-meter__row.is-80  { --bnm-val: 80%;  --bnm-col: var(--bnm-orange); }
.bnm-meter__row.is-60  { --bnm-val: 60%;  --bnm-col: var(--bnm-red);    }

.bnm-meter__head {
  display: flex !important;
  justify-content: space-between;
  align-items: baseline;
  gap: 16px;
  margin-bottom: 10px;
}
.bnm-meter__label {
  margin: 0 !important;
  font-size: 14px;
  color: var(--bnm-ink-2);
}
.bnm-meter__value {
  margin: 0 !important;
  font-family: var(--bnm-font-display);
  font-size: 20px;
  font-weight: 700;
  white-space: nowrap;
}
.is-100 .bnm-meter__value { color: var(--bnm-green-dark);  }
.is-80  .bnm-meter__value { color: var(--bnm-orange-dark); }
.is-60  .bnm-meter__value { color: var(--bnm-red-dark);    }


/* ==========================================================================
   9. BLOK „POZOR"
   ========================================================================== */
.bnm-note {
  background: var(--bnm-note-bg);
  border-left: 4px solid var(--bnm-orange);
  border-radius: 12px;
  padding: 18px 20px !important;
}
.bnm-note p {
  margin: 0;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.55;
  color: var(--bnm-note-fg);
}


/* ==========================================================================
   10. MŘÍŽKA KARET 02–04
   Díky flexu sedí POZOR i tlačítko ve všech kartách na stejné výšce,
   i když má každá jiný počet odrážek.
   ========================================================================== */
.bnm-cards { gap: var(--bnm-gap) !important; }
.bnm-cards > .wp-block-column { display: flex; }

.bnm-cards .bnm-card {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.bnm-cards .bnm-card__body {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}
.bnm-cards .bnm-note      { margin-top: auto !important; }
.bnm-cards .bnm-btn--green{ margin-top: 20px !important; }


/* ==========================================================================
   11. ROZDĚLENÍ SEKCE 01 NA DVA SLOUPCE
   ========================================================================== */
.bnm-split { gap: 44px !important; }
.bnm-split > .wp-block-column { display: flex; flex-direction: column; }
.bnm-split .bnm-cta { margin-top: auto !important; }

.bnm-cta { gap: 16px !important; }
.bnm-fineprint {
  font-size: 13px;
  color: var(--bnm-muted);
  margin: 22px 0 0;
}


/* ==========================================================================
   12. PÁS „DALŠÍ SEKCE PŘIPRAVUJEME"
   ========================================================================== */
.bnm-more {
  border: 2px dashed #D4CFC3;
  border-radius: var(--bnm-radius);
  padding: 26px 32px !important;
  background: transparent;
}
.bnm-more h3 { font-size: 22px; color: var(--bnm-muted); margin-bottom: 6px; }
.bnm-more p  { font-size: 14px; color: var(--bnm-muted); margin: 0; }


/* ==========================================================================
   13. NADPISY SEKCÍ NA STRÁNCE
   ========================================================================== */
.bnm-section-label {
  font-family: var(--bnm-font-mono);
  font-size: 11px;
  letter-spacing: 1.3px;
  text-transform: uppercase;
  color: var(--bnm-muted);
  margin: 0 0 14px;
}
.bnm-section-title { font-size: clamp(28px, 3.4vw, 38px); margin: 0 0 34px; }


/* ==========================================================================
   14. STAV ZAMČENO / ODEMČENO  (nepovinné, pro členskou sekci)
   ========================================================================== */
.bnm-locked {
  background: #FAF7F0;
  border: 1px dashed #E0DACD;
  border-radius: 16px;
  padding: 26px 28px !important;
}
.bnm-locked .bnm-card__title { color: #7A7466; }
.bnm-badge {
  display: inline-block;
  font-family: var(--bnm-font-mono);
  font-size: 10px;
  letter-spacing: 1.2px;
  padding: 5px 12px;
  border-radius: 11px;
  margin: 0 0 14px;
}
.bnm-badge--open   { background: #E4F0E6; color: #2F6B3D; }
.bnm-badge--locked { background: var(--bnm-note-bg); color: var(--bnm-note-fg); }


/* ==========================================================================
   15. PŘÍSTUPNOST
   ========================================================================== */
.bnm-page a:focus-visible,
.bnm-page .wp-block-button__link:focus-visible {
  outline: 3px solid var(--bnm-orange);
  outline-offset: 3px;
  border-radius: 4px;
}
@media (prefers-reduced-motion: reduce) {
  .bnm-page * { transition: none !important; }
  .bnm-page .wp-block-button__link:hover { transform: none; }
}


/* ==========================================================================
   16. MOBIL  (Gutenberg láme sloupce na 781 px)
   ========================================================================== */
@media (max-width: 781px) {
  .bnm-hero.wp-block-cover { min-height: 420px; }
  .bnm-hero .wp-block-cover__background,
  .bnm-hero .wp-block-cover__gradient-background {
    background: linear-gradient(180deg,
                rgba(12,16,20,.80) 0%,
                rgba(12,16,20,.94) 55%) !important;
  }
  .bnm-card--main .bnm-card__body { padding: 30px 22px 28px; }
  .bnm-card--main .bnm-card__photo img { height: 200px; }
  .bnm-meter { padding: 26px 22px; }
  .bnm-split { gap: 28px !important; }
  .bnm-cta .wp-block-button { width: 100%; }
  .bnm-cta .wp-block-button__link { display: block; text-align: center; }
  .bnm-chips { gap: 10px !important; }
  .bnm-chip .wp-block-button__link { padding: 10px 16px; font-size: 13px; }
}
/* ---- Twenty Twenty-Five: přebít globální styly ---- */
.bnm-page .bnm-h1,
.bnm-page .bnm-h1 strong {
  color: #FFFFFF !important;
}
.bnm-page .bnm-h1 mark,
.bnm-page .bnm-h1 .has-inline-color {
  color: #F5A10B !important;
  background: none !important;
}
.bnm-page.alignfull {
  max-width: none;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
}
.bnm-page > .wp-block-cover.alignfull {
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
}
.bnm-page > * + * { margin-block-start: 68px; }
.bnm-page > .wp-block-cover + * { margin-block-start: 64px; }