/* Barre du panier et fenêtre du panier. Or de la charte : #866D4B. */
.evg-barre, .evg-panier { --evg-or: #866d4b; --evg-or-fonce: #6e583b; --evg-sur-or: #fff; }

/* ── Barre ──────────────────────────────────────────────────────────────────────
 * Largeur du contenu du thème (--theme-var-page, 1290 px sur Agora), centrée et collée
 * au bas de l'écran ; blanche semi-transparente, texte noir, icônes dorées.
 */
.evg-barre {
	position: fixed; left: 50%; bottom: 0; z-index: 9990;
	width: min(var(--theme-var-page, 1290px), 100% - 32px);
	translate: -50% 110%; transition: translate .3s ease;
	box-shadow: 0 -4px 24px rgb(0 0 0 / .12);
}
.evg-barre.est-visible { translate: -50% 0; }
.evg-barre[hidden] { display: none; }
body.evg-avec-barre { padding-bottom: 56px; }

.evg-barre .evg-barre__bouton, .evg-barre .evg-barre__bouton:focus, .evg-barre .evg-barre__bouton:active {
	width: 100%; min-height: 56px; margin: 0; padding: 0 24px; border: 0; border-top: 2px solid var(--evg-or); border-radius: 0;
	display: flex; align-items: center; gap: 14px;
	background: rgb(255 255 255 / .6); color: #1d1b18;
	-webkit-backdrop-filter: blur(10px) saturate(1.2); backdrop-filter: blur(10px) saturate(1.2);
	font: inherit; font-weight: 600; text-align: left;
	cursor: pointer; box-shadow: none; text-transform: none; letter-spacing: normal; line-height: 1.2;
}
.evg-barre .evg-barre__bouton:hover { background: rgb(255 255 255 / .8); color: #1d1b18; }
.evg-barre .evg-barre__bouton:focus-visible { outline: 2px solid var(--evg-or); outline-offset: -5px; }
.evg-barre__icone { position: relative; display: grid; place-items: center; width: 26px; height: 26px; flex: none; color: var(--evg-or); }
/*
 * La même icône que le panier de l'en-tête : le thème Agora y remplace le panier de
 * trx_addons par le caractère \e9f4 de sa police « fontello » (.sc_layouts_cart_icon::before).
 */
.evg-barre__glyphe { font-size: 22px; line-height: 1; }
.evg-barre__glyphe::before { content: "\e9f4"; font-family: fontello; font-style: normal; font-weight: normal; margin: 0; }
.evg-barre__pastille {
	/* Un cercle : box-sizing border-box, sans marge intérieure (sinon min-width + padding = ovale). */
	position: absolute; top: -6px; right: -9px; box-sizing: border-box; min-width: 18px; height: 18px; padding: 0; border-radius: 50%;
	background: var(--evg-or); color: #fff; font-size: 11px; font-weight: 700; line-height: 18px; text-align: center;
}
.evg-barre__texte { flex: 1; }
.evg-barre__total { font-weight: 700; font-variant-numeric: tabular-nums; }
.evg-barre__voir { display: inline-flex; align-items: center; gap: 8px; padding-left: 14px; border-left: 1px solid rgb(0 0 0 / .15); color: var(--evg-or); font-weight: 700; }
.evg-barre__chevron { width: 8px; height: 8px; border: solid currentColor; border-width: 2px 2px 0 0; rotate: -45deg; translate: 0 2px; }

@media (max-width: 480px) {
	.evg-barre { width: 100%; }
	.evg-barre .evg-barre__bouton { padding: 0 16px; }
	.evg-barre__texte { font-size: .9em; }
	.evg-barre__voir { display: none; }
}

/* ── Fenêtre du panier ───────────────────────────────────────────────────────── */
.evg-panier {
	width: min(560px, calc(100vw - 32px)); max-height: calc(100dvh - 32px); padding: 0; border: 0;
	border-top: 5px solid var(--evg-or); background: #fff; color: #1d1b18; box-shadow: 0 20px 60px rgb(0 0 0 / .25);
}
.evg-panier::backdrop { background: rgb(20 16 10 / .55); }
.evg-panier[open] { animation: evg-panier-in .25s ease; }
@keyframes evg-panier-in { from { opacity: 0; translate: 0 8px; } to { opacity: 1; translate: 0 0; } }
.evg-panier__corps { display: grid; gap: 14px; padding: 24px clamp(18px, 5vw, 32px) 28px; }
.evg-panier__tete { display: flex; justify-content: space-between; align-items: center; }
.evg-panier h2 { margin: 0; font-size: 1.5rem; }
#evg-panier .evg-panier__fermer, #evg-panier .evg-panier__fermer:focus {
	width: 36px; height: 36px; padding: 0; border: 0; background: transparent; color: inherit; font-size: 28px; line-height: 1;
	cursor: pointer; box-shadow: none; min-height: 0;
}
.evg-panier__liste { list-style: none; margin: 0; padding: 0; display: grid; }
.evg-panier__ligne { display: grid; grid-template-columns: 1fr auto auto; gap: 4px 14px; align-items: start; padding: 14px 0; border-bottom: 1px solid rgb(0 0 0 / .1); }
.evg-panier__ligne.est-en-cours { opacity: .4; pointer-events: none; }
.evg-panier__titre { font-weight: 700; color: inherit; text-decoration: none; }
.evg-panier__titre:hover { text-decoration: underline; }
.evg-panier__creneau { margin: 2px 0 0; font-size: .9em; opacity: .8; }
.evg-panier__visiteurs { list-style: none; margin: 4px 0 0; padding: 0; font-size: .85em; opacity: .75; }
.evg-panier__prix { font-weight: 700; font-variant-numeric: tabular-nums; white-space: nowrap; }
#evg-panier .evg-panier__retirer, #evg-panier .evg-panier__retirer:focus {
	width: 28px; height: 28px; padding: 0; border: 1px solid rgb(0 0 0 / .2); border-radius: 0; background: transparent; color: inherit;
	font-size: 18px; line-height: 1; cursor: pointer; box-shadow: none; min-height: 0;
}
#evg-panier .evg-panier__retirer:hover { border-color: #b32d2e; color: #b32d2e; }
.evg-panier__vide { margin: 8px 0; opacity: .75; }
.evg-panier__erreur { margin: 0; padding: 10px 12px; background: #fbeaea; color: #8a1f1f; font-size: .9em; }
.evg-panier__total { margin: 0; display: flex; justify-content: space-between; font-size: 1.15em; }
.evg-panier__actions { display: flex; gap: 10px; margin-top: 12px; }
#evg-panier .evg-panier__bouton, #evg-panier .evg-panier__bouton:focus {
	flex: 1 1 0; display: inline-block; padding: .85em .6em; border: 1px solid var(--evg-or); border-radius: 0;
	background: var(--evg-or); color: var(--evg-sur-or); font: inherit; font-weight: 700; font-size: .92em; text-align: center; text-decoration: none;
	white-space: nowrap; cursor: pointer; box-shadow: none; text-transform: none; letter-spacing: normal; min-height: 0; line-height: 1.2;
}
#evg-panier .evg-panier__bouton:hover { background: var(--evg-or-fonce); border-color: var(--evg-or-fonce); color: var(--evg-sur-or); }
#evg-panier .evg-panier__bouton--clair, #evg-panier .evg-panier__bouton--clair:focus { background: transparent; color: var(--evg-or); }
#evg-panier .evg-panier__bouton--clair:hover { color: var(--evg-sur-or); }
#evg-panier [hidden] { display: none !important; }
@media (max-width: 400px) { #evg-panier .evg-panier__bouton { font-size: .8em; } }
@media (prefers-reduced-motion: reduce) { .evg-barre { transition: none; } .evg-panier[open] { animation: none; } }

/* Le menu déroulant du panier du thème est remplacé par la fenêtre. */
.sc_layouts_cart .sc_layouts_cart_widget { display: none !important; }
.sc_layouts_cart { cursor: pointer; }