/*
 * D'ARS Magazine: stili dei componenti.
 * Colori, font e misure di base sono in theme.json; le misure di riferimento
 * del vecchio tema sono in docs/riferimento-grafico.md.
 */

/* ---------- Struttura ---------- */

/* Il testo base è Lato 300: "bolder" darebbe solo 400. */
strong,
b {
	font-weight: 700;
}

.wp-site-blocks {
	padding: 0;
}

.wp-site-blocks > * + * {
	margin-block-start: 0;
}

/* La pagina occupa almeno tutto lo schermo: sulle pagine corte il footer resta in fondo. */
.wp-site-blocks {
	display: flex;
	flex-direction: column;
	min-height: calc(100vh - var(--wp-admin--admin-bar--height, 0px));
}

/* Nella colonna i blocchi con margini automatici (dars-container) si stringerebbero al contenuto. */
.wp-site-blocks > * {
	box-sizing: border-box;
	width: 100%;
}

.wp-site-blocks > .dars-footer-wrap {
	margin-top: auto;
}

/* Con la colonna flex i margini finali non si sommano più al margine del footer: li azzero
   così restano sempre 50px sopra il footer. */
.dars-home > .dars-section:last-child,
.dars-team > .dars-author-box:last-child,
.wp-site-blocks > .dars-related,
.wp-site-blocks > .dars-cat-slider {
	margin-bottom: 0;
}

.dars-container {
	box-sizing: border-box;
	max-width: 1200px;
	margin-inline: auto;
	padding-inline: 20px;
}

.dars-main {
	min-height: 40vh;
}

/* Pagine che non iniziano con il breadcrumb: stessi 50px sotto l'header. */
.search .dars-main,
.author .dars-main,
.error404 .dars-main,
.page-template-authors-temp .dars-main {
	padding-top: 50px;
}

.search .dars-main > :first-child,
.error404 .dars-main > :first-child,
.page-template-authors-temp .dars-main > :first-child,
.dars-author > .dars-icon-title:first-child {
	margin-top: 0;
}

/* Linea decorativa 43×2 sotto i titoli di sezione. */
.dars-block-title,
.dars-section-title {
	position: relative;
	padding-bottom: 13px;
}

.dars-block-title::after,
.dars-section-title::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 43px;
	height: 2px;
	background: var(--wp--preset--color--nero);
}

/* ---------- Header ---------- */

.dars-topbar {
	background: var(--wp--preset--color--bianco);
	border-bottom: 1px solid var(--wp--preset--color--grigio-chiaro);
	line-height: 35px;
}

.dars-topbar__inner {
	gap: 0;
	min-height: 35px;
}

.dars-topmenu {
	font-size: 13px;
	font-weight: 700;
	text-transform: none;
	gap: 0;
}

.dars-topmenu .wp-block-navigation-item__content {
	display: block;
	padding: 0 14px;
	color: var(--wp--preset--color--nero);
	line-height: 35px;
}

.dars-topmenu .wp-block-navigation-item__content:hover {
	color: var(--wp--preset--color--hover);
}

.dars-social {
	margin: 0 0 0 1px;
}

.dars-social .wp-social-link a {
	padding: 0;
}

/* Ricerca: lente nella barra bianca, pannello che compare sotto la barra sopra la pagina. */
.dars-header {
	position: relative;
}

.dars-searchtoggle {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 35px;
	height: 35px;
	margin-left: auto;
	padding: 0;
	border: 0;
	background: none;
	color: var(--wp--preset--color--nero);
	cursor: pointer;
}

.dars-topbar__inner > .dars-searchtoggle {
	margin-left: auto;
}

.dars-searchtoggle:hover,
.dars-searchtoggle[aria-expanded="true"] {
	color: var(--wp--preset--color--hover);
}

.dars-searchpanel {
	display: none;
	position: absolute;
	top: 36px;
	right: max(16px, calc((100% - 1200px) / 2));
	z-index: 60;
	box-sizing: border-box;
	width: min(560px, calc(100% - 32px));
	margin: 0 !important;
	padding: 16px;
	background: var(--wp--preset--color--bianco);
	border: 1px solid var(--wp--preset--color--bordo-scuro);
	box-shadow: 0 8px 20px rgba(0, 0, 0, .15);
}

.dars-searchpanel.is-open {
	display: block;
}

.dars-searchpanel__inner {
	gap: 12px;
}

.dars-searchpanel .dars-search {
	flex: 1;
	min-width: 0;
	margin: 0;
}

.dars-searchpanel .wp-block-search__inside-wrapper,
.dars-notfound-search .wp-block-search__inside-wrapper {
	gap: 8px;
}

