/* ============================================================================
   LOGUETOWN — THEME FIX LAYER (mode soleil)
   ----------------------------------------------------------------------------
   Beaucoup de pages historiques (chat, commandes, portefeuille, offres, etc.)
   ont été codées AVANT l'apparition du toggle light/dark : leurs styles "nuit
   LOGUETOWN" sont hardcodés sans condition `[data-theme]`. Résultat : en mode
   soleil, des panneaux navy/or apparaissent sur fond crème → cassé.

   Ce fichier est chargé EN DERNIER (après tous les bundles) et n'agit que
   sous `[data-theme="light"]`. Il ré-override chaque pattern fautif vers la
   palette ivoire/or chaud (variables --lt-sun-*). Le mode sombre n'est jamais
   touché — donc zéro risque de régression nocturne.

   Convention : on garde la même structure de couleur (gold accents, gradients)
   mais inversée pour le clair.
   ============================================================================ */

/* ---------------------------------------------------------------------------
 * 0. PAGE "/auth/chat" — CONVERSATION (le plus visible / cas user en cours)
 *    Override agressif !important pour battre toute version cachée de
 *    bundle-interactions.css qui aurait le bloc dark non gaté.
 * ------------------------------------------------------------------------- */
[data-theme="light"] .lt-trust-strip {
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.94), rgba(250, 246, 237, 0.82)) !important;
  border-color: var(--lt-sun-line, rgba(138, 90, 15, 0.22)) !important;
  box-shadow: var(--lt-sun-shadow, 0 18px 44px rgba(23, 32, 42, 0.08)) !important;
}

[data-theme="light"] .lt-trust-item__title {
  color: var(--lt-sun-ink, #17202a) !important;
}

[data-theme="light"] .lt-trust-item__desc {
  color: var(--lt-sun-ink-soft, rgba(23, 32, 42, 0.72)) !important;
}

[data-theme="light"] .lt-trust-item__icon {
  color: var(--lt-sun-gold-strong, #8a5a0f) !important;
  background: rgba(168, 111, 18, 0.11) !important;
  box-shadow: inset 0 0 0 1px rgba(168, 111, 18, 0.14) !important;
}

/* Curseur Grand Line : plus lisible sur les fonds ivoire du mode soleil. */
[data-theme="light"] #lt-gl-cur {
  opacity: 1 !important;
  border: 2px solid #17202a !important;
  background: rgba(255, 250, 240, 0.08) !important;
  box-shadow:
    0 0 0 2px rgba(255, 250, 240, 0.96),
    0 0 0 5px rgba(168, 111, 18, 0.16),
    0 10px 24px rgba(23, 32, 42, 0.22) !important;
  mix-blend-mode: normal !important;
  z-index: 2147483647 !important;
}

[data-theme="light"] #lt-gl-cur2 {
  opacity: 1 !important;
  width: 7px !important;
  height: 7px !important;
  background: #a86f12 !important;
  box-shadow:
    0 0 0 2px #fffaf0,
    0 0 0 4px rgba(23, 32, 42, 0.72),
    0 0 14px rgba(168, 111, 18, 0.38) !important;
  mix-blend-mode: normal !important;
  z-index: 2147483647 !important;
}

[data-theme="light"] .lt26-cursor-ring {
  opacity: 1 !important;
  border-color: #17202a !important;
  box-shadow:
    0 0 0 2px rgba(255, 250, 240, 0.96),
    0 0 0 5px rgba(168, 111, 18, 0.16),
    0 10px 24px rgba(23, 32, 42, 0.22) !important;
}

[data-theme="light"] .lt26-cursor-dot {
  opacity: 1 !important;
  background: #a86f12 !important;
  box-shadow:
    0 0 0 2px #fffaf0,
    0 0 0 4px rgba(23, 32, 42, 0.72),
    0 0 14px rgba(168, 111, 18, 0.38) !important;
}

