/* DNN Wishlist + Recover – light CSS (cores herdam do módulo via inline/vars) */
.dnn-wrp-wrap{max-width:1100px;margin:0 auto;padding:12px}
.dnn-wrp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}
.dnn-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;overflow:hidden;box-shadow:0 8px 30px rgba(0,0,0,.06)}
.dnn-card .ph{display:block;aspect-ratio:1/1;background:#f3f4f6}
.dnn-card .box{padding:12px}
.dnn-name{font-weight:700;text-decoration:none;color:#111}
.dnn-price{margin:.3rem 0 .5rem;font-weight:800}
.dnn-actions{display:flex;flex-wrap:wrap;gap:8px}
.dnn-pill{padding:.45rem .7rem;border-radius:999px;border:1px solid #e5e7eb;text-decoration:none;color:#111}
.dnn-buy{border:0}
.dnn-modal{position:fixed;inset:0;background:rgba(13,18,28,.55);display:none;align-items:center;justify-content:center;z-index:9999}
.dnn-modal.on{display:flex}
.dnn-modal .inner{background:#fff;border-radius:16px;max-width:460px;width:92%;padding:16px}
.dnn-field{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}
.dnn-field input{padding:.7rem .9rem;border:1px solid #e5e7eb;border-radius:12px}
.dnn-wrp-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem .9rem;border-radius:12px;border:1px solid #e2e8f0;background:#fff;cursor:pointer}
.dnn-wrp-btn.is-on{color:#fff}
.dashicons-heart:before{content:"\f487"}
@media (max-width:600px){.dnn-actions{flex-direction:column}}

/* Hero */
.dnn-wrp-hero{position:relative;margin:10px 0 14px;border-radius:18px;background:linear-gradient(135deg, color-mix(in oklab, var(--brand) 92%, white 8%), color-mix(in oklab, var(--mint) 16%, var(--brand) 84%)); border:1px solid #e5e7eb;}
.dnn-wrp-hero .hero-inner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px}
.dnn-wrp-hero .dnn-title{margin:0}
.dnn-wrp-hero .muted{color:#64748b;margin:.2rem 0 0}
.hero-actions{display:flex;gap:8px;flex-wrap:wrap}
/* Toolbar */
.dnn-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:8px 2px 16px}
.dnn-toolbar .count{color:#475569}
.dnn-toolbar .sort select{padding:.5rem .6rem;border:1px solid #e5e7eb;border-radius:10px;background:#fff}
/* Improve card look with variables */
.dnn-pill.dnn-buy{background:var(--accent)!important;color:#0c2400!important;border:0}
.dnn-pill.dnn-ghost{background:#fff}
.dnn-name:hover{text-decoration:underline}

/* ===== Mobile full-width image in cart ===== */
@media (max-width: 767.98px){
  .dnn-cart-modern td.product-name{ grid-template-columns: 1fr; }
  .dnn-cart-modern .dnn-cart-thumb-mobile.dnn-full{
    width:100%; height:62vw; max-height:420px; display:block; border-radius:14px; overflow:hidden; background:#f3f4f6; margin-bottom:10px;
  }
  .dnn-cart-modern .dnn-cart-thumb-mobile.dnn-full img{ width:100%; height:100%; object-fit:cover; display:block; }
  .dnn-cart-modern .dnn-cart-head-meta .dnn-name{ display:block; margin-top:2px; font-size:1rem; font-weight:800; color:var(--brand-fg); text-decoration:none; }
}

/* ===== Swatches ===== */
.dnn-cart-modern .dnn-swatch-row{ display:flex; align-items:center; gap:8px; margin-top:6px; }
.dnn-cart-modern .dnn-swatch{ width:22px; height:22px; border-radius:6px; border:1px solid #e5e7eb; box-shadow:inset 0 0 0 2px color-mix(in oklab, #fff 70%, var(--brand-fg) 30%); display:inline-block; }
.dnn-cart-modern .dnn-swatch.dnn-inline{ vertical-align:middle; margin-right:6px; }
.dnn-cart-modern .dnn-swatch-chip{ background: color-mix(in oklab, var(--brand) 85%, #000 0%); color: var(--brand-fg); padding:.2rem .5rem; border-radius:999px; border:1px solid #e5e7eb; min-width:22px; height:auto; }
.dnn-cart-modern .dnn-swatch-label{ color:#334155; font-size:.92rem; }