.dars-searchpanel .wp-block-search__input,
.dars-notfound-search .wp-block-search__input {
	box-sizing: border-box;
	height: 48px;
	padding: 0 14px;
	border: 1px solid var(--wp--preset--color--nero);
	border-radius: 0;
	background: var(--wp--preset--color--bianco);
	color: var(--wp--preset--color--nero);
	font: 400 19px/1 var(--wp--preset--font-family--lato);
	min-width: 0;
}

.dars-searchpanel .wp-block-search__button,
.dars-notfound-search .wp-block-search__button {
	height: 48px;
	margin: 0;
	padding: 0 22px;
	border: 1px solid var(--wp--preset--color--nero);
	border-radius: 0;
	background: var(--wp--preset--color--nero);
	color: var(--wp--preset--color--bianco);
	font: 700 15px/1 var(--wp--preset--font-family--lato);
	text-transform: uppercase;
	cursor: pointer;
}

.dars-searchpanel .wp-block-search__button:hover,
.dars-notfound-search .wp-block-search__button:hover {
	background: var(--wp--preset--color--menu-attivo);
}

.dars-searchpanel__close {
	display: flex;
	flex: 0 0 auto;
	padding: 4px;
	border: 0;
	background: none;
	color: var(--wp--preset--color--nero);
	cursor: pointer;
}

@media (max-width: 599px) {
	.dars-searchpanel {
		padding: 12px;
	}

	.dars-searchpanel__inner {
		gap: 6px;
	}

	.dars-searchpanel .wp-block-search__button {
		padding: 0 12px;
	}
}

.dars-searchpanel__close:hover {
	color: var(--wp--preset--color--hover);
}

.dars-brand {
	background: var(--wp--preset--color--header);
	line-height: 0;
}

.dars-brand > * {
	display: flex;
	align-items: center;
	height: 110px;
}

.dars-logo img {
	display: block;
	width: 410px;
	max-width: 100%;
	height: auto;
}

.dars-mainnav {
	background: var(--wp--preset--color--nero);
	border-bottom: 1px solid var(--wp--preset--color--nero);
}

.dars-mainmenu {
	gap: 0;
	min-height: 47px;
	font-size: 15px;
	font-weight: 700;
	text-transform: uppercase;
}

.dars-mainmenu > .wp-block-navigation__container,
.dars-mainmenu .wp-block-navigation__responsive-container-content > .wp-block-navigation__container {
	gap: 0;
}

.dars-mainmenu .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content {
	display: block;
	padding: 0 15px 5px;
	line-height: 42px;
	color: var(--wp--preset--color--menu-testo);
	border-inline: 1px solid var(--wp--preset--color--nero);
}

.dars-mainmenu .wp-block-navigation__container > .wp-block-navigation-item:hover > .wp-block-navigation-item__content,
.dars-mainmenu .wp-block-navigation__container > .current-menu-item > .wp-block-navigation-item__content,
.dars-mainmenu .wp-block-navigation__container > .current-menu-ancestor > .wp-block-navigation-item__content {
	background: var(--wp--preset--color--menu-attivo);
}

.dars-mainmenu .wp-block-navigation__submenu-container {
	min-width: 210px !important;
	padding: 0;
	background: var(--wp--preset--color--nero) !important;
	border: 1px solid transparent !important;
	text-transform: uppercase;
}

.dars-mainmenu .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	padding: 11px 15px;
	font-size: 14px;
	font-weight: 400;
	line-height: 17px;
	color: var(--wp--preset--color--menu-testo);
}

.dars-mainmenu .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover {
	background: var(--wp--preset--color--menu-attivo);
}

/* Menu mobile: barra nera "Menu" che apre l'elenco a schermo intero. */
.dars-mainmenu .wp-block-navigation__responsive-container-open {
	display: flex;
	align-items: center;
	gap: 10px;
	width: 100%;
	height: 47px;
	color: var(--wp--preset--color--menu-testo);
	font: 300 17px/1 var(--wp--preset--font-family--lato);
	text-transform: none;
}

.dars-mainmenu .wp-block-navigation__responsive-container-open::after {
	content: "Menu";
}

@media (min-width: 600px) {
	.dars-mainmenu .wp-block-navigation__responsive-container-open {
		display: none;
	}
}

.dars-mainmenu .wp-block-navigation__responsive-container.is-menu-open {
	background: var(--wp--preset--color--nero) !important;
	color: var(--wp--preset--color--menu-testo) !important;
	padding: 20px;
}