[data-theme="light"] .chat-page.account-page {
  color: var(--lt-sun-ink, #17202a) !important;
}

[data-theme="light"] .chat-page .chat-container,
[data-theme="light"] .chat-page .chat-header {
  background: var(--lt-sun-surface, #fffaf0) !important;
  border: 1px solid var(--lt-sun-line, rgba(138, 90, 15, 0.22)) !important;
  box-shadow: var(--lt-sun-shadow, 0 18px 44px rgba(23, 32, 42, 0.08)) !important;
}

[data-theme="light"] .chat-page .chat-title {
  color: var(--lt-sun-ink, #17202a) !important;
  text-shadow: none !important;
}

[data-theme="light"] .chat-page .chat-back,
[data-theme="light"] .chat-page .chat-annonce-ref a {
  color: var(--lt-sun-gold-strong, #8a5a0f) !important;
}

[data-theme="light"] .chat-page .chat-annonce-ref,
[data-theme="light"] .chat-page .chat-msg-time {
  color: var(--lt-sun-ink-soft, rgba(23, 32, 42, 0.72)) !important;
}

[data-theme="light"] .chat-page .chat-messages {
  background:
    linear-gradient(rgba(168, 111, 18, 0.02) 1px, transparent 1px),
    linear-gradient(90deg, rgba(168, 111, 18, 0.02) 1px, transparent 1px),
    rgba(255, 252, 246, 0.7) !important;
  background-size: 34px 34px, 34px 34px, 100% 100% !important;
}

[data-theme="light"] .chat-page .chat-msg--own {
  background: linear-gradient(135deg, #f1c45d, #d99a18) !important;
  color: #17120a !important;
}

[data-theme="light"] .chat-page .chat-msg--own .chat-msg-time {
  color: rgba(23, 18, 10, 0.72) !important;
}

[data-theme="light"] .chat-page .chat-msg--other {
  background: rgba(168, 111, 18, 0.08) !important;
  color: var(--lt-sun-ink, #17202a) !important;
  border: 1px solid rgba(168, 111, 18, 0.14);
}

[data-theme="light"] .chat-page .chat-form {
  background: rgba(255, 252, 246, 0.92) !important;
  border-top-color: var(--lt-sun-line, rgba(138, 90, 15, 0.18)) !important;
}

[data-theme="light"] .chat-page .chat-form textarea {
  background: #ffffff !important;
  border-color: var(--lt-sun-line, rgba(138, 90, 15, 0.22)) !important;
  color: var(--lt-sun-ink, #17202a) !important;
}

[data-theme="light"] .chat-page .chat-form textarea::placeholder {
  color: var(--lt-sun-ink-muted, rgba(23, 32, 42, 0.5)) !important;
}

[data-theme="light"] .chat-page .btn-chat-send {
  background: linear-gradient(135deg, #d99a18, #b8860b) !important;
  color: #17120a !important;
}

/* ---------------------------------------------------------------------------
 * 1. PAGE "MES COMMANDES" — détail + cockpit
 * ------------------------------------------------------------------------- */
[data-theme="light"] .orders-page--detail {
  --cmd-readable: var(--lt-sun-ink, #17202a);
  --cmd-readable-soft: var(--lt-sun-ink-soft, rgba(23, 32, 42, 0.72));
  --cmd-readable-muted: var(--lt-sun-ink-muted, rgba(23, 32, 42, 0.52));
  --cmd-readable-gold: var(--lt-sun-gold-strong, #8a5a0f);
}

[data-theme="light"] .orders-page--detail .commande-detail-card,
[data-theme="light"] .orders-page--detail .commande-detail-procedure {
  background: var(--lt-sun-surface, #fffaf0) !important;
  border-color: var(--lt-sun-line, rgba(138, 90, 15, 0.22)) !important;
  color: var(--lt-sun-ink, #17202a);
  box-shadow: var(--lt-sun-shadow, 0 18px 44px rgba(23, 32, 42, 0.08)) !important;
}

[data-theme="light"] .orders-page--detail .commande-detail-price-row--total {
  border-top-color: rgba(138, 90, 15, 0.32) !important;
}

[data-theme="light"] .orders-page--detail .commande-checkpoint-dot {
  background: rgba(138, 90, 15, 0.4) !important;
}

[data-theme="light"] .orders-page--detail .commande-checkpoint.is-current .commande-checkpoint-dot {
  background: var(--lt-sun-gold, #a86f12) !important;
  box-shadow: 0 0 0 5px rgba(168, 111, 18, 0.18) !important;
}

[data-theme="light"] .orders-page--detail .commande-checkpoint-line {
  background: rgba(138, 90, 15, 0.42) !important;
}

[data-theme="light"] .orders-page--detail .commande-detail-btn--outline {
  background: rgba(255, 255, 255, 0.7) !important;
  color: var(--lt-sun-ink, #17202a) !important;
  border-color: var(--lt-sun-line, rgba(138, 90, 15, 0.36)) !important;
}

[data-theme="light"] .orders-page--detail .commande-detail-btn--outline:hover {
  background: rgba(212, 160, 23, 0.12) !important;
}

[data-theme="light"] .orders-page--detail .commande-detail-copy {
  background: var(--lt-sun-bg-soft, #fffaf0) !important;
  color: var(--lt-sun-ink, #17202a) !important;
  border: 1px solid var(--lt-sun-line, rgba(138, 90, 15, 0.22));
}

[data-theme="light"] .orders-page--detail .commande-dispute-card {
  background: linear-gradient(135deg, #fdebec, #fff5f0) !important;
  border-color: rgba(192, 57, 43, 0.32) !important;
  color: #5a1818;
}

/* Cockpit "Mes commandes" version moderne */
[data-theme="light"] .orders-page--modern {
  color: var(--lt-sun-ink, #17202a);
}

[data-theme="light"] .orders-page--modern .orders-hero,
[data-theme="light"] .orders-page--modern .orders-toolbar,
[data-theme="light"] .orders-page--modern .orders-list--modern {
  background: linear-gradient(135deg, #fffdf6, #faf3e3) !important;
  border-color: var(--lt-sun-line, rgba(138, 90, 15, 0.22)) !important;
  box-shadow: var(--lt-sun-shadow, 0 18px 44px rgba(23, 32, 42, 0.08)) !important;
}

[data-theme="light"] .orders-page--modern .orders-eyebrow {
  color: var(--lt-sun-gold-strong, #8a5a0f) !important;
}

[data-theme="light"] .orders-page--modern .orders-hero h1,
[data-theme="light"] .orders-page--modern h2,
[data-theme="light"] .orders-page--modern h3 {
  color: var(--lt-sun-ink, #17202a) !important;
}

[data-theme="light"] .orders-page--modern .orders-hero p,
[data-theme="light"] .orders-page--modern p {
  color: var(--lt-sun-ink-soft, rgba(23, 32, 42, 0.72)) !important;
}

/* ---------------------------------------------------------------------------
 * 2. PAGE "MES MESSAGES" (LISTE) — ceinture+bretelles sur bundle-compte.css
 * ------------------------------------------------------------------------- */
[data-theme="light"] .messages-page.account-page {
  color: var(--lt-sun-ink, #17202a);
}

[data-theme="light"] .messages-page .account-page-header,
[data-theme="light"] .messages-page .account-page-content,
[data-theme="light"] .messages-page .account-empty {
  background: var(--lt-sun-surface, #fffaf0) !important;
  border: 1px solid var(--lt-sun-line, rgba(138, 90, 15, 0.22)) !important;
  box-shadow: var(--lt-sun-shadow, 0 18px 44px rgba(23, 32, 42, 0.08)) !important;
}

[data-theme="light"] .messages-page .account-page-subtitle,
[data-theme="light"] .messages-page .account-empty-text,
[data-theme="light"] .messages-page .message-thread-preview,
[data-theme="light"] .messages-page .message-thread-meta {
  color: var(--lt-sun-ink-soft, rgba(23, 32, 42, 0.72)) !important;
}

[data-theme="light"] .messages-page .account-empty-title,
[data-theme="light"] .messages-page .message-thread-title {
  color: var(--lt-sun-ink, #17202a) !important;
}

[data-theme="light"] .messages-page .message-thread {
  border-bottom-color: var(--lt-sun-line, rgba(138, 90, 15, 0.18)) !important;
}

[data-theme="light"] .messages-page .message-thread:hover {
  background: rgba(168, 111, 18, 0.06) !important;
}

[data-theme="light"] .messages-page .message-thread-avatar {
  background: linear-gradient(135deg, #d99a18, #b8860b) !important;
  color: #17120a !important;
}

[data-theme="light"] .messages-page .message-thread-annonce,
[data-theme="light"] .messages-page .btn-account-primary {
  color: var(--lt-sun-gold-strong, #8a5a0f) !important;
}

/* ---------------------------------------------------------------------------
 * 3. PAGE "MES OFFRES" (offers cockpit)
 *    bundle-user-extras.css définit beaucoup d'overrides dark autour de
 *    .offers-page-wrap. On les remappe.
 * ------------------------------------------------------------------------- */
[data-theme="light"] .offers-page-wrap {
  color: var(--lt-sun-ink, #17202a);
}

[data-theme="light"] .offers-page-wrap .offers-page-header,
[data-theme="light"] .offers-page-wrap .offers-page-content,
[data-theme="light"] .offers-page-wrap .offer-card,
[data-theme="light"] .offers-page-wrap .account-empty,
[data-theme="light"] .offers-page-wrap .account-page-content {
  background: var(--lt-sun-surface, #fffaf0) !important;
  border-color: var(--lt-sun-line, rgba(138, 90, 15, 0.22)) !important;
  box-shadow: var(--lt-sun-shadow, 0 18px 44px rgba(23, 32, 42, 0.08)) !important;
  color: var(--lt-sun-ink, #17202a) !important;
}

[data-theme="light"] .offers-page-wrap .offers-page-subtitle,
[data-theme="light"] .offers-page-wrap .offer-card-meta,
[data-theme="light"] .offers-page-wrap .offer-card-info {
  color: var(--lt-sun-ink-soft, rgba(23, 32, 42, 0.72)) !important;
}

/* ---------------------------------------------------------------------------
 * 4. PAGE "MON PORTEFEUILLE"
 *    bundle-user-extras.css ligne 1436 — bloc "Portefeuille - theme sombre"
 * ------------------------------------------------------------------------- */
[data-theme="light"] .wallet-page,
[data-theme="light"] .wallet-page.account-page,
[data-theme="light"] .portefeuille-page,
[data-theme="light"] .portefeuille-page.account-page {
  color: var(--lt-sun-ink, #17202a);
}

[data-theme="light"] .wallet-page .account-page-header,
[data-theme="light"] .wallet-page .account-page-content,
[data-theme="light"] .wallet-page .wallet-card,
[data-theme="light"] .wallet-page .wallet-balance,
[data-theme="light"] .portefeuille-page .account-page-header,
[data-theme="light"] .portefeuille-page .account-page-content,
[data-theme="light"] .portefeuille-page .wallet-card,
[data-theme="light"] .portefeuille-page .wallet-balance {
  background: var(--lt-sun-surface, #fffaf0) !important;
  border-color: var(--lt-sun-line, rgba(138, 90, 15, 0.22)) !important;
  color: var(--lt-sun-ink, #17202a) !important;
  box-shadow: var(--lt-sun-shadow, 0 18px 44px rgba(23, 32, 42, 0.08)) !important;
}

[data-theme="light"] .wallet-balance-amount,
[data-theme="light"] .wallet-card-title {
  color: var(--lt-sun-gold-strong, #8a5a0f) !important;
}

/* ---------------------------------------------------------------------------
 * 5. PAGE "MES AVIS"
 * ------------------------------------------------------------------------- */
[data-theme="light"] .avis-page.account-page,
[data-theme="light"] .reviews-page.account-page {
  color: var(--lt-sun-ink, #17202a);
}

[data-theme="light"] .avis-page .account-page-header,
[data-theme="light"] .avis-page .account-page-content,
[data-theme="light"] .avis-page .review-card,
[data-theme="light"] .reviews-page .account-page-header,
[data-theme="light"] .reviews-page .account-page-content,
[data-theme="light"] .reviews-page .review-card {
  background: var(--lt-sun-surface, #fffaf0) !important;
  border-color: var(--lt-sun-line, rgba(138, 90, 15, 0.22)) !important;
  color: var(--lt-sun-ink, #17202a) !important;
  box-shadow: var(--lt-sun-shadow, 0 18px 44px rgba(23, 32, 42, 0.08)) !important;
}

/* ---------------------------------------------------------------------------
 * 6. PAGE "MON FORUM" / "MA COMMUNAUTÉ"
 * ------------------------------------------------------------------------- */
[data-theme="light"] .forum-page.account-page,
[data-theme="light"] .communaute-page.account-page,
[data-theme="light"] .mon-forum-page.account-page,
[data-theme="light"] .mon-communaute-page.account-page {
  color: var(--lt-sun-ink, #17202a);
}

[data-theme="light"] .forum-page .account-page-content,
[data-theme="light"] .communaute-page .account-page-content,
[data-theme="light"] .mon-forum-page .account-page-content,
[data-theme="light"] .mon-communaute-page .account-page-content,
[data-theme="light"] .forum-page .account-page-header,
[data-theme="light"] .communaute-page .account-page-header,
[data-theme="light"] .mon-forum-page .account-page-header,
[data-theme="light"] .mon-communaute-page .account-page-header {
  background: var(--lt-sun-surface, #fffaf0) !important;
  border-color: var(--lt-sun-line, rgba(138, 90, 15, 0.22)) !important;
  color: var(--lt-sun-ink, #17202a) !important;
  box-shadow: var(--lt-sun-shadow, 0 18px 44px rgba(23, 32, 42, 0.08)) !important;
}

/* ---------------------------------------------------------------------------
 * 7. PAGE "PROFIL"
 * ------------------------------------------------------------------------- */
[data-theme="light"] .profil-page.account-page {
  color: var(--lt-sun-ink, #17202a);
}

[data-theme="light"] .profil-page .account-page-header,
[data-theme="light"] .profil-page .account-page-content,
[data-theme="light"] .profil-page .profile-card,
[data-theme="light"] .profil-page .profil-section {
  background: var(--lt-sun-surface, #fffaf0) !important;
  border-color: var(--lt-sun-line, rgba(138, 90, 15, 0.22)) !important;
  color: var(--lt-sun-ink, #17202a) !important;
  box-shadow: var(--lt-sun-shadow, 0 18px 44px rgba(23, 32, 42, 0.08)) !important;
}

/* ---------------------------------------------------------------------------
 * 8. PAGE "NOTIFICATIONS"
 * ------------------------------------------------------------------------- */
[data-theme="light"] .notifications-page.account-page {
  color: var(--lt-sun-ink, #17202a);
}

[data-theme="light"] .notifications-page .account-page-header,
[data-theme="light"] .notifications-page .account-page-content,
[data-theme="light"] .notifications-page .notification-card,
[data-theme="light"] .notifications-page .notification-item {
  background: var(--lt-sun-surface, #fffaf0) !important;
  border-color: var(--lt-sun-line, rgba(138, 90, 15, 0.22)) !important;
  color: var(--lt-sun-ink, #17202a) !important;
}

/* ---------------------------------------------------------------------------
 * 9. PAGE "FAVORIS"
 * ------------------------------------------------------------------------- */
[data-theme="light"] .favoris-page.account-page {
  color: var(--lt-sun-ink, #17202a);
}

[data-theme="light"] .favoris-page .account-page-header,
[data-theme="light"] .favoris-page .account-page-content,
[data-theme="light"] .favoris-page .favoris-card {
  background: var(--lt-sun-surface, #fffaf0) !important;
  border-color: var(--lt-sun-line, rgba(138, 90, 15, 0.22)) !important;
  color: var(--lt-sun-ink, #17202a) !important;
  box-shadow: var(--lt-sun-shadow, 0 18px 44px rgba(23, 32, 42, 0.08)) !important;
}

/* ---------------------------------------------------------------------------
 * 10. CASE-CATCH-ALL : panneaux .account-page-header / -content / .account-empty
 *     génériques (toutes les autres sous-pages compte).
 *     N'utilise pas !important pour laisser une page bien thématisée garder
 *     la main, mais ré-établit la palette claire par défaut.
 * ------------------------------------------------------------------------- */
[data-theme="light"] .account-page .account-page-header,
[data-theme="light"] .account-page .account-page-content,
[data-theme="light"] .account-page .account-empty {
  background: var(--lt-sun-surface, #fffaf0);
  border-color: var(--lt-sun-line, rgba(138, 90, 15, 0.22));
  color: var(--lt-sun-ink, #17202a);
  box-shadow: var(--lt-sun-shadow, 0 18px 44px rgba(23, 32, 42, 0.08));
}

[data-theme="light"] .account-page .account-empty-title,
[data-theme="light"] .account-page .account-page-title {
  color: var(--lt-sun-ink, #17202a);
}

[data-theme="light"] .account-page .account-empty-text,
[data-theme="light"] .account-page .account-page-subtitle {
  color: var(--lt-sun-ink-soft, rgba(23, 32, 42, 0.72));
}

/* ---------------------------------------------------------------------------
 * 11. SIDEBAR COMPTE (.compte-layout .vitrine-side ou .compte-sidebar)
 *     Le sidebar de gauche reste claire en light mode (déjà géré par
 *     ma-vitrine-polish.css, mais on confirme ici pour les autres pages).
 * ------------------------------------------------------------------------- */
[data-theme="light"] .compte-layout .vitrine-side,
[data-theme="light"] .compte-layout .compte-sidebar {
  background: var(--lt-sun-surface, #fffaf0);
  border-color: var(--lt-sun-line, rgba(138, 90, 15, 0.22));
  color: var(--lt-sun-ink, #17202a);
}

/* ---------------------------------------------------------------------------
 * 12. INVERSE : page CONTENT en DARK mode quand le bloc utilisait
 *     --acct-white (light hardcoded). Garde-fou pour les blocs qui n'ont
 *     PAS de override dark dédié (ils restaient blancs en mode nuit).
 *     Repris en partie de loguetown-theme-modes.css mais avec sélecteurs
 *     plus larges pour rattraper les manques.
 * ------------------------------------------------------------------------- */
[data-theme="dark"] .account-page .account-page-content:not(.messages-page .account-page-content):not(.wallet-page .account-page-content):not(.orders-page--detail .commande-detail-card):not(.offers-page-wrap .account-page-content) {
  background: var(--lt-moon-surface, #121f2b);
  border-color: var(--lt-moon-line, rgba(212, 160, 23, 0.18));
  color: var(--lt-moon-ink, #f2ead8);
  box-shadow: var(--lt-moon-shadow, 0 18px 48px rgba(0, 0, 0, 0.38));
}

[data-theme="dark"] .account-page .account-empty {
  background: var(--lt-moon-surface, #121f2b);
  border-color: var(--lt-moon-line, rgba(212, 160, 23, 0.18));
  color: var(--lt-moon-ink, #f2ead8);
}

[data-theme="dark"] .account-page .account-empty-title {
  color: var(--lt-moon-ink, #f2ead8);
}

[data-theme="dark"] .account-page .account-empty-text {
  color: var(--lt-moon-ink-soft, rgba(242, 234, 216, 0.72));
}

/* ---------------------------------------------------------------------------
 * 13. INPUT/TEXTAREA — garde-fou cross-theme (déjà partiellement
 *     géré par loguetown-theme-modes.css mais on resserre pour les forms
 *     de chat / offres / portefeuille qui hardcodent souvent un bg sombre.
 * ------------------------------------------------------------------------- */
[data-theme="light"] .account-page input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]),
[data-theme="light"] .account-page select,
[data-theme="light"] .account-page textarea {
  background: var(--lt-sun-surface-strong, #ffffff) !important;
  border-color: var(--lt-sun-line, rgba(138, 90, 15, 0.22)) !important;
  color: var(--lt-sun-ink, #17202a) !important;
}

[data-theme="light"] .account-page input::placeholder,
[data-theme="light"] .account-page textarea::placeholder {
  color: var(--lt-sun-ink-muted, rgba(23, 32, 42, 0.5)) !important;
}