/* ============================================================
   SHOP — maison overrides (on top of shared maison-theme.css)
   Recolors the shop's bespoke mint/teal/blue palette to espresso
   + struck-gold. Visual only — cart/checkout JS untouched.
   ============================================================ */

/* header */
.header-title { font-family:'Playfair Display',serif !important; color: var(--m-text) !important; letter-spacing:.12em !important; }
.header-rule { background: linear-gradient(90deg, transparent, var(--m-gold2), transparent) !important; }
.header-sub { color: var(--m-muted2) !important; }
.header-logo svg circle[fill^="url"] { fill: var(--m-gold2) !important; opacity:.5 !important; }

/* top bar buttons */
.topbar-btn {
  background: rgba(255,255,255,.04) !important; color: var(--m-text2) !important;
  border:1px solid var(--m-line) !important;
}
.topbar-btn:hover { border-color: var(--m-line2) !important; color: var(--m-gold3) !important; }
.topbar-btn.cart {
  background: #C9982E url('../logo-kit/crest/gold-plate.webp') center/cover no-repeat !important;
  color:#2A1808 !important; border:1px solid rgba(120,84,28,.65) !important;
  text-shadow:0 1px 0 rgba(255,246,214,.5) !important;
}
.cart-badge { background: var(--m-blush) !important; color:#1A0E08 !important; border-color: var(--m-bg) !important; }

/* category / filter pills */
.cat-pill, .filter-pill {
  background: rgba(255,255,255,.04) !important; color: var(--m-text2) !important; border:1px solid var(--m-line) !important;
}
.cat-pill.active, .filter-pill.active {
  background: var(--m-goldgrad) !important; color:#2A1808 !important; border-color: var(--m-line2) !important; font-weight:600 !important;
}

/* product cards */
.card {
  background: var(--m-glass) !important; border:1px solid var(--m-line) !important;
  color: var(--m-text) !important; box-shadow: var(--m-shadow) !important;
}
.card:hover { border-color: var(--m-line2) !important; box-shadow: var(--m-shadow), 0 0 0 1px var(--m-line2) !important; }
.card .vial { background: linear-gradient(145deg, rgba(196,148,58,.12), rgba(196,148,58,.03)) !important; border:1px solid var(--m-line) !important; }
.card .name, .card h3, .card .title { font-family:'Playfair Display',serif !important; color: var(--m-text) !important; }
.card .price, .card .dose, .card .size { color: var(--m-gold3) !important; }
.card .note { color: var(--m-muted2) !important; border-left-color: var(--m-line2) !important; }
.card .gold-line { background: linear-gradient(90deg, transparent, var(--m-gold2), transparent) !important; opacity:.5 !important; }
.card .add-btn {
  background: rgba(196,148,58,.08) !important; color: var(--m-gold3) !important; border:1px solid var(--m-line2) !important;
}
.card .add-btn:hover { background: var(--m-goldgrad) !important; color:#2A1808 !important; }

/* category section labels */
.cat-label, .category-title, .section-label { font-family:'Playfair Display',serif !important; color: var(--m-text) !important; }

/* cart drawer */
.cart-panel { background: linear-gradient(160deg, rgba(19,16,11,.96), rgba(10,8,5,.98)) !important; border-left:1px solid var(--m-line2) !important; color: var(--m-text) !important; }
.cart-close, .cart-item .ci-remove { background: rgba(255,255,255,.06) !important; border:1px solid var(--m-line) !important; color: var(--m-text) !important; }
.cart-title, .cart-panel h2, .cart-panel h3 { font-family:'Playfair Display',serif !important; color: var(--m-text) !important; }
.cart-item { border-color: var(--m-line) !important; color: var(--m-text2) !important; }
/* checkout → rendered 3D gold crown-plaque (cart drawer is ~380px wide, full-width button) */
.cart-checkout {
  background:url('../logo-kit/buttons/plaque-wide.png') center/100% 100% no-repeat !important;
  color:#3A2408 !important; border:0 !important; box-shadow:none !important; border-radius:0 !important;
  font-family:'Sora',sans-serif !important; font-weight:600 !important; text-transform:uppercase; letter-spacing:.13em; white-space:nowrap;
  text-shadow:0 1px 0 rgba(255,247,224,.55) !important; aspect-ratio:1280/416; width:100%;
  display:inline-flex !important; align-items:center; justify-content:center;
  filter:drop-shadow(0 8px 18px rgba(0,0,0,.5)); transition:transform .2s,filter .2s !important;
}
.cart-checkout:hover { transform:translateY(-2px); filter:drop-shadow(0 14px 28px rgba(196,148,58,.4)) brightness(1.05) !important; }
.cart-total, .cart-subtotal { color: var(--m-gold3) !important; }

/* access gate */
.shop-gate { background: linear-gradient(160deg, var(--m-bg2), var(--m-bg)) !important; }
.shop-gate-title { font-family:'Playfair Display',serif !important; color: var(--m-text) !important; }
.shop-gate-sub, .shop-gate p { color: var(--m-text2) !important; }
.shop-gate-btn { border:1px solid var(--m-line2) !important; color: var(--m-gold3) !important; background: rgba(196,148,58,.06) !important; }
.shop-gate-btn.primary, .shop-gate-btn:first-of-type {
  background:url('../logo-kit/buttons/plaque-wide.png') center/100% 100% no-repeat !important;
  color:#3A2408 !important; border:none !important; box-shadow:none !important; border-radius:0 !important;
  font-family:'Sora',sans-serif !important; font-weight:600 !important; letter-spacing:.13em; white-space:nowrap;
  text-shadow:0 1px 0 rgba(255,247,224,.55) !important; aspect-ratio:1280/416; width:clamp(230px,24vw,280px);
  display:inline-flex !important; align-items:center; justify-content:center; padding:0 11% !important;
  filter:drop-shadow(0 10px 22px rgba(0,0,0,.5)); transition:transform .2s,filter .2s !important;
}
.shop-gate-btn.primary:hover, .shop-gate-btn:first-of-type:hover { transform:translateY(-3px); filter:drop-shadow(0 16px 30px rgba(196,148,58,.4)) brightness(1.05) !important; }

/* teal/blue text leftovers → ivory */
.header, .shop-layout { color: var(--m-text) !important; }

/* ════════ SHOP OVERHAUL pt.1 — readability + realistic vial (2026-06-24) ════════ */
/* JS-generated inline LIGHT colors → readable maison (the unreadable-text fix) */
[style*="color:#1A1F2E"],[style*="color:#1a1f2e"],[style*="color: #1A1F2E"],[style*="color:#15315c"]{color:var(--m-text)!important}
[style*="26,31,46"]{color:var(--m-text2)!important}
[style*="color:#8A5C1A"],[style*="color:#8a5c1a"]{color:var(--m-gold2)!important}
[style*="background:#FFFFFF"],[style*="background:#fff"],[style*="background: #FFFFFF"],[style*="background:#F7"],[style*="background:#F8"],[style*="background:#FA"]{background:var(--m-glass)!important;color:var(--m-text)!important}
[style*="background:#8A5C1A"]{background:var(--m-goldgrad)!important;color:#2A1808!important}
[style*="border:1px solid rgba(26,31,46"],[style*="border-top:1px solid rgba(26,31,46"]{border-color:var(--m-line)!important}
.shop-edu-tab{border-color:var(--m-line)!important;background:rgba(255,255,255,.04)!important;color:var(--m-text2)!important}
.shop-edu-tab.is-active{background:var(--m-goldgrad)!important;color:#2A1808!important;border-color:var(--m-line2)!important}

/* realistic vial image in cards */
.card .vial{height:158px!important;background:radial-gradient(60% 70% at 50% 45%,rgba(196,148,58,.10),transparent 70%)!important;border:none!important;display:grid;place-items:center}
.card .vial img{max-height:150px!important;width:auto!important;filter:drop-shadow(0 10px 22px rgba(0,0,0,.55))}
.catalog-card-media.has-cc-vial{background:radial-gradient(60% 70% at 50% 45%,rgba(196,148,58,.10),transparent 70%)!important}
.cc-vial-img{max-height:140px;width:auto;object-fit:contain;filter:drop-shadow(0 10px 22px rgba(0,0,0,.55))}

/* card text readability */
.card .name,.catalog-card-name{font-family:'Playfair Display',serif!important;color:var(--m-text)!important}
.card .note{color:var(--m-muted2)!important}
.card .dose,.catalog-card-dose{color:var(--m-text2)!important}
.card .price,.price-kit{color:var(--m-gold3)!important}
.price-per,.catalog-card-cat{color:var(--m-muted2)!important}
.card .stock.in{color:var(--m-sage2)!important}
.card .stock.low{color:var(--m-blush)!important}
.catalog-card-admin-metrics,.catalog-card-admin-metrics *{color:var(--m-text2)!important}
.catalog-card-admin-metrics strong{color:var(--m-gold2)!important}
.catalog-card-admin-hint{color:var(--m-muted)!important}

/* ════════ SHOP OVERHAUL pt.2 — premium card, no circles, blue (2026-06-24) ════════ */
/* kill the floating circles */
.blob,[class*="blob"],.shop-bg,.bg-orbs{display:none!important}
/* remaining shop blue/teal text → readable */
[style*="#1e3b35"],[style*="#1E3B35"],[style*="3a5a50"],[style*="6a8078"],[style*="5a726a"]{color:var(--m-text2)!important}
[style*="#6b92d0"],[style*="#4a7ad0"],[style*="#3f6fc4"],[style*="#7fa6dd"]{background:var(--m-goldgrad)!important;color:#2A1808!important;border-color:var(--m-line2)!important}

/* PREMIUM CARD — vial beside title + quick links */
.cc-card{display:flex!important;flex-direction:column;padding:0!important;overflow:hidden;border-radius:16px!important;background:var(--m-glass)!important;border:1px solid var(--m-line)!important;box-shadow:var(--m-shadow)!important;transition:transform .3s,border-color .3s,box-shadow .3s!important}
.cc-card:hover{transform:translateY(-4px)!important;border-color:var(--m-line2)!important;box-shadow:var(--m-shadow),0 0 30px rgba(196,148,58,.14)!important}
.cc-card-top{display:flex;gap:16px;align-items:center;padding:20px 20px 12px}
.cc-card .vial{flex:0 0 92px!important;height:124px!important;margin:0!important;background:radial-gradient(60% 70% at 50% 45%,rgba(196,148,58,.12),transparent 70%)!important;border:none!important}
.cc-card .vial img{max-height:120px!important;width:auto!important;filter:drop-shadow(0 8px 18px rgba(0,0,0,.55))}
.cc-card-info{flex:1;min-width:0;text-align:left}
.cc-card-cat{font-family:'Sora',sans-serif;font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--m-gold2);display:block;margin-bottom:5px}
.cc-card-name{font-family:'Playfair Display',serif!important;font-size:21px!important;color:var(--m-text)!important;line-height:1.08;margin:0 0 5px!important;text-align:left!important}
.cc-card .dose{display:inline-block;font-size:11.5px;color:var(--m-text2)!important;margin-bottom:7px}
.cc-card-note{font-size:11.5px;color:var(--m-muted2)!important;font-style:italic;line-height:1.45;border:none!important;padding:0!important;margin:0 0 9px!important;text-align:left!important}
.cc-card-meta{display:flex!important;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-start!important;margin:0!important}
.cc-card-meta .price{display:flex;flex-direction:column}
.cc-quickrow{display:flex;gap:8px;padding:0 20px 12px}
.cc-quick{flex:1;padding:9px 6px;border-radius:9px;border:1px solid var(--m-line2);background:rgba(196,148,58,.06);color:var(--m-gold3);font-family:'Sora',sans-serif;font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:all .2s}
.cc-quick:hover{background:var(--m-goldgrad);color:#2A1808;border-color:var(--m-line2)}
.cc-card .add-btn{margin:0 20px 18px!important;width:auto!important;padding:11px!important}
.cc-card .gold-line{display:none!important}
.cc-card .stock{font-size:10px;letter-spacing:.08em}