/*
 * De aanvulling op Woo's mini-cart; inc/modules/minicart.php legt uit waarom.
 *
 * Woo's klassen: .wc-block-components-drawer__screen-overlay is de dim met de
 * lade erin, en --is-hidden is dicht. "body" ervoor geeft deze regels voorrang
 * op Woo's eigen blad, in welke volgorde de bladen ook laden.
 */

/* Het tempo: de curve van het blokthema in plaats van Woo's ease. De duur
   blijft hier die van Woo (300 ms); een eigen duur zou hier ook de open lade
   laten animeren, want daar heeft Woo geen transition-property. Het sluiten
   volgt het token, in de regels voor de dichte stand hieronder. */
body .wc-block-components-drawer__screen-overlay,
body .wc-block-components-drawer__screen-overlay .wc-block-components-drawer {
	transition-timing-function: var(--wp--custom--curve);
	animation-timing-function: var(--wp--custom--curve);
}

/* Dicht: onzichtbaar, dus niet focusbaar en niet voor een schermlezer, maar
   pas na het uitschuiven van 300 ms. Openen maakt hem meteen zichtbaar: de
   regel zonder --is-hidden heeft geen overgang op visibility. Met minder
   beweging zet Woo alle overgangen uit (!important), en dan is het meteen. */
body .wc-block-components-drawer__screen-overlay--is-hidden {
	visibility: hidden;
	transition-property: opacity, visibility;
	transition-duration: var(--wp--custom--duur--standaard), 0s;
	transition-delay: 0s, var(--wp--custom--duur--standaard);
	transition-timing-function: var(--wp--custom--curve), linear;
}

/* Het uitschuiven van de lade op hetzelfde token als de stap hierboven: de
   laag wordt pas onzichtbaar als de lade uit beeld is, ook als het token
   verandert. Woo's eigen duur is een vaste .3s (taak 14; M2 uit de review
   van taak 13). Alleen in de dichte stand, dus de open lade krijgt geen
   eigen overgang. */
body .wc-block-components-drawer__screen-overlay--is-hidden .wc-block-components-drawer {
	transition-duration: var(--wp--custom--duur--standaard);
}