@import url('https://fonts.googleapis.com/css2?display=swap&family=Inter:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Roboto:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Open+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Lato:ital,wght@0,400;0,700;1,400&family=Montserrat:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Poppins:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Raleway:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Nunito:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Nunito+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400&family=DM+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Figtree:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Plus+Jakarta+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Outfit:wght@400;500;600;700&family=Manrope:wght@400;500;600;700&family=Rubik:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Work+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Ubuntu:ital,wght@0,400;0,500;0,700;1,400&family=Noto+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Source+Sans+3:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Josefin+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Oswald:wght@400;500;600&family=PT+Sans:ital,wght@0,400;0,700;1,400&family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&family=Merriweather:ital,wght@0,400;0,700;1,400&family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&family=Lora:ital,wght@0,400;0,600;0,700;1,400&family=PT+Serif:ital,wght@0,400;0,700;1,400&family=Noto+Serif:ital,wght@0,400;0,600;0,700;1,400&family=EB+Garamond:ital,wght@0,400;0,600;0,700;1,400&family=Pacifico&family=Dancing+Script:wght@400;700&family=Righteous&family=Bebas+Neue');
@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=block');

/* Leonidas Design System — vygenerováno automaticky */
/* Izolace: .cbnty-box má CSS reset + vlastní proměnné, neovlivňuje zbytek stránky. */

/* ── CSS Reset ───────────────────────────────────────────────────────── */
/* all: revert na potomcích BEZ !important — vrátí UA výchozí hodnoty,  */
/* ale Tailwind třídy (.cbnty-box .cbnty-*) mají vyšší specificitu a    */
/* vyhrají. !important pouze na .cbnty-box samotném.                    */
.cbnty-box {
  all: revert !important;
  display: block !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  font-size: 16px !important;
  line-height: 1.5 !important;
}
.cbnty-box * {
  all: revert;
}
.cbnty-box *, .cbnty-box *::before, .cbnty-box *::after {
  box-sizing: border-box !important;
}

/* ── Material Symbols ────────────────────────────────────────────────── */
.cbnty-box .material-symbols-outlined {
  font-family: 'Material Symbols Outlined';
  font-weight: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}

/* ── CSS proměnné a design system ────────────────────────────────────── */
.cbnty-box {
  /* ── Typografie H1 ── */
  --ld-h1-size:   32px;
  --ld-h1-color:       #2C2C2A;
  --ld-h1-weight: 700;
  --ld-h1-lh: 1.3;
  --ld-h1-mt: 0;
  --ld-h1-mb: 0;
  /* ── Typografie H2 ── */
  --ld-h2-size:   24px;
  --ld-h2-color:       #c73333;
  --ld-h2-weight: 600;
  --ld-h2-lh: 1.3;
  --ld-h2-mt: 0;
  --ld-h2-mb: 0.5em;
  /* ── Typografie odstavec ── */
  --ld-p-size:   16px;
  --ld-p-color:       #5F5E5A;
  --ld-p-weight: 400;
  --ld-p-lh: 1.6;
  --ld-p-mt: 0;
  --ld-p-mb: 0.75em;
  /* ── Barvy ── */
  --ld-clr-primary:    #185FA5;
  --ld-clr-secondary:  #6B7280;
  --ld-clr-accent:     #F59E0B;
  --ld-clr-bg: #FFFFFF;
  --ld-clr-text:       #2C2C2A;

  /* ── Tlačítko Primary ── */
  --ld-btn1-bg:            #185FA5;
  --ld-btn1-color:         #FFFFFF;
  --ld-btn1-border:        none;
  --ld-btn1-radius: 8px;
  --ld-btn1-shadow:    none;
  --ld-btn1-hover:      #0C447C;

  /* ── Tlačítko Secondary ── */
  --ld-btn2-bg:            transparent;
  --ld-btn2-color:         #185FA5;
  --ld-btn2-border:        1px solid #185FA5;
  --ld-btn2-radius: 8px;
  --ld-btn2-shadow:    none;
  --ld-btn2-hover:      #EFF6FF;

  /* ── Globální ── */
  --ld-radius: 8px;
  --ld-shadow:    0 1px 3px rgba(0,0,0,0.1);
  --ld-border-clr:  #E5E7EB;
}

