/**
 * Mode clair pour body.lt-gl-app (compte, auth, vitrine…).
 * Chargé en dernier (footer) pour battre grand-line-app, loguetown-gl
 * et mon-espace-cinematic / auth-polish sur la spécificité.
 */

/* ------------------------------------------------------------------ */
/* Variables Grand Line → palette papier / crème                      */
/* ------------------------------------------------------------------ */
[data-theme="light"] body.lt-gl-app {
  --gl-gold: #a86f12;
  --gl-gold-l: #c9941a;
  --gl-gold-xl: #e2b323;
  --gl-gold-dim: rgba(122, 81, 0, 0.72);
  --gl-ocean-0: #faf6ec;
  --gl-ocean-1: #f2ebe0;
  --gl-ocean-2: #e8dcc8;
  --gl-ocean-3: #dccfbb;
  --gl-text: #1e2733;
  --gl-text-soft: rgba(30, 39, 51, 0.72);
  --gl-text-muted: rgba(30, 39, 51, 0.48);
  --gl-border: rgba(138, 90, 15, 0.18);
  --gl-border-mid: rgba(138, 90, 15, 0.28);
  --gl-border-hover: rgba(138, 90, 15, 0.42);
  --gl-card: rgba(255, 254, 250, 0.94);
  --gl-card-hover: rgba(255, 252, 246, 0.99);
  --gl-gold-line-xs: rgba(168, 111, 18, 0.06);
  --gl-gold-line-sm: rgba(168, 111, 18, 0.08);
  --gl-gold-surface: rgba(212, 160, 23, 0.12);
  --gl-gold-line: rgba(168, 111, 18, 0.14);
  --gl-gold-line-soft: rgba(168, 111, 18, 0.12);
  --gl-gold-line-medium: rgba(168, 111, 18, 0.2);
  --gl-gold-line-strong: rgba(168, 111, 18, 0.24);
  --gl-gold-glow: rgba(212, 160, 23, 0.28);
  --gl-gold-hover: rgba(212, 160, 23, 0.45);
  --gl-gold-shadow: rgba(138, 90, 15, 0.35);
  --gl-black-shadow: rgba(52, 36, 12, 0.1);
  --gl-black-shadow-strong: rgba(52, 36, 12, 0.14);
  --gl-success-soft: #15803d;
  --gl-danger-soft: #b91c1c;
  color: var(--gl-text);
  background: var(--gl-ocean-0);
}

[data-theme="light"] body.lt-gl-app::before {
  opacity: 0.55;
  background:
    radial-gradient(ellipse 80% 45% at 15% 10%, rgba(212, 160, 23, 0.08) 0%, transparent 55%),
    radial-gradient(ellipse 70% 50% at 85% 90%, rgba(56, 94, 107, 0.06) 0%, transparent 55%),
    radial-gradient(ellipse 60% 40% at 50% 50%, rgba(192, 57, 43, 0.03) 0%, transparent 65%);
}

/* Liens génériques (grand-line-app) */
[data-theme="light"] body.lt-gl-app a:not([class]) {
  color: #8a5a0f;
}
[data-theme="light"] body.lt-gl-app a:not([class]):hover {
  color: #5c3d08;
}

/* ------------------------------------------------------------------ */
/* Nav Grand Line : loguetown-gl bat theme-modes (:where → 0)         */
/* ------------------------------------------------------------------ */
[data-theme="light"] body.lt-gl-app.lt26-grain a.lt-gl-nlink {
  color: rgba(35, 44, 56, 0.82) !important;
}
[data-theme="light"] body.lt-gl-app.lt26-grain a.lt-gl-nlink:hover,
[data-theme="light"] body.lt-gl-app.lt26-grain a.lt-gl-nlink.is-active {
  color: #7a5100 !important;
}
[data-theme="light"] body.lt-gl-app.lt26-grain a.lt-gl-nlink:focus-visible {
  color: #5c3d08 !important;
}

