/* Onglets de la fiche en accordéon sur téléphone. Le pourquoi de chaque
 * règle est dans tabs-accordion.php, « Notes sur tabs-accordion.css » — ce
 * fichier est servi aux visiteurs, on y laisse le minimum. */

/* Boutons écrits par tabs-accordion.js : téléphone seulement. */
.cala-tab-toggle {
	display: none;
}

@media (max-width: 689.98px) {
	/* Rangée d'onglets masquée une fois le conteneur marqué par le script. */
	.woocommerce div.product div.woocommerce-tabs.cala-tabs-accordion > ul.wc-tabs {
		display: none;
	}
	/* Titre de chaque volet, dans la colonne de contenu : le bouton tient
	 * lieu de titre de section, il en prend la police et la couleur. */
	.woocommerce-tabs.cala-tabs-accordion .cala-tab-toggle {
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: var(--theme-container-width, 100%);
		max-width: var(--theme-block-max-width, none);
		margin: 0 auto;
		padding: 16px 0;
		border: 0;
		border-top: 1px solid var(--theme-border-color, rgba(0, 0, 0, 0.12));
		border-radius: 0;
		background: transparent;
		box-shadow: none;
		font-family: var(--brand-font-heading, Georgia, serif);
		font-size: 15px;
		font-weight: 400;
		letter-spacing: 0.05em;
		text-transform: uppercase;
		text-align: left;
		line-height: 1.3;
		color: var(--theme-headings-color, #333);
		cursor: pointer;
	}
	/* Chevron : vers le bas fermé, vers le haut ouvert. */
	.woocommerce-tabs.cala-tabs-accordion .cala-tab-toggle::after {
		content: "";
		flex: 0 0 auto;
		width: 8px;
		height: 8px;
		margin: 0 4px 4px 12px;
		border-right: 1px solid currentColor;
		border-bottom: 1px solid currentColor;
		transform: rotate(45deg);
		transition: transform 0.25s ease;
	}
	.woocommerce-tabs.cala-tabs-accordion .cala-tab-toggle[aria-expanded="true"]::after {
		margin: 4px 4px 0 12px;
		transform: rotate(225deg);
	}
	/* Volet ouvert : le bouton tient lieu de titre. */
	.woocommerce div.product div.woocommerce-tabs.cala-tabs-accordion div.panel.entry-content {
		margin-top: 0;
		margin-bottom: 0 !important;
		padding-top: 8px;
		padding-bottom: 32px;
	}
	/* Filet de fin sous le dernier bouton quand il est fermé seulement. */
	.woocommerce-tabs.cala-tabs-accordion .cala-tab-toggle:last-of-type[aria-expanded="false"] {
		border-bottom: 1px solid var(--theme-border-color, rgba(0, 0, 0, 0.12));
	}

	/* Titre du volet répétant le bouton (classe posée par tabs-accordion.js). */
	.woocommerce-tabs.cala-tabs-accordion .panel .cala-tab-heading-dup {
		display: none;
	}
	/* Fin du volet : marges de fin des blocs et paragraphe vide neutralisés. */
	.woocommerce-tabs.cala-tabs-accordion .panel > .stk-block-columns:last-of-type,
	.woocommerce-tabs.cala-tabs-accordion .panel > .stk-block-columns:last-of-type .stk-block-column__content {
		margin-bottom: 0 !important;
	}
	.woocommerce-tabs.cala-tabs-accordion .panel > p:empty {
		display: none;
	}
	/* Espace avant les avis, hors du rythme des volets ; leur filet du haut
	 * doublerait celui du dernier volet. */
	.woocommerce div.product div.woocommerce-tabs.cala-tabs-accordion {
		margin-bottom: 44px;
	}
	.woocommerce div.product div.woocommerce-tabs.cala-tabs-accordion + .reviews {
		border-top: 0;
	}
}