/* ==========================================================================
   DEDOMENO — protoselida.css : the "ψηφιακό περίπτερο" (md-frontpages plugin).
   Scoped under .protoselida-page so it overrides the plugin's inline <style>.
   Loaded on is_page('protoselida') after page.css.
   ========================================================================== */

.protoselida-page{padding:34px 0 64px;background:var(--color-bg)}
.protoselida__container{max-width:var(--container-wide,1280px)}

/* ---------- Themed header (single H1) ---------- */
.protoselida__header{text-align:center;max-width:760px;margin:0 auto 30px}
.protoselida__eyebrow{
	display:inline-flex;align-items:center;gap:7px;margin:0 0 12px;
	font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--color-meta)
}
.protoselida__eyebrow .brand-slashes{color:var(--color-brand);font-weight:900}
.protoselida__title{
	font-size:clamp(30px,4vw,46px);line-height:1.05;font-weight:900;letter-spacing:-.02em;
	color:var(--color-ink);margin:0
}
.protoselida__intro{font-size:16.5px;line-height:1.6;color:var(--color-muted);margin:16px auto 0;max-width:660px}
.protoselida__today{
	display:inline-block;margin:16px 0 0;padding:6px 16px;border-radius:999px;
	background:var(--color-bg-soft);border:1px solid var(--color-border);
	font-size:13px;font-weight:700;color:var(--color-ink);text-transform:capitalize
}

/* ---------- Plugin output, re-skinned ---------- */
.protoselida-page .md-frontpages-wrapper,
.protoselida-page .md-frontpages-shortcode-wrapper{max-width:none;margin:0;padding:0;font-family:inherit}
/* the plugin prints its own big title — hide it, our H1 already covers it */
.protoselida-page .md-frontpages-main-title{display:none}

/* date control bar — framed card, brand-red primary button */
.protoselida-page .md-frontpages-date-controls{
	display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;
	background:var(--color-bg-soft);border:1px solid var(--color-border);border-radius:14px;
	padding:16px 18px;margin:0 0 34px
}
.protoselida-page .md-frontpages-btn-today{
	background:var(--color-brand)!important;color:#fff!important;border:0!important;
	font-weight:800!important;letter-spacing:.04em;border-radius:999px!important;padding:11px 20px!important;
	box-shadow:0 5px 16px rgba(178,0,0,.26);transition:transform .16s ease,box-shadow .16s ease,filter .16s ease
}
.protoselida-page .md-frontpages-btn-today:hover{filter:brightness(1.07);transform:translateY(-1px);box-shadow:0 9px 22px rgba(178,0,0,.4)}
.protoselida-page .md-frontpages-btn-prev,
.protoselida-page .md-frontpages-btn-next{
	width:42px;height:42px;border-radius:50%!important;border:1px solid var(--color-border)!important;
	background:var(--color-bg)!important;color:var(--color-ink)!important;transition:background .15s ease,color .15s ease,border-color .15s ease
}
.protoselida-page .md-frontpages-btn-prev:hover,
.protoselida-page .md-frontpages-btn-next:hover{background:var(--color-brand)!important;border-color:var(--color-brand)!important;color:#fff!important}
.protoselida-page .md-frontpages-date-display{
	background:var(--color-bg)!important;border:1px solid var(--color-border)!important;border-radius:10px!important;
	font-weight:800!important;color:var(--color-ink)!important
}

/* category headings — editorial // + red rule, like the homepage sections */
.protoselida-page .md-frontpages-category{margin:0 0 34px}
.protoselida-page .md-frontpages-category-title{
	position:relative;display:flex;align-items:center;gap:12px;
	font-size:20px!important;font-weight:900!important;letter-spacing:.01em;text-transform:uppercase;
	color:var(--color-ink)!important;margin:0 0 18px!important;padding:0 0 12px!important;
	border-bottom:2px solid var(--color-hairline)!important;text-align:left!important
}
.protoselida-page .md-frontpages-category-title::before{
	content:"//";color:var(--color-brand);font-weight:900;font-size:20px;line-height:1
}
.protoselida-page .md-frontpages-category-title::after{
	content:"";position:absolute;left:0;bottom:-2px;width:74px;height:2px;background:var(--color-brand)
}

/* the grid + cards */
.protoselida-page .md-frontpages-grid{gap:22px!important}
.protoselida-page .md-frontpages-item{
	background:var(--color-bg)!important;border:1px solid var(--color-border)!important;border-radius:12px!important;
	overflow:hidden;box-shadow:0 2px 10px rgba(15,15,20,.05)!important;
	transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease
}
.protoselida-page .md-frontpages-item:hover{
	transform:translateY(-5px);border-color:var(--color-brand)!important;
	box-shadow:0 16px 34px rgba(15,15,20,.16)!important
}
.protoselida-page .md-frontpages-image-wrapper{overflow:hidden;background:var(--color-bg-soft)}
.protoselida-page .md-frontpages-image{transition:transform .35s ease;display:block}
.protoselida-page .md-frontpages-item:hover .md-frontpages-image{transform:scale(1.04)}
.protoselida-page .md-frontpages-item-info{padding:12px 14px 14px!important}
.protoselida-page .md-frontpages-title{
	font-size:13.5px!important;font-weight:800!important;line-height:1.3!important;color:var(--color-ink)!important;
	letter-spacing:.01em;text-transform:uppercase
}
.protoselida-page .md-frontpages-date{font-size:12px!important;color:var(--color-meta)!important;margin-top:4px!important}
.protoselida-page .md-frontpages-link:hover .md-frontpages-title{color:var(--color-brand)!important}

/* calendar popover */
.protoselida-page .md-frontpages-date-picker{
	border:1px solid var(--color-border)!important;border-radius:14px!important;
	box-shadow:0 18px 44px rgba(0,0,0,.16)!important
}

/* ---------- Responsive ---------- */
@media (max-width:767px){
	.protoselida-page{padding:22px 0 48px}
	.protoselida-page .md-frontpages-date-controls{padding:12px 14px;gap:10px}
	.protoselida-page .md-frontpages-grid{gap:14px!important}
	.protoselida-page .md-frontpages-category-title{font-size:17px!important}
}