:root {
  --brand-accent: #0080c0;
  --brand-accent-soft: color-mix(in srgb, var(--brand-accent) 14%, white);
  --brand-accent-deep: color-mix(in srgb, var(--brand-accent) 82%, black);
  --brand-neutral: #263e0f;
  --brand-radius: 2px;
}

/* claudia:settings */
:root {
  --brand-accent: #0080c0;
  --brand-accent-soft: color-mix(in srgb, var(--brand-accent) 14%, white);
  --brand-accent-deep: color-mix(in srgb, var(--brand-accent) 82%, black);
  --brand-neutral: #263e0f;
  --brand-radius: 2px;
  --brand-serif: ui-serif, "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;
  --brand-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}
/* /claudia:settings */


. entry


/* Category and record rich text: real bullets, accent coloured. */
.rich-text ul,
.term-fields ul,
.field .rich-text ul {
  list-style: none;
  margin: .75rem 0;
  padding-left: 1.4rem;
}
.rich-text ul > li,
.term-fields ul > li {
  position: relative;
  margin: .35rem 0;
  padding-left: .35rem;
  line-height: 1.55;
}
.rich-text ul > li::before,
.term-fields ul > li::before {
  content: "";
  position: absolute;
  left: -.9rem;
  top: .55em;
  width: .45rem;
  height: .45rem;
  border-radius: 50%;
  background: var(--accent, #2f6fed);
}
.rich-text ol,
.term-fields ol {
  margin: .75rem 0;
  padding-left: 1.6rem;
  list-style: decimal;
}
.rich-text ol > li,
.term-fields ol > li { margin: .35rem 0; line-height: 1.55; }
.term-fields h3,
.term-fields h4,
.rich-text h3,
.rich-text h4 {
  margin: 1.1rem 0 .4rem;
  font-size: 1.05rem;
  font-weight: 600;
  color: var(--accent, #2f6fed);
}
.term-fields p, .rich-text p { line-height: 1.6; margin: .5rem 0; }
.term-fields { margin-bottom: 1.5rem; }
.term-fields img { border-radius: .5rem; margin: .5rem 0 1rem; }


/* claudia:settings */
:root { --brand-radius: 2px; --radius: 2px; }
/* /claudia:settings */


/* Homepage hero (183) — the block carries the markup, this sheet the look.
   Edit freely in Appearance -> Custom CSS. */
.hero {
  background: linear-gradient(135deg, var(--brand-accent, #da5100),
    color-mix(in srgb, var(--brand-accent, #da5100) 72%, #1f1b16));
  color: #fff;
  border-radius: calc(var(--brand-radius, 12px) * 2);
  padding: 3rem 2rem;
  margin-bottom: .5rem;
}
.hero .hero-title { margin: 0 0 .5rem; font-size: 2.1rem; font-weight: 800;
  letter-spacing: -.02em; color: #fff; }
.hero .hero-lead { margin: 0 0 1.4rem; max-width: 38rem;
  font-size: 1.05rem; opacity: .92; }
.hero .hero-actions { display: flex; flex-wrap: wrap; gap: .6rem; margin: 0; }
.hero a.hero-btn { display: inline-block; padding: .55rem 1.1rem;
  border-radius: .55rem; background: rgba(255,255,255,.16);
  border: 1px solid rgba(255,255,255,.38); color: #fff; font-weight: 600;
  text-decoration: none; }
.hero a.hero-btn:hover { background: rgba(255,255,255,.28); }
.hero a.hero-btn-ghost { background: transparent; }


/* VYPNUTÉ 2026-08-05 na žiadosť používateľa — pätička ostávala svetlá,
   selektory netrafili skutočné prvky webu. Pravidlá sú odložené nižšie
   v komentári, aby sa dali obnoviť, keď zistíme správne triedy.

   Farby prevzaté z fabrika.digital:
     menu      #202022
     footer    #555555
     copyright #484848
     text      rgba(255,255,255,.85)
     nadpisy   #ffffff

   Pôvodné pravidlá:
   body > header, .site-header, #header,
   [data-region="top_header"], [data-region="header"],
   [data-region="primary_menu"], [data-region="header_form"]
     { background:#202022; color:#fff; }
   body > footer, .site-footer, #footer, [data-region^="footer_"]
     { background:#555555; color:rgba(255,255,255,.85); }
   [data-region^="footer_"] a { color:rgba(255,255,255,.85); }
   [data-region^="footer_"] h2, [data-region^="footer_"] h3 { color:#fff; }
*/


/* claudia:settings */
/* /claudia:settings */

/* Region "featured_bottom_second" — scope your selectors, e.g.
   [data-region="featured_bottom_second"] a { } */


/* claudia:settings */
/* /claudia:settings */

/* Region "footer_fifth" — scope your selectors, e.g.
   [data-region="footer_fifth"] a { } */


/* claudia:settings */
/* /claudia:settings */

/* Region "header" — scope your selectors, e.g.
   [data-region="header"] a { } */


/* claudia:settings */
[data-region="primary_menu"] > * { border-radius: 1px; }
/* /claudia:settings */

/* Region "primary_menu" — scope your selectors, e.g.
   [data-region="primary_menu"] a { } */