/**
 * OAZ Mini-Panier — styles
 * L'icône reprend exactement le style que vous aviez déjà (et-pb-icon, 20px).
 * Le panneau hérite la police du contexte ; les couleurs restent neutres
 * et discrètes pour rester "raccord" quel que soit le thème de couleur en place.
 */

.oaz-mc-wrapper {
	position: relative !important;
	display: inline-flex !important;
	align-items: center;
	width: auto !important;
	max-width: none !important;
}

.oaz-cart.oaz-mc-trigger {
	display: inline-flex;
	align-items: center;
	position: relative;
	text-decoration: none !important;
}

.oaz-mc-trigger .et-pb-icon {
	font-size: 20px !important;
	line-height: 1 !important;
}

.oaz-mc-count,
.oaz-mc-count-wrap .oaz-mc-count {
	position: absolute;
	font-weight: 600;
	text-align: center;
	box-sizing: border-box;
	/* background-color, color, font-size, font-family, height, min-width,
	   padding, border-radius, top, right : réglés dans
	   Réglages -> OAZ Mini-Panier, injectés en CSS additionnel. */
}

/* Panneau de survol */
.oaz-mc-dropdown {
	position: absolute !important;
	top: 100% !important;
	right: 0 !important;
	left: auto !important;
	bottom: auto !important;
	z-index: 9999 !important;
	display: block !important;
	width: 320px !important;
	max-width: 90vw !important;
	margin-top: 14px !important;
	padding: 20px !important;
	background-color: #fff !important;
	border: 1px solid rgba(0, 0, 0, 0.08) !important;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08) !important;
	font-family: inherit;
	font-size: 14px !important;
	color: #1a1a1a;
	opacity: 0;
	visibility: hidden;
	transform: translateY(-6px);
	transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s;
	box-sizing: border-box !important;
}

@media (min-width: 981px) {
	.oaz-mc-wrapper:hover .oaz-mc-dropdown {
		opacity: 1;
		visibility: visible;
		transform: translateY(0);
	}
}

.oaz-mc-dropdown.is-open {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

/* Sens d'ouverture piloté par le shortcode utilisé — voir [oaz_mini_cart_l]
   et [oaz_mini_cart_r] dans oaz-mini-cart.php. Aucune media query : le choix
   dépend de l'endroit où l'icône est physiquement placée, pas de la largeur
   d'écran. */
.oaz-mc-wrapper.oaz-mc-open-right .oaz-mc-dropdown {
	left: 0 !important;
	right: auto !important;
}

.oaz-mc-wrapper.oaz-mc-open-left .oaz-mc-dropdown {
	right: 0 !important;
	left: auto !important;
}

.oaz-mc-shipping {
	margin-bottom: 16px;
	padding-bottom: 16px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.oaz-mc-empty {
	margin: 0 0 14px 0;
	font-size: 0.9em;
}

.oaz-mc-items {
	list-style: none;
	margin: 0 0 14px 0;
	padding: 0;
	max-height: 320px;
	overflow-y: auto;
}

.oaz-mc-item {
	display: flex !important;
	flex-wrap: nowrap !important;
	align-items: flex-start;
	gap: 10px;
	padding: 10px 0;
	border-bottom: 1px solid rgba(0, 0, 0, 0.06);
	width: 100% !important;
}

.oaz-mc-item:last-child {
	border-bottom: none;
}

.oaz-mc-item-thumb {
	flex: 0 0 48px !important;
	width: 48px !important;
}

.oaz-mc-item-thumb img {
	width: 48px !important;
	height: 48px !important;
	object-fit: cover;
	display: block;
}

.oaz-mc-item-details {
	flex: 1 1 auto !important;
	min-width: 0;
	width: auto !important;
}

.oaz-mc-item-name {
	margin: 0 0 4px 0;
	font-size: 0.85em;
	line-height: 1.3;
}

.oaz-mc-item-qty {
	margin: 0;
	font-size: 0.8em;
	opacity: 0.75;
}

.oaz-mc-item-controls {
	display: flex;
	align-items: center;
	gap: 8px;
}

.oaz-mc-qty-input {
	width: 48px;
	padding: 2px 4px;
	font-size: 0.8em;
	border: 1px solid rgba(0, 0, 0, 0.15);
	border-radius: 2px;
}

.oaz-mc-remove {
	background: none;
	border: none;
	cursor: pointer;
	font-size: 1em;
	line-height: 1;
	opacity: 0.5;
	padding: 0 4px;
}

.oaz-mc-remove:hover {
	opacity: 1;
}

.oaz-mc-item-subtotal {
	font-size: 0.8em;
	white-space: nowrap;
}

.oaz-mc-subtotal {
	display: flex;
	justify-content: space-between;
	font-size: 0.9em;
	font-weight: 500;
	margin-bottom: 16px;
	padding-top: 4px;
}

.oaz-mc-actions {
	display: flex;
	flex-direction: column;
	gap: 8px;
	text-align: center;
}

.oaz-mc-btn-primary {
	display: block;
	width: 100%;
	text-align: center;
	box-sizing: border-box;
}

.oaz-mc-btn-secondary {
	font-size: 0.8em;
	text-decoration: underline;
	opacity: 0.7;
	color: inherit;
}

.oaz-mc-btn-secondary:hover {
	opacity: 1;
}