/**
 * DTW – Starting List e Ranking: stili specifici della pagina.
 * Comune in dtw-base.css. Valori estratti da post-6199.css.
 */

/* ============ TESTATA ============ */
.dtw-page .dtw-sl-head {
	background-color: var(--dtw-primary);
	padding: 100px 0 50px 0;
}
.dtw-page .dtw-sl-head__inner {
	width: 100%; /* sezione full width: nessun contenitore boxed */
	padding: 10px; /* padding di colonna Elementor */
	text-align: center;
}
/* titolo grande solo contorno, dietro al titolo vero */
.dtw-page .dtw-sl-head__ghost {
	font-family: "Josefin Sans Outline", "Josefin Sans", Sans-serif;
	font-weight: 700;
	font-size: 100px;
	line-height: 1.18;
	letter-spacing: 0;
	text-transform: uppercase;
	color: transparent;
	-webkit-text-fill-color: transparent;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: var(--dtw-white);
	paint-order: stroke fill;
	text-rendering: geometricPrecision;
	-webkit-font-smoothing: antialiased;
	white-space: normal;
	overflow-wrap: normal;
	word-break: normal;
	margin-bottom: 20px; /* spaziatura widget del kit */
}
.dtw-page .dtw-sl-head__title {
	font-size: 50px;
	font-weight: 900;
	text-transform: uppercase;
	color: var(--dtw-white);
	margin-bottom: 30px; /* 10px custom + 20px kit */
}
.dtw-page .dtw-sl-head__spacer { height: 50px; margin-bottom: 20px; }
.dtw-page .dtw-sl-head__breadcrumb {
	display: block;
	width: fit-content;
	margin: 0 auto;
	font-family: "DM Sans", Sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 1;
	color: var(--dtw-white);
}
.dtw-page .dtw-sl-head__breadcrumb a {
	font-family: "DM Sans", Sans-serif;
	color: var(--dtw-white);
}
.dtw-page .dtw-sl-head__breadcrumb span { color: var(--dtw-teal); }

@media (max-width: 1024px) {
	.dtw-page .dtw-sl-head { padding: 150px 0 50px 0; }
	.dtw-page .dtw-sl-head__ghost { font-size: 56px; }
	.dtw-page .dtw-sl-head__title { font-size: 45px; margin-bottom: 20px; }
}
@media (max-width: 767px) {
	.dtw-page .dtw-sl-head__ghost { font-size: 45px; }
	.dtw-page .dtw-sl-head__title { font-size: 20px; }
	.dtw-page .dtw-sl-head__spacer { height: 20px; }
}

/* ============ ELENCO A FISARMONICA ============ */
.dtw-page .dtw-sl-list {
	background-color: var(--dtw-primary);
	padding: 50px 0;
}
.dtw-page .dtw-sl-list__inner {
	max-width: 1200px;
	margin: 0 auto;
	padding: 10px; /* padding di colonna Elementor */
}
.dtw-page .dtw-sl-list__spacer { height: 50px; }

/* voce: <details> nativo, con lo stesso aspetto del widget toggle */
.dtw-page .dtw-toggle { text-align: start; }
.dtw-page .dtw-toggle__title {
	display: block;
	padding: 15px;
	border-bottom: 1px solid var(--dtw-teal);
	font-family: "Josefin Sans", Sans-serif;
	font-size: 20px;
	font-weight: 700;
	line-height: 1;
	color: var(--dtw-teal);
	cursor: pointer;
	list-style: none; /* via il triangolino di default */
	outline: none;
}
.dtw-page .dtw-toggle__title::-webkit-details-marker { display: none; }
.dtw-page .dtw-toggle__item[open] > .dtw-toggle__title { border-bottom: none; }

.dtw-page .dtw-toggle__icon {
	display: inline-block;
	width: 1em;
	margin-inline-start: -5px;
	fill: var(--dtw-teal);
}
.dtw-page .dtw-toggle__icon svg { vertical-align: baseline; }
.dtw-page .dtw-toggle__icon--open { display: none; }
.dtw-page .dtw-toggle__item[open] .dtw-toggle__icon--closed { display: none; }
.dtw-page .dtw-toggle__item[open] .dtw-toggle__icon--open { display: inline-block; }

.dtw-page .dtw-toggle__content {
	padding: 15px;
	border-bottom: 1px solid var(--dtw-teal);
	color: var(--dtw-teal);
	font-family: "DM Sans", Sans-serif;
}
.dtw-page .dtw-toggle__content p { margin: 0 0 1em 0; }
.dtw-page .dtw-toggle__content p:last-child { margin-bottom: 0; }
.dtw-page .dtw-toggle__content a {
	color: var(--dtw-teal);
	text-decoration: underline;
}
.dtw-page .dtw-toggle__content a:hover { color: var(--dtw-white); }

/* contenuto scritto dall'editor di WordPress */
.dtw-page .dtw-sl-content { color: var(--dtw-white); }
.dtw-page .dtw-sl-content a { color: var(--dtw-teal); }

@media (max-width: 767px) {
	.dtw-page .dtw-toggle__title { padding: 12px 10px; }
	.dtw-page .dtw-toggle__content { padding: 12px 10px; }
}