/* Articles slider (themes/oddstemp/partials/articles-slider.php): the homepage's latest articles and the Επιτυχίες category's
   latest ones. Driven by scripts/flex-scroll.js (arrows + dots); Roboto Condensed @font-face comes from articles.css. */
.home-articles{
	--home-teal:#1fc2ab;
	--home-text:#1b1b1b;
	--home-muted:#9aa3ad;
	--home-line:#e9edf2;
	--home-font:'Roboto Condensed','Roboto',Arial,sans-serif;
}
/* style.css gives every element margin:0 auto, which collapses grid/flex items and centres short ones */
.home-articles *{margin:0}
/* latest articles slider: image left, text right; stacked on phones */
.home-articles{position:relative;overflow:hidden}
.home-articles .scroll-container{gap:0}
/* Figma proportions: card 754x303, image column 60% (about 1.5:1) */
.home-slide{display:grid;grid-template-columns:60% 1fr;aspect-ratio:754/303;min-height:0;overflow:hidden;font-family:var(--home-font);color:var(--home-text)}
/* whole image, never cropped (promo banners carry text to the edges); a blurred copy fills the spare space */
.home-slide-image{position:relative;display:block;overflow:hidden;background:#e1e7ed}
.home-slide-image::before{content:"";position:absolute;inset:-20px;background:var(--slide-bg) center/cover no-repeat;filter:blur(16px) brightness(.85)}
.home-slide-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block;margin:0}
.home-slide-body{display:flex;flex-direction:column;align-items:flex-start;min-height:0;overflow:hidden;padding:18px 24px 60px}
.home-slide-cat{font-size:12px;font-weight:700;letter-spacing:.3px;text-transform:uppercase;color:var(--home-teal);text-decoration:none}
.home-slide-cat:hover{color:var(--home-text)}
.home-slide-title{margin:8px 0 0;padding:0;border:0;font-family:var(--home-font);font-size:20px;font-weight:700;line-height:1.18;letter-spacing:0;text-transform:none;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.home-slide-title a{color:var(--home-text);text-decoration:none}
.home-slide-title a:hover{color:var(--home-teal)}
.home-slide-excerpt{margin:10px 0 0;font-family:var(--home-font);font-size:14px;line-height:1.38;color:var(--home-text);display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.home-slide-meta{display:flex;justify-content:space-between;gap:10px;width:100%;margin-top:auto;padding-top:14px;font-size:11px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:var(--home-muted)}
/* one set of arrows + dots for the whole slider, under the text column */
.home-articles-nav{position:absolute;left:60%;right:0;bottom:14px;margin:0}
.home-articles-nav .arrow{border:1px solid var(--home-line);background:#fff}

@media (max-width:640px){
	.home-slide{grid-template-columns:1fr;grid-template-rows:auto auto;aspect-ratio:auto}
	/* the featured images' own 710x475 shape, so they fit without the blurred side bars; inset by the body's 16px and rounded, like the article page's image */
	.home-slide-image{aspect-ratio:710/475;margin:16px 16px 0;border-radius:8px}
	.home-slide-body{padding:16px 16px 64px}
	.home-slide-title{font-size:21px}
	.home-slide-excerpt{font-size:15px;-webkit-line-clamp:3}
	.home-articles-nav{left:0;bottom:14px}
}