/* Acquatic Store — selettore giorno / notte e tema scuro */

.theme-btn {
  position: relative; flex: none; width: 44px; height: 44px; margin-left: 10px; display: grid; place-items: center;
  border-radius: 11px; border: 1px solid var(--line); background: var(--panel-2); color: var(--ink);
  transition: background .2s, border-color .2s, transform .2s;
}
.theme-btn:hover { border-color: var(--blue); color: var(--blue); transform: translateY(-1px); }
.theme-ico { position: absolute; inset: 0; display: grid; place-items: center; transition: opacity .3s, transform .45s cubic-bezier(.25, .8, .25, 1); }
.theme-moon { opacity: 0; transform: rotate(-90deg) scale(.5); }
[data-theme="dark"] .theme-sun { opacity: 0; transform: rotate(90deg) scale(.5); }
[data-theme="dark"] .theme-moon { opacity: 1; transform: none; }
.nav { letter-spacing: .4px; }
.nav > a { white-space: nowrap; padding-inline: 9px; }
.head .wrap { width: min(1440px, 94vw); }
@media (max-width: 1325px) and (min-width: 761px) { .brand-txt i { display: none; } }
.head-in { gap: 18px; }
@media (max-width: 1240px) {
  .nav { font-size: 13px; letter-spacing: .3px; }
  .nav > a { padding-inline: 8px; }
  .cart-btn { padding-inline: 14px; }
}
@media (max-width: 1060px) and (min-width: 761px) {
  .brand-txt i { display: none; }
  .nav-dc { font-size: 0; gap: 0; }
}
@media (max-width: 760px) { .theme-btn { width: 40px; height: 40px; margin-left: 8px; } .nav > a { padding-inline: 13px; } }


/* ---------- tema scuro ---------- */

[data-theme="dark"] {
  color-scheme: dark;
  --bg: #0a111d;
  --panel: #111b2d;
  --panel-2: #0d1626;
  --deep: #111b2d;
  --navy: #060c17;
  --navy-2: #13223a;
  --ink: #e8eef7;
  --white: #e8eef7;
  --grey: #a3b3c8;
  --grey-2: #6c7f98;
  --line: #24354f;
  --line-soft: #1a2840;
  --blue: #2f8cff;
  --blue-hot: #5cb0ff;
  --blue-dark: #1c70d8;
  --blue-soft: rgba(47, 140, 255, .13);
  --ok: #22c55e;
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, .4), 0 1px 3px rgba(0, 0, 0, .3);
  --shadow: 0 6px 18px rgba(0, 0, 0, .38);
  --shadow-lg: 0 20px 44px rgba(0, 0, 0, .55);
}

[data-theme="dark"] .head { background: rgba(13, 22, 38, .92); backdrop-filter: blur(10px); box-shadow: 0 1px 0 var(--line-soft), 0 6px 20px rgba(0, 0, 0, .3); }
[data-theme="dark"] .nav > a { color: var(--grey); }
[data-theme="dark"] .nav > a:hover, [data-theme="dark"] .nav > a.is-on { color: var(--blue-hot); }
[data-theme="dark"] .burger { background: var(--panel); border-color: var(--line); }
[data-theme="dark"] .topbar { border-bottom: 1px solid var(--line-soft); }
[data-theme="dark"] .foot { border-top: 1px solid var(--line-soft); }

