/* ==========================================================================
   Mawadda — le panier en osier de la page panier (inc-panier-visuel.php)
   ========================================================================== */

.mw-pn{text-align:center;margin:0 auto 30px}
.mw-pn-scene{position:relative;width:min(400px,84vw);aspect-ratio:640/579;margin:0 auto}
.mw-pn-arriere,.mw-pn-avant{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none;
  max-width:none;margin:0}
.mw-pn-arriere{z-index:0;filter:drop-shadow(0 18px 22px rgba(74,21,38,.12))}
.mw-pn-avant{z-index:2}

/* — un planner : sa couverture découpée, qui dépasse du panier — */
.mw-pn-tab{--x:50%;--r:-5deg;--b:22%;
  position:absolute;z-index:1;left:var(--x);bottom:var(--b);width:var(--w,30%);
  transform:translateX(-50%) rotate(var(--r));transform-origin:50% 100%;line-height:0}
.mw-pn-tab img{display:block;width:100%;height:auto;max-width:none;margin:0;
  filter:drop-shadow(0 10px 12px rgba(46,27,28,.22)) drop-shadow(0 2px 3px rgba(46,27,28,.12))}
.mw-pn-tab.mw-pn-paysage{width:calc(var(--w,30%) * 1.3)}
/* produit sans couverture découpée : son image, en petite carte */
.mw-pn-carte img{aspect-ratio:4/5;object-fit:cover;border-radius:8px;border:4px solid #fff}

/* — l'éventail, selon le nombre de planners — */
.mw-pn[data-n="1"] .mw-pn-tab-1{--x:50%;--r:2deg;--b:24%;--w:31%}
.mw-pn[data-n="2"] .mw-pn-tab-1{--x:39%;--r:-8deg;--b:23%}
.mw-pn[data-n="2"] .mw-pn-tab-2{--x:62%;--r:12deg;--b:22%}
.mw-pn[data-n="3"] .mw-pn-tab-1{--x:32%;--r:-12deg;--b:21%;--w:27%}
.mw-pn[data-n="3"] .mw-pn-tab-2{--x:51%;--r:3deg;--b:26%;--w:28%}
.mw-pn[data-n="3"] .mw-pn-tab-3{--x:69%;--r:15deg;--b:21%;--w:27%}

.mw-pn-plus{position:absolute;z-index:3;right:13%;bottom:15%;min-width:40px;height:40px;padding:0 10px;
  display:grid;place-items:center;border-radius:999px;background:#6E2233;color:#fff;
  font-family:var(--sans,"Jost",sans-serif);font-weight:500;font-size:.95rem;
  box-shadow:0 6px 14px rgba(110,34,51,.3);transform:rotate(6deg)}

/* — les textes — */
.mw-pn-titre{font-family:var(--titre,"Fraunces",Georgia,serif);font-weight:700;font-size:1.5rem;color:var(--profond,#4A1526);
  margin:10px 0 4px!important}
.mw-pn-legende{font-size:.95rem;color:var(--doux,#8A7A6E);margin:8px 0 0!important}
.mw-pn-vide .mw-pn-legende{margin-top:0!important}
.woocommerce-cart .cart-empty.woocommerce-info{display:none}
.woocommerce-cart .return-to-shop{text-align:center;margin:18px 0 10px}
.woocommerce-cart .return-to-shop .button{border-radius:999px;padding:16px 30px}

/* — la chute dans le panier, à l'arrivée sur la page — */
@media (prefers-reduced-motion:no-preference){
  .mw-pn-anime .mw-pn-tab{animation:mw-pn-tombe .85s cubic-bezier(.34,1.35,.55,1) both;
    animation-delay:calc(.25s + var(--i,0) * .18s)}
  .mw-pn-anime .mw-pn-plus{animation:mw-pn-pop .4s ease-out .9s both}
  .mw-pn-anime .mw-pn-vide .mw-pn-scene{animation:mw-pn-balance 1.6s ease-in-out .2s both}
}
@keyframes mw-pn-tombe{
  0%{transform:translate(-50%,-150%) rotate(calc(var(--r) * -1.5));opacity:0}
  35%{opacity:1}
  100%{transform:translateX(-50%) rotate(var(--r));opacity:1}
}
@keyframes mw-pn-pop{from{transform:scale(0) rotate(6deg)}to{transform:scale(1) rotate(6deg)}}
@keyframes mw-pn-balance{0%,100%{transform:rotate(0)}30%{transform:rotate(-2.5deg)}60%{transform:rotate(1.5deg)}}