/*
Theme Name: Denný stacionár Starý Tekov
Theme URI: https://www.starytekov.sk/
Author: Obec Starý Tekov
Description: Bloková téma pre Denný stacionár Starý Tekov. Celý obsah sa roztiahne na celú šírku obrazovky – od mobilu až po veľmi veľký monitor. Po aktivácii téma sama vytvorí stránky Domov, O nás, Služby, Ako vybavíte, Aktivity, Dokumenty, Galéria a Kontakt aj s hlavným menu. Všetky texty, obrázky a farby sa dajú upraviť priamo vo WordPresse.
Requires at least: 6.6
Tested up to: 6.8
Requires PHP: 7.4
Version: 2.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: stacionar-tema
Tags: full-site-editing, block-patterns, full-width-template, one-column, custom-colors, editor-style
*/

/* ===================================================== základ */
:root{
	--g:var(--wp--preset--color--primary,#1b4d3e);
	--g2:var(--wp--preset--color--secondary,#2f7a5e);
	--act:var(--wp--preset--color--active,#2e8b57);
	--lg:var(--wp--preset--color--light-green,#e6f0e4);
	--cream:var(--wp--preset--color--cream,#fbf6e9);
	--bg:var(--wp--preset--color--background,#fffdf7);
	--tx:var(--wp--preset--color--text,#2b3a34);
	--mu:var(--wp--preset--color--muted,#66756e);
	--bd:var(--wp--preset--color--border,#eadfc4);
	--acc:var(--wp--preset--color--accent,#e8a33d);
	--card:#fff;
	--gy:var(--wp--preset--gradient--green-yellow,linear-gradient(135deg,#c4e3cb,#f8e7ae));
	/* bočný okraj obsahu – rastie so šírkou obrazovky */
	--gut:clamp(1rem,4vw,6rem);
}
/* písmo sa plynulo zväčšuje s obrazovkou, aby obsah vypĺňal aj veľmi veľký monitor */
html{font-size:clamp(15px,calc(8.5px + .55vw),24px)}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;overflow-x:hidden}
img{max-width:100%;height:auto}
p{margin:.3rem 0}
h1,h2,h3,h4{margin:0 0 .4rem}
h1{font-size:2.4rem}h2{font-size:1.6rem}h3{font-size:1.05rem}
.wp-site-blocks{min-height:100vh;display:flex;flex-direction:column}
.site-main{flex:1;width:100%}
.wp-block-buttons{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.8rem}
.wp-block-button__link{text-decoration:none}
.wp-block-button.is-style-outline>.wp-block-button__link{background:transparent;color:var(--g);border:2px solid var(--g);padding:calc(.6rem - 2px) calc(1.3rem - 2px)}
.wp-block-button.is-style-outline>.wp-block-button__link:hover{background:var(--g);color:#fff}
.mu{color:var(--mu);margin-bottom:1rem}
.mt{margin-top:2rem!important}

/* ===================================================== hlavička */
.site-header{position:sticky;top:var(--wp-admin--admin-bar--height,0px);z-index:50;background:var(--bg);border-bottom:1px solid var(--bd)}
.site-header::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:4px;background:var(--gy);pointer-events:none}
.bar{display:flex;align-items:center;gap:1rem;padding:.6rem var(--gut);width:100%}
.logo{display:flex;align-items:center;gap:.7rem;flex:none}
.logo .wp-block-image{margin:0;flex:none}
.logo .wp-block-image img{height:3rem;width:auto;display:block}
.logo-t{margin:0;font-weight:800;color:var(--g2);line-height:1.1;font-size:1rem}
.logo-t a{color:inherit;text-decoration:none}
.logo-s{margin:0;font-size:.72rem;color:var(--mu);font-weight:500;line-height:1.3}
.main-nav{margin-left:auto}
.main-nav .wp-block-navigation__container{gap:.1rem .2rem}
.main-nav .wp-block-navigation-item__content{display:block;padding:.4rem .6rem!important;font-size:.95rem;color:var(--tx);text-decoration:none;border-bottom:2px solid transparent;transition:color .15s}
.main-nav .wp-block-navigation-item__content:hover{color:var(--g2)}
/* aktívna (kliknutá) položka menu = zelený text */
.main-nav .wp-block-navigation-item__content:active,
.main-nav .current-menu-item>.wp-block-navigation-item__content,
.main-nav .wp-block-navigation-item__content[aria-current="page"]{color:var(--act)}
.main-nav .current-menu-item>.wp-block-navigation-item__content,
.main-nav .wp-block-navigation-item__content[aria-current="page"]{border-bottom-color:var(--acc);font-weight:700}

/* tlačidlo mobilného menu – pravý horný roh */
.main-nav .wp-block-navigation__responsive-container-open,
.main-nav .wp-block-navigation__responsive-container-close{background:var(--g);color:#fff;border-radius:12px;width:2.9rem;height:2.9rem;align-items:center;justify-content:center}
.main-nav .wp-block-navigation__responsive-container-open svg,
.main-nav .wp-block-navigation__responsive-container-close svg{fill:#fff;width:1.6rem;height:1.6rem}
/* rozbalené menu – položky v strede obrazovky, väčšie písmo */
.main-nav .wp-block-navigation__responsive-container.is-menu-open{background:var(--bg)!important;color:var(--tx)!important;padding:1rem var(--gut)!important}
.main-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close{position:absolute;top:.6rem;right:0}
.main-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content{align-items:center!important;justify-content:center!important;min-height:calc(100vh - 2rem);padding-top:0!important}
.main-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container{align-items:center!important;justify-content:center!important;gap:.35rem!important}
.main-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item{align-items:center!important;justify-content:center}
.main-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content{font-size:1.55rem!important;font-weight:700;padding:.5rem 1.2rem!important;border-bottom-width:3px;text-align:center}
/* mobilné menu sa používa až do šírky 800 px */
@media (max-width:800px){
	.main-nav .wp-block-navigation__responsive-container-open:not(.always-shown){display:flex!important}
	.main-nav .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open){display:none!important}
	.main-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close{display:flex!important}
	.main-nav .wp-block-navigation__responsive-container.is-menu-open{display:flex!important;position:fixed!important;inset:0!important;z-index:100000!important;overflow:auto}
	.main-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container{flex-direction:column!important}
	.logo .wp-block-image img{height:2.7rem}
}

/* ===================================================== horná časť stránky (hero) */
.hero{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;min-height:22rem;padding-left:var(--gut);background:linear-gradient(100deg,var(--cream) 30%,transparent 75%),var(--gy)}
.hero-home{min-height:28rem}
.ht{align-self:center;padding:2.5rem 2rem 2.5rem 0}
.hero h1{font-size:clamp(2rem,3.4vw,3.4rem);color:var(--g);line-height:1.15}
.script{font-family:var(--wp--preset--font-family--script);font-size:1.6rem;color:var(--g2);margin:0 0 .3rem;line-height:1.3}
.hph{position:relative;margin:0!important;min-height:22rem;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 35%);mask-image:linear-gradient(90deg,transparent,#000 35%)}
.hph img{position:absolute;inset:0;width:100%!important;height:100%!important;max-width:none;object-fit:cover;object-position:75% 60%}
.op-58-35 img{object-position:58% 35%}.op-50-40 img{object-position:50% 40%}.op-60-40 img{object-position:60% 40%}
.op-50-50 img{object-position:50% 50%}.op-10-30 img{object-position:10% 30%}.op-35-30 img{object-position:35% 30%}
.hero.arch .hph{-webkit-mask-image:none;mask-image:none;border-radius:20rem 0 0 20rem}
.hero.frame{gap:2.5rem}
.hero.frame .hph{-webkit-mask-image:none;mask-image:none;border-radius:28px;border:6px solid #fff;box-shadow:0 14px 34px rgba(27,77,62,.18);align-self:center;height:17rem;min-height:0;margin-right:var(--gut)!important;transform:rotate(1.2deg)}

/* ===================================================== obsahové sekcie – celá šírka */
.wrap{width:100%;padding:2.6rem var(--gut)}
.wrap h2::after{content:"";display:block;width:3.2rem;height:4px;border-radius:4px;background:var(--gy);margin-top:.35rem}
.wrap .panel h2::after,.wrap .card h2::after{display:none}
.lead{text-align:center;margin:0 0 1.6rem!important;font-size:1.05rem}
.sec{margin-top:2.4rem}

.cards{display:grid;gap:1.2rem;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr))}
.card{position:relative;text-align:center;padding:5rem 1rem 1.2rem}
.card h3{font-size:1.08rem}
.card p{font-size:.9rem;color:var(--mu)}
.cards.c .card{background:var(--cream);border:1px solid var(--bd);border-radius:18px}
.cards.c3{grid-template-columns:repeat(auto-fit,minmax(18rem,1fr))}
/* farebný kruh s bielou ikonou */
[class*=" ic-"]::before,[class^="ic-"]::before{content:"";position:absolute;top:1.1rem;left:50%;width:3.5rem;height:3.5rem;margin-left:-1.75rem;border-radius:50%;background:var(--icbg,#8cc9a0)}
[class*=" ic-"]::after,[class^="ic-"]::after{content:"";position:absolute;top:1.95rem;left:50%;width:1.8rem;height:1.8rem;margin-left:-.9rem;background:#fff;-webkit-mask:var(--ico) center/contain no-repeat;mask:var(--ico) center/contain no-repeat}
.cards>.card:nth-child(4n+1){--icbg:#f5d98f}.cards>.card:nth-child(4n+2){--icbg:#f09a8f}
.cards>.card:nth-child(4n+3){--icbg:#8cc9a0}.cards>.card:nth-child(4n+4){--icbg:#8fc3e8}
.post-card{padding-top:1.2rem}

.panel{display:grid;gap:2rem;grid-template-columns:1fr 1fr;align-items:center;margin-top:1.6rem;padding:1.6rem;border-radius:26px;background:var(--gy)}
.panel .pimg{margin:0}
.panel .pimg img{display:block;width:100%;height:100%;min-height:15rem;max-height:30rem;object-fit:cover;border-radius:20px}
.panel.cta{grid-template-columns:1fr auto}
.panel.cta h2{margin:0}
.panel.cta .wp-block-buttons{margin:0}
.panel-block{display:block;margin:0}
.two{display:grid;gap:2rem;grid-template-columns:1fr 1fr;align-items:center;margin-top:1.6rem}
.quote{background:var(--cream);border-radius:18px;padding:1.3rem 1.6rem;font-style:italic;color:var(--g2);text-align:center}
.quote-big{margin-top:2.4rem!important;font-size:1.1rem;line-height:1.8;padding:1.8rem 2.4rem}
.qband{margin:0!important;background:var(--gy);text-align:center;font-style:italic;color:var(--g2);font-size:1.05rem;padding:1.8rem var(--gut);border-radius:60% 60% 0 0/30px 30px 0 0}

.facts{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));margin-top:1rem}
.fact{background:var(--card);border:1px solid var(--bd);border-radius:16px;padding:1rem 1.1rem}
.fact-t{font-weight:800;font-size:1.25rem;color:var(--g2);margin:0}
.fact-d{font-size:.9rem;color:var(--mu)}

.team{display:grid;gap:1.2rem;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));margin-top:1rem}
.tcard{border:3px solid transparent;border-radius:22px;padding:1rem;text-align:center;display:flex;flex-direction:column;justify-content:center;min-height:7.5rem;background:linear-gradient(var(--cream),var(--cream)) padding-box,var(--gy) border-box}
.tcard h3{margin:.2rem 0 .1rem}
.tcard p{color:var(--mu);font-size:.88rem;font-weight:700;margin:0}

.goal{display:grid;gap:2rem;grid-template-columns:1.1fr 1fr;background:var(--card);border:1px solid var(--bd);border-radius:22px;padding:1.6rem;margin-bottom:2.4rem}
.chk{list-style:none;padding:0;margin:.5rem 0 0;display:grid;gap:.4rem}
.chk li{position:relative;padding-left:1.7rem}
.chk li::before{content:"✓";position:absolute;left:0;top:.2rem;width:1.2rem;height:1.2rem;border-radius:50%;background:var(--g2);color:#fff;font-size:.75rem;font-weight:800;display:grid;place-items:center}
.note2{border-left:5px solid var(--acc);background:var(--card);border-radius:12px;padding:.9rem 1.1rem;margin-top:1.2rem!important;font-size:.95rem}
.note2-g{border-left-color:var(--g2)}

.steps{counter-reset:st;display:grid;gap:1rem;margin-top:1rem}
.step{counter-increment:st;position:relative;background:var(--cream);border:1px solid var(--bd);border-radius:18px;padding:1.1rem 1.2rem 1.1rem 4.2rem}
.step::before{content:counter(st);position:absolute;left:1rem;top:1rem;width:2.2rem;height:2.2rem;border-radius:50%;background:var(--g);color:#fff;font-weight:800;display:grid;place-items:center}
.step ul{margin:.4rem 0;padding-left:1.2rem}.step li{margin:.2rem 0}
.step .wp-block-buttons{margin-top:.6rem}

.dsec{margin-top:2rem}.dsec:first-child{margin-top:0}
.dl{display:grid;gap:.7rem}
.doc{position:relative;display:flex;align-items:center;gap:1rem;padding:.9rem 1.1rem .9rem 4.6rem;border:1px solid var(--bd);border-radius:16px;background:var(--card);min-height:4.5rem}
.doc::before{top:50%;left:1rem;margin:-1.5rem 0 0;width:3rem;height:3rem}
.doc::after{top:50%;left:1.75rem;margin:-.75rem 0 0;width:1.5rem;height:1.5rem}
.dl>.doc:nth-child(4n+1){--icbg:#f5d98f}.dl>.doc:nth-child(4n+2){--icbg:#f09a8f}.dl>.doc:nth-child(4n+3){--icbg:#8cc9a0}.dl>.doc:nth-child(4n+4){--icbg:#8fc3e8}
.doc-t{flex:1}
.doc h3{font-size:1.02rem;margin:0;color:var(--tx)}
.doc-m{color:var(--mu);font-size:.82rem;margin:0}
.doc .wp-block-buttons{margin:0 0 0 auto}

/* kontaktné údaje s ikonami */
.info{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:1.2rem 1.6rem;align-items:start;margin-bottom:1.6rem}
.ci{position:relative;padding-left:2.3rem;margin:.6rem 0}
.info>.ci,.info>.ci:first-child{margin:0}
.ci::before{content:"";position:absolute;left:0;top:.15rem;width:1.5rem;height:1.5rem;background:var(--g2);-webkit-mask:var(--ico) center/contain no-repeat;mask:var(--ico) center/contain no-repeat}
.ci a{color:inherit;text-decoration:none}
.mapw{display:flex;flex-direction:column;gap:.4rem;min-height:16rem}
.map{flex:1;width:100%;min-height:16rem;border:0;border-radius:20px;background:#e8efe6;display:block}
.ml{font-size:.88rem;font-weight:600}.ml a{color:var(--g);text-decoration:none}

/* ===================================================== galéria */
.gal-filter{display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 1.2rem}
.gal-filter button{padding:.4rem 1rem;border-radius:99px;border:1px solid var(--bd);background:var(--card);color:var(--tx);font:inherit;font-size:.88rem;cursor:pointer}
.gal-filter button.on{background:var(--g);border-color:var(--g);color:#fff}
.wp-block-gallery.stacionar-gal{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:1rem!important}
.wp-block-gallery.stacionar-gal>.wp-block-image{width:auto!important;margin:0!important;aspect-ratio:4/3;border-radius:16px;overflow:hidden;box-shadow:0 6px 18px rgba(27,77,62,.12);background:var(--lg)}
.wp-block-gallery.stacionar-gal>.wp-block-image img{width:100%!important;height:100%!important;object-fit:cover;transition:transform .35s}
.wp-block-gallery.stacionar-gal>.wp-block-image:hover img{transform:scale(1.04)}
.wp-block-gallery.stacionar-gal>.wp-block-image figcaption{font-size:.92rem!important;font-weight:700;text-align:left!important;padding:2rem .9rem .7rem!important;background:linear-gradient(transparent,rgba(15,45,35,.85))!important;max-height:none!important;overflow:visible!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;text-shadow:none!important}
.wp-block-gallery.stacionar-gal>.wp-block-image.is-hidden{display:none!important}

/* ===================================================== pätička */
.site-footer{position:relative;margin-top:3.6rem;background:var(--g);color:#e6f0e4;font-size:.88rem}
.site-footer::before{content:"";position:absolute;left:0;right:0;bottom:calc(100% - 1px);height:3.2rem;background:var(--g);-webkit-mask:var(--wave) center/100% 100% no-repeat;mask:var(--wave) center/100% 100% no-repeat}
.ft{display:grid;grid-template-columns:1.1fr 1.3fr 1.6fr;gap:1.4rem 2rem;align-items:center;padding:1rem var(--gut) 2rem}
.site-footer .logo-t{color:#fff}.site-footer .logo-s{color:#bcd5c6}
.site-footer .logo .wp-block-image img{height:3.6rem}
.site-footer a{color:inherit}
.fi{position:relative;padding-left:1.8rem;margin:.35rem 0}
.fi::before{content:"";position:absolute;left:0;top:.2rem;width:1.15rem;height:1.15rem;background:#e6f0e4;-webkit-mask:var(--ico) center/contain no-repeat;mask:var(--ico) center/contain no-repeat}
.fi a{text-decoration:none;border-bottom:1px solid rgba(230,240,228,.5)}
.fbw{margin-top:1rem!important}
.fbw .wp-social-link{background:#e6f0e4!important;color:var(--g)!important}
.vil{width:100%;max-width:26rem;justify-self:end;stroke:#cfe3d2;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.page404{min-height:40vh}

/* ===================================================== mobil / tablet */
@media (max-width:800px){
	.hero,.panel,.two,.goal{grid-template-columns:1fr}
	.hero{padding-left:var(--gut);min-height:0}
	.ht{padding:2rem var(--gut) 1.6rem 0}
	.hph{min-height:13rem;-webkit-mask-image:none;mask-image:none}
	.hero.arch .hph{border-radius:90px 0 0 0}
	.hero.frame{gap:0}
	.hero.frame .hph{height:13rem;margin:0 var(--gut) 1.5rem 0!important;transform:none}
	.panel.cta{grid-template-columns:1fr}
	.ft{grid-template-columns:1fr 1fr}
	.vil{grid-column:1/-1;justify-self:start}
}
@media (max-width:560px){
	.doc{flex-wrap:wrap}
	.doc .wp-block-buttons{margin:0;width:100%}
	.doc .wp-block-button,.doc .wp-block-button__link{width:100%;text-align:center}
	.wp-block-gallery.stacionar-gal{grid-template-columns:1fr 1fr;gap:.6rem!important}
	.wp-block-gallery.stacionar-gal>.wp-block-image figcaption{font-size:.78rem!important;padding:1.2rem .55rem .5rem!important}
	.ft{grid-template-columns:1fr}
}

/* medzery medzi sekciami – silnejšie ako predvolené štýly WordPressu */
.wrap .two,.wrap .panel{margin-top:1.6rem}
.wrap .panel-block{margin:0}
.wrap .sec{margin-top:2.4rem}
.wrap .facts,.wrap .team,.wrap .steps{margin-top:1rem}
.wrap .dsec{margin-top:2rem}
.wrap .dsec:first-child{margin-top:0}
.wrap .goal{margin-top:0}
.wrap .lead+.cards{margin-top:0}