/*
 * Web Experience Toolkit (WET) / Boîte à outils de l'expérience Web (BOEW)
 * wet-boew.github.io/wet-boew/License-en.html / wet-boew.github.io/wet-boew/Licence-fr.html
 */

/**
 * Mobile-friendly styles
 */

%tabs-noscript-details-summary-display-block-important {
	> {
		details {
			display: block;

			&[open] {
				> {
					summary {
						display: list-item !important;
					}
				}
			}
		}
	}
}

.wb-tabs {
	@extend %tabs-noscript-details-summary-display-block-important; /* Only for backwards compatibility. Should be removed in v4.1. */

	&.carousel-s2 {
		background: transparent;
	}

	> {
		.tabpanels {
			@extend %tabs-noscript-details-summary-display-block-important;
		}
	}

	.out {
		visibility: visible;
	}

	[role="tablist"] {
		display: none;
	}

	[role="tabpanel"] {
		animation: none;
		display: block !important;
		margin-bottom: .5em;
		opacity: 1;
		transform: none;
	}
}