.dars-mainmenu .is-menu-open .wp-block-navigation-item__content {
	padding: 8px 0 !important;
	border: 0 !important;
	line-height: 1.4 !important;
}

.dars-mainmenu .is-menu-open .wp-block-navigation__submenu-container {
	border: 0 !important;
	padding-left: 16px !important;
}

/* Avviso archivio: senza spazio sotto (il carosello di categoria ci si attacca). */
.dars-notice {
	padding: 10px 16px;
	margin: 0;
	border-bottom: 1px solid var(--wp--preset--color--bordo-scuro);
	color: var(--wp--preset--color--meta);
	font-size: 15px;
	font-weight: 700;
	line-height: 20px;
	letter-spacing: .02em;
}

.dars-notice p {
	margin: 0;
}

@media (max-width: 599px) {
	.dars-brand > * {
		height: auto;
		padding: 35px 16px;
	}

	.dars-logo img {
		width: 100%;
	}

	.dars-topbar__inner {
		justify-content: center;
	}
}

/* ---------- Footer ---------- */

/* Footer basso: copyright e link bianchi; testi modificabili dall'editor (parte "footer"). */
.dars-footer {
	box-sizing: border-box;
	min-height: 48px;
	margin-top: 50px;
	padding: 6px 16px;
	gap: 6px 24px;
	align-items: center;
	background: var(--wp--preset--color--nero);
	color: var(--wp--preset--color--bianco);
	font-size: 13px;
	line-height: 20px;
	text-align: center;
}

.dars-footer p {
	margin: 0;
}

.dars-footer__menu {
	gap: 6px 24px;
	font-size: 13px;
	font-weight: 300;
	text-transform: none;
}

.dars-footer a {
	color: var(--wp--preset--color--bianco);
	text-decoration: none;
}

.dars-footer a:hover {
	text-decoration: underline;
}

.dars-totop {
	position: fixed;
	right: 20px;
	bottom: 50px;
	z-index: 50;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	background: var(--wp--preset--color--nero);
	color: var(--wp--preset--color--bianco);
	opacity: 0;
	pointer-events: none;
	transition: opacity .2s;
}

.dars-totop.is-visible {
	opacity: 1;
	pointer-events: auto;
}

.dars-totop:hover {
	color: var(--wp--preset--color--hover);
}

/* ---------- Banner cookie ---------- */

.dars-cookie {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 100;
	padding: 6px 16px;
	background: var(--wp--preset--color--nero);
	color: var(--wp--preset--color--bianco);
	font-size: 12px;
	line-height: 27px;
	text-align: center;
}

.dars-cookie[hidden] {
	display: none;
}

.dars-cookie a {
	color: var(--wp--preset--color--footer-link);
	text-decoration: none;
}

.dars-cookie a:hover {
	color: var(--wp--preset--color--bianco);
}

/* ---------- Home: scroller per categoria ---------- */

.dars-home .dars-section {
	margin: 0 0 20px;
}

.dars-section-title {
	margin: 0 18px 18px;
	padding-top: 13px;
	font-size: 30px;
	line-height: 35px;
}

.dars-section-title a {
	color: var(--wp--preset--color--nero);
	font-weight: 700;
	text-decoration: none;
}

.dars-section-title a:hover {
	color: var(--wp--preset--color--hover);
}

/* Carosello (home, correlati, categoria): card 420px in proporzione 14:9,
   titolo in un riquadro bianco in basso, 8px tra le card. */
.dars-scroller .wp-block-post-template {
	display: flex;
	gap: 8px;
	margin: 0;
	padding: 0;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	scrollbar-width: none;
}

.dars-scroller .wp-block-post-template::-webkit-scrollbar {
	display: none;
}

.dars-scroller .wp-block-post {
	flex: 0 0 420px;
	margin: 0;
	scroll-snap-align: start;
}

.dars-card {
	position: relative;
	aspect-ratio: 14 / 9;
	overflow: hidden;
	background: var(--wp--preset--color--nero);
}

.dars-card .wp-block-post-featured-image {
	position: absolute;
	inset: 0;
	margin: 0;
}

.dars-card .wp-block-post-featured-image a {
	display: block;
	height: 100%;
}

.dars-card .wp-block-post-featured-image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.dars-card__caption {
	position: absolute;
	left: 8px;
	right: 8px;
	bottom: 8px;
	margin: 0 !important;
	padding: 7px 10px;
	background: var(--wp--preset--color--bianco);
	color: var(--wp--preset--color--nero);
	font-size: 19px;
	font-weight: 700;
	line-height: 1.26;
	text-align: left;
	text-transform: none;
}

