/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 10 2026 | 06:53:07 */
@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');

/* ==========================================================================
   1. TOKENY
   ========================================================================== */
.bnm {
  --or:      #F5A10B;   /* logo — hlavní akcent */
  --or-d:    #B07000;   /* oranžová na světlém podkladu (kontrast) */
  --or-h:    #E19409;   /* hover */
  --gr:      #009846;   /* logo — grafika */
  --gr-d:    #00753A;   /* zelená pod bílým textem (WCAG AA) */
  --gr-bg:   #E4F0E6;
  --rd:      #E31E24;
  --rd-d:    #C4161C;

  --ink:     #101418;
  --ink-2:   #2B3138;
  --dark:    #0C1014;
  --paper:   #F4F2ED;
  --line:    #E7E3DA;
  --muted:   #8E8878;
  --track:   #E2DDD1;
  --note-bg: #FFF2DC;
  --note-fg: #8A5200;

  --r:       18px;
  --r-sm:    12px;
  --shadow:  0 12px 32px rgba(16,20,24,.11);
  --maxw:    1248px;
  --pad:     32px;

  --f-disp:  "Barlow Condensed", "Arial Narrow", Impact, sans-serif;
  --f-body:  "Barlow", "Helvetica Neue", Arial, sans-serif;
  --f-mono:  "JetBrains Mono", "SFMono-Regular", Consolas, monospace;

  background: var(--paper);
  color: var(--ink-2);
  overflow-x: clip;
  font-family: var(--f-body);
}


/* ==========================================================================
   2. ZÁKLAD — písma a rozvržení
   Téma vnucuje vlastní rodiny i velikosti, proto !important.
   ========================================================================== */
.bnm li { font-family: var(--f-body) !important; }
.bnm h1, .bnm h2, .bnm h3, .bnm h4 {
  font-family: var(--f-disp) !important;
  font-weight: 700 !important;
  font-style: normal !important;
  line-height: 1.04;
  letter-spacing: .005em;
  color: var(--ink);
  margin: 0 0 14px;
}
.bnm p {
  font-family: var(--f-body) !important;
  font-size: 15px;
  line-height: 1.5;
  margin: 0 0 14px;
}
.bnm p:last-child { margin-bottom: 0; }
.bnm a  { color: var(--gr-d); }

/* sekce přes celou šířku okna, obsah omezený */
.bnm > * { max-width: var(--maxw); margin-left: auto; margin-right: auto; }
.bnm .alignfull { max-width: none; width: 100%; }
.bnm .alignfull > .wp-block-group__inner-container,
.bnm .wp-block-cover__inner-container {
  max-width: var(--maxw); margin-left: auto; margin-right: auto;
}


/* ==========================================================================
   3. TYPOGRAFICKÉ TŘÍDY
   ========================================================================== */
.bnm .bnm-label {
  font-family: var(--f-mono) !important;
  font-size: 11px !important;
  letter-spacing: 1.3px;
  text-transform: uppercase;
  color: var(--muted);
  margin: 0 0 14px !important;
}
.bnm .bnm-label--or { color: var(--or-d); }
.bnm .bnm-label--gr { color: var(--gr-d); }
.bnm .bnm-dark .bnm-label--or,
.bnm .bnm-price .bnm-label--or { color: var(--or); }

/* mono popisek s oranžovou čárkou v jednom řádku */
.bnm .bnm-eyebrow {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 14px !important;
  width: auto !important;
  max-width: none !important;
  font-family: var(--f-mono) !important;
 /* font-size: 11px !important;*/
  letter-spacing: 1.3px;
  text-transform: uppercase;
  color: #98A1AB;
 /* margin: 0 0 26px !important;*/
  padding: 0 !important;
  text-align: left !important;
}
.bnm .bnm-eyebrow::before {
  content: "" !important;
  display: block !important;
 /* flex: 0 0 44px !important;*/
 /* width: 44px !important;*/
  height: 3px !important;
  background: var(--or) !important;
  margin: 0 !important;
}

/* H1: bílý základ, oranžový druhý řádek přes <mark>.
   Barva NESMÍ být na hvězdičkovém selektoru, jinak přebije i <mark>. */