[data-theme="dark"] .toast,
[data-theme="dark"] .mode-card,
[data-theme="dark"] .cat-tab,
[data-theme="dark"] .cat-card,
[data-theme="dark"] .prod,
[data-theme="dark"] .gallery,
[data-theme="dark"] .thumbs button,
[data-theme="dark"] .buy,
[data-theme="dark"] .qty,
[data-theme="dark"] .qty input,
[data-theme="dark"] .panel,
[data-theme="dark"] .pay-opt span,
[data-theme="dark"] .receipt,
[data-theme="dark"] .pay,
[data-theme="dark"] .purchase-card,
[data-theme="dark"] .kb-class,
[data-theme="dark"] .kb-gun,
[data-theme="dark"] .kb-perk,
[data-theme="dark"] .kb-extra,
[data-theme="dark"] .kb-summary,
[data-theme="dark"] .pay-card { background: var(--panel); border-color: var(--line-soft); }
[data-theme="dark"] .kb-gun, [data-theme="dark"] .kb-perk { border-color: var(--line); color: var(--ink); }
[data-theme="dark"] .kb-gun.on, [data-theme="dark"] .kb-extra.on { background: var(--blue-soft); border-color: var(--blue-hot); color: var(--blue-hot); }
[data-theme="dark"] .kb-perk.on { background: var(--blue); border-color: var(--blue-hot); color: #fff; }
[data-theme="dark"] .kb-row, [data-theme="dark"] .pay-meta { color: var(--grey); }

[data-theme="dark"] .btn:not(.btn-primary):not(.btn-dark):not(.btn-danger):not(.purchase-copy) { background: var(--panel); border-color: var(--line); color: var(--ink); }
[data-theme="dark"] .btn-ghost:not(.btn-primary) { background: transparent !important; }
[data-theme="dark"] .btn-ghost:hover { background: var(--panel-2) !important; }
[data-theme="dark"] .btn-dark { background: #1b2a43; border-color: #1b2a43; }
[data-theme="dark"] .btn-dark:hover { background: #24375a; border-color: #24375a; }

[data-theme="dark"] input[type=text], [data-theme="dark"] input[type=email], [data-theme="dark"] input[type=password],
[data-theme="dark"] input[type=number], [data-theme="dark"] input[type=search], [data-theme="dark"] select, [data-theme="dark"] textarea,
[data-theme="dark"] .purchase-page .field input, [data-theme="dark"] .purchase-page .field textarea {
  background: var(--panel-2); border-color: var(--line); color: var(--ink);
}
[data-theme="dark"] input::placeholder, [data-theme="dark"] textarea::placeholder { color: #4d6079; }

[data-theme="dark"] .notice { background: rgba(234, 88, 12, .1); border-color: rgba(234, 88, 12, .28); color: #fdba74; }
[data-theme="dark"] .notice .ico { color: #fb923c; }
[data-theme="dark"] .errors { background: rgba(220, 38, 38, .1); border-color: rgba(220, 38, 38, .3); }
[data-theme="dark"] .errors ul { color: #fca5a5; }

[data-theme="dark"] .tag-open, [data-theme="dark"] .st-delivered { background: rgba(34, 197, 94, .15); color: #4ade80; }
[data-theme="dark"] .tag-soon, [data-theme="dark"] .st-cancelled { background: #1e2b40; color: #94a3b8; }
[data-theme="dark"] .tag-maint, [data-theme="dark"] .st-pending { background: rgba(245, 158, 11, .15); color: #fbbf24; }
[data-theme="dark"] .st-paid { background: var(--blue-soft); color: #7cc0ff; }
[data-theme="dark"] .st-refunded { background: rgba(239, 68, 68, .15); color: #f87171; }
[data-theme="dark"] .pay-opt input:checked + span { color: #9fd0ff; }
[data-theme="dark"] .ticket-msg { background: #060c17; border: 1px solid var(--line-soft); }
[data-theme="dark"] .pay-ok .pay-ring b { background: rgba(34, 197, 94, .15); }

/* pagine acquisto / informative (purchase.css) */
[data-theme="dark"] .purchase-page { color: var(--ink); }
[data-theme="dark"] .purchase-back, [data-theme="dark"] .purchase-heading > p, [data-theme="dark"] .purchase-muted,
[data-theme="dark"] .link-start p, [data-theme="dark"] .checkout-delivery p, [data-theme="dark"] .checkout-terms { color: var(--grey); }
[data-theme="dark"] .purchase-card { box-shadow: var(--shadow-sm); }
[data-theme="dark"] .purchase-icon-tile, [data-theme="dark"] .link-start-mark, [data-theme="dark"] .checkout-item-icon { background: var(--blue-soft); border-color: transparent; color: var(--blue-hot); }
[data-theme="dark"] .purchase-chip { background: var(--panel-2); color: var(--grey); }
[data-theme="dark"] .purchase-errors { background: rgba(220, 38, 38, .1); border-color: rgba(220, 38, 38, .3); color: #fca5a5; }
[data-theme="dark"] .purchase-progress li > span { background: #1b2940; }
[data-theme="dark"] .purchase-progress .is-current > span { box-shadow: 0 0 0 4px var(--blue-soft); }
[data-theme="dark"] .purchase-progress .is-complete { color: var(--grey); }
[data-theme="dark"] .purchase-progress .is-complete > span { background: rgba(34, 197, 94, .15); color: #4ade80; }
[data-theme="dark"] .purchase-notice, [data-theme="dark"] .legal-overview { background: var(--blue-soft); border-color: rgba(47, 140, 255, .22); }
[data-theme="dark"] .purchase-notice b, [data-theme="dark"] .legal-overview b { color: var(--ink); }
[data-theme="dark"] .purchase-notice p, [data-theme="dark"] .legal-overview p { color: var(--grey); }
[data-theme="dark"] .link-start p b, [data-theme="dark"] .link-command-heading > b, [data-theme="dark"] .link-wait b,
[data-theme="dark"] .checkout-item b, [data-theme="dark"] .checkout-item strong, [data-theme="dark"] .checkout-breakdown dd,
[data-theme="dark"] .checkout-grand-total b, [data-theme="dark"] .checkout-delivery b, [data-theme="dark"] .checkout-extras summary,
[data-theme="dark"] .purchase-page .field label { color: var(--ink); }
[data-theme="dark"] .link-guide { background: linear-gradient(135deg, #0f2440, #070f1d); border: 1px solid var(--line-soft); }
[data-theme="dark"] .link-command { background: #060c17; border: 1px solid var(--line-soft); }
[data-theme="dark"] .link-wait { background: var(--panel-2); border-color: var(--line-soft); }
[data-theme="dark"] .link-card-footer, [data-theme="dark"] .checkout-item, [data-theme="dark"] .checkout-delivery,
[data-theme="dark"] .checkout-grand-total, [data-theme="dark"] .legal-meta, [data-theme="dark"] .legal-content > section { border-color: var(--line-soft); }
[data-theme="dark"] .checkout-player { background: rgba(34, 197, 94, .08); border-color: rgba(34, 197, 94, .25); }
[data-theme="dark"] .checkout-player-icon { background: rgba(34, 197, 94, .15); color: #4ade80; }
[data-theme="dark"] .checkout-player > a { color: #86c79f; }
[data-theme="dark"] .checkout-method { border-color: var(--line); }
[data-theme="dark"] .checkout-method:has(input:checked) { background: var(--blue-soft); }
[data-theme="dark"] .checkout-selection { border-color: var(--line); }
[data-theme="dark"] .legal-nav nav > a { color: var(--grey); }
[data-theme="dark"] .legal-nav nav > a:hover { background: var(--blue-soft); }
[data-theme="dark"] .legal-support, [data-theme="dark"] .legal-payment-grid > div, [data-theme="dark"] .legal-purpose { background: var(--panel-2); border-color: var(--line-soft); }
[data-theme="dark"] .legal-support > b, [data-theme="dark"] .legal-payment-grid b, [data-theme="dark"] .legal-purpose > b,
[data-theme="dark"] .legal-content h2, [data-theme="dark"] .legal-content section strong { color: var(--ink); }
[data-theme="dark"] .legal-content section p, [data-theme="dark"] .legal-content section li { color: var(--grey); }
[data-theme="dark"] .legal-callout { background: var(--blue-soft); }
[data-theme="dark"] .legal-callout b { color: #9fc6ea; }
[data-theme="dark"] .legal-callout p { color: var(--grey) !important; }
[data-theme="dark"] .legal-content code { background: var(--panel-2); color: var(--ink); }
@media (max-width: 760px) { [data-theme="dark"] .legal-nav nav > a { background: var(--panel); } }

/* colori scritti inline nelle view */
[data-theme="dark"] [style*="color:#64748b"], [data-theme="dark"] [style*="color:#475569"],
[data-theme="dark"] [style*="color:#3a5364"], [data-theme="dark"] [style*="color:#5c7183"] { color: var(--grey) !important; }
[data-theme="dark"] [style*="color:#94a3b8"] { color: var(--grey-2) !important; }
[data-theme="dark"] [style*="color:#b91c1c"] { color: #f87171 !important; }
[data-theme="dark"] [style*="color:#15803d"] { color: #4ade80 !important; }
[data-theme="dark"] [style*="background:#f8fafc"] { background: var(--panel-2) !important; }
[data-theme="dark"] [style*="solid #e2e8f0"] { border-color: var(--line-soft) !important; }

@media (max-width: 1180px) and (min-width: 761px) {
  .burger { display: block; margin-left: auto; }
  .nav {
    position: fixed; top: 116px; right: 4vw; left: auto; width: 300px; flex-direction: column; align-items: stretch; gap: 2px; padding: 12px;
    background: var(--panel); border: 1px solid var(--line-soft); border-radius: 14px; box-shadow: var(--shadow-lg); display: none; z-index: 70; margin-left: 0;
  }
  .nav.open { display: flex; animation: toastIn .22s ease both; }
  .nav > a { padding: 11px 14px; font-size: 14px; }
  .nav-dc { font-size: 14px !important; gap: 7px !important; }
  .cart-btn { margin: 8px 0 0; justify-content: center; }
  .brand-txt i { display: block !important; }
}