/*
 * 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
 */
%carousel-border-0 {
	border: 0;
}

%tabs-screen-sm-max-backwards-compat {
	> {
		details {
			border: 0;
			border-bottom: $tablist-screen-sm-seperator-border-color $tablist-screen-sm-seperator-border-style $tablist-screen-sm-seperator-border-width;
			border-bottom-left-radius: 0;
			border-bottom-right-radius: 0;

			&:last-of-type {
				border-bottom: 0;
			}

			&[style] {
				min-height: 0 !important;
			}

			> {
				summary {
					border: 0;
				}
			}

			&[open] {
				> {
					summary {
						border: 0;
						margin-bottom: 0;
					}
				}
			}
		}
	}
}

.wb-tabs {
	@extend %tabs-screen-sm-max-backwards-compat; /* Only for backwards compatibility. Should be removed in v4.1. */
	border: {
		color: $tablist-screen-sm-border-color;
		radius: $tablist-screen-sm-border-radius;
		style: $tablist-screen-sm-border-style;
		width: $tablist-screen-sm-border-width;
	}
	margin-bottom: 15px;
	padding: {
		left: 0;
		right: 0;
	}

	> {
		.tabpanels {
			@extend %tabs-screen-sm-max-backwards-compat;
		}
	}

	&.tabs-acc {
		> {
			ul {
				display: none;
			}
		}
	}

	&.carousel-s1 {
		@extend %carousel-border-0;
	}

	&.carousel-s2 {
		@extend %carousel-border-0;
	}
}
