/* =========================================================
   MINI-PANIER MMV — « Votre Sélection »
   Astra + WooCommerce · dev.maison-des-vins.com
   ========================================================= */

/* ---------- 1. Le panneau (fond ivoire) ---------- */
.ast-site-header-cart .widget_shopping_cart{
  width:420px !important;
  left:auto !important;
  right:-10px !important;
  top:48px !important;
  padding:5px !important;    /* juste la place du filet extérieur, pas de marge ivoire */
  background:#FFFBF0 !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:0 22px 55px rgba(28,20,10,.32) !important;
}
/* flèche grise native supprimée */
.ast-site-header-cart .widget_shopping_cart::before{ display:none !important; }

/* ---------- 2. Le cadre or + le « toit » ---------- */
.ast-site-header-cart .widget_shopping_cart_content{
  position:relative;
  border:1px solid #B29760;      /* filet intérieur */
  outline:2px solid #B29760;     /* filet extérieur, plus épais */
  outline-offset:3px;            /* écart entre les deux filets */
  padding:18px 20px 16px;
}
/* Le « toit » : un SVG qui prolonge les deux filets en chevron.
   Il se pose sur le bord haut et masque les filets CSS en dessous,
   d'ou un raccord invisible. Position horizontale = right.       */
.ast-site-header-cart .widget_shopping_cart::after{
  content:"" !important;
  display:block !important;
  position:absolute;
  top:-16px;           /* la pointe dépasse au-dessus du panneau */
  right:20px;          /* left:50%;margin-left:-45px pour un toit centré */
  width:90px;
  height:28px;
  border:0 !important;
  background-repeat:no-repeat;
  background-size:90px 28px;
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2090%2028%22%20width%3D%2290%22%20height%3D%2228%22%3E%3Cpath%20d%3D%22M0%2017%20H30%20L45%202%20L60%2017%20H90%20V28%20H0%20Z%22%20fill%3D%22%23FFFBF0%22%2F%3E%3Cpath%20d%3D%22M0%2017%20H30%20L45%202%20L60%2017%20H90%22%20fill%3D%22none%22%20stroke%3D%22%23C9A84C%22%20stroke-width%3D%222%22%2F%3E%3Cpath%20d%3D%22M0%2021.5%20H31.86%20L45%208.36%20L58.14%2021.5%20H90%22%20fill%3D%22none%22%20stroke%3D%22%23C9A84C%22%20stroke-width%3D%221%22%2F%3E%3C%2Fsvg%3E");
}

/* ---------- 2 bis. Graisse : tout en 400, rendu adouci ---------- */
.ast-site-header-cart .widget_shopping_cart_content,
.ast-site-header-cart .widget_shopping_cart_content *,
.ast-site-header-cart .widget_shopping_cart_content::before{
  font-weight:400 !important;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
}

/* ---------- 3. Titre ---------- */
.ast-site-header-cart .widget_shopping_cart_content::before{
  content:"Votre Sélection";
  display:block;
  margin:0 0 6px;
  font-family:"Alegreya SC",serif;
  font-size:22px;
  font-weight:400;
  letter-spacing:.04em;
  text-align:center;
  color:#402E15;
}

/* ---------- 4. Liste ---------- */
.ast-site-header-cart ul.woocommerce-mini-cart{
  margin:0 !important; padding:0 !important;
  max-height:none !important;
}

/* chaque ligne = une grille : [visuel] [texte] [supprimer] */
.ast-site-header-cart li.mini_cart_item{
  position:relative;
  list-style:none;
  display:grid !important;
  grid-template-columns:74px 1fr auto;
  grid-template-rows:auto 1fr auto;
  column-gap:16px;
  align-items:start;
  min-height:102px;
  margin:0 !important;
  padding:12px 0 !important;
  border:0 !important;
  border-top:1px solid rgba(201,168,76,.4) !important;
}
.ast-site-header-cart li.mini_cart_item:first-child{ border-top:0 !important; }

/* le lien produit ne fait plus de boîte : image et nom deviennent
   des cases de la grille (le nom reste cliquable) */
.ast-site-header-cart li.mini_cart_item > a:not(.remove){
  display:contents !important;
  font-family:"Alegreya SC",serif;
  font-size:15px;
  line-height:1.22;
  letter-spacing:.01em;
  color:#402E15 !important;
  text-decoration:none !important;
  white-space:normal !important;
}