.dars-card__caption a {
	color: var(--wp--preset--color--nero);
	text-decoration: none;
}

.dars-card:hover .dars-card__caption a {
	color: var(--wp--preset--color--hover);
}

.dars-arrows {
	display: flex;
	justify-content: space-between;
	padding: 6px 15px 0;
}

.dars-arrows button {
	display: flex;
	padding: 0;
	border: 0;
	background: none;
	color: var(--wp--preset--color--nero);
	cursor: pointer;
}

.dars-arrows button:hover {
	color: var(--wp--preset--color--hover);
}

/* Su mobile una card alla volta. */
@media (max-width: 599px) {
	.dars-scroller {
		padding-inline: 16px;
	}

	.dars-scroller .wp-block-post {
		flex-basis: 100%;
	}

	.dars-section-title {
		margin-inline: 16px;
	}
}

/* ---------- Categoria ---------- */

.dars-cat-slider {
	margin-bottom: 20px;
}

/* Contenitore senza rientri: griglia e descrizione allineate ai 1200px. */
.dars-container--flush {
	padding-inline: 0;
}

@media (max-width: 1231px) {
	.dars-container--flush {
		padding-inline: 16px;
	}
}

/* Breadcrumb come sul vecchio sito: "Home" senza rientro, voce corrente grande,
   icona RSS nera in fondo a destra. */
.dars-crumbs {
	display: flex;
	align-items: center;
	margin: 20px 0;
	padding: 0;
	border-bottom: 1px solid var(--wp--preset--color--bordo);
	font-size: 17px;
	line-height: 47px;
}

/* Senza il carosello sopra (Trimestrale, archivi, pagine) il breadcrumb si stacca dall'header. */
.dars-main > .dars-crumbs:first-child {
	margin-top: 50px;
}

.dars-cat-slider + .dars-main > .dars-crumbs:first-child,
.dars-cat-slider + .dars-main > .dars-termdesc:first-child {
	margin-top: 20px;
}

.dars-crumbs ol {
	flex: 1;
	margin: 0;
	padding: 0;
}

.dars-crumbs li::after {
	margin: 0 12px;
	color: var(--wp--preset--color--hover);
	opacity: 1;
}

.dars-crumbs a {
	color: var(--wp--preset--color--nero);
	text-decoration: none;
}

.dars-crumbs [aria-current] {
	font-size: 25px;
	font-weight: 700;
}

.single .dars-crumbs [aria-current],
.page .dars-crumbs [aria-current] {
	text-transform: uppercase;
	font-size: 22px;
}

.dars-crumbs__feed {
	display: flex;
	flex: 0 0 45px;
	align-items: center;
	justify-content: center;
	align-self: stretch;
	color: var(--wp--preset--color--nero) !important;
}

.dars-crumbs__feed:hover {
	color: var(--wp--preset--color--hover) !important;
}

/* Descrizione della categoria: HTML libero (blocchi di testo, immagini alignleft).
   Stessa resa del vecchio tema. */
.dars-termdesc {
	margin: 20px 0;
	padding-bottom: 15px;
	font-size: 17px;
	line-height: 27px;
}

.dars-termdesc::after {
	content: "";
	display: table;
	clear: both;
}

.dars-termdesc p {
	margin: 0;
}

.dars-termdesc :is(h1, h2, h3, h4, h5, h6) {
	margin: 0;
	font-size: 19.89px;
	font-weight: 300;
	line-height: 27px;
}

.dars-termdesc__blocco {
	margin-bottom: 20px;
}

.dars-termdesc img {
	max-width: 100%;
	height: auto;
}

.dars-termdesc .alignleft {
	float: left;
	margin: 0 25px 8px 0;
}

.dars-termdesc .alignright {
	float: right;
	margin: 0 0 .5em 1.5em;
}

.dars-termdesc .aligncenter {
	display: block;
	margin-inline: auto;
}

.dars-termdesc a {
	color: var(--wp--preset--color--link);
}

@media (max-width: 599px) {
	.dars-termdesc .alignleft,
	.dars-termdesc .alignright {
		float: none;
		margin: 0 0 15px;
	}
}

/* Griglia: 3 colonne. Sopra ogni card una linea nera con le etichette di tutte
   le categorie e la data; titolo nel riquadro bianco sull'immagine. */
.dars-grid .wp-block-post-template.is-layout-grid {
	gap: 24px 8px;
	margin: 0;
}

.dars-grid .wp-block-post {
	margin: 0;
}

.dars-gc__head {
	gap: 8px;
	margin: 2px 0 6px;
	padding: 2px 0;
	border-top: 1px solid var(--wp--preset--color--nero);
}