.bnm .bnm-h1 {
  font-size: clamp(38px, 4.8vw, 62px) !important;
 /* line-height: 1.04 !important;*/
  /*color: #FFFFFF !important;*/
  margin: 0 0 20px !important;
}
.bnm .bnm-h1 mark,
.bnm .bnm-h1 em,
.bnm .bnm-h1 strong {
  display: block;
  background: none !important;
  color: var(--or) !important;
  font-style: normal;
  font-weight: 700;
}

/*.bnm .bnm-title        { font-size: clamp(28px, 3.2vw, 40px) !important; margin-bottom: 16px !important; }
.bnm .bnm-title--light { color: #FFFFFF !important; }*/
.bnm .bnm-card__title  { font-size: 26px !important; }

/*.bnm .bnm-lead        { font-size: 17px !important; color: #5D6570; }
.bnm .bnm-lead--light { font-size: 18px !important; color: #C4CBD3 !important; }*/

.bnm .bnm-note-sm {
 /* font-size: 13px !important;
  font-weight: 600;
  color: var(--or) !important;*/
  margin-top: 18px !important;
}


/* ==========================================================================
   4. SEKCE A PÁSY
   ========================================================================== */
.bnm .bnm-sec  { padding: 88px 24px; }
.bnm .bnm-band { padding: 40px 24px; background: var(--paper); border-bottom: 1px solid var(--line); }
.bnm .bnm-dark { background: var(--ink); }
.bnm .bnm-dark h1, .bnm .bnm-dark h2,
.bnm .bnm-dark h3, .bnm .bnm-dark h4 { color: #FFFFFF; }
.bnm .bnm-dark p { color: #A9B1BB; }


/* ==========================================================================
   5. TLAČÍTKA
   Téma barví tlačítka s vysokou vahou → název bloku v selektoru + !important.
   ========================================================================== */
.bnm .wp-block-button__link {
  font-family: var(--f-body) !important;
  font-weight: 600;
  font-size: 16px;
  border-radius: 30px;
  padding: 18px 32px;
  border: 0;
  letter-spacing: 0;
  text-transform: none;
  transition: background-color .18s ease, transform .15s ease;
}
.bnm .wp-block-button__link:hover { transform: translateY(-1px); }

/* oranžové s TMAVÝM textem — bílá na oranžové je nečitelná */
.bnm .wp-block-button.bnm-btn--primary .wp-block-button__link {
  background-color: var(--or) !important;
  color: var(--ink) !important;
}
.bnm .wp-block-button.bnm-btn--primary .wp-block-button__link:hover {
  background-color: var(--or-h) !important;
  color: var(--ink) !important;
}

.bnm .wp-block-button.bnm-btn--green .wp-block-button__link {
  background-color: var(--gr-d) !important;
  color: #FFFFFF !important;
  font-size: 15px;
  padding: 15px 26px;
}
.bnm .wp-block-button.bnm-btn--green .wp-block-button__link:hover {
  background-color: #006431 !important;
}

.bnm .wp-block-button.bnm-btn--ghost .wp-block-button__link {
  background-color: transparent !important;
  color: var(--ink) !important;
  border: 1px solid #CFCABF !important;
  padding: 13px 24px;
  font-size: 14px;
}
.bnm .wp-block-button.bnm-btn--ghost .wp-block-button__link:hover {
  border-color: var(--ink) !important;
}

.bnm .bnm-cta { margin-top: 28px; gap: 14px !important; }


/* ==========================================================================
   6. HERO
   ========================================================================== */
.bnm .bnm-hero.wp-block-cover { padding: 0 24px; align-items: center; }
.bnm .bnm-hero--sm.wp-block-cover { min-height: 300px !important; }

/*.bnm .bnm-hero .wp-block-cover__background {
  background: linear-gradient(90deg,
              rgba(12,16,20,.97) 0%,
              rgba(12,16,20,.90) 42%,
              rgba(12,16,20,.32) 100%) !important;
  opacity: 1 !important;
}*/

.bnm .bnm-hero .wp-block-cover__background {
  background: none !important;
  opacity: 0 !important;
}

.bnm .bnm-hero__text { max-width: 760px; margin-right: auto; }

/* logo na samostatném řádku, nesmí být obtékané */
.bnm .bnm-hero .wp-block-image {
  float: none !important;
  clear: both !important;
  display: block !important;
  width: 100% !important;
  margin: 0 0 32px !important;
}
.bnm .bnm-hero .wp-block-image img { max-width: 300px; height: auto; display: block; }


/* ==========================================================================
   7. KOTEVNÍ LIŠTA
   ========================================================================== */
.bnm .bnm-anchors {
  position: sticky; top: 0; z-index: 90;
  background: #FFFFFF;
  border-bottom: 1px solid var(--line);
  padding: 16px 24px;
}
.bnm .bnm-chips { gap: 12px !important; }
.wp-admin .bnm .bnm-anchors { position: static; }   /* v editoru ať nepřekáží */


/* ==========================================================================
   8. ČÍSLA
   ========================================================================== */
.bnm .bnm-stats { gap: 0 !important; }
.bnm .bnm-stat  { padding: 0 32px; }
.bnm .bnm-stat--sep { border-left: 1px solid var(--track); }
.bnm .bnm-stat__num     { font-size: 38px !important; margin-bottom: 6px !important; }
.bnm .bnm-stat__num--or { font-size: 46px !important; color: var(--or); }
.bnm .bnm-stat__lab     { font-size: 13px; color: #5D6570; margin: 0 !important; }
.bnm .bnm-counts        { padding: 28px 8px; margin-bottom: 48px; }


/* ==========================================================================
   9. SEZNAMY
   Téma vypíná odrážky přes theme.json → nutný název elementu v selektoru.
   ========================================================================== */
.bnm ul.bnm-list {
  list-style: none !important;
  padding-left: 0 !important;
  margin-left: 0 !important;
  margin-bottom: 0;
}
.bnm ul.bnm-list li {
  position: relative !important;
  padding-left: 28px !important;
  margin-left: 0 !important;
  margin-bottom: 14px !important;
  /*font-size: 15px !important;*/
  line-height: 1.45;
  color: var(--ink-2);
  list-style: none !important;
}
.bnm ul.bnm-list li::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: .55em !important;
  width: 8px !important;
  height: 8px !important;
  border-radius: 50% !important;
  background: var(--or) !important;
}
.bnm ul.bnm-list--or li::before { background: var(--or) !important; }
.bnm ul.bnm-list--gr li::before { background: var(--gr) !important; }
.bnm ul.bnm-list--rd li::before { background: var(--rd) !important; }



/* ==========================================================================
   10. KARTY
   Gutenberg dává skupinám vlastní odsazení přes has-global-padding.
   ========================================================================== */
.bnm .wp-block-group.bnm-card {
  background: #FFFFFF;
  border-radius: var(--r);
  box-shadow: var(--shadow);
  overflow: hidden;
  padding: 34px var(--pad) !important;
  height: 100%;
}
.bnm .wp-block-group.bnm-card--line {
  background: #FFFFFF;
  border: 1px solid #E0DACD;
  border-radius: var(--r);
  padding: 34px var(--pad) !important;
  height: 100%;
}

/* barevný proužek na horní hraně + odsazení, aby ho obsah nepřekrýval */

.bnm .bnm-top-or::before,
.bnm .bnm-top-gr::before,
.bnm .bnm-top-rd::before {
  content: "";
  position: absolute; top: 0; left: 0; right: 0;
  height: 6px;
  border-radius: var(--r) var(--r) 0 0;
  background: var(--stripe);
}
.bnm .bnm-top-or { position: relative; --stripe: var(--or); }
.bnm .bnm-top-gr { position: relative; --stripe: var(--gr); }
.bnm .bnm-top-rd { position: relative; --stripe: var(--rd); }
.bnm .wp-block-group.bnm-card.bnm-top-or,
.bnm .wp-block-group.bnm-card.bnm-top-gr,
.bnm .wp-block-group.bnm-card.bnm-top-rd,
.bnm .wp-block-group.bnm-card--line.bnm-top-rd { padding-top: 42px !important; }

.bnm .wp-block-group.bnm-note {
  background: var(--note-bg);
  border-left: 4px solid var(--or);
  border-radius: var(--r-sm);
  padding: 26px 28px !important;
  height: 100%;
}
.bnm .bnm-note p, .bnm .bnm-note .bnm-lead { color: var(--note-fg); }
.bnm .bnm-gar__num { font-size: 34px !important; color: var(--or-d); }

.bnm .bnm-badge {
  display: inline-block;
  font-family: var(--f-mono) !important;
  font-size: 10px !important;
  letter-spacing: 1.2px;
  padding: 6px 14px;
  border-radius: 12px;
  margin: 0 0 14px !important;
}
.bnm .bnm-badge--or,
.bnm .bnm-badge--locked { background: var(--note-bg); color: var(--note-fg); }
.bnm .bnm-badge--gr     { background: var(--gr-bg);  color: #2F6B3D; }


/* ==========================================================================
   11. MŘÍŽKY — karty stejné výšky
   Blok Sloupce může mít v editoru nastavené svislé zarovnání; přebíjíme ho,
   aby se karty vždy protáhly na výšku nejvyšší v řadě.
   ========================================================================== */
.bnm .wp-block-columns.bnm-grid3 {
  align-items: stretch !important;
  margin-bottom: 24px;
  gap: 24px !important;
}
.bnm .wp-block-columns.bnm-split {
  align-items: stretch !important;
  margin-bottom: 24px;
  gap: 36px !important;
}

.bnm .wp-block-columns.bnm-grid3 > .wp-block-column,
.bnm .wp-block-columns.bnm-split > .wp-block-column {
  display: flex !important;
  flex-direction: column !important;
  align-self: stretch !important;
}
.bnm .wp-block-columns.bnm-grid3 > .wp-block-column > * { width: 100%; }
.bnm .wp-block-columns.bnm-grid3 > .wp-block-column > .bnm-pain,
.bnm .wp-block-columns.bnm-grid3 > .wp-block-column > .bnm-note,
.bnm .wp-block-columns.bnm-grid3 > .wp-block-column > .bnm-usage,
.bnm .wp-block-columns.bnm-split > .wp-block-column > .bnm-card:only-child {
  flex: 1 1 auto !important;
}


/* ==========================================================================
   12. KARTA OBAVY
   ========================================================================== */
.bnm .wp-block-group.bnm-pain {
  background: #FFFFFF;
  border-left: 5px solid var(--or);
  border-radius: 16px;
  box-shadow: var(--shadow);
  padding: 32px 30px !important;
  width: 100%;
}
.bnm .bnm-pain__ico {
  width: 42px; height: 42px; border-radius: 50%;
  background: var(--note-bg); color: var(--or-d);
  font-family: var(--f-disp) !important;
  font-size: 24px !important; font-weight: 700;
  display: flex; align-items: center; justify-content: center;
  margin: 0 0 22px !important;
}
.bnm .bnm-pain__title { font-size: 21px !important; }
.bnm .bnm-pain__desc  { font-size: 13.5px; color: #5D6570; margin: 0 !important; }


/* ==========================================================================
   13. SROVNÁNÍ NÁKLADŮ
   ========================================================================== */
.bnm .wp-block-group.bnm-cmp { border-radius: 16px; padding: 28px !important; margin-bottom: 20px; }
.bnm .bnm-cmp--bad  { background: #1E252D; border: 1px solid #39424C; }
.bnm .bnm-cmp--good { background: var(--or); }
.bnm .bnm-cmp__num   { font-size: 34px !important; }
.bnm .bnm-cmp__title { font-size: 30px !important; }
.bnm .bnm-cmp__note  { font-size: 14px; margin-bottom: 8px !important; }
.bnm .bnm-cmp__desc  { font-size: 13px; }
/*.bnm .bnm-cmp--bad .bnm-cmp__num { color: #FFFFFF !important; }*/
/*.bnm .bnm-cmp--bad p, .bnm .bnm-cmp--bad   { color: #8B95A1; }*/
.bnm .bnm-cmp--good .bnm-cmp__num { color: var(--ink) !important; }
/*.bnm .bnm-cmp--good p, .bnm .bnm-cmp--good .bnm-label { color: #7A5200; }*/


/* ==========================================================================
   14. MODULY S UKÁZKAMI A ZPŮSOBY POUŽITÍ
   ========================================================================== */
.bnm .wp-block-group.bnm-module {
  background: #FFFFFF; border-radius: var(--r);
  box-shadow: var(--shadow);
  padding: var(--pad) !important;
  margin-bottom: 24px;
}
.bnm .wp-block-group.bnm-usage {
  background: #FFFFFF; border: 1px solid var(--line);
  border-radius: 16px; padding: var(--pad) !important; width: 100%;
}
.bnm .bnm-usage__num {
  width: 40px; height: 40px; border-radius: 50%;
  background: var(--gr-bg); color: var(--gr-d);
  font-family: var(--f-mono) !important; font-size: 13px !important;
  display: flex; align-items: center; justify-content: center;
  margin: 0 0 20px !important;
}


/* ==========================================================================
   15. VIDEO
   ========================================================================== */
.bnm .bnm-video { margin: 0 !important; }
.bnm .bnm-video .wp-block-embed__wrapper { border-radius: var(--r-sm); overflow: hidden; }
.bnm .bnm-video iframe { display: block; width: 100%; border-radius: var(--r-sm); }


/* ==========================================================================
   16. CENOVÝ BLOK A BONUSY
   ========================================================================== */
.bnm .wp-block-group.bnm-price {
  background: var(--ink); border-radius: 20px;
  padding: 44px 40px !important; margin-top: 44px;
}
.bnm .bnm-price__old { color: #A9B1BB; font-size: 15px; margin-bottom: 10px !important; }
.bnm .bnm-price__old s { color: #6E7883; }
.bnm .bnm-price__now  { font-size: 52px !important; color: #FFFFFF !important; margin: 0 !important; }
.bnm .bnm-price__note { color: #8B95A1; font-size: 13px; margin-top: 14px !important; }

.bnm .wp-block-column > .wp-block-group.bnm-card.bnm-bonus {
  padding: 22px 26px !important;
  margin-top: 0 !important;
  margin-bottom: 16px !important;
  border-left: 5px solid var(--gr);
  height: auto;
}
.bnm .wp-block-column > .wp-block-group.bnm-card.bnm-bonus:last-child { margin-bottom: 0 !important; }
.bnm .bnm-bonus__title { font-size: 19px !important; margin-bottom: 6px !important; }
.bnm .bnm-bonus__val   { color: var(--or-d); font-weight: 600; font-size: 14px; margin-bottom: 6px !important; }
/*.bnm .bnm-bonus__desc  { font-size: 12.5px; color: var(--muted); margin: 0 !important; }*/


/* ==========================================================================
   17. FAQ — blok Detaily
   ========================================================================== */
.bnm .wp-block-details.bnm-faq__item {
  background: #FFFFFF;
  border: 1px solid var(--line);
  border-radius: var(--r-sm);
  margin-bottom: 12px;
  padding: 0;
  overflow: hidden;
}
.bnm .wp-block-details.bnm-faq__item[open] { border-left: 5px solid var(--or); }

.bnm .wp-block-details.bnm-faq__item > summary {
  font-family: var(--f-disp) !important;
  font-size: 21px !important;
  font-weight: 700;
  color: var(--ink);
  padding: 24px 60px 20px 60px !important;
  cursor: pointer;
  list-style: none;
  position: relative;
  border: 0 !important;
}
.bnm .wp-block-details.bnm-faq__item > summary::-webkit-details-marker { display: none; }
.bnm .wp-block-details.bnm-faq__item > summary::after {
  content: ""; position: absolute; right: 40px; top: 50%;
  width: 10px; height: 10px; margin-top: -7px;
  border-right: 2.5px solid var(--muted);
  border-bottom: 2.5px solid var(--muted);
  transform: rotate(45deg); transition: transform .2s ease;
}
.bnm .wp-block-details.bnm-faq__item[open] > summary::after {
  transform: rotate(-135deg); margin-top: -3px; border-color: var(--or);
}
/* obrys po kliknutí myší pryč, při tabulátoru zůstává */
.bnm .wp-block-details.bnm-faq__item > summary:focus { outline: none !important; }
.bnm .wp-block-details.bnm-faq__item > summary:focus-visible {
  outline: 3px solid var(--or) !important; outline-offset: -3px; border-radius: var(--r-sm);
}

.bnm .wp-block-details.bnm-faq__item > *:not(summary) {
  padding-left: 60px !important;
  padding-right: 40px !important;
  margin-top: 0 !important;
  border-top: 0 !important;
}
.bnm .wp-block-details.bnm-faq__item > *:last-child { padding-bottom: 30px !important; }
.bnm .wp-block-details.bnm-faq__item ul.bnm-list { margin: 0 0 24px !important; }
.bnm .wp-block-details.bnm-faq__item ul.bnm-list li { margin-bottom: 14px !important; }


/* ==========================================================================
   18. GOOGLE RECENZE (Trustindex)
   Widget má vlastní max-width; roztahujeme ho na šířku obalu.
   Vnitřek jinak needitujeme — hvězdy a rozvržení řídí plugin.
   ========================================================================== */
.bnm .bnm-reviews { margin-top: 32px; }
.bnm .bnm-reviews .ti-widget,
.bnm .bnm-reviews .ti-widget-container,
.bnm .bnm-reviews .ti-reviews-container,
.bnm .bnm-reviews .ti-reviews-container-wrapper {
  max-width: 100% !important;
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.bnm .bnm-reviews .ti-widget * { font-family: var(--f-body) !important; }
.bnm .bnm-reviews .ti-widget .ti-star.f,
.bnm .bnm-reviews .ti-widget svg.ti-star path { fill: var(--or) !important; }


/* ==========================================================================
   19. FORMULÁŘ SIMPLESHOP
   Jen bílý rámeček. Obsah zůstává tak, jak ho SimpleShop dodává —
   modré tlačítko, zelená fajfka i loga karet jsou záměr, needitovat.
   ========================================================================== */
.bnm .wp-block-group.bnm-form {
  background: #FFFFFF !important;
  border-radius: var(--r);
  padding: 24px !important;
}


/* ==========================================================================
   20. ČLENSKÁ SEKCE
   ========================================================================== */
.bnm .wp-block-group.bnm-access {
  background: #FFFFFF; border-radius: var(--r);
  box-shadow: var(--shadow);
  padding: 40px !important;
  margin-top: -74px; position: relative; z-index: 5;
}
.bnm .bnm-access__big { font-size: 30px !important; }
.bnm .bnm-access__sep { border-left: 1px solid var(--line); padding-left: 36px; }

/* modul jako blok Detaily */
.bnm .wp-block-details.bnm-mod {
  background: #FFFFFF; border-radius: 16px;
  box-shadow: var(--shadow); margin-bottom: 16px; overflow: hidden;
}
.bnm .wp-block-details.bnm-mod[open] { border-top: 6px solid var(--or); }
.bnm .wp-block-details.bnm-mod > summary {
  display: flex; align-items: center; gap: 18px;
  font-family: var(--f-disp) !important;
  font-size: 26px !important; font-weight: 700;
  color: var(--ink);
  padding: 26px var(--pad) !important;
  cursor: pointer; list-style: none; position: relative;
  border: 0 !important;
}
.bnm .wp-block-details.bnm-mod > summary::-webkit-details-marker { display: none; }
.bnm .wp-block-details.bnm-mod > summary::after {
  content: ""; position: absolute; right: var(--pad); top: 50%;
  width: 11px; height: 11px; margin-top: -8px;
  border-right: 2.5px solid var(--muted);
  border-bottom: 2.5px solid var(--muted);
  transform: rotate(45deg); transition: transform .2s ease;
}
.bnm .wp-block-details.bnm-mod[open] > summary::after {
  transform: rotate(-135deg); margin-top: -3px; border-color: var(--or);
}
.bnm .wp-block-details.bnm-mod > summary:focus { outline: none !important; }
.bnm .wp-block-details.bnm-mod > summary:focus-visible {
  outline: 3px solid var(--or) !important; outline-offset: -3px;
}
.bnm .wp-block-details.bnm-mod > *:not(summary) { padding: 0 var(--pad) !important; }
.bnm .wp-block-details.bnm-mod > *:last-child   { padding-bottom: 28px !important; }

.bnm .bnm-mod__num {
  flex: 0 0 44px; width: 44px; height: 44px; border-radius: 50%;
  background: var(--or); color: var(--ink);
  font-family: var(--f-mono) !important; font-size: 13px !important; font-weight: 500;
  display: inline-flex; align-items: center; justify-content: center;
}
.bnm .bnm-mod--locked {
  background: #FAF7F0; border: 1px dashed #E0DACD; box-shadow: none;
}
.bnm .bnm-mod--locked > summary { color: #7A7466; }
.bnm .bnm-mod--locked .bnm-mod__num {
  background: transparent; border: 2px solid var(--track); color: #A29B8B;
}
.bnm .bnm-mod--bonus[open]        { border-top-color: var(--gr); }
.bnm .bnm-mod--bonus .bnm-mod__num { background: var(--gr-bg); color: var(--gr-d); }

/* lekce */
.bnm .wp-block-group.bnm-lesson { border-bottom: 1px solid var(--line); padding: 26px 0 !important; }
.bnm .wp-block-group.bnm-lesson:last-child { border-bottom: 0; }
.bnm .bnm-lesson__title { font-size: 24px !important; }
.bnm .bnm-lesson__meta  { font-size: 13px; color: var(--muted); margin: 0 !important; }
.bnm .bnm-lesson__time  { font-family: var(--f-mono) !important; font-size: 11px; }

/* soubory ke stažení */
.bnm .wp-block-group.bnm-file { border-bottom: 1px solid var(--line); padding: 18px 0 !important; }
.bnm .wp-block-group.bnm-file:last-child { border-bottom: 0; }
.bnm .bnm-file__ico {
  width: 34px; height: 42px; border-radius: 6px;
  background: var(--note-bg); color: var(--note-fg);
  font-family: var(--f-mono) !important; font-size: 9px !important;
  display: flex; align-items: center; justify-content: center;
  margin: 0 0 12px !important;
}
.bnm .bnm-file__name { font-size: 19px !important; margin-bottom: 4px !important; }


/* ==========================================================================
   21. PATIČKA
   ========================================================================== */
.bnm .bnm-footer { background: var(--dark); padding: 40px 24px; }
.bnm .bnm-footer p, .bnm .bnm-footer .wp-block-column { color: #6E7883; font-size: 12.5px; }
.bnm .bnm-footer__name { color: #FFFFFF !important; font-size: 17px !important; }
.bnm .bnm-footer a { color: #98A1AB; }
.bnm .bnm-footer a:hover { color: var(--or); }


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


/* ==========================================================================
   23. MOBIL — Gutenberg láme sloupce na 781 px
   ========================================================================== */
@media (max-width: 781px) {
  .bnm { --pad: 22px; }
  .bnm .bnm-sec { padding: 56px 20px; }

  .bnm .bnm-hero.wp-block-cover { min-height: 440px !important; }
  .bnm .bnm-hero .wp-block-cover__background {
    background: linear-gradient(180deg, rgba(12,16,20,.80) 0%, rgba(12,16,20,.94) 55%) !important;
  }
  .bnm .bnm-hero .wp-block-image img { max-width: 220px; }

  .bnm .bnm-h1          { font-size: 34px !important; }
  .bnm .bnm-title       { font-size: 26px !important; }
  .bnm .bnm-price__now  { font-size: 40px !important; }
  .bnm .bnm-lesson__title { font-size: 20px !important; }
  .bnm .wp-block-details.bnm-mod > summary { font-size: 21px !important; padding: 22px 24px !important; }
  .bnm .wp-block-details.bnm-faq__item > summary { padding: 22px 44px 18px 28px !important; }
  .bnm .wp-block-details.bnm-faq__item > summary::after { right: 22px; }
  .bnm .wp-block-details.bnm-faq__item > *:not(summary) {
    padding-left: 28px !important; padding-right: 24px !important;
  }

  .bnm .wp-block-group.bnm-price  { padding: 32px 24px !important; }
  .bnm .wp-block-group.bnm-access { margin-top: 24px; padding: 28px 24px !important; }
  .bnm .bnm-access__sep {
    border-left: 0; border-top: 1px solid var(--line);
    padding-left: 0; padding-top: 24px;
  }
  .bnm .bnm-stat { padding: 20px 0; }
  .bnm .bnm-stat--sep { border-left: 0; border-top: 1px solid var(--track); }

  .bnm .bnm-anchors { position: static; }
  .bnm .bnm-chips .wp-block-button__link { padding: 10px 16px; font-size: 13px; }
  .bnm .wp-block-button { width: 100%; }
  .bnm .wp-block-button__link { display: block; text-align: center; }
}