/* ---------- 5. Visuel (sans cadre) ---------- */
.ast-site-header-cart li.mini_cart_item img{
  grid-column:1;
  grid-row:1 / span 3;
  align-self:start;
  position:static !important;
  transform:none !important;
  box-sizing:border-box !important;
  width:74px !important;
  height:90px !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
  object-fit:contain !important;   /* Astra force cover : coupe le col des bouteilles */
  object-position:center top;
  background:transparent !important;
  border:0 !important;
}

/* ---------- 5 bis. Bloc texte : nom / marque / contenance + couleur ----------
   (rempli par le snippet PHP « MDV - Mini-panier (PHP) » ; sans lui, le titre
   WooCommerce s'affiche simplement à la place)                              */
.ast-site-header-cart li.mini_cart_item .mmv-item{
  grid-column:2;
  grid-row:1;
  display:block;
}
.ast-site-header-cart li.mini_cart_item .mmv-nom{
  display:block;
  font-family:"Alegreya SC",serif;
  font-size:19px;
  line-height:1.08;
  letter-spacing:.01em;
  color:#402E15;
}
.ast-site-header-cart li.mini_cart_item .mmv-marque{
  display:block;
  margin-top:1px;
  font-family:"Alegreya SC",serif;
  font-size:14px;
  line-height:1.2;
  color:#5B4B3C;
}
.ast-site-header-cart li.mini_cart_item .mmv-meta{
  display:flex;
  flex-wrap:wrap;
  gap:4px 14px;
  margin-top:3px;
  font-family:"Alegreya SC",serif;
  font-size:10.5px;
  line-height:1.2;
  letter-spacing:.08em;
  color:#5B4B3C;
}

/* ---------- 6. Ligne quantité / prix ---------- */
.ast-site-header-cart li.mini_cart_item .quantity{
  grid-column:2 / span 2;
  grid-row:3;
  align-self:end;
  display:flex !important;
  align-items:center;
  margin:6px 0 0 !important;
  font-family:"Alegreya SC",serif;
  font-size:14px;
  letter-spacing:.03em;
  color:#5B4B3C;
}
/* libellé « Quantité : » retiré ; pour le remettre, décommenter :
.ast-site-header-cart li.mini_cart_item .quantity::before{
  content:"Quantité :";
  margin-right:.5em;
}
*/
.ast-site-header-cart li.mini_cart_item .quantity > .amount,
.ast-site-header-cart li.mini_cart_item .quantity > .mmv-price{
  margin-left:auto;
  font-size:19px;
  color:#402E15;
}

/* ---------- 6 ter. Prix en promo : courant + ancien barré ---------- */
.ast-site-header-cart li.mini_cart_item .mmv-price--promo{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  line-height:1.02;
}
.ast-site-header-cart li.mini_cart_item .mmv-price-old{
  margin-top:2px;
  font-size:12px;
  color:#9A8A6A;
  text-decoration:line-through;
}

/* ---------- 6 bis. Sélecteur de quantité  − 1 +  ----------
   (markup produit par le snippet PHP)                        */
.ast-site-header-cart li.mini_cart_item .mmv-qty{
  display:inline-flex;
  align-items:stretch;
  border:1px solid rgba(201,168,76,.75);
  line-height:1;
  transition:opacity .2s ease;
}
.ast-site-header-cart li.mini_cart_item .mmv-qty-btn{
  appearance:none;
  -webkit-appearance:none;
  background:none;
  border:0;
  border-radius:0;
  box-shadow:none;
  cursor:pointer;
  margin:0;
  padding:0 6px;
  height:19px;
  line-height:19px;
  font-family:"Alegreya SC",serif;
  font-size:11px;
  color:#B29760;
  transition:color .2s ease;
}
.ast-site-header-cart li.mini_cart_item .mmv-qty-btn:hover,
.ast-site-header-cart li.mini_cart_item .mmv-qty-btn:focus{
  color:#402E15;
  background:none;
  outline:none;
}
.ast-site-header-cart li.mini_cart_item .mmv-qty-val{
  min-width:16px;
  height:19px;
  line-height:19px;
  text-align:center;
  font-family:"Alegreya SC",serif;
  font-size:11px;
  color:#402E15;
}