.dars-gc__labels {
	display: flex;
	flex-wrap: wrap;
	gap: 4px;
	margin: 0;
	font-size: 12px;
	font-weight: 700;
	line-height: 17px;
	letter-spacing: .04em;
	text-transform: uppercase;
}

.dars-gc__labels .wp-block-post-terms__separator {
	display: none;
}

.dars-gc__labels a {
	display: inline-block;
	padding: 3px 5px;
	background: var(--wp--preset--color--nero);
	color: var(--wp--preset--color--bianco);
	text-decoration: none;
}

.dars-gc__labels a:hover {
	background: var(--wp--preset--color--menu-attivo);
}

.dars-gc__date {
	flex: 0 0 auto;
	margin: 0;
	color: var(--wp--preset--color--nero);
	font-size: 12px;
	font-weight: 400;
	line-height: 23px;
}

.dars-gc__media {
	position: relative;
	margin: 0 0 10px;
	overflow: hidden;
	background: var(--wp--preset--color--nero);
}

.dars-gc__media .wp-block-post-featured-image {
	margin: 0;
}

.dars-gc__media .wp-block-post-featured-image img {
	display: block;
	width: 100%;
}

.dars-gc__title {
	position: absolute;
	left: 8px;
	right: 8px;
	bottom: 8px;
	margin: 0 !important;
	padding: 7px 10px;
	background: var(--wp--preset--color--bianco);
	font-size: 17px;
	font-weight: 700;
	line-height: 1.77;
}

.dars-gc__title a,
.dars-issue__title a {
	color: var(--wp--preset--color--nero);
	text-decoration: none;
}

.dars-gc__title a:hover,
.dars-issue__title a:hover {
	color: var(--wp--preset--color--hover);
}

@media (max-width: 599px) {
	.dars-grid .wp-block-post-template.is-layout-grid {
		grid-template-columns: minmax(0, 1fr);
	}
}

/* Paginazione: ‹ Precedente, numeri (corrente in nero), Successiva ›; su mobile "2 di 9". */
.dars-pagination {
	gap: 8px;
	margin: 40px 0 0;
	padding: 24px 0 0;
	border-top: 1px solid var(--wp--preset--color--bordo-scuro);
	font-size: 15px;
	line-height: 20px;
}

.dars-pagination > *,
.dars-pagination .page-numbers {
	margin: 0;
}

.dars-pagination .wp-block-query-pagination-numbers {
	display: flex;
	gap: 8px;
}

.dars-pagination a,
.dars-pagination .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	min-width: 40px;
	height: 40px;
	padding: 0 12px;
	border: 1px solid var(--wp--preset--color--bordo-scuro);
	color: var(--wp--preset--color--nero);
	text-decoration: none;
}

.dars-pagination .wp-block-query-pagination-previous,
.dars-pagination .wp-block-query-pagination-next {
	border-color: var(--wp--preset--color--nero);
}

.dars-pagination .current,
.dars-pagination a:hover {
	border-color: var(--wp--preset--color--nero);
	background: var(--wp--preset--color--nero);
	color: var(--wp--preset--color--bianco);
}

/* Paginazione della pagina autore (paginate_links in elenco). */
nav.dars-pagination {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
}

.dars-pagination ul.page-numbers {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 8px;
	min-width: 0;
	height: auto;
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
}

.dars-pagination .prev,
.dars-pagination .next {
	border-color: var(--wp--preset--color--nero);
}

.dars-pagination .dots {
	border: 0;
	color: var(--wp--preset--color--meta);
}

.dars-pagination__count {
	display: none;
	padding: 0 10px;
}

@media (max-width: 599px) {
	.dars-pagination .wp-block-query-pagination-numbers {
		display: none;
	}

	.dars-pagination__count {
		display: inline;
	}

	.dars-pagination ul.page-numbers li:has(> :not(.prev):not(.next)) {
		display: none;
	}

	/* Pagina autore: "‹ Precedente · 5 di 21 · Successiva ›". */
	.dars-author .dars-pagination ul.page-numbers {
		display: contents;
	}

	.dars-author .dars-pagination ul.page-numbers li:has(> .next) {
		order: 2;
	}

	.dars-author .dars-pagination__count {
		order: 1;
	}
}

.dars-search-title,
.dars-page-title {
	margin: 0 0 20px;
	font-size: 24px;
	font-weight: 700;
	line-height: 1.2;
}

/* ---------- Rivista ---------- */

.dars-issues .wp-block-post-template.is-layout-grid {
	gap: 30px 8px;
}

