/* ========================================================================
   AMPOLSHOP V7 — Smoked Emerald UI / clear controls / stronger product art
   ======================================================================== */
:root {
    --ampol-canvas: #c8d1cc;
    --ampol-canvas-deep: #aebbb4;
    --ampol-surface: #f1f4f2;
    --ampol-surface-soft: #e7ece9;
    --ampol-surface-mint: #dce6e0;
    --ampol-line: rgba(6, 95, 70, .17);
}
body {
    background:
        radial-gradient(circle at 7% 8%, rgba(16,185,129,.18), transparent 32rem),
        radial-gradient(circle at 92% 70%, rgba(5,46,31,.17), transparent 35rem),
        linear-gradient(145deg, #d7ded9 0%, #bac6bf 48%, #dce3df 100%) !important;
}
.site-canvas,
.ambient-page,
.dashboard-shell,
.product-service-page {
    background:
        radial-gradient(circle at 15% 10%, rgba(16,185,129,.12), transparent 28rem),
        linear-gradient(150deg, rgba(214,224,218,.94), rgba(177,191,183,.93)) !important;
}
.premium-panel,
.glass-panel,
.metric-card,
[data-group],
.admin-order-row,
.ticket-row,
.account-recent a,
.account-support a {
    background: linear-gradient(150deg, rgba(248,250,249,.98), rgba(225,232,228,.97)) !important;
    border-color: rgba(6,95,70,.17) !important;
    box-shadow: 0 22px 65px rgba(20,38,29,.16) !important;
}
.premium-panel:nth-child(even),
.account-activity,
.account-support,
.admin-table tbody tr:nth-child(odd) {
    background-color: rgba(226,233,229,.96) !important;
}

/* One reusable, unmistakable checkbox for the whole administration. */
.ampol-check-option {
    position: relative;
    display: flex;
    min-height: 3.6rem;
    width: 100%;
    cursor: pointer;
    align-items: center;
    gap: .75rem;
    overflow: hidden;
    border: 1px solid rgba(148,163,184,.22);
    border-radius: 1rem;
    padding: .72rem .78rem;
    background: rgba(15,23,20,.72);
    color: #cbd5e1;
    transition: border-color .2s ease, background .2s ease, box-shadow .2s ease, transform .2s ease;
}
.ampol-check-option:hover { border-color: rgba(52,211,153,.46); background: rgba(24,39,32,.92); transform: translateY(-1px); }
.ampol-check-option:focus-within { outline: 3px solid rgba(16,185,129,.18); border-color: rgb(52 211 153); }
.ampol-check-input { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.ampol-check-box {
    display: grid; width: 1.55rem; height: 1.55rem; flex: 0 0 auto; place-items: center;
    border: 2px solid rgba(148,163,184,.55); border-radius: .48rem; background: #111916; color: transparent;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.025); transition: .2s ease;
}
.ampol-check-box svg { width: 1rem; height: 1rem; }
.ampol-check-copy { min-width: 0; flex: 1; }
.ampol-check-copy b { display: block; font-size: .78rem; font-weight: 900; color: #e2e8f0; }
.ampol-check-copy small { display: block; margin-top: .16rem; font-size: .6rem; line-height: 1.55; color: #94a3b8; }
.ampol-check-state { flex: 0 0 auto; border-radius: 999px; padding: .28rem .52rem; background: rgba(148,163,184,.10); font-size: .56rem; font-weight: 900; color: #94a3b8; }
.ampol-check-state i { font-style: normal; }
.ampol-check-state .is-on { display: none; }
.ampol-check-input:checked ~ .ampol-check-box { border-color: #34d399; background: linear-gradient(145deg,#059669,#34d399); color: #fff; box-shadow: 0 0 0 4px rgba(16,185,129,.13), 0 8px 22px rgba(16,185,129,.24); }
.ampol-check-input:checked ~ .ampol-check-copy b { color: #ecfdf5; }
.ampol-check-input:checked ~ .ampol-check-state { background: rgba(16,185,129,.17); color: #6ee7b7; }
.ampol-check-input:checked ~ .ampol-check-state .is-on { display: inline; }
.ampol-check-input:checked ~ .ampol-check-state .is-off { display: none; }
.ampol-check-option:has(.ampol-check-input:checked) { border-color: rgba(52,211,153,.55); background: linear-gradient(145deg,rgba(5,150,105,.18),rgba(22,36,30,.96)); }
.ampol-check-option:has(.ampol-check-input:disabled) { cursor: not-allowed; opacity: .48; transform: none; }
.ampol-check-option.is-compact { min-height: 2.9rem; padding: .55rem .62rem; border-radius: .8rem; }
.ampol-check-option.is-compact .ampol-check-box { width: 1.28rem; height: 1.28rem; }
.ampol-check-option.is-compact .ampol-check-state { display: none; }
.ampol-check-option.is-compact .ampol-check-copy b { font-size: .68rem; }

/* Product variants imported from WooCommerce remain children of their parent. */
.product-variant-picker { border: 1px solid rgba(52,211,153,.16); border-radius: 1.25rem; padding: .9rem; background: rgba(16,185,129,.045); }
.product-variant-option { display:flex; align-items:center; justify-content:space-between; gap:.65rem; width:100%; border:1px solid rgba(255,255,255,.09); border-radius:1rem; padding:.72rem .78rem; background:rgba(0,0,0,.18); text-align:right; transition:.2s ease; }
.product-variant-option:hover { border-color:rgba(52,211,153,.38); transform:translateY(-1px); }
.product-variant-option.is-active { border-color:#34d399; background:linear-gradient(145deg,rgba(5,150,105,.24),rgba(6,78,59,.28)); box-shadow:0 0 0 3px rgba(16,185,129,.10); }
.product-variant-option span { min-width:0; }
.product-variant-option b { display:block; font-size:.72rem; font-weight:900; color:#f8fafc; }
.product-variant-option small { display:block; margin-top:.18rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:.55rem; color:#94a3b8; }
.product-variant-option strong { flex:0 0 auto; font-size:.68rem; color:#6ee7b7; }

/* Product art: use the real artwork, not a washed-out luminosity layer. */
.store-product-card { background: linear-gradient(155deg,#17211d,#0e1512) !important; border-color: rgba(110,231,183,.16) !important; box-shadow:0 20px 55px rgba(12,32,23,.22) !important; }
.store-product-card__visual { isolation:isolate; overflow:hidden; background:linear-gradient(145deg,#24342c,#14201a) !important; }
.store-product-card__image-wrap { position:absolute; inset:0; z-index:2; overflow:hidden; }
.store-product-card__image { width:100%; height:100%; object-fit:cover; object-position:center; filter:saturate(1.06) contrast(1.03); transform:scale(1.015); transition:transform .75s cubic-bezier(.2,.8,.2,1),filter .45s ease; }
.store-product-card:hover .store-product-card__image { transform:scale(1.09); filter:saturate(1.13) contrast(1.06) brightness(1.04); }
.store-product-card__image-wrap::after { content:''; position:absolute; inset:0; background:linear-gradient(to top,rgba(8,16,12,.92) 0%,rgba(8,16,12,.18) 48%,rgba(8,16,12,.07) 100%); }
.store-product-card__visual-bottom { background:linear-gradient(to top,#111a16 2%,rgba(17,26,22,.15),transparent) !important; }
.store-product-card__category { background:rgba(8,18,13,.72) !important; border-color:rgba(255,255,255,.14) !important; color:#e2e8f0 !important; }
.store-product-card__commercial-badge { background:rgba(8,18,13,.74) !important; color:#6ee7b7 !important; }
.store-product-card__instant { background:rgba(6,30,20,.80) !important; color:#6ee7b7 !important; }
.store-product-card__arrow { background:rgba(255,255,255,.055) !important; border-color:rgba(255,255,255,.10) !important; color:#a7f3d0 !important; }
.product-service-artwork img { opacity:.94 !important; mix-blend-mode:normal !important; filter:saturate(1.06) contrast(1.04); }

@media (max-width: 640px) {
    .ampol-check-option { min-height:3.15rem; padding:.6rem; }
    .ampol-check-state { font-size:.5rem; }
    .product-variant-option { padding:.64rem; }
}

/* Keep legacy dark-text and light-text utility mixes readable on V7 smoked panels. */
.premium-panel .text-white,
.glass-panel .text-white,
.metric-card .text-white,
[data-group] .text-white,
.admin-order-row .text-white,
.ticket-row .text-white {
    color: #10231a !important;
}
.premium-panel .text-zinc-300,
.glass-panel .text-zinc-300,
.metric-card .text-zinc-300,
[data-group] .text-zinc-300 {
    color: #334c40 !important;
}
.premium-panel .text-zinc-500,
.glass-panel .text-zinc-500,
.metric-card .text-zinc-500,
[data-group] .text-zinc-500 {
    color: #64776d !important;
}
.premium-panel .border-white\/\[\.07\],
.premium-panel .border-white\/\[\.06\],
.glass-panel .border-white\/10 {
    border-color: rgba(6,95,70,.14) !important;
}

.product-variant-picker__head{display:flex;align-items:flex-end;justify-content:space-between;gap:.65rem}.product-variant-picker__head span{display:block;font-size:.58rem;font-weight:900;color:#6ee7b7}.product-variant-picker__head b{display:block;margin-top:.18rem;font-size:.8rem;color:#fff}.product-variant-picker__head small{font-size:.55rem;color:#94a3b8}.product-variant-picker__grid{display:grid;gap:.55rem;margin-top:.75rem}.product-variant-option input{width:1rem;height:1rem;accent-color:#10b981}.product-variant-option strong i{font-size:.52rem;font-style:normal}.sep-payment-option{border:1px solid rgba(5,150,105,.35);background:linear-gradient(135deg,#e7f1ec,#d8e6df);color:#10231a}.sep-payment-option b{color:#10231a}.sep-payment-option small{color:#526a5f}