/* ═══════════════════════════════════════════════════════════════
   PêcheLive — Thème clair v3 Lovable (2026-09)
   Palette menthe / teal sombre. Activé par data-theme="light" sur <html>.
   Header CLAIR (Lovable style). Footer sombre teal.
   ═══════════════════════════════════════════════════════════════ */

html[data-theme="light"] {
  --bg:          #E8F5F2;
  --bg2:         #FFFFFF;
  --bg3:         #D4EDE9;
  --bg-header:   #FFFFFF;
  --bg-footer:   #0A2520;
  --bg-sidebar:  #FFFFFF;
  --surface:     rgba(255,255,255,0.88);
  --glass:       rgba(255,255,255,0.72);
  --glass-border: #B8DDD7;
  --border:      #C0E0DA;
  --border2:     #A2CEC7;
  --accent:      #0B7C6E;
  --accent2:     #0A9585;
  --accent-dim:  rgba(11,124,110,0.10);
  --accent-glow: rgba(11,124,110,0.16);
  --accent-text: #0B7C6E;
  --accent-text-dark: #ffffff;
  --cta:         #F0924A;
  --cta-hover:   #d97a35;
  --cta-dark:    #2A1608;
  --warn:        #F0924A;
  --gold:        #c97d1c;
  --danger:      #dc2626;
  --success:     #16a34a;
  --text:        #0D2D28;
  --text2:       #2E5650;
  --text3:       #4A7A73;
  --text-heading: #0A2520;
  --font-head:   'Poppins', system-ui, sans-serif;
  --font-body:   'Inter', system-ui, sans-serif;
  --font:        'Inter', system-ui, sans-serif;
}