/* ── Typografie ──────────────────────────────────────────────────────── */
.cbnty-box h1 {
  font-size:   var(--ld-h1-size);
  color:       var(--ld-h1-color);
  font-weight: var(--ld-h1-weight);
  line-height: var(--ld-h1-lh);
  font-family: inherit;
  margin: var(--ld-h1-mt) 0 var(--ld-h1-mb);
}
.cbnty-box h2 {
  font-size:   var(--ld-h2-size);
  color:       var(--ld-h2-color);
  font-weight: var(--ld-h2-weight);
  line-height: var(--ld-h2-lh);
  font-family: inherit;
  margin: var(--ld-h2-mt) 0 var(--ld-h2-mb);
}
.cbnty-box h3 {
  font-size:   calc(var(--ld-h2-size) * 0.85);
  color:       var(--ld-h2-color);
  font-weight: var(--ld-h2-weight);
  line-height: var(--ld-h2-lh);
  font-family: inherit;
  margin: var(--ld-h2-mt) 0 var(--ld-h2-mb);
}
.cbnty-box p {
  font-size:   var(--ld-p-size);
  color:       var(--ld-p-color);
  font-weight: var(--ld-p-weight);
  line-height: var(--ld-p-lh);
  font-family: inherit;
  margin: var(--ld-p-mt) 0 var(--ld-p-mb);
}
.cbnty-box ul,
.cbnty-box ol {
  font-size:    var(--ld-p-size);
  color:        var(--ld-p-color);
  line-height:  var(--ld-p-lh);
  font-family: inherit;
  padding-left: 1.5em;
  margin: 0 0 1em;
}
.cbnty-box li { margin-bottom: 0.3em; }
.cbnty-box strong, .cbnty-box b { font-weight: 700; }
.cbnty-box em, .cbnty-box i { font-style: italic; }
.cbnty-box a { color: var(--ld-clr-primary); text-decoration: underline; }

/* ── Obrázek ─────────────────────────────────────────────────────────── */
.cbnty-box .cbnty-img {
  display: block;
  max-width: 100%;
  height: auto;
}

/* ── Tlačítka ────────────────────────────────────────────────────────── */
.cbnty-box .cbnty-btn-primary,
.cbnty-box .cbnty-btn-secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
  transition: background 0.15s, color 0.15s;
  line-height: 1.2;
}
.cbnty-box .cbnty-btn-primary {
  background:    var(--ld-btn1-bg);
  color:         var(--ld-btn1-color);
  border:        var(--ld-btn1-border);
  border-radius: var(--ld-btn1-radius);
  box-shadow:    var(--ld-btn1-shadow);
}
.cbnty-box .cbnty-btn-primary:hover {
  background: var(--ld-btn1-hover);
  color:      var(--ld-btn1-color);
}
.cbnty-box .cbnty-btn-secondary {
  background:    var(--ld-btn2-bg);
  color:         var(--ld-btn2-color);
  border:        var(--ld-btn2-border);
  border-radius: var(--ld-btn2-radius);
  box-shadow:    var(--ld-btn2-shadow);
}
.cbnty-box .cbnty-btn-secondary:hover {
  background: var(--ld-btn2-hover);
  color:      var(--ld-btn2-color);
}

/* ── Oddělovač ───────────────────────────────────────────────────────── */
.cbnty-box .cbnty-divider {
  border: none;
  border-top: 1px solid var(--ld-border-clr);
  margin: 0;
}

/* ── Galerie ─────────────────────────────────────────────────────────── */
.cbnty-box .cbnty-gallery {
  display: grid;
  gap: 0.5rem;
  width: 100%;
}
.cbnty-box .cbnty-gallery img {
  width: 100%;
  display: block;
  border-radius: var(--ld-radius);
  object-fit: cover;
  aspect-ratio: 4 / 3;
}

/* ── Responsive visibility ───────────────────────────────────────────── */
@media (max-width: 640px)  { .cbnty-box .cbnty-hide-mobile  { display: none !important; } }
@media (min-width: 641px) and (max-width: 768px) { .cbnty-box .cbnty-hide-tablet  { display: none !important; } }
@media (min-width: 769px)  { .cbnty-box .cbnty-hide-desktop { display: none !important; } }