.dars-issues .wp-block-post-featured-image {
	margin: 0;
}

.dars-issues .wp-block-post-featured-image img {
	display: block;
	max-width: 100%;
	height: auto !important;
	aspect-ratio: 250 / 354;
	object-fit: cover;
}

.dars-issue__title {
	margin: 12px 0 0;
	color: var(--wp--preset--color--titolo-sezione);
	font-size: 19px;
	font-weight: 700;
	line-height: 24px;
	text-transform: uppercase;
}

.dars-issue__title a {
	color: var(--wp--preset--color--titolo-sezione);
}

@media (max-width: 781px) {
	.dars-issues .wp-block-post-template.is-layout-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 24px 8px;
	}

	.dars-issue__title {
		font-size: 15px;
		line-height: 20px;
	}
}

/* ---------- Articolo ---------- */

.single .dars-main {
	padding-top: 50px;
}

.dars-single {
	display: grid;
	grid-template-columns: 174px minmax(0, 1fr);
	gap: 23px;
	padding-bottom: 50px;
}

.dars-byline {
	align-self: start;
	padding: 6px 14px 20px 0;
	border-right: 1px solid var(--wp--preset--color--bordo);
	text-align: right;
}

.dars-byline > * {
	margin: 0;
}

.dars-byline .wp-block-avatar {
	display: flex;
	justify-content: flex-end;
}

.dars-byline .wp-block-avatar img {
	border-radius: 0;
}

/* Autori senza foto (es. darsmagazine): niente riquadro vuoto, il nome sale in cima. */
.dars-byline .wp-block-avatar:has(.avatar-default) {
	display: none;
}

.dars-byline .wp-block-avatar:has(.avatar-default) + .dars-byline__name {
	margin-top: 14px;
}

.dars-byline__name {
	margin-top: 15px;
	margin-bottom: 15px;
	font-weight: 700;
}

.dars-byline__name a {
	color: var(--wp--preset--color--meta);
	text-decoration: none;
}

.dars-byline__date,
.dars-byline__cats,
.dars-byline__cats a {
	color: var(--wp--preset--color--meta);
	font-size: 12px;
	line-height: 17px;
	text-decoration: none;
}

.dars-article__title {
	margin: 0 0 15px;
	padding-bottom: 15px;
	border-bottom: 2px solid var(--wp--preset--color--nero);
}

.dars-entry {
	color: var(--wp--preset--color--nero);
}

.dars-entry p {
	margin: 0 0 20px;
	text-align: left;
}

.dars-entry h2,
.dars-entry h3,
.dars-entry h4 {
	margin: 0 0 7px;
}

.dars-entry a {
	color: var(--wp--preset--color--link);
	text-decoration: underline;
}

.dars-entry a:hover {
	color: var(--wp--preset--color--hover);
}

.dars-entry img {
	max-width: 100%;
	height: auto;
}

/* Didascalie classiche ([caption]) e del blocco Immagine. */
.dars-entry .wp-caption,
.dars-entry .wp-block-image:has(figcaption) {
	box-sizing: content-box;
	max-width: 100%;
	margin: 30px 0;
	padding: 0;
	background: var(--wp--preset--color--grigio-chiaro);
	text-align: center;
}

.dars-entry .wp-caption img,
.dars-entry .wp-block-image:has(figcaption) img {
	display: block;
	margin: 0 0 6px;
	border-bottom: 2px solid var(--wp--preset--color--nero);
}

.dars-entry .wp-caption-text,
.dars-entry .wp-block-image figcaption {
	margin: 7px 0 0;
	padding: 0 10px 6px;
	color: var(--wp--preset--color--link);
	font-size: 15px;
	font-style: italic;
	line-height: 22px;
}

.dars-entry .alignleft {
	float: left;
	margin: 0 20px 20px 0;
}

.dars-entry .alignright {
	float: right;
	margin: 0 0 20px 20px;
}

.dars-entry .aligncenter {
	margin-inline: auto;
}

.dars-entry::after {
	content: "";
	display: table;
	clear: both;
}

.dars-share {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 50px 0 0;
}

.dars-share span {
	margin-right: 4px;
}

.dars-share a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: #666;
	color: var(--wp--preset--color--bianco);
}

.dars-share a:hover {
	opacity: .8;
}

.dars-share .dars-share-facebook {
	background: #3b5998;
}

.dars-share .dars-share-x {
	background: var(--wp--preset--color--nero);
}

.dars-share .dars-share-whatsapp {
	background: #25d366;
}

.dars-share .dars-share-telegram {
	background: #229ed9;
}

.dars-related {
	margin: 0 0 20px;
}

