/*
Theme Name:   VO AC UNIZA (Astra Child)
Theme URI:    https://www.voacuniza.sk/
Description:  Child tema Astry pre volejbalovy klub VO AC UNIZA Zilina. Obsah stranok je v Elementore, hlavicka a paticka v Astra Header/Footer Builder. Sem patri len drobne CSS a PHP.
Author:       VO AC UNIZA Zilina
Template:     astra
Version:      1.0.0
Requires PHP: 7.4
Text Domain:  vo-ac-uniza-child
*/

/* Pravidlo: farby a pisma sa menia v Astra -> Prisposobit -> Globalne (synchronizuje sa do Elementora).
   Sem patri iba CSS, ktore Astra ani Elementor free nevedia nastavit. */

:root {
  --voac-yellow: #F8F101;
  --voac-green: #4B77D5;
  --voac-link: #4B77D5;
  --voac-deep: #11307A;
  --voac-ink: #161A17;
  --voac-surface: #F2F5F9;
  --voac-line: #DAE1EA;
  --voac-radius: 14px;
}

/* Zastupny obsah (DOPLNIT) - po doplneni obsahu sa trieda prestane pouzivat */
.todo {
  display: inline;
  background: #FFF7B0;
  color: #3B3600;
  border: 1px dashed #B3A500;
  border-radius: 4px;
  padding: 0.05em 0.4em;
  font-weight: 600;
  font-size: 0.9em;
  text-transform: none;
  letter-spacing: 0;
}

/* Viditelny fokus na svetlom, zltom aj tmavom pozadi */
:focus-visible {
  outline: 3px solid var(--voac-ink);
  outline-offset: 2px;
  box-shadow: 0 0 0 6px var(--voac-yellow);
  border-radius: 4px;
}
/* ---------- Hlavicka (Astra Header Builder) ---------- */
.site-title, .site-title a {
  font-family: "Barlow Condensed", "Arial Narrow", sans-serif;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.01em;
  line-height: 1;
}
.ast-builder-layout-element .ast-site-identity { gap: 0.6rem; }
/* Aktivna polozka a rodic "Timy" na podstrankach: zlta linka */
.ast-desktop .main-header-menu > .current-menu-item > .menu-link,
.ast-desktop .main-header-menu > .current-menu-ancestor > .menu-link,
.ast-desktop .main-header-menu > .current-menu-parent > .menu-link {
  box-shadow: inset 0 -4px 0 var(--voac-yellow);
}
.main-header-menu .sub-menu .current-menu-item > .menu-link {
  font-weight: 700;
  background: var(--voac-surface);
  box-shadow: inset 4px 0 0 var(--voac-green);
}
.ast-desktop .main-header-menu .sub-menu {
  box-shadow: 0 10px 30px rgba(11, 33, 96, 0.10);
  border-radius: 0 0 8px 8px;
}
/* Vacsie dotykove plochy v mobilnom menu */
.ast-header-break-point .main-header-menu .menu-link { min-height: 48px; display: flex; align-items: center; }
.ast-header-break-point .main-header-menu > .current-menu-item > .menu-link,
.ast-header-break-point .main-header-menu > .current-menu-ancestor > .menu-link { box-shadow: inset 4px 0 0 var(--voac-yellow); }
.ast-above-header-bar p { margin: 0; }

