/* lidicka-components-mq.css — responsivní pravidla ke komponentám.
   Bricks global classes (_cssCustom) @media obal strippují, proto žijí zde. */
@media (max-width: 860px) {
  .linkcards { grid-template-columns: 1fr; }
  .value-grid { grid-template-columns: 1fr; }
  .media-text { grid-template-columns: 1fr; }
  .media-text--reverse .media-text__media { order: 0; }
}
@media (max-width: 680px) {
  .media-banner { min-height: 34rem; }
  .media-banner__body { padding: var(--space-l); }
}
@media (max-width: 520px) {
  .form-grid { grid-template-columns: 1fr; }
}
/* FontAwesome fallback — designerovo CSS cili na svg; Bricks FA renderuje jako <i>.
   Až budou ikony nahrazeny nahranými SVG, tato pravidla se neuplatní. */
.block-head__icon i, .value-card__icon i { font-size: 2.6rem; line-height: 1; }
.linkcard__icon i { font-size: 2.4rem; line-height: 1; }
.li i { font-size: 1.9rem; line-height: 1; flex: none; margin-top: .1rem; }
.li--pro i { color: #1f8a5b; }

/* podzimni varianta karty: data navy (misto rucniho prepinani tridy na kazdem radku) */
.term-card--autumn .term-row__date { color: var(--text-title); }


/* SVG ikony: barva z kontextu — zdedi color (currentColor), tridy/instance s fill maji prednost.
   Druhe pravidlo protlaci fill i do path s vlastnim fill atributem (plochy jednobarevny set). */
:where(svg.brxe-icon) { fill: currentColor; }
:where(svg.brxe-icon *) { fill: inherit; }

/* Dropdown menu: 7+ polozek -> 2 pevne sloupce s oddelovacem (13+ -> 3); mobil 1 sloupec */
@media (min-width: 992px) {
  .menu-dropdown:has(> .menu-item:nth-child(7)) {
    display: block !important;
    column-count: 2;
    column-gap: var(--space-l);
    column-rule: 1px solid var(--border-primary);
    width: 58rem !important;
    max-width: none !important;
  }
  .menu-dropdown:has(> .menu-item:nth-child(7)) > .menu-item {
    break-inside: avoid;
    width: 100%;
  }
  .menu-dropdown:has(> .menu-item:nth-child(13)) {
    column-count: 3;
    width: 88rem !important;
  }
}

/* ===== Mobilni navigace (nav-nested ve stavu .brx-open) =====
   Desktop styly trid .main-menu/.menu-dropdown se v mobilnim fullscreen menu
   neutralizuji; .brx-open ma nav jen s otevrenym mobilnim menu, zadna media query neni potreba. */
.main-menu.brx-open .brx-nav-nested-items {
  justify-content: flex-start;
  padding: 1.6rem 2rem 4rem;
  gap: 0;
}
/* dropdown polozky i prime odkazy: zpet do sloupce, zadny podtrhavaci border z desktopu */
.main-menu.brx-open .brxe-dropdown,
.main-menu.brx-open .brx-nav-nested-items > .menu-item > .brxe-text-link {
  flex-direction: column;
  align-items: stretch;
  height: auto;
  border-bottom: none;
}
/* radky nejvyssi urovne: plna sirka + jemny oddelovac */
.main-menu.brx-open .brx-nav-nested-items > .menu-item {
  width: 100%;
  border-bottom: 1px solid var(--border-primary);
}
.main-menu.brx-open .brx-nav-nested-items > .menu-item > .brxe-text-link { padding: 1.4rem 0; }
.main-menu.brx-open .brx-submenu-toggle { padding: 1.4rem 0; width: 100%; }
.main-menu.brx-open .brx-submenu-toggle button { color: var(--primary); }
/* akordeonovy obsah: zadna plovouci karta (stin/border/clip-path/ruzove pozadi pryc), jen odsazeny seznam */
.main-menu.brx-open .menu-dropdown {
  position: static;
  width: 100%;
  min-width: 0;
  background: transparent;
  border: none;
  box-shadow: none;
  clip-path: none;
  padding: 0 0 1rem .4rem;
}
.main-menu.brx-open .dropdown-menu-link { padding: .9rem 1rem; }

/* ===== Aktuality hero (uvodka, .news-hero) — breakpoint dle zadani grafika ===== */
@media (max-width: 860px) {
  /* vyssi specificita nez tridni CSS z Bricks (to je v kaskade pozdeji) */
  .news-hero .news-hero__feature { min-height: 34rem; }
  .news-hero .news-hero__body { padding: var(--space-l); }
  .news-hero .news-hero__row { grid-template-columns: 1fr; }
}


/* ===== Hlavni nav uzsi v pasmu 992-1250px (9 polozek + Prihlaska se jinak lame) ===== */
@media (min-width: 992px) and (max-width: 1250px) {
  .main-menu.brxe-nav-nested .brx-nav-nested-items { column-gap: 4px !important; }
  .main-menu.brxe-nav-nested .brx-nav-nested-items > .brxe-dropdown > .brx-submenu-toggle > span,
  .main-menu.brxe-nav-nested .brx-nav-nested-items > .menu-item > .brxe-text-link {
    font-size: 1.25rem !important;
  }
  .main-menu.brxe-nav-nested .brx-nav-nested-items > .brxe-dropdown > .brx-submenu-toggle,
  .main-menu.brxe-nav-nested .brx-nav-nested-items > .menu-item > .brxe-text-link {
    padding-left: 3px !important;
    padding-right: 3px !important;
  }
  .main-menu.brxe-nav-nested .brx-nav-nested-items > .brxe-dropdown .brx-submenu-toggle button {
    padding: 0 !important;
  }
}