[data-theme="light"] body { background:#E8F5F2 !important; color:#0D2D28 !important; }

/* ── Header / topbar CLAIR ───────────────────────────────── */
[data-theme="light"] .plive-header,
[data-theme="light"] .topbar,
[data-theme="light"] #topbar {
  background:#FFFFFF !important;
  border-bottom-color:#C0E0DA !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
[data-theme="light"] .header { background:#FFFFFF !important; border-bottom-color:#C0E0DA !important; }
[data-theme="light"] .header-title { color:#0D2D28 !important; }
[data-theme="light"] .header-title span { color:#0B7C6E !important; }
[data-theme="light"] .topbar-logo { color:#0D2D28 !important; }
[data-theme="light"] .topbar-logo span { color:#0B7C6E !important; }
[data-theme="light"] .topbar-nav a { color:#2E5650 !important; }
[data-theme="light"] .topbar-nav a:hover { color:#0D2D28 !important; }
[data-theme="light"] .topbar-cta { background:#0D2D28 !important; color:#fff !important; }
[data-theme="light"] .topbar-cta:hover { background:#0B3D33 !important; }
[data-theme="light"] .menu-toggle { color:#0D2D28 !important; border-color:#C0E0DA !important; }

/* Bouton thème inline (topbar) */
[data-theme="light"] .pl-theme-btn:not(#pl-theme-widget) {
  background:rgba(11,124,110,0.08) !important;
  border-color:#A2CEC7 !important;
  color:#0B7C6E !important;
}

/* ── Footer sombre teal ──────────────────────────────────── */
[data-theme="light"] .plive-footer,
[data-theme="light"] footer {
  background:#0A2520 !important;
  border-top-color:rgba(255,255,255,0.08) !important;
  color:#9AA3AD !important;
}
[data-theme="light"] footer a { color:#A8C5C1 !important; }
[data-theme="light"] .footer-links a { color:#A8C5C1 !important; }

/* ── Cards et surfaces ───────────────────────────────────── */
[data-theme="light"] .glass,
[data-theme="light"] .card,
[data-theme="light"] .card-tile { background:#FFFFFF !important; border-color:#C0E0DA !important; }
[data-theme="light"] .hero-card { background:#FFFFFF !important; border-color:#C0E0DA !important; box-shadow:0 8px 40px rgba(11,124,110,0.08) !important; }
[data-theme="light"] .table-card { background:#FFFFFF !important; border-color:#C0E0DA !important; }
[data-theme="light"] .table-card-header { border-bottom-color:#C0E0DA !important; }
[data-theme="light"] .stat-card { background:#FFFFFF !important; border-color:#C0E0DA !important; }

/* ── Sidebar ─────────────────────────────────────────────── */
[data-theme="light"] .plive-sidebar { background:#FFFFFF !important; border-right-color:#C0E0DA !important; }
[data-theme="light"] .plive-nav-item { color:#2E5650 !important; }
[data-theme="light"] .plive-nav-item:hover { background:#E8F5F2 !important; color:#0D2D28 !important; }
[data-theme="light"] .plive-nav-item.active { background:rgba(240,146,74,0.1) !important; color:#F0924A !important; }
[data-theme="light"] #sidebar { background:#FFFFFF !important; border-right-color:#C0E0DA !important; }
[data-theme="light"] .sidebar-logo { border-color:#C0E0DA !important; }
[data-theme="light"] .sidebar-logo-text { color:#0D2D28 !important; }
[data-theme="light"] .sidebar-logo-text span { color:#0B7C6E !important; }
[data-theme="light"] .sidebar-logo-sub { color:#4A7A73 !important; }
[data-theme="light"] .nav-item { color:#2E5650 !important; }
[data-theme="light"] .nav-item:hover { background:#E8F5F2 !important; color:#0B7C6E !important; }
[data-theme="light"] .nav-item.active { background:rgba(11,124,110,0.10) !important; color:#0B7C6E !important; font-weight:700 !important; }
[data-theme="light"] .sidebar-footer { background:#D4EDE9 !important; border-top-color:#C0E0DA !important; }
[data-theme="light"] .user-avatar { background:#0B7C6E !important; color:#fff !important; }
[data-theme="light"] .user-pill-avatar { background:#0B7C6E !important; color:#fff !important; }
[data-theme="light"] .user-pill { background:#D4EDE9 !important; border:1px solid #C0E0DA !important; }
[data-theme="light"] .user-pill-name { color:#0D2D28 !important; }
[data-theme="light"] .user-pill-role { color:#2E5650 !important; }
[data-theme="light"] #btn-espace-pecheur { background:#0B7C6E !important; color:#fff !important; border-color:#0B7C6E !important; }

/* ── Formulaires ─────────────────────────────────────────── */
[data-theme="light"] .plive-input,
[data-theme="light"] .form-input,
[data-theme="light"] input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]):not([type=submit]):not([type=button]),
[data-theme="light"] select,
[data-theme="light"] textarea { background:#FFFFFF !important; color:#0D2D28 !important; border-color:#A2CEC7 !important; }
[data-theme="light"] .plive-input:focus,
[data-theme="light"] .form-input:focus,
[data-theme="light"] input:focus,
[data-theme="light"] select:focus,
[data-theme="light"] textarea:focus { border-color:#0B7C6E !important; box-shadow:0 0 0 3px rgba(11,124,110,0.12) !important; }
[data-theme="light"] input::placeholder,
[data-theme="light"] textarea::placeholder { color:#4A7A73 !important; }
[data-theme="light"] .form-label,
[data-theme="light"] label { color:#2E5650 !important; }

/* ── Boutons ─────────────────────────────────────────────── */
[data-theme="light"] .btn-primary { background:#F0924A !important; color:#fff !important; }
[data-theme="light"] .btn-primary:hover { background:#d97a35 !important; }
[data-theme="light"] .btn-accent { background:#0B7C6E !important; color:#fff !important; }
[data-theme="light"] .btn-ghost { background:#fff !important; color:#2E5650 !important; border-color:#A2CEC7 !important; }
[data-theme="light"] .btn-ghost:hover { border-color:#0B7C6E !important; color:#0B7C6E !important; }
[data-theme="light"] .btn-secondary { background:transparent !important; color:#0D2D28 !important; border-color:#A2CEC7 !important; }
[data-theme="light"] .btn-secondary:hover { border-color:#0B7C6E !important; color:#0B7C6E !important; }
[data-theme="light"] .btn-green { background:#0B7C6E !important; color:#fff !important; border:none !important; }
[data-theme="light"] .btn-submit { background:#F0924A !important; color:#fff !important; }

/* ── Tables ──────────────────────────────────────────────── */
[data-theme="light"] .table-wrap { background:#fff !important; border-color:#C0E0DA !important; }
[data-theme="light"] .table-header { background:#E8F5F2 !important; }
[data-theme="light"] table th { background:#D4EDE9 !important; color:#2E5650 !important; }
[data-theme="light"] table td { color:#0D2D28 !important; border-bottom-color:#D4EDE9 !important; }
[data-theme="light"] tr:hover td { background:#E8F5F2 !important; }

/* ── Modales ─────────────────────────────────────────────── */
[data-theme="light"] #modal-overlay,
[data-theme="light"] #tuto-overlay { background:rgba(12,16,22,0.45) !important; }
[data-theme="light"] .modal,
[data-theme="light"] #tuto-box { background:#fff !important; border-color:#C0E0DA !important; }
[data-theme="light"] .modal-header { background:#E8F5F2 !important; }
[data-theme="light"] .modal-title { color:#0D2D28 !important; }

/* ── Toast ───────────────────────────────────────────────── */
[data-theme="light"] #toast.show { background:#0D2D28 !important; color:#F2F5F8 !important; }

/* ── Landing (index.html) ────────────────────────────────── */
[data-theme="light"] .hero { background:#E8F5F2 !important; }
[data-theme="light"] .hero::before { background:radial-gradient(ellipse 80% 60% at 50% 40%,rgba(11,124,110,0.07),transparent 70%) !important; }
[data-theme="light"] .hero h1 { color:#0D2D28 !important; }
[data-theme="light"] .hero-sub { color:#2E5650 !important; }
/* Badge orange Lovable en mode clair */
[data-theme="light"] .hero-badge {
  background:rgba(240,146,74,0.12) !important;
  border-color:rgba(240,146,74,0.4) !important;
  color:#B85E1C !important;
}
[data-theme="light"] .hero-proof { color:#4A7A73 !important; }
[data-theme="light"] .hero-proof strong { color:#0D2D28 !important; }
[data-theme="light"] .section-title { color:#0D2D28 !important; }
[data-theme="light"] .section-sub { color:#2E5650 !important; }
[data-theme="light"] .section-label { color:#0B7C6E !important; }
[data-theme="light"] .step,
[data-theme="light"] .feature-card { background:#FFFFFF !important; border-color:#C0E0DA !important; }
[data-theme="light"] .step:hover,
[data-theme="light"] .feature-card:hover { border-color:#0B7C6E !important; box-shadow:0 8px 24px rgba(11,124,110,0.10) !important; }
[data-theme="light"] .step h3,
[data-theme="light"] .feature-card h3 { color:#0D2D28 !important; }
[data-theme="light"] .step p,
[data-theme="light"] .feature-card p { color:#2E5650 !important; }
[data-theme="light"] .step-number { background:rgba(11,124,110,0.10) !important; color:#0B7C6E !important; }
[data-theme="light"] .feature-icon { background:rgba(11,124,110,0.10) !important; }
[data-theme="light"] .asso-banner { background:linear-gradient(135deg,#D4EDE9,#C4E5DF) !important; border-color:#B8DDD7 !important; }
[data-theme="light"] .asso-content h2 { color:#0D2D28 !important; }
[data-theme="light"] .asso-content p { color:#2E5650 !important; }
[data-theme="light"] .asso-feat { color:#2E5650 !important; }
[data-theme="light"] .asso-feat::before { color:#0B7C6E !important; }
[data-theme="light"] .faq-item { border-color:#C0E0DA !important; }
[data-theme="light"] .faq-q { color:#0D2D28 !important; }
[data-theme="light"] .faq-answer { color:#2E5650 !important; }
[data-theme="light"] .diff-banner { background:linear-gradient(90deg,transparent,rgba(11,124,110,0.07),transparent) !important; border-color:rgba(11,124,110,0.12) !important; }
[data-theme="light"] .diff-banner span { color:#0B7C6E !important; }
[data-theme="light"] .cta-section { background:linear-gradient(135deg,#D4EDE9,#C4E5DF) !important; }
[data-theme="light"] .cta-section h2 { color:#0D2D28 !important; }
[data-theme="light"] .cta-section p { color:#2E5650 !important; }
[data-theme="light"] .btn-secondary { border-color:#A2CEC7 !important; color:#0D2D28 !important; }

/* ── Concours public ─────────────────────────────────────── */
[data-theme="light"] .cc { background:#fff !important; border-color:#C0E0DA !important; }
[data-theme="light"] .cc:hover { border-color:#0B7C6E !important; box-shadow:0 6px 24px rgba(11,124,110,0.10) !important; }
[data-theme="light"] .cc-name { color:#0D2D28 !important; }
[data-theme="light"] .cc-club { color:#4A7A73 !important; }
[data-theme="light"] .cc-footer { border-top-color:#D4EDE9 !important; }

/* ── Hall of Fame ────────────────────────────────────────── */
[data-theme="light"] .rank-card { background:rgba(255,255,255,0.85) !important; border-color:#C0E0DA !important; }
[data-theme="light"] .rank-card:hover { border-color:#0B7C6E !important; }
[data-theme="light"] .rank-avatar { background:#D4EDE9 !important; color:#0B7C6E !important; }

/* ── Contact modal ───────────────────────────────────────── */
[data-theme="light"] .contact-overlay { background:rgba(12,16,22,0.35) !important; }
[data-theme="light"] .contact-modal { background:#fff !important; border-color:#C0E0DA !important; }
[data-theme="light"] .contact-modal h3 { color:#0D2D28 !important; }
[data-theme="light"] .contact-modal label { color:#2E5650 !important; }
[data-theme="light"] .contact-modal input,
[data-theme="light"] .contact-modal textarea { background:#E8F5F2 !important; border-color:#A2CEC7 !important; color:#0D2D28 !important; }

/* ── Tutos ───────────────────────────────────────────────── */
[data-theme="light"] .tuto-card { background:#fff !important; border-color:#C0E0DA !important; }
[data-theme="light"] .tuto-content { color:#0D2D28 !important; }
[data-theme="light"] .tuto-content blockquote { background:#E8F5F2 !important; border-color:#0B7C6E !important; }

/* ── Caméra ──────────────────────────────────────────────── */
[data-theme="light"] .pc-overlay { background:#000 !important; }

/* ── Badges ──────────────────────────────────────────────── */
[data-theme="light"] .badge-live { background:rgba(240,146,74,0.14) !important; color:#B85E1C !important; border-color:rgba(240,146,74,0.3) !important; }
[data-theme="light"] .badge-done { background:rgba(74,86,106,0.12) !important; color:#4A7A73 !important; border-color:#C0E0DA !important; }
[data-theme="light"] .badge-soon { background:rgba(11,124,110,0.10) !important; color:#0B7C6E !important; border-color:rgba(11,124,110,0.25) !important; }
[data-theme="light"] .badge-new  { background:#0B7C6E !important; color:#fff !important; }

/* ── Cookie banner ───────────────────────────────────────── */
[data-theme="light"] #cookie-banner { background:#fff !important; border-color:#C0E0DA !important; box-shadow:0 8px 40px rgba(0,0,0,0.12) !important; }
[data-theme="light"] .btn-cookie-accept { background:#0B7C6E !important; color:#fff !important; }
[data-theme="light"] .btn-cookie-refuse { border-color:#A2CEC7 !important; color:#2E5650 !important; }

/* ── Pastille thème flottante ────────────────────────────── */
#pl-theme-widget {
  position:fixed;
  bottom:calc(18px + env(safe-area-inset-bottom));
  right:18px;
  top:auto; left:auto; transform:none;
  z-index:9990;
  width:44px; height:44px; padding:0;
  display:flex; align-items:center; justify-content:center;
  background:rgba(8,11,16,0.88); color:#5DDBEA;
  border:1px solid rgba(93,219,234,0.4); border-radius:50%;
  font-size:19px; line-height:1;
  font-family:'Inter',system-ui,sans-serif;
  cursor:pointer; backdrop-filter:blur(8px);
  transition:transform 0.18s, background 0.18s, color 0.18s;
  box-shadow:0 3px 14px rgba(0,0,0,0.35);
}
#pl-theme-widget:hover { background:#5DDBEA; color:#06222A; transform:scale(1.08); }
#pl-theme-widget:active { transform:scale(0.94); }
#pl-theme-widget:focus-visible { outline:2px solid #5DDBEA; outline-offset:3px; }

#pl-theme-widget { bottom:calc(78px + env(safe-area-inset-bottom)); }
body.pl-no-bottomnav #pl-theme-widget { bottom:calc(18px + env(safe-area-inset-bottom)); }

@media (max-width:768px) {
  #pl-theme-widget { right:14px; width:40px; height:40px; font-size:17px; }
}

[data-theme="light"] #pl-theme-widget {
  background:rgba(255,255,255,0.95) !important;
  color:#0B7C6E !important;
  border-color:#0B7C6E !important;
  box-shadow:0 3px 12px rgba(0,0,0,0.12) !important;
}
[data-theme="light"] #pl-theme-widget:hover { background:#0B7C6E !important; color:#fff !important; }
#theme-toggle { display:none !important; }

/* ── Bandeau back-office (#140 Hervé 19/09) ──────────────── */
[data-theme="light"] header {
  background:#FFFFFF !important;
  border-bottom-color:#C0E0DA !important;
  color:#0D2D28 !important;
}
[data-theme="light"] header h1,
[data-theme="light"] header h2,
[data-theme="light"] header h3 { color:#0D2D28 !important; }
[data-theme="light"] .topbar-title { color:#0D2D28 !important; }
[data-theme="light"] .table-header { background:#D4EDE9 !important; }
[data-theme="light"] .table-header-title { color:#0D2D28 !important; }
[data-theme="light"] .warn-bandeau { background:rgba(240,146,74,0.08) !important; border-color:rgba(240,146,74,0.3) !important; color:#9A5010 !important; }