/* ---------- Paticka (Astra Footer Builder) ---------- */
.site-footer .site-primary-footer-wrap,
.site-footer .site-below-footer-wrap { color: #D3DCE8; }
.site-footer .widget-title,
.site-footer h2 {
  color: #FFFFFF;
  font-size: 1.35rem;
  letter-spacing: 0.04em;
  margin-bottom: 0.75rem;
}
.site-footer a { color: #FFFFFF; }
.site-footer a:hover, .site-footer a:focus { color: var(--voac-yellow); }
.site-footer .widget_nav_menu ul { list-style: none; margin: 0; padding: 0; }
.site-footer .widget_nav_menu li { margin: 0; }
.site-footer .widget_nav_menu a { display: inline-flex; align-items: center; min-height: 34px; text-decoration: none; }
.site-footer .voac-footer-btn {
  display: inline-flex; align-items: center; min-height: 44px;
  padding: 0.6em 1.2em; border-radius: 999px;
  background: var(--voac-yellow); color: var(--voac-ink);
  font-weight: 700; text-decoration: none;
}
.site-footer .voac-footer-btn:hover { background: #E8DB00; color: var(--voac-ink); }
.site-footer .custom-logo, .site-footer .voac-footer-logo { background: #fff; border-radius: 50%; padding: 4px; }
/* Zvyraznene slovo v nadpise (Elementor nadpis: <span class="voac-mark">) */
.voac-mark { color: var(--voac-yellow); }

/* ---------- Elementor doplnky ---------- */
/* Omrvinkova navigacia v hlavicke podstranok */
.voac-breadcrumb a { color: #FFFFFF; font-weight: 600; text-underline-offset: 3px; }
.voac-breadcrumb a:hover { color: var(--voac-yellow); }
.voac-breadcrumb .sep { color: var(--voac-yellow); font-weight: 700; margin: 0 0.35em; }
/* Jednotka pri cene (Clenske poplatky) */
.voac-price-unit { font-family: "Barlow", sans-serif; font-size: 0.3em; font-weight: 700; text-transform: none; letter-spacing: 0; margin-left: 0.3em; }
/* Tabulka platobnych udajov */
.voac-paytable .elementor-widget-text-editor p { margin: 0; }
/* WPForms v dizajne klubu */
.wpforms-container {
  --wpforms-field-border-radius: 8px;
  --wpforms-field-border-color: #8C948E;
  --wpforms-field-border-size: 2px;
  --wpforms-field-text-color: #161A17;
  --wpforms-label-color: #161A17;
  --wpforms-label-sublabel-color: #565D58;
  --wpforms-button-background-color: #F8F101;
  --wpforms-button-text-color: #161A17;
  --wpforms-button-border-radius: 999px;
  --wpforms-button-size-font-size: 16px;
  --wpforms-button-size-height: 52px;
  --wpforms-button-size-padding-h: 28px;
  --wpforms-field-size-input-height: 50px;
  --wpforms-label-size-font-size: 16px;
}
.wpforms-container .wpforms-field-label { font-weight: 700; }
.wpforms-container button[type=submit]:hover { background: #E8DB00 !important; }
/* Bez spodneho okraja za poslednym odsekom v textovom widgete */
.elementor-widget-text-editor p:last-child { margin-bottom: 0; }

/* Fotogaleria: jednotny pomer 3:2 */
.voac-gallery .gallery-item img { width: 100%; aspect-ratio: 3 / 2; object-fit: cover; border-radius: 14px; }

/* Paticka: ikony socialnych sieti (Astra prvok Social Icons 1) */
.site-footer .ast-footer-social-1-wrap .ast-builder-social-element {
  display: inline-flex; align-items: center; justify-content: center;
  width: 44px; height: 44px; padding: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.10);
  color: #FFFFFF;
  transition: background-color .15s ease, color .15s ease;
}
.site-footer .ast-footer-social-1-wrap .ast-builder-social-element svg { fill: currentColor; }
.site-footer .ast-footer-social-1-wrap .ast-builder-social-element:hover,
.site-footer .ast-footer-social-1-wrap .ast-builder-social-element:focus-visible {
  background: var(--voac-yellow);
  color: var(--voac-ink);
}
/* Tlacidlo v paticke: tmavy text na zltom (silnejsi selektor nez farba odkazov Astry) */
.site-footer .ast-builder-html-element a.voac-footer-btn,
.site-footer .ast-builder-html-element a.voac-footer-btn:hover { color: var(--voac-ink); }
/* Rychle odkazy na titulke: ikona vertikalne na strede karty (rovnaka vyska vo vsetkych 4), text zostava hore */
.elementor .elementor-element.elementor-element-cee622d,
.elementor .elementor-element.elementor-element-8d804da,
.elementor .elementor-element.elementor-element-c8f54f5,
.elementor .elementor-element.elementor-element-0203a39 { flex-grow: 1; }
.elementor .elementor-element.elementor-element-cee622d .elementor-icon-box-wrapper,
.elementor .elementor-element.elementor-element-8d804da .elementor-icon-box-wrapper,
.elementor .elementor-element.elementor-element-c8f54f5 .elementor-icon-box-wrapper,
.elementor .elementor-element.elementor-element-0203a39 .elementor-icon-box-wrapper { align-items: flex-start !important; height: 100%; }
.elementor .elementor-element.elementor-element-cee622d .elementor-icon-box-icon,
.elementor .elementor-element.elementor-element-8d804da .elementor-icon-box-icon,
.elementor .elementor-element.elementor-element-c8f54f5 .elementor-icon-box-icon,
.elementor .elementor-element.elementor-element-0203a39 .elementor-icon-box-icon { align-self: center; }

/* Motto klubu v hero sekcii titulnej strany */
.voac-hero .voac-motto { margin: 0 0 var(--voac-gap, 1rem); }
.voac-hero .voac-motto .elementor-heading-title {
  display: inline-block;
  font-family: "Barlow Condensed", "Arial Narrow", sans-serif;
  font-weight: 700;
  font-size: clamp(1.25rem, 2.4vw, 1.9rem);
  line-height: 1.2;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--voac-yellow);
  padding-left: 0.75rem;
  border-left: 4px solid var(--voac-yellow);
}