/* ==========================================================================
   protoselido-single.css — single newspaper front-page page (md-frontpages
   plugin output rendered inside a WP Page). The plugin prints its own inline
   <style> (purple #667eea, rounded 20px cards, heavy shadows); here we override
   it to match the dimocracy brand: square edges (no image radius), red accent,
   serif titles, theme surfaces. Scoped to .md-frontpages-single-wrapper (only
   present on these pages) with !important to beat the plugin's inline styles.
   ========================================================================== */
.md-frontpages-single-wrapper{max-width:var(--container-max)!important;padding:28px 15px 56px!important;}

/* back link → slim red uppercase label */
.md-frontpages-single-wrapper .md-frontpages-back-link{
	display:inline-flex!important;align-items:center;gap:7px;
	background:transparent!important;box-shadow:none!important;border:0!important;border-radius:0!important;
	padding:0!important;margin-bottom:22px!important;
	font-family:var(--font-sans)!important;font-weight:700!important;font-size:12px!important;
	letter-spacing:.5px!important;text-transform:uppercase!important;color:var(--color-accent-red)!important;}
.md-frontpages-single-wrapper .md-frontpages-back-link:hover{transform:none!important;box-shadow:none!important;color:var(--color-ink)!important;}

/* header: clean centered title + date, hairline under */
.md-frontpages-single-header{
	background:transparent!important;box-shadow:none!important;border-radius:0!important;color:var(--color-ink)!important;
	padding:0 0 22px!important;margin-bottom:26px!important;border-bottom:1px solid var(--color-line)!important;}
.md-frontpages-single-title{
	font-family:var(--font-serif)!important;font-weight:700!important;font-size:34px!important;
	letter-spacing:-.4px!important;color:var(--color-ink)!important;text-shadow:none!important;margin:0 0 8px!important;}
.md-frontpages-single-date{
	font-family:var(--font-sans)!important;font-size:13px!important;font-weight:600!important;
	text-transform:uppercase!important;letter-spacing:.6px!important;color:var(--color-muted)!important;opacity:1!important;}

/* nav + date-nav panels: flat themed surface, no sticky overlap with site header */
.md-frontpages-single-date-navigation,
.md-frontpages-single-navigation{
	position:static!important;background:var(--color-bg-alt)!important;box-shadow:none!important;
	border:1px solid var(--color-line)!important;border-radius:0!important;}

/* date-nav controls */
.md-frontpages-date-nav-btn,
.md-frontpages-date-quick-select{
	border-radius:0!important;border:1px solid var(--color-line-strong)!important;background:#fff!important;
	color:var(--color-ink)!important;font-family:var(--font-sans)!important;font-weight:600!important;}
.md-frontpages-date-nav-btn:hover{
	background:var(--color-accent-red)!important;border-color:var(--color-accent-red)!important;color:#fff!important;
	box-shadow:none!important;transform:none!important;}
.md-frontpages-current-date-display{font-family:var(--font-serif)!important;color:var(--color-ink)!important;}
.md-frontpages-date-range-info{color:var(--color-faint)!important;}
.md-frontpages-date-calendar-btn{
	border-radius:999px!important;background:var(--color-ink)!important;color:#fff!important;font-family:var(--font-sans)!important;font-weight:600!important;}
.md-frontpages-date-calendar-btn:hover{background:var(--color-accent-red)!important;box-shadow:none!important;transform:none!important;}

/* thumbnail scroller (other papers) */
.md-frontpages-nav-arrow{
	border-radius:0!important;box-shadow:none!important;background:#fff!important;border:1px solid var(--color-line-strong)!important;}
.md-frontpages-nav-arrow:hover{background:var(--color-accent-red)!important;transform:translateY(-50%)!important;box-shadow:none!important;}
.md-frontpages-nav-arrow:hover svg{stroke:#fff!important;}
.md-frontpages-nav-item a{border-radius:0!important;padding:8px!important;}
.md-frontpages-nav-item:hover a{background:transparent!important;}
.md-frontpages-nav-item img{
	border-radius:0!important;border:1px solid var(--color-line)!important;
	box-shadow:0 1px 3px rgba(17,17,17,.12)!important;}
.md-frontpages-nav-item:hover img{transform:translateY(-4px)!important;box-shadow:0 12px 24px -12px rgba(17,17,17,.5)!important;}
.md-frontpages-nav-item.active img{border-color:var(--color-accent-red)!important;box-shadow:0 0 0 2px var(--color-accent-red)!important;}
.md-frontpages-nav-item p{font-family:var(--font-sans)!important;color:var(--color-muted)!important;font-weight:600!important;}

/* main front-page image: square, framed, subtle shadow */
.md-frontpages-single-content{background:transparent!important;box-shadow:none!important;border-radius:0!important;padding:0!important;margin-bottom:48px!important;}
.md-frontpages-single-image-wrapper{border-radius:0!important;}
.md-frontpages-single-image{
	border-radius:0!important;border:1px solid var(--color-line)!important;
	box-shadow:0 24px 54px -26px rgba(17,17,17,.55)!important;}

/* calendar popup → theme */
.md-frontpages-date-picker-popup{border-radius:0!important;border:1px solid var(--color-line-strong)!important;box-shadow:0 24px 54px -24px rgba(17,17,17,.5)!important;}
.md-frontpages-cal-day{border-radius:0!important;}
.md-frontpages-cal-day:hover,
.md-frontpages-cal-day.current{background:var(--color-accent-red)!important;color:#fff!important;}
.md-frontpages-date-shortcuts button{border-radius:0!important;}
.md-frontpages-date-shortcuts button:hover{background:var(--color-accent-red)!important;border-color:var(--color-accent-red)!important;color:#fff!important;}
.md-frontpages-month-navigation select{border-radius:0!important;}
.md-frontpages-close-picker:hover{background:var(--color-bg-alt)!important;color:var(--color-accent-red)!important;}