/* ZŠ Bělá – úvodní stránka: „patra“ stránky
   - každé patro má vlastní pozadí, hrany jsou rovné a rohy hranaté (jako na původním webu), zaoblená jsou jen tlačítka,
   - na velkých monitorech je obsah širší (aktuality ne – drží šířku menu), aktuality mají nadpis nad mřížkou 3 sloupců,
   - fotky jsou širší než text, čísla jsou ve světlém pásu v jedné řadě. */

.zs-hp{ --band-mint:#eef5f2; --band-coffee:#eeebe8; --band-forest:#264f4a; }

/* ---------------------------------------------------------------- širší obsah na velkých monitorech */
@media (min-width:1500px){
	.zs-hp .choose-section .auto-container,
	.zs-hp .counter-section .auto-container,
	.zs-hp .sponsors-section-two .auto-container{ max-width:1440px; }
	.zs-hp .foto-page-section .auto-container{ max-width:1640px; }
}

/* ---------------------------------------------------------------- 1. patro: aktuality (bílé) */
.zs-hp .news-section-two{ padding-bottom:70px; }
.zs-hp .zs-sec-lead{ display:none; }
.zs-hp .zs-sec-more{
	display:inline-flex; align-items:center; gap:10px; margin-top:22px; padding:12px 22px; border-radius:999px;
	border:1.5px solid var(--zs-forest); color:var(--zs-forest); font-weight:700; font-size:15px;
	transition:background .3s, color .3s;
}
.zs-hp .zs-sec-more .fa{ transition:transform .3s var(--zs-ease); }
.zs-hp .zs-sec-more:hover{ background:var(--zs-forest); color:#fff; }
.zs-hp .zs-sec-more:hover .fa{ transform:translateX(4px); }
.zs-hp .news-section-two .zs-news-head .zs-sec-more{ display:none; }

/* nadpis nad mřížkou (na střed), pod ní 3 sloupce článků, tlačítko „Všechny aktuality“ pod mřížkou */
.zs-hp .news-section-two .zs-news-more{ text-align:center; margin-top:10px; }
.zs-hp .news-section-two .zs-news-more .zs-sec-more{ margin-top:0; }

/* ---------------------------------------------------------------- 2. patro: hledáme posily + slovo ředitele (mátové) */
.zs-hp .cta-section{ padding-bottom:0; position:relative; z-index:2; margin-bottom:-60px; }
.zs-hp .choose-section{ position:relative; background:#fff; padding:130px 0 100px; } /* slovo ředitele na bílém (dřív světle zelené) */
.zs-hp .cta-section .theme-btn{ border-radius:0 !important; } /* „Více informací“ u Hledáme posily – hranaté */
.zs-hp .choose-section .image-column .author-image::before{ border-color:rgba(49,100,94,.25); }
@media (min-width:1500px){
	.zs-hp .choose-section .row{ align-items:center; }
	.zs-hp .choose-section .image-column{ flex:0 0 45%; max-width:45%; }
	.zs-hp .choose-section .content-column{ flex:0 0 55%; max-width:55%; padding-left:40px; }
	.zs-hp .choose-section .sec-title-two .text{ max-width:680px; }
}

/* ---------------------------------------------------------------- 3. patro: fotogalerie (bílé, širší) */
.zs-hp .foto-page-section{ padding:120px 0 90px; }
.zs-hp .zs-foto-head{ margin-bottom:34px; }

/* ---------------------------------------------------------------- 4. patro: čísla (světle kávový pás jako karty novinek) */
.zs-hp .counter-section{
	position:relative; padding:80px 0 50px; margin:0 0 90px;
	background:var(--band-coffee);
}
.zs-hp .counter-section .auto-container{ position:relative; }
.zs-hp .counter-section .auto-container::before{
	content:''; position:absolute; inset:-80px 0 -50px; pointer-events:none; opacity:.35;
	background-image:radial-gradient(rgba(140,118,96,.4) 1px, transparent 1.4px); background-size:22px 22px;
}
.zs-hp .fact-counter-two .counter-column .inner .content{
	background:transparent; box-shadow:none; border-radius:0; padding:26px 12px; margin-bottom:24px;
}
.zs-hp .fact-counter-two .counter-column .inner .content::before{ background:var(--zs-forest); height:3px; left:30%; right:30%; }
.zs-hp .fact-counter-two .counter-column .inner .content:hover{ transform:translateY(-4px); box-shadow:none; }
.zs-hp .counter-section .counter-column .inner .count-outer{ color:var(--zs-forest) !important; font-size:64px; }
.zs-hp .counter-section .counter-column:nth-child(n+4) .inner .count-outer{ color:#a08a72 !important; }
.zs-hp .counter-section .counter-column .inner .counter-title{ color:#4f5f5b !important; font-size:16px; line-height:1.45; }
@media (min-width:1200px){
	.zs-hp .counter-section .fact-counter-two > .row{ flex-wrap:nowrap; }
	.zs-hp .counter-section .counter-column{ flex:1 1 0; max-width:none; }
	.zs-hp .counter-section .counter-column, .zs-hp .counter-section .counter-column .inner{ display:flex; flex-direction:column; }
	.zs-hp .counter-section .counter-column .inner, .zs-hp .counter-section .counter-column .inner .content{ flex:1; }
	.zs-hp .counter-section .counter-column + .counter-column .inner .content{ border-left:1px solid rgba(140,118,96,.22); }
	.zs-hp .counter-section .counter-column .inner .count-outer{ font-size:58px; }
}

/* ---------------------------------------------------------------- 5. patro: partneři – styly jsou v zs-footer.css (stejné na všech stránkách) */

@media (max-width:767px){
	.zs-hp .choose-section{ padding:110px 0 60px; }
	.zs-hp .counter-section{ margin:0 0 60px; }
}

/* ---------------------------------------------------------------- hranaté rohy pod úvodním videem (zaoblená zůstávají jen tlačítka) */
.zs-hp .news-block-four .inner-box,
.zs-hp .news-block-four .image, .zs-hp .news-block-four .image > a:first-child, .zs-hp .news-block-four .image img,
.zs-hp .news-block-four .lower-content,
.zs-hp .cta-section .inner-container,
.zs-hp .foto-page-section .hp-foto-box .inner-box,
.zs-hp .foto-page-section .hp-foto-box .image,
.zs-hp .foto-page-section .hp-foto-box .image a,
.zs-hp .foto-page-section .hp-foto-box .image a::before,
.zs-hp .hp-box-link a, .zs-hp .hp-box-link .hp-center-button,
.zs-hp .fact-counter-two .counter-column .inner .content,
.zs-hp .sec-title-two.centered h2::after, .zs-hp .choose-section .sec-title-two h2::after{ border-radius:0; }

/* ---------------------------------------------------------------- stabilní hover
   Rychlosti a křivky efektů zůstávají jako v Demo v2 (zs-hp.css). Mění se jen to, na co se hover
   „chytá“: zvedá se vnitřek, ale najetí se sleduje na nepohyblivém obalu – karta tak neuteče zpod
   myši a na okraji neposkakuje. A čísla už nevjíždějí animací fadeInLeft ze šablony. */
/* aktuality: bez zvednutí karty a stínu – zůstává jen přiblížení fotky a podtržení nadpisu */
.zs-hp .news-block-four .inner-box:hover, .zs-hp .news-block-four:hover .inner-box{ transform:none; }
.zs-hp .news-block-four .inner-box:hover .lower-content, .zs-hp .news-block-four:hover .lower-content{ box-shadow:none; }
.zs-hp .service-block-two .inner-box:hover{ transform:none; box-shadow:none; }
.zs-hp .service-block-two:hover .inner-box{ transform:translateY(-5px); box-shadow:0 16px 30px -12px rgba(0,0,0,.45); }
.zs-hp .cta-section .theme-btn:hover{ transform:none; }
.zs-hp .cta-section .btn-box:hover .theme-btn{ transform:translateY(-3px); }
.zs-hp .counter-section .wow{ animation:none !important; visibility:visible !important; }
.zs-hp .fact-counter-two .counter-column .inner .content:hover{ transform:none; }
.zs-hp .fact-counter-two .counter-column .inner:hover .content{ transform:translateY(-4px); }
.zs-hp .fact-counter-two .counter-column .inner:hover .content::before{ transform:scaleX(1); }

.zs-hp .counter-section .fact-counter-two .counter-column{ margin-bottom:0; } .zs-hp .counter-section .fact-counter-two .counter-column .inner .content{ margin-bottom:0; } .zs-hp .counter-section{ padding:76px 0 76px; }

/* ---------------------------------------------------------------- 2026-11-14: čísla na bílém, partneři odsazení */
.zs-hp .counter-section{ background:#fff; margin-bottom:40px; }
.zs-hp .counter-section .auto-container::before{ content:none; } /* tečkovaná textura patřila ke kávovému pásu */
.zs-hp .zs-sec-more{ border-radius:0; } /* „Všechny aktuality“ – hranaté jako „Více informací“ */