/* Tag neri preceduti da "tags:" (prefisso del blocco). */
.dars-tags {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px;
	margin: 50px 0 0;
	font-size: inherit;
	line-height: 32px;
}

.dars-tags .wp-block-post-terms__separator {
	display: none;
}

.dars-tags a {
	display: inline-block;
	padding: 0 12px;
	background: var(--wp--preset--color--nero);
	color: var(--wp--preset--color--bianco);
	font-size: 15px;
	font-weight: 400;
	line-height: 32px;
	text-decoration: none;
}

.dars-tags a:hover {
	background: var(--wp--preset--color--menu-attivo);
}

/* Precedente / successivo nella stessa categoria. */
.dars-postnav {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin: 50px 0 0;
	font-size: 15px;
	line-height: 22px;
}

/* Allineati alla colonna del testo: niente rientro verso l'esterno. */
.dars-postnav > * {
	margin: 0;
	padding: 10px 0;
}

.dars-postnav .post-navigation-link-previous {
	padding-right: 20px;
}

.dars-postnav .post-navigation-link-next {
	padding-left: 20px;
}

.dars-postnav .post-navigation-link-previous {
	grid-column: 1;
	border-right: 1px solid var(--wp--preset--color--bordo);
}

.dars-postnav .post-navigation-link-next {
	grid-column: 2;
	text-align: right;
}

.dars-postnav__label {
	display: block;
	margin-bottom: 4px;
	color: var(--wp--preset--color--meta);
	font-size: 12px;
	font-weight: 700;
	line-height: 17px;
	letter-spacing: .04em;
	text-transform: uppercase;
}

.dars-postnav a {
	color: var(--wp--preset--color--meta);
	text-decoration: none;
}

.dars-postnav a:hover {
	color: var(--wp--preset--color--hover);
}

@media (max-width: 781px) {
	.dars-single {
		grid-template-columns: minmax(0, 1fr);
		gap: 0;
	}

	.dars-byline {
		margin-bottom: 20px;
	}

	.single .dars-main {
		padding-top: 30px;
	}
}

/* ---------- Pagina ---------- */

.dars-page-content {
	max-width: 700px;
	font-size: 17px;
	line-height: 27px;
}

.dars-page-content > * {
	margin-block: 0 20px;
}

/* ---------- Titoli con icona (autore, redazione, 404) ---------- */

/* Riquadro nero 55×49 con freccia, nome 25px bold, riga sotto. */
.dars-icon-title {
	display: flex;
	align-items: center;
	margin: 20px 0;
	border-bottom: 1px solid var(--wp--preset--color--bordo);
	font-size: 25px;
	font-weight: 700;
	line-height: 47px;
}

.dars-icon-title h1 {
	flex: 1;
	margin: 0;
	font: inherit;
}

.dars-icon-title::before {
	content: "";
	flex: 0 0 61px;
	align-self: stretch;
	min-height: 47px;
	margin: -1px 9px -1px -1px;
	background: center / 61px 49px no-repeat;
}

.dars-icon-title--user::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 61 49'%3E%3Cpath d='M0 0h55v19l6 5.5-6 5.5v19H0z'/%3E%3Ccircle cx='27.5' cy='19.5' r='5' fill='%23fff'/%3E%3Cpath d='M17.5 34c0-5.5 4.5-9 10-9s10 3.5 10 9z' fill='%23fff'/%3E%3C/svg%3E");
}

.dars-icon-title--notfound::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 61 49'%3E%3Cpath d='M0 0h55v19l6 5.5-6 5.5v19H0z'/%3E%3Crect x='19.5' y='16.5' width='16' height='16' fill='none' stroke='%23fff' stroke-width='2'/%3E%3Cpath d='M23.5 20.5l8 8M31.5 20.5l-8 8' stroke='%23fff' stroke-width='2'/%3E%3C/svg%3E");
}

.dars-icon-title__feed {
	display: flex;
	align-items: center;
	justify-content: center;
	align-self: stretch;
	width: 45px;
	border-left: 1px solid var(--wp--preset--color--bordo-scuro);
	color: var(--wp--preset--color--nero);
}

.dars-icon-title__feed:hover {
	color: var(--wp--preset--color--hover);
}

/* ---------- Autore e redazione ---------- */

.dars-author {
	margin-inline: -20px;
}

.dars-author__cover {
	position: relative;
	height: 354px;
	background: var(--wp--preset--color--grigio-chiaro) center / cover no-repeat;
}

.dars-author-box {
	box-sizing: border-box;
	background: var(--wp--preset--color--bianco);
	border: 1px solid var(--wp--preset--color--bordo-scuro);
	color: var(--wp--preset--color--nero);
}