/* ---------- 7. Supprimer ---------- */
.ast-site-header-cart li.mini_cart_item a.remove{
  grid-column:3;
  grid-row:1;
  justify-self:end;
  align-self:start;
  position:static !important;
  top:auto !important; right:auto !important; left:auto !important;
  display:flex !important;
  align-items:center;
  gap:5px;
  width:auto !important; height:auto !important;
  margin:3px 0 0 12px !important;
  line-height:1 !important;
  white-space:nowrap;
  background:none !important;
  border:0 !important;
  border-radius:0 !important;
  font-family:"Alegreya SC",serif;
  font-size:9.5px !important;
  letter-spacing:.1em;
  text-transform:uppercase;
  text-decoration:none !important;
  color:#9A8A6A !important;
  opacity:1 !important;
}
.ast-site-header-cart li.mini_cart_item a.remove::before{
  content:"Supprimer";
  position:static !important;
  width:auto !important; height:auto !important;
  line-height:1 !important;
  font-size:9.5px;
  color:inherit;
  background:none !important;
  border:0 !important;
  border-radius:0 !important;
  text-decoration:none !important;
}
.ast-site-header-cart li.mini_cart_item a.remove .ahfb-svg-iconset{ display:none !important; }
.ast-site-header-cart li.mini_cart_item a.remove::after{
  content:"✥";                 /* croix fleurdelisée, tournée pour lire comme une croix */
  display:inline-block;
  font-family:serif;           /* Alegreya SC n'a pas ce glyphe */
  font-size:12px;
  line-height:1;
  transform:rotate(45deg);     /* 0deg = droite, 45deg = en croix */
}
.ast-site-header-cart li.mini_cart_item a.remove:hover{ color:#B29760 !important; }

/* ---------- 8. Sous-total ---------- */
.ast-site-header-cart p.woocommerce-mini-cart__total{
  display:flex; align-items:baseline; justify-content:space-between;
  margin:0 !important;
  padding:11px 0 12px !important;
  border-top:1px solid rgba(201,168,76,.4) !important;
  border-bottom:0 !important;
  font-family:"Alegreya SC",serif;
}
.ast-site-header-cart p.woocommerce-mini-cart__total strong{
  font-weight:400; font-size:15px; letter-spacing:.03em; color:#402E15;
}
.ast-site-header-cart p.woocommerce-mini-cart__total .amount{
  font-size:20px; color:#402E15;
}

/* ---------- 9. Boutons ---------- */
.ast-site-header-cart p.woocommerce-mini-cart__buttons{
  display:flex; flex-direction:column; gap:7px;
  margin:0 !important; padding:0 !important;
}
.ast-site-header-cart p.woocommerce-mini-cart__buttons a.button{
  width:100%; margin:0 !important;
  padding:10px 8px !important;
  font-family:"Alegreya SC",serif;
  font-size:13px !important;
  font-weight:400;
  letter-spacing:.16em;
  text-transform:uppercase;
  text-align:center;
  border-radius:0 !important;
  box-shadow:none !important;
  transition:background .25s ease,color .25s ease,border-color .25s ease;
}
.ast-site-header-cart p.woocommerce-mini-cart__buttons a.button:not(.checkout){
  background:transparent !important;
  color:#B29760 !important;
  border:1px solid #B29760 !important;
}
.ast-site-header-cart p.woocommerce-mini-cart__buttons a.button:not(.checkout):hover{
  background:#B29760 !important; color:#FFFBF0 !important;
}
.ast-site-header-cart p.woocommerce-mini-cart__buttons a.button.checkout{
  background:#B29760 !important;
  color:#FFFBF0 !important;
  border:1px solid #B29760 !important;
}
.ast-site-header-cart p.woocommerce-mini-cart__buttons a.button.checkout:hover{
  background:#2B2419 !important; border-color:#402E15 !important;
}

/* ---------- 10. Panier vide ---------- */
.ast-site-header-cart .woocommerce-mini-cart__empty-message{
  margin:0 !important;
  padding:18px 0 6px;
  font-family:"Alegreya SC",serif;
  text-align:center;
  color:#5B4B3C;
}