[data-theme="light"] body.lt-gl-app.lt26-grain .lt-gl-nav__brand {
  color: #8a5a0f !important;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
[data-theme="light"] body.lt-gl-app.lt26-grain .lt-gl-nav__brand:hover {
  color: #5c3d08 !important;
}

[data-theme="light"] body.lt-gl-app.lt26-grain .lt26-nav--grand-line .lt26-nav__icon {
  color: rgba(35, 44, 56, 0.65) !important;
}
[data-theme="light"] body.lt-gl-app.lt26-grain .lt26-nav--grand-line .lt26-nav__icon:hover {
  color: #7a5100 !important;
  background: rgba(212, 160, 23, 0.12) !important;
}

[data-theme="light"] body.lt-gl-app.lt26-grain .lt26-nav--grand-line .lt26-nav__user-btn {
  color: rgba(30, 39, 51, 0.88) !important;
  border-color: rgba(138, 90, 15, 0.28) !important;
  background: rgba(255, 252, 246, 0.85) !important;
}
[data-theme="light"] body.lt-gl-app.lt26-grain .lt26-nav--grand-line .lt26-nav__user-btn:hover {
  border-color: rgba(168, 111, 18, 0.55) !important;
  box-shadow: 0 0 0 3px rgba(212, 160, 23, 0.15) !important;
}

[data-theme="light"] body.lt-gl-app.lt26-grain .lt26-nav--grand-line .lt26-nav__hamburger span {
  background: #1e2733 !important;
}

[data-theme="light"] body.lt-gl-app.lt26-grain .lt-gl-nav__search .lt26-nav__search-input {
  background: rgba(255, 255, 255, 0.92) !important;
  border-color: rgba(138, 90, 15, 0.22) !important;
  color: #1e2733 !important;
}
[data-theme="light"] body.lt-gl-app.lt26-grain .lt-gl-nav__search .lt26-nav__search-input::placeholder {
  color: rgba(30, 39, 51, 0.42) !important;
}
[data-theme="light"] body.lt-gl-app.lt26-grain .lt-gl-nav__search .lt26-nav__search-input:focus {
  border-color: rgba(168, 111, 18, 0.45) !important;
  box-shadow: 0 0 0 2px rgba(212, 160, 23, 0.18) !important;
}

[data-theme="light"] body.lt-gl-app.lt26-grain .lt-gl-nav__deposit {
  color: #7a5100 !important;
  border-color: rgba(138, 90, 15, 0.35) !important;
}
[data-theme="light"] body.lt-gl-app.lt26-grain .lt-gl-nav__deposit:hover {
  background: rgba(212, 160, 23, 0.12) !important;
  border-color: #a86f12 !important;
  color: #5c3d08 !important;
}

/* ------------------------------------------------------------------ */
/* Auth : body.lt-gl-app .auth-card bat [data-theme] .auth-card       */
/* ------------------------------------------------------------------ */
[data-theme="light"] body.lt-gl-app .auth-page-container,
[data-theme="light"] body.lt-gl-app .modern-auth-container {
  color: #1e2733;
}

[data-theme="light"] body.lt-gl-app .auth-card {
  background:
    linear-gradient(rgba(168, 111, 18, 0.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(168, 111, 18, 0.04) 1px, transparent 1px),
    linear-gradient(160deg, #fffefb 0%, #f0e8d8 100%) !important;
  border: 1px solid rgba(138, 90, 15, 0.24) !important;
  color: #1e2733 !important;
  box-shadow: 0 20px 50px rgba(52, 36, 12, 0.12) !important;
}

[data-theme="light"] body.lt-gl-app .auth-header h1,
[data-theme="light"] body.lt-gl-app .auth-header h2 {
  color: #1e2733 !important;
}

[data-theme="light"] body.lt-gl-app .auth-header p {
  color: rgba(30, 39, 51, 0.68) !important;
}

[data-theme="light"] body.lt-gl-app .auth-footer a,
[data-theme="light"] body.lt-gl-app .auth-footer-link a {
  color: #8a5a0f !important;
}
[data-theme="light"] body.lt-gl-app .auth-footer a:hover,
[data-theme="light"] body.lt-gl-app .auth-footer-link a:hover {
  color: #5c3d08 !important;
}

[data-theme="light"] body.lt-gl-app .auth-form input,
[data-theme="light"] body.lt-gl-app .modern-form input {
  background: rgba(255, 255, 255, 0.95) !important;
  border-color: rgba(138, 90, 15, 0.25) !important;
  color: #1e2733 !important;
}

[data-theme="light"] body.lt-gl-app .auth-page-container .auth-remember input[type="checkbox"],
[data-theme="light"] body.lt-gl-app .auth-page-container .auth-form-remember input[type="checkbox"] {
  background: rgba(255, 252, 246, 0.95) !important;
  border-color: rgba(138, 90, 15, 0.4) !important;
}

[data-theme="light"] body.lt-gl-app .input-icon {
  color: rgba(122, 81, 0, 0.65) !important;
}

/* Notifications (fond très sombre dans notifications-polish) */
[data-theme="light"] body.lt-gl-app .notifications-hero,
[data-theme="light"] body.lt-gl-app .notifications-tabs,
[data-theme="light"] body.lt-gl-app .notification-card,
[data-theme="light"] body.lt-gl-app .notifications-empty {
  background:
    linear-gradient(rgba(184, 134, 11, 0.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(184, 134, 11, 0.04) 1px, transparent 1px),
    linear-gradient(135deg, #fffefb, #f3eadc) !important;
  border-color: rgba(138, 90, 15, 0.26) !important;
  box-shadow: 0 12px 32px rgba(52, 36, 12, 0.08) !important;
  color: #1e2733 !important;
}

[data-theme="light"] body.lt-gl-app .notifications-hero h1,
[data-theme="light"] body.lt-gl-app .notifications-empty h2,
[data-theme="light"] body.lt-gl-app .notification-card h2 {
  color: #3d2910 !important;
}

[data-theme="light"] body.lt-gl-app .notifications-hero p,
[data-theme="light"] body.lt-gl-app .notifications-empty p,
[data-theme="light"] body.lt-gl-app .notification-card p,
[data-theme="light"] body.lt-gl-app .notification-card small {
  color: rgba(30, 39, 51, 0.72) !important;
}

[data-theme="light"] body.lt-gl-app .notifications-kicker {
  color: #8a5a0f !important;
}

[data-theme="light"] body.lt-gl-app .notifications-hero-actions a,
[data-theme="light"] body.lt-gl-app .notifications-hero-actions button,
[data-theme="light"] body.lt-gl-app .notifications-tabs a,
[data-theme="light"] body.lt-gl-app .notification-card button {
  background: rgba(255, 252, 246, 0.95) !important;
  border-color: rgba(138, 90, 15, 0.3) !important;
  color: #5c3d08 !important;
}

[data-theme="light"] body.lt-gl-app .notifications-tabs a.is-active {
  background: rgba(212, 160, 23, 0.16) !important;
  color: #8a5a0f !important;
}

[data-theme="light"] body.lt-gl-app .notifications-tabs span {
  color: rgba(30, 39, 51, 0.6) !important;
}

[data-theme="light"] body.lt-gl-app .notifications-alert {
  background: rgba(22, 163, 74, 0.1) !important;
  border-color: rgba(22, 163, 74, 0.25) !important;
  color: #166534 !important;
}

[data-theme="light"] body.lt-gl-app .notifications-alert--error {
  background: rgba(220, 38, 38, 0.08) !important;
  border-color: rgba(220, 38, 38, 0.25) !important;
  color: #b91c1c !important;
}

/* ------------------------------------------------------------------ */
/* Portefeuille (/auth/mon-portefeuille) — bundle-user-extras force un thème sombre */
/* ------------------------------------------------------------------ */
[data-theme="light"] body.lt-gl-app .wallet-page {
  --wallet-bg: #faf6ec !important;
  --wallet-card: rgba(255, 254, 250, 0.96) !important;
  --wallet-card-2: rgba(244, 236, 220, 0.96) !important;
  --wallet-text: #1e2733 !important;
  --wallet-soft: rgba(30, 39, 51, 0.72) !important;
  --wallet-muted: rgba(30, 39, 51, 0.55) !important;
  --wallet-gold: #8a5a0f !important;
  --wallet-line: rgba(138, 90, 15, 0.24) !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(212, 160, 23, 0.10), transparent 26rem),
    linear-gradient(180deg, rgba(255, 254, 250, 0.96) 0%, var(--wallet-bg) 100%) !important;
  color: var(--wallet-text) !important;
  border-left-color: rgba(138, 90, 15, 0.10) !important;
  border-right-color: rgba(138, 90, 15, 0.10) !important;
}

[data-theme="light"] body.lt-gl-app .wallet-card,
[data-theme="light"] body.lt-gl-app .wallet-operations,
[data-theme="light"] body.lt-gl-app .wallet-inline-block {
  background: var(--wallet-card) !important;
  border-color: var(--wallet-line) !important;
  box-shadow: 0 16px 40px rgba(52, 36, 12, 0.10) !important;
}

[data-theme="light"] body.lt-gl-app .wallet-card-title,
[data-theme="light"] body.lt-gl-app .wallet-operations-title,
[data-theme="light"] body.lt-gl-app .wallet-inline-title {
  color: #3d2910 !important;
}

[data-theme="light"] body.lt-gl-app .wallet-breadcrumb a {
  color: #8a5a0f !important;
}
[data-theme="light"] body.lt-gl-app .wallet-breadcrumb a:hover {
  color: #5c3d08 !important;
}

[data-theme="light"] body.lt-gl-app .wallet-card-balance {
  color: #8a5a0f !important;
  text-shadow: 0 10px 24px rgba(212, 160, 23, 0.16) !important;
}

[data-theme="light"] body.lt-gl-app .wallet-btn--secondary {
  background: rgba(255, 252, 246, 0.95) !important;
  color: #1e2733 !important;
  border-color: rgba(138, 90, 15, 0.28) !important;
}
[data-theme="light"] body.lt-gl-app .wallet-btn--secondary:hover {
  border-color: rgba(138, 90, 15, 0.42) !important;
}

[data-theme="light"] body.lt-gl-app .wallet-tab {
  background: rgba(255, 252, 246, 0.95) !important;
  color: rgba(30, 39, 51, 0.72) !important;
  border-color: rgba(138, 90, 15, 0.22) !important;
}
[data-theme="light"] body.lt-gl-app .wallet-tab:hover {
  background: rgba(212, 160, 23, 0.10) !important;
  color: #1e2733 !important;
}
[data-theme="light"] body.lt-gl-app .wallet-tab.active {
  background: rgba(212, 160, 23, 0.18) !important;
  color: #5c3d08 !important;
}

[data-theme="light"] body.lt-gl-app .wallet-upcoming,
[data-theme="light"] body.lt-gl-app .wallet-tx {
  border-bottom-color: rgba(138, 90, 15, 0.16) !important;
}

[data-theme="light"] body.lt-gl-app .wallet-tx-icon {
  background: rgba(56, 94, 107, 0.10) !important;
  color: #2d4a54 !important;
}

[data-theme="light"] body.lt-gl-app .wallet-form input,
[data-theme="light"] body.lt-gl-app .wallet-form select,
[data-theme="light"] body.lt-gl-app .wallet-form textarea,
[data-theme="light"] body.lt-gl-app #card-element {
  background: rgba(255, 255, 255, 0.94) !important;
  border-color: rgba(138, 90, 15, 0.22) !important;
  color: #1e2733 !important;
}

/* ------------------------------------------------------------------ */
/* Formulaires compte (grand-line-app)                                */
/* ------------------------------------------------------------------ */
[data-theme="light"] body.lt-gl-app .form-group input,
[data-theme="light"] body.lt-gl-app .form-group textarea,
[data-theme="light"] body.lt-gl-app .form-group select,
[data-theme="light"] body.lt-gl-app .lt-input,
[data-theme="light"] body.lt-gl-app .filter-input {
  background: rgba(255, 254, 250, 0.98) !important;
  border-color: rgba(138, 90, 15, 0.28) !important;
  color: #1e2733 !important;
}

[data-theme="light"] body.lt-gl-app .form-group input::placeholder,
[data-theme="light"] body.lt-gl-app .lt-input::placeholder,
[data-theme="light"] body.lt-gl-app .filter-input::placeholder {
  color: rgba(30, 39, 51, 0.45) !important;
}

[data-theme="light"] body.lt-gl-app .dashboard-logout-btn {
  color: rgba(30, 39, 51, 0.55) !important;
  border-color: rgba(138, 90, 15, 0.22) !important;
}

/* ------------------------------------------------------------------ */
/* Sidebar vitrine                                                    */
/* ------------------------------------------------------------------ */
[data-theme="light"] body.lt-gl-app .vitrine-side {
  background: linear-gradient(180deg, #fffefb 0%, #f4ecde 100%) !important;
  border: 1px solid rgba(138, 90, 15, 0.22) !important;
  box-shadow: 0 8px 32px rgba(52, 36, 12, 0.08) !important;
}

[data-theme="light"] body.lt-gl-app .vitrine-side__avatar {
  background: linear-gradient(135deg, #e8dcc8, #dccfbb) !important;
  color: #5c3d08 !important;
  box-shadow: 0 0 12px rgba(212, 160, 23, 0.22) !important;
}

[data-theme="light"] body.lt-gl-app .lt26-mono--meta {
  color: rgba(30, 39, 51, 0.55) !important;
}

/* ------------------------------------------------------------------ */
/* Tableau de bord vendeur (mon-espace-polish + cinematic)           */
/* ------------------------------------------------------------------ */
[data-theme="light"] body.lt-gl-app .seller-dashboard {
  --seller-bg: #faf6ec;
  --seller-panel: #fffefb;
  --seller-panel-2: #f7f0e4;
  --seller-line: rgba(138, 90, 15, 0.22);
  --seller-line-soft: rgba(138, 90, 15, 0.12);
  --seller-text: #1e2733;
  --seller-soft: rgba(30, 39, 51, 0.75);
  --seller-muted: rgba(30, 39, 51, 0.52);
  --seller-gold: #a86f12;
  color: var(--seller-text);
}

[data-theme="light"] body.lt-gl-app .seller-hero,
[data-theme="light"] body.lt-gl-app .seller-panel,
[data-theme="light"] body.lt-gl-app .seller-stat,
[data-theme="light"] body.lt-gl-app .seller-action,
[data-theme="light"] body.lt-gl-app .seller-shortcuts {
  background:
    linear-gradient(rgba(184, 134, 11, 0.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(184, 134, 11, 0.04) 1px, transparent 1px),
    linear-gradient(135deg, rgba(255, 254, 250, 0.98), rgba(244, 236, 220, 0.96)) !important;
  background-size: 34px 34px, 34px 34px, 100% 100% !important;
  border-color: var(--seller-line) !important;
  box-shadow: 0 12px 32px rgba(52, 36, 12, 0.08) !important;
}

[data-theme="light"] body.lt-gl-app .seller-shortcuts a {
  border-color: var(--seller-line-soft) !important;
  color: var(--seller-soft) !important;
}

[data-theme="light"] body.lt-gl-app .seller-shortcuts a:hover {
  border-color: rgba(168, 111, 18, 0.46) !important;
  color: var(--seller-text) !important;
}

[data-theme="light"] body.lt-gl-app .seller-eyebrow {
  color: #8a5a0f !important;
}

[data-theme="light"] body.lt-gl-app .seller-hero h1,
[data-theme="light"] body.lt-gl-app .seller-panel h2 {
  color: #3d2910 !important;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) !important;
}

[data-theme="light"] body.lt-gl-app .seller-hero-copy {
  color: rgba(30, 39, 51, 0.82) !important;
}

[data-theme="light"] body.lt-gl-app .seller-btn:not(.seller-btn--primary) {
  background: rgba(255, 252, 246, 0.9) !important;
  color: #5c3d08 !important;
  border-color: rgba(138, 90, 15, 0.28) !important;
}

[data-theme="light"] body.lt-gl-app .seller-row {
  background: rgba(255, 252, 246, 0.75) !important;
  border-color: var(--seller-line-soft) !important;
  color: var(--seller-text) !important;
}

[data-theme="light"] body.lt-gl-app .seller-dashboard .seller-stat:hover {
  border-color: rgba(168, 111, 18, 0.45) !important;
  box-shadow:
    0 14px 28px rgba(52, 36, 12, 0.1),
    0 8px 20px -12px rgba(212, 160, 23, 0.25),
    inset 0 1px 0 rgba(255, 255, 255, 0.65) !important;
  background:
    linear-gradient(rgba(184, 134, 11, 0.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(184, 134, 11, 0.05) 1px, transparent 1px),
    linear-gradient(135deg, rgba(255, 252, 246, 0.99), rgba(236, 226, 208, 0.96)) !important;
  background-size: 34px 34px, 34px 34px, 100% 100% !important;
}

[data-theme="light"] body.lt-gl-app .seller-dashboard .seller-row:hover {
  background: rgba(212, 160, 23, 0.1) !important;
  box-shadow: 0 8px 20px -10px rgba(138, 90, 15, 0.2) !important;
}

[data-theme="light"] body.lt-gl-app .seller-dashboard .seller-empty {
  color: rgba(30, 39, 51, 0.55) !important;
  background: rgba(255, 252, 246, 0.95) !important;
  border-color: rgba(138, 90, 15, 0.28) !important;
}

[data-theme="light"] body.lt-gl-app .seller-dashboard .seller-empty::before {
  color: rgba(168, 111, 18, 0.45) !important;
}

/* Cartes dashboard LBC (variables déjà remappées) */
[data-theme="light"] body.lt-gl-app .dashboard-func-card {
  box-shadow: 0 6px 24px rgba(52, 36, 12, 0.08) !important;
}
[data-theme="light"] body.lt-gl-app .dashboard-func-card:hover {
  box-shadow: 0 14px 36px rgba(52, 36, 12, 0.12) !important;
}

[data-theme="light"] body.lt-gl-app .listing-card:hover,
[data-theme="light"] body.lt-gl-app .lt26-card:hover,
[data-theme="light"] body.lt-gl-app .lt-card:hover {
  box-shadow: 0 14px 40px rgba(52, 36, 12, 0.12) !important;
}

/* En-tête de page compte : gradient avec bleu nuit codé en dur dans grand-line-app */
[data-theme="light"] body.lt-gl-app .account-page-header {
  background: linear-gradient(135deg, rgba(212, 160, 23, 0.12) 0%, rgba(255, 254, 250, 0.96) 100%) !important;
  box-shadow: 0 8px 28px rgba(52, 36, 12, 0.08) !important;
}

[data-theme="light"] body.lt-gl-app .dashboard-logout-btn:hover {
  border-color: rgba(138, 90, 15, 0.28) !important;
}

[data-theme="light"] body.lt-gl-app .lt26-eyebrow {
  color: rgba(122, 81, 0, 0.75) !important;
}