/* ═══════════════════════════════════════════════════════════════════════
   Le panneau latéral, à la charte.

   Les couleurs et les libellés vivent dans les réglages du greffon
   (`fkcart_settings`) : c'est la bonne porte, elle survit aux mises à jour.
   Ne restent ici que les formes, qu'aucun réglage n'atteint.
   ═══════════════════════════════════════════════════════════════════════ */

/* ── Les angles ─────────────────────────────────────────────────────────
   Rien n'est arrondi sur ce site. Le greffon arrondit le bouton, les
   vignettes, le champ de code promo et les encadrés. */

#fkcart-modal,
#fkcart-modal * {
	border-radius: 0;
}

/* ── La typographie ─────────────────────────────────────────────────────
   Le greffon hérite de la police du thème pour le corps, mais impose la
   sienne sur les titres et les montants. */

#fkcart-modal,
#fkcart-modal * {
	font-family: var(--police);
}

#fkcart-modal .fkcart-panel-heading,
#fkcart-modal .fkcart-cart-heading {
	font-size: var(--h4-t);
	line-height: var(--h4-i);
	letter-spacing: var(--h4-l);
}

/* ── Le bouton de commande ──────────────────────────────────────────────
   Même bloc que partout : encre pleine, angles droits, et la même
   transition qu'un bouton du site au survol. */

#fkcart-modal #fkcart-checkout-button,
#fkcart-modal .fkcart-checkout-button {
	border-radius: 0;
	font-weight: 600;
	letter-spacing: -0.01em;
	transition: background-color var(--transition);
}

#fkcart-modal #fkcart-checkout-button:hover,
#fkcart-modal .fkcart-checkout-button:hover {
	background-color: var(--6b);
}

/* ── Les vignettes ──────────────────────────────────────────────────────
   Un filet, comme sur les cartes produit, pour que la couverture ne
   flotte pas sur le papier. */

#fkcart-modal .fkcart--item img {
	border: 1px solid var(--2h);
	background: #fff;
}

/* ── Le tiroir ──────────────────────────────────────────────────────────
   Le voile derrière le panneau reprend l'encre du site plutôt que le noir
   pur, et laisse deviner la page qu'on n'a pas quittée. */

#fkcart-modal .fkcart-drawer-backdrop,
#fkcart-modal .fkcart-modal-backdrop {
	background-color: rgba(18, 17, 15, 0.4);
}

/* ── Les liens ──────────────────────────────────────────────────────────
   « Choix des options » sortait en bleu. Sur ce site un lien est de
   l'encre, souligné d'un trait dessiné. */

#fkcart-modal a:not(.fkcart-button):not(#fkcart-checkout-button) {
	color: var(--9b);
	text-decoration: none;
	background-image: var(--trait-souligne);
	background-repeat: repeat-x;
	background-position: 0 100%;
	background-size: 64px 6px;
	padding-bottom: 2px;
}