/* ZŠ Bělá – spodní část detailu článku (static/clanek.php):
   datum + kategorie, sdílení, předchozí / další článek, zpět na aktuality. Hranaté jako zbytek webu. */
.zs-art-foot{
	--a-forest:#31645e; --a-deep:#1f4541; --a-cream:#ffe4aa; --a-line:#e7ebea; --a-soft:#f4f6f5;
	display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:18px 24px;
	margin:34px 0 4px; padding:22px 0 0; border-top:1px solid var(--a-line);
}
.zs-art-foot__meta{ display:flex; flex-wrap:wrap; gap:10px; }
.zs-art-chip{
	display:inline-flex; align-items:center; gap:8px; padding:8px 14px; font-size:14px; line-height:1.2;
	background:var(--a-soft); color:#4f5f5b; border:1px solid var(--a-line);
}
.zs-art-chip .fa{ color:var(--a-forest); }
a.zs-art-chip{ transition:background .25s, color .25s, border-color .25s; }
a.zs-art-chip:hover, a.zs-art-chip:focus-visible{ background:var(--a-forest); border-color:var(--a-forest); color:#fff; }
a.zs-art-chip:hover .fa, a.zs-art-chip:focus-visible .fa{ color:var(--a-cream); }

.zs-art-foot__share{ display:flex; align-items:center; gap:8px; }
.zs-art-foot__label{ font-size:13px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:#8a9894; margin-right:6px; }
.zs-share{
	position:relative; width:40px; height:40px; display:inline-grid; place-items:center; padding:0; cursor:pointer;
	border:1px solid var(--a-line); background:#fff; color:var(--a-forest); font-size:16px;
	transition:background .25s, color .25s, border-color .25s, transform .3s cubic-bezier(.2,.8,.2,1);
}
.zs-share:hover, .zs-share:focus-visible{ transform:translateY(-2px); color:#fff; outline:none; }
.zs-share--fb:hover, .zs-share--fb:focus-visible{ background:#1877f2; border-color:#1877f2; }
.zs-share--wa:hover, .zs-share--wa:focus-visible{ background:#25d366; border-color:#25d366; }
.zs-share--mail:hover, .zs-share--mail:focus-visible,
.zs-share--copy:hover, .zs-share--copy:focus-visible{ background:var(--a-forest); border-color:var(--a-forest); }
.zs-share__ok{
	position:absolute; right:0; bottom:calc(100% + 8px); white-space:nowrap; padding:6px 10px; font-size:12.5px; font-weight:600;
	background:var(--a-deep); color:#fff; opacity:0; transform:translateY(4px); pointer-events:none; transition:opacity .2s, transform .25s;
}
.zs-share--copy.is-copied{ background:var(--a-forest); border-color:var(--a-forest); color:#fff; }
.zs-share--copy.is-copied .zs-share__ok{ opacity:1; transform:none; }

/* předchozí / další */
.zs-art-nav{ display:grid; grid-template-columns:1fr 1fr; gap:20px; margin-top:28px; }
.zs-art-nav__item{
	display:flex; align-items:stretch; min-height:104px; background:#fff; border:1px solid #e7ebea; color:inherit;
	transition:border-color .25s, box-shadow .3s;
}
.zs-art-nav__item--next{ grid-column:2; text-align:right; }
.zs-art-nav__img{ flex:0 0 120px; overflow:hidden; background:#eeebe8; }
.zs-art-nav__img img{ width:100%; height:100%; object-fit:cover; display:block; transition:transform .6s cubic-bezier(.2,.8,.2,1); }
.zs-art-nav__txt{ flex:1; min-width:0; display:flex; flex-direction:column; justify-content:center; gap:4px; padding:14px 18px; }
.zs-art-nav__dir{ font-size:12px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:#31645e; }
.zs-art-nav__dir .fa{ transition:transform .3s cubic-bezier(.2,.8,.2,1); }
.zs-art-nav__title{
	font-family:'Gilroy-Bold', sans-serif; font-size:17px; line-height:1.3; color:#1e2b29;
	display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.zs-art-nav__date{ font-size:13px; color:#8a9391; }
.zs-art-nav__item:hover, .zs-art-nav__item:focus-visible{ border-color:#31645e; box-shadow:0 18px 30px -22px rgba(31,69,65,.6); outline:none; }
.zs-art-nav__item:hover .zs-art-nav__img img{ transform:scale(1.06); }
.zs-art-nav__item--prev:hover .zs-art-nav__dir .fa{ transform:translateX(-4px); }
.zs-art-nav__item--next:hover .zs-art-nav__dir .fa{ transform:translateX(4px); }

.zs-art-back{ margin-top:22px; text-align:center; }
.zs-art-back a{
	display:inline-flex; align-items:center; gap:10px; padding:12px 22px; border:1.5px solid #31645e; color:#31645e;
	font-weight:700; font-size:15px; transition:background .3s, color .3s;
}
.zs-art-back a:hover, .zs-art-back a:focus-visible{ background:#31645e; color:#fff; }

/* původní řádek „Kategorie / Sdílet“ a tlačítka Předchozí/Následující šablony už nejsou */
@media (max-width:767px){
	.zs-art-foot{ flex-direction:column; align-items:flex-start; }
	.zs-art-nav{ grid-template-columns:1fr; }
	.zs-art-nav__item--next{ grid-column:auto; }
	.zs-art-nav__img{ flex-basis:96px; }
}