/**
 * Entree carte-cadeau repliable (facon « Ajouter un code promo ») dans le
 * panier / checkout en blocs.
 *
 * Les styles de la liste des cartes appliquees (.pwgc-applied-gift-cards*)
 * restent fournis par la feuille du plugin (blocks.css), toujours chargee.
 */

.pwgc-redeem-collapsible {
	display: block!important;
}

/* Bouton repliable : pleine largeur, libelle a gauche, chevron a droite. */
.pwgc-redeem-toggle {
	display: flex!important;
	align-items: center!important;
	justify-content: space-between!important;
	gap: 8px!important;
	width: 100%!important;
	margin: 0!important;
	padding: 4px 0!important;
	background: none!important;
	border: 0!important;
	cursor: pointer!important;
	color: inherit!important;
	font: inherit!important;
	text-align: left!important;
}

.pwgc-redeem-toggle:hover .pwgc-redeem-toggle-text,
.pwgc-redeem-toggle:focus-visible .pwgc-redeem-toggle-text {
	text-decoration: underline!important;
}

.pwgc-redeem-toggle-text {
	flex: 1 1 auto!important;
}

.pwgc-redeem-toggle-icon {
	flex: 0 0 auto!important;
	transition: transform 0.2s ease!important;
}

.pwgc-redeem-toggle.is-open .pwgc-redeem-toggle-icon {
	transform: rotate(180deg)!important;
}

/* Panneau deplie : champ + bouton. */
.pwgc-redeem-panel {
	margin-top: 8px!important;
}

/* Sur le checkout, le plugin ajoute padding:16px au conteneur ; on neutralise
   ce padding sur le wrapper repliable pour aligner le bouton avec le reste du
   recapitulatif, puis on le rend au panneau deplie. */
.wp-block-woocommerce-checkout #pwgc-redeem-gift-card-container.pwgc-redeem-collapsible {
	padding: 16px 16px 8px!important;
}


.pwgc-redeem-toggle:hover, .pwgc-redeem-toggle:focus-visible, .pwgc-redeem-toggle:focus {
	background-color: transparent!important;
	color: #1d1d1d!important;
	text-decoration: unset!important;
}