/* Les listes de la page Downloads ([avavera_downloads], avavera-downloads.php).
   Chaque catégorie est un menu dépliant (<details>), fermé au départ : son
   nom sur un filet foncé, et un chevron. Ouverte, elle montre ses fichiers :
   les lignes de « Montageanleitung AVA INTEGRA® », plus haut sur la page, en
   plus petit, séparées par des filets gris, et un filet foncé pour finir.
   Entre deux catégories, ouvertes ou non, de l'air. */

.avavera-downloads {
	margin: 16px 0 75px;
	interpolate-size: allow-keywords;  /* pour l'ouverture en douceur, plus bas */
}

.avavera-downloads details + details {
	margin-top: 32px;
}


/* La catégorie ------------------------------------------------------------ */

.avavera-downloads summary {
	display: block;
	list-style: none;
	border-bottom: 1px solid #334155;
	cursor: pointer;
	transition: background-color .12s cubic-bezier(.45, .05, .55, .95);
}
.avavera-downloads summary::-webkit-details-marker {
	display: none;
}
.avavera-downloads__categorie {
	display: flex;
	align-items: center;
	gap: 16px;
	padding: 14px 0;
	font: 400 20px/1.3 "Open Sans", sans-serif;
	color: #1e293b;
	transition: transform .3s ease-in;
}
.avavera-downloads__nom {
	flex: 1;
}
.avavera-downloads__categorie svg {
	flex: none;
	width: 14px;
	height: 8px;
	transition: rotate .3s ease;
}
.avavera-downloads details[open] .avavera-downloads__categorie svg {
	rotate: 180deg;
}

/* L'ouverture en douceur, là où le navigateur sait le faire ; ailleurs, la
   catégorie s'ouvre d'un coup, sans autre différence. */
.avavera-downloads details::details-content {
	block-size: 0;
	overflow: hidden;
	transition: block-size .3s ease, content-visibility .3s allow-discrete;
}
.avavera-downloads details[open]::details-content {
	block-size: auto;
}


/* Les fichiers ------------------------------------------------------------ */

.avavera-downloads ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.avavera-downloads li {
	margin: 0;
	border-bottom: 1px solid #c5c5c5;
	transition: background-color .12s cubic-bezier(.45, .05, .55, .95);
}
.avavera-downloads li:last-child {
	border-bottom-color: #334155;
}

.avavera-downloads a {
	display: flex;
	align-items: center;
	gap: 16px;
	padding: 13px 0;
	font: 400 16px/1.5 "Open Sans", sans-serif;
	color: #334155;
	transition: transform .3s ease-in;
}
/* Plus précis que le soulignement des liens d'Astra (.ast-single-post .entry-content a). */
.avavera-downloads li > a:any-link {
	text-decoration: none;
}
.avavera-downloads__texte {
	flex: 1;
}
.avavera-downloads__format {
	font-size: 12px;
	letter-spacing: .08em;
	color: #64748b;
}
.avavera-downloads a svg {
	flex: none;
	width: 14px;
	height: 18px;
}


/* Au survol --------------------------------------------------------------- */

/* Comme la ligne « Montageanleitung AVA INTEGRA® » (réglages Stackable de la
   page) : fond gris, contenu réduit à 97 %. Le fond suit la ligne entière
   (summary, li), le contenu seul rétrécit : si toute la ligne rétrécissait,
   elle sortirait de sous la souris au bord, et l'effet clignoterait. */
.avavera-downloads summary:hover,
.avavera-downloads summary:focus-visible,
.avavera-downloads li:hover,
.avavera-downloads li:has(a:focus-visible) {
	background-color: #dfdfdf;
}
.avavera-downloads summary:hover .avavera-downloads__categorie,
.avavera-downloads summary:focus-visible .avavera-downloads__categorie,
.avavera-downloads li:hover a,
.avavera-downloads a:focus-visible {
	transform: scale(.97);
}


/* Une rubrique sans fichier : une seule ligne, sans lien, en gris. -------- */

.avavera-downloads .avavera-downloads__vide {
	margin: 0;
	padding: 13px 0;
	border-block: 1px solid #334155;
	font: 400 16px/1.5 "Open Sans", sans-serif;
	color: #64748b;
}

/* La dernière liste de la colonne (« Artikel ») n'a pas à repousser la fin
   de la section. */
.avavera-downloads:last-child {
	margin-bottom: 0;
}