.dars-author__cover .dars-author-box {
	position: absolute;
	left: 25%;
	bottom: 0;
	width: 558px;
	max-width: 100%;
	min-height: 300px;
	border-bottom: 0;
}

.dars-author-box__content {
	padding: 20px;
}

.dars-author-box__content::after {
	content: "";
	display: table;
	clear: both;
}

.dars-author-box__content img {
	float: left;
	width: 80px;
	height: 80px;
	margin: 0 10px 0 0;
	object-fit: cover;
}

.dars-author-box__name {
	margin: 15px 0 12px;
	font-size: 17px;
	font-weight: 700;
	line-height: 27px;
}

.dars-author-box__name a {
	color: var(--wp--preset--color--nero);
	text-decoration: none;
}

.dars-author-box__name a:hover {
	color: var(--wp--preset--color--hover);
}

.dars-author-box__bio {
	margin: 0;
	font-weight: 400;
	font-size: 14px;
	line-height: 27px;
}

.dars-author-box__footer {
	margin: 0;
	padding: 0 15px;
	border-top: 1px solid var(--wp--preset--color--bordo-scuro);
	font-size: 17px;
	line-height: 41px;
	text-align: right;
}

.dars-team .dars-author-box {
	max-width: 700px;
	margin: 0 0 20px 15px;
}

.dars-team .dars-author-box__footer {
	background: var(--wp--preset--color--grigio-chiaro);
}

/* Timeline: etichette dei mesi su una linea centrale, card alternate ai lati. */
.dars-timeline {
	position: relative;
	max-width: 918px;
	margin: 20px auto 0;
	text-align: center;
}

.dars-timeline::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 50%;
	width: 1px;
	background: var(--wp--preset--color--bordo);
}

.dars-timeline__date {
	position: relative;
	display: inline-block;
	padding: 0 18px;
	background: var(--wp--preset--color--nero);
	color: var(--wp--preset--color--bianco);
	font-size: 14px;
	font-weight: 700;
	line-height: 40px;
	text-transform: uppercase;
}

.dars-timeline__posts {
	position: relative;
	display: grid;
	grid-template-columns: 1fr 1fr;
	column-gap: 40px;
	margin: 0;
	padding: 20px 0;
	list-style: none;
	text-align: left;
}

.dars-timeline__post {
	grid-column: 1;
	margin: 0 0 20px;
	padding: 15px 20px;
	background: #f9f9f9;
	border: 1px solid var(--wp--preset--color--bordo);
	font-size: 20px;
	line-height: 32px;
}

.dars-timeline__post:nth-child(even) {
	grid-column: 2;
	margin-top: 40px;
}

.dars-timeline__post::after {
	content: "";
	display: table;
	clear: both;
}

.dars-timeline__post h2 {
	margin: 0 0 15px;
	font-size: 19px;
	font-weight: 700;
	line-height: 24px;
}

.dars-timeline__post h2 a {
	color: var(--wp--preset--color--nero);
	text-decoration: none;
}

.dars-timeline__post h2 a:hover {
	color: var(--wp--preset--color--hover);
}

.dars-timeline__thumb {
	float: left;
	margin: 0 15px 0 0;
}

.dars-timeline__thumb img {
	display: block;
	width: 130px;
	height: 87px;
	object-fit: cover;
}

.dars-timeline__post p {
	margin: 0;
	font-weight: 400;
	font-size: 17px;
	line-height: 27px;
}

.dars-timeline__post time {
	display: block;
	clear: both;
	margin-top: 11px;
	color: var(--wp--preset--color--nero);
	font: 400 12px/27px var(--wp--preset--font-family--lora);
}

@media (max-width: 781px) {
	.dars-author {
		margin-inline: 0;
	}

	.dars-author__cover {
		height: auto;
		padding: 40px 0 0;
	}

	.dars-author__cover .dars-author-box {
		position: static;
		width: auto;
		min-height: 0;
		margin: 0 16px;
	}

	.dars-timeline::before {
		display: none;
	}

	.dars-timeline__posts {
		grid-template-columns: minmax(0, 1fr);
	}

	.dars-timeline__post:nth-child(even) {
		grid-column: 1;
		margin-top: 0;
	}
}

/* ---------- 404 ---------- */

.dars-notfound-text {
	margin: 30px 0 0;
	color: var(--wp--preset--color--nero);
	font-size: 17px;
	line-height: 27px;
}

.dars-notfound-search {
	max-width: 560px;
	margin: 30px auto 0;
}