/*
 * gc-cart-drawer.css — Tiroir panier latéral « Mon panier » — boutique V10V (thème ztl_v10v)
 * ---------------------------------------------------------------------------------------------
 * Reproduit le tiroir panier que LWC/LCDCE obtiennent via le widget « Cart » de Creative
 * Elements. Le header V10V est en CE mais SANS ce widget ; on ajoute donc ici un tiroir
 * custom, autonome (zéro dépendance à CE), site-wide et réversible.
 * Voir le comportement dans gc-cart-drawer.js.
 *
 * Charte V10V : magenta #dc016f, titres Spectral, corps Manrope.
 * Réversible : retirer le <link> correspondant dans templates/_partials/head.tpl.
 * @author GC  @date 2026-06-07
 */

/* Voile sombre derrière le tiroir */
.gc-cd-overlay{position:fixed;inset:0;background:rgba(20,8,16,.45);opacity:0;visibility:hidden;
  transition:opacity .3s ease,visibility .3s ease;z-index:100000}
.gc-cd-overlay.is-open{opacity:1;visibility:visible}

/* Panneau latéral droit */
.gc-cd{position:fixed;top:0;right:0;height:100%;width:390px;max-width:92vw;background:#fff;
  box-shadow:-8px 0 34px rgba(0,0,0,.18);transform:translateX(100%);
  transition:transform .32s cubic-bezier(.4,0,.2,1);z-index:100001;display:flex;flex-direction:column;
  font-family:'Manrope',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
.gc-cd.is-open{transform:translateX(0)}

/* En-tête */
.gc-cd__head{display:flex;align-items:center;justify-content:space-between;padding:20px 22px;
  border-bottom:1px solid #f0e6ec;flex:0 0 auto}
.gc-cd__title{font-family:'Spectral',Georgia,serif;font-size:1.5rem;font-weight:600;color:#1a1014}
.gc-cd__close{border:0;background:none;font-size:1.9rem;line-height:1;color:#9a8a92;cursor:pointer;padding:0 4px}
.gc-cd__close:hover{color:#dc016f}

/* Corps : lignes produit */
.gc-cd__body{flex:1 1 auto;overflow-y:auto;padding:6px 22px}
.gc-cd__empty{color:#9a8a92;text-align:center;padding:48px 0;font-size:.95rem}
.gc-cd__line{display:grid;grid-template-columns:64px 1fr auto auto;gap:12px;align-items:center;
  padding:16px 0;border-bottom:1px solid #f6f0f3}
.gc-cd__thumb{display:block}
.gc-cd__thumb img{width:64px;height:64px;object-fit:cover;border-radius:6px;display:block;background:#f6f0f3}
.gc-cd__name{display:block;color:#1a1014;text-decoration:none;font-weight:600;font-size:.92rem;line-height:1.25}
.gc-cd__name:hover{color:#dc016f}
.gc-cd__meta{color:#9a8a92;font-size:.82rem;margin-top:4px}
.gc-cd__line-total{font-weight:700;color:#dc016f;font-size:.92rem;white-space:nowrap}
.gc-cd__rm{color:#c9bcc4;text-decoration:none;font-size:1.25rem;line-height:1;padding-left:4px}
.gc-cd__rm:hover{color:#dc016f}

/* Pied : totaux + actions */
.gc-cd__foot{flex:0 0 auto;border-top:1px solid #f0e6ec;padding:18px 22px;background:#fdfbfc}
.gc-cd__row{display:flex;justify-content:space-between;color:#5a4d54;font-size:.9rem;padding:4px 0}
.gc-cd__row--total{font-family:'Spectral',Georgia,serif;font-size:1.15rem;font-weight:700;color:#1a1014;
  border-top:1px solid #f0e6ec;margin-top:8px;padding-top:12px}
.gc-cd__actions{display:flex;gap:10px;margin-top:16px}
.gc-cd__btn{flex:1;text-align:center;padding:13px 10px;border-radius:8px;text-decoration:none;
  font-weight:700;font-size:.9rem;transition:background .2s,color .2s,border-color .2s}
.gc-cd__btn--ghost{border:1.5px solid #dc016f;color:#dc016f;background:#fff}
.gc-cd__btn--ghost:hover{background:#fff0f7}
.gc-cd__btn--solid{background:#dc016f;color:#fff;border:1.5px solid #dc016f}
.gc-cd__btn--solid:hover{background:#b80159;border-color:#b80159}

/* Empêche le scroll du fond quand le tiroir est ouvert */
body.gc-cd-lock{overflow:hidden}

@media(max-width:480px){.gc-cd{width:100%}}