/* ==============================================
   MODE CLAIR AMÉLIORÉ - Expérience Utilisateur Douce
   Province Assomptionniste d'Afrique
   ============================================== */

/* ========================================
   VARIABLES CSS - MODE CLAIR DOUX
   ======================================== */

:root,
[data-theme="light"],
.light-mode {
    /* Couleurs de fond douces et chaudes */
    --light-bg-primary: #fdfcfb;
    --light-bg-secondary: #f8f7f4;
    --light-bg-tertiary: #f3f1ed;
    --light-bg-card: #ffffff;
    --light-bg-elevated: #ffffff;
    --light-bg-subtle: #faf9f7;
    
    /* Couleurs de texte douces (pas de noir pur) */
    --light-text-primary: #2d3748;
    --light-text-secondary: #5a6578;
    --light-text-tertiary: #8896a6;
    --light-text-muted: #a0aec0;
    
    /* Couleurs d'accent harmonieuses */
    --light-accent-blue: #4a7fc1;
    --light-accent-blue-soft: #6b9bd1;
    --light-accent-gold: #d4a84b;
    --light-accent-gold-soft: #e8c97d;
    --light-accent-green: #5b9a6f;
    --light-accent-purple: #7c6aad;
    
    /* Bordures subtiles */
    --light-border-soft: rgba(0, 0, 0, 0.06);
    --light-border-medium: rgba(0, 0, 0, 0.1);
    --light-border-strong: rgba(0, 0, 0, 0.15);
    
    /* Ombres douces et naturelles */
    --light-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.04);
    --light-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.06);
    --light-shadow-md: 0 4px 16px rgba(0, 0, 0, 0.08);
    --light-shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.1);
    --light-shadow-xl: 0 16px 48px rgba(0, 0, 0, 0.12);
    
    /* Ombres colorées subtiles */
    --light-shadow-blue: 0 4px 20px rgba(74, 127, 193, 0.15);
    --light-shadow-gold: 0 4px 20px rgba(212, 168, 75, 0.15);
}

/* ========================================
   APPLICATION DU MODE CLAIR AMÉLIORÉ
   ======================================== */

[data-theme="light"] body,
.light-mode body,
body:not([data-theme="dark"]) {
    background-color: var(--light-bg-primary) !important;
    background-image: linear-gradient(180deg, #fdfcfb 0%, #f8f7f4 100%);
    color: var(--light-text-primary) !important;
}

/* ========================================
   SECTIONS ET CONTENEURS
   ======================================== */

[data-theme="light"] section,
.light-mode section {
    background-color: transparent;
    color: var(--light-text-primary);
}

[data-theme="light"] section.bg-light,
.light-mode section.bg-light {
    background: linear-gradient(180deg, var(--light-bg-secondary) 0%, var(--light-bg-tertiary) 100%) !important;
}

[data-theme="light"] section.bg-white,
.light-mode section.bg-white {
    background: var(--light-bg-card) !important;
}

/* Sections avec fonds subtils alternés */
[data-theme="light"] .magazine-blog,
.light-mode .magazine-blog {
    background: linear-gradient(180deg, #fdfcfb 0%, #f5f3ef 50%, #faf8f5 100%) !important;
}

[data-theme="light"] .magazine-blog::before,
.light-mode .magazine-blog::before {
    background: 
        radial-gradient(circle at 10% 20%, rgba(74, 127, 193, 0.04) 0%, transparent 50%),
        radial-gradient(circle at 90% 80%, rgba(124, 106, 173, 0.03) 0%, transparent 50%) !important;
}

[data-theme="light"] .magazine-gallery,
.light-mode .magazine-gallery {
    background: linear-gradient(180deg, #faf8f5 0%, #f5f0eb 50%, #fdfcfb 100%) !important;
}

[data-theme="light"] .magazine-gallery::before,
.light-mode .magazine-gallery::before {
    background: 
        radial-gradient(circle at 85% 15%, rgba(124, 106, 173, 0.05) 0%, transparent 50%),
        radial-gradient(circle at 15% 85%, rgba(212, 168, 75, 0.04) 0%, transparent 50%) !important;
}

/* ========================================
   TITRES ET TEXTES
   ======================================== */

[data-theme="light"] h1,
[data-theme="light"] h2,
[data-theme="light"] h3,
[data-theme="light"] h4,
[data-theme="light"] h5,
[data-theme="light"] h6,
.light-mode h1,
.light-mode h2,
.light-mode h3,
.light-mode h4,
.light-mode h5,
.light-mode h6 {
    color: var(--light-text-primary) !important;
}

[data-theme="light"] p,
.light-mode p {
    color: var(--light-text-secondary) !important;
}

[data-theme="light"] .text-muted,
.light-mode .text-muted {
    color: var(--light-text-tertiary) !important;
}

[data-theme="light"] .lead,
.light-mode .lead {
    color: var(--light-text-secondary) !important;
}

/* Titres de section stylisés */
[data-theme="light"] .hp-section-title,
[data-theme="light"] .pm-section-title,
[data-theme="light"] .magazine-title,
.light-mode .hp-section-title,
.light-mode .pm-section-title,
.light-mode .magazine-title {
    color: #1a365d !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

[data-theme="light"] .hp-section-title::after,
[data-theme="light"] .pm-section-title::after,
.light-mode .hp-section-title::after,
.light-mode .pm-section-title::after {
    background: linear-gradient(90deg, #4a7fc1, #6b9bd1, #8bb8e0) !important;
}

[data-theme="light"] .hp-section-subtitle,
[data-theme="light"] .pm-section-subtitle,
[data-theme="light"] .magazine-subtitle,
.light-mode .hp-section-subtitle,
.light-mode .pm-section-subtitle,
.light-mode .magazine-subtitle {
    color: var(--light-text-tertiary) !important;
}

/* ========================================
   CARTES - DESIGN DOUX ET ÉLÉGANT
   ======================================== */

[data-theme="light"] .card,
[data-theme="light"] .pm-card,
[data-theme="light"] .pm-blog-card,
[data-theme="light"] .pm-gallery-card,
.light-mode .card,
.light-mode .pm-card,
.light-mode .pm-blog-card,
.light-mode .pm-gallery-card {
    background: var(--light-bg-card) !important;
    border: 1px solid var(--light-border-soft) !important;
    box-shadow: var(--light-shadow-sm) !important;
    border-radius: 16px !important;
}

[data-theme="light"] .card:hover,
[data-theme="light"] .pm-card:hover,
[data-theme="light"] .pm-blog-card:hover,
[data-theme="light"] .pm-gallery-card:hover,
.light-mode .card:hover,
.light-mode .pm-card:hover,
.light-mode .pm-blog-card:hover,
.light-mode .pm-gallery-card:hover {
    box-shadow: var(--light-shadow-lg) !important;
    border-color: var(--light-border-medium) !important;
    transform: translateY(-4px);
}

[data-theme="light"] .card-header,
.light-mode .card-header {
    background: linear-gradient(180deg, #faf9f7 0%, #f5f3ef 100%) !important;
    border-bottom: 1px solid var(--light-border-soft) !important;
    color: var(--light-text-primary) !important;
}

[data-theme="light"] .card-body,
.light-mode .card-body {
    background: var(--light-bg-card) !important;
    color: var(--light-text-secondary) !important;
}

[data-theme="light"] .card-footer,
.light-mode .card-footer {
    background: var(--light-bg-subtle) !important;
    border-top: 1px solid var(--light-border-soft) !important;
}

[data-theme="light"] .card-title,
[data-theme="light"] .card-title a,
.light-mode .card-title,
.light-mode .card-title a {
    color: var(--light-text-primary) !important;
}

[data-theme="light"] .card-text,
.light-mode .card-text {
    color: var(--light-text-secondary) !important;
}

/* ========================================
   MAGAZINE CARDS - MODE CLAIR
   ======================================== */

[data-theme="light"] .magazine-card-link,
.light-mode .magazine-card-link {
    background: var(--light-bg-card) !important;
    border: 1px solid var(--light-border-soft) !important;
    box-shadow: var(--light-shadow-sm) !important;
}

[data-theme="light"] .magazine-card-link:hover,
.light-mode .magazine-card-link:hover {
    box-shadow: var(--light-shadow-xl) !important;
}

[data-theme="light"] .magazine-card-content,
.light-mode .magazine-card-content {
    background: var(--light-bg-card) !important;
}

[data-theme="light"] .magazine-card-title,
.light-mode .magazine-card-title {
    color: var(--light-text-primary) !important;
}

[data-theme="light"] .magazine-card-category,
.light-mode .magazine-card-category {
    color: var(--light-accent-blue) !important;
}

[data-theme="light"] .magazine-card-meta,
.light-mode .magazine-card-meta {
    color: var(--light-text-tertiary) !important;
}

/* Magazine Labels */
[data-theme="light"] .magazine-label,
.light-mode .magazine-label {
    background: linear-gradient(135deg, #e8f0f8 0%, #d4e4f4 100%) !important;
    color: #3a6ea5 !important;
    box-shadow: var(--light-shadow-xs) !important;
}

[data-theme="light"] .magazine-label-purple,
.light-mode .magazine-label-purple {
    background: linear-gradient(135deg, #f0edf8 0%, #e2daf0 100%) !important;
    color: #6b5b95 !important;
}

/* Magazine Header Lines */
[data-theme="light"] .magazine-header-line,
.light-mode .magazine-header-line {
    background: linear-gradient(90deg, transparent, #b8c9db, transparent) !important;
}

[data-theme="light"] .magazine-header-line-purple,
.light-mode .magazine-header-line-purple {
    background: linear-gradient(90deg, transparent, #c4b8d9, transparent) !important;
}

/* ========================================
   BENTO GALLERY - MODE CLAIR
   ======================================== */

[data-theme="light"] .bento-item,
.light-mode .bento-item {
    box-shadow: var(--light-shadow-md) !important;
}

[data-theme="light"] .bento-item:hover,
.light-mode .bento-item:hover {
    box-shadow: var(--light-shadow-xl), 0 20px 40px rgba(124, 106, 173, 0.15) !important;
}

[data-theme="light"] .bento-item::before,
.light-mode .bento-item::before {
    background: linear-gradient(135deg, #7c6aad, #9b8cc4, #baa8d8, #7c6aad) !important;
}

/* ========================================
   STATISTIQUES - MODE CLAIR ÉLÉGANT
   ======================================== */

[data-theme="light"] .hp-stats-section,
.light-mode .hp-stats-section {
    background: linear-gradient(160deg, #1a365d 0%, #2a4a6d 40%, #3a5a7d 70%, #2a4a6d 100%) !important;
}

[data-theme="light"] .hp-stats-section::before,
.light-mode .hp-stats-section::before {
    background: radial-gradient(circle at 20% 50%, rgba(107, 155, 209, 0.15) 0%, transparent 50%),
                radial-gradient(circle at 80% 20%, rgba(124, 106, 173, 0.1) 0%, transparent 50%) !important;
}

[data-theme="light"] .hp-stat-card,
.light-mode .hp-stat-card {
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    backdrop-filter: blur(12px) !important;
}

[data-theme="light"] .hp-stat-card:hover,
.light-mode .hp-stat-card:hover {
    background: rgba(255, 255, 255, 0.14) !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
}

/* ========================================
   BOUTONS - MODE CLAIR
   ======================================== */

[data-theme="light"] .btn-primary,
[data-theme="light"] .pm-btn-primary,
.light-mode .btn-primary,
.light-mode .pm-btn-primary {
    background: linear-gradient(135deg, #4a7fc1 0%, #6b9bd1 100%) !important;
    box-shadow: var(--light-shadow-blue) !important;
    border: none !important;
    color: white !important;
}

[data-theme="light"] .btn-primary:hover,
[data-theme="light"] .pm-btn-primary:hover,
.light-mode .btn-primary:hover,
.light-mode .pm-btn-primary:hover {
    background: linear-gradient(135deg, #3a6fa1 0%, #5a8bc1 100%) !important;
    box-shadow: 0 6px 25px rgba(74, 127, 193, 0.3) !important;
}

[data-theme="light"] .btn-secondary,
.light-mode .btn-secondary {
    background: var(--light-bg-secondary) !important;
    border: 1px solid var(--light-border-medium) !important;
    color: var(--light-text-primary) !important;
}

[data-theme="light"] .btn-secondary:hover,
.light-mode .btn-secondary:hover {
    background: var(--light-bg-tertiary) !important;
    border-color: var(--light-border-strong) !important;
}

[data-theme="light"] .btn-outline-primary,
[data-theme="light"] .pm-btn-outline,
.light-mode .btn-outline-primary,
.light-mode .pm-btn-outline {
    background: transparent !important;
    border: 2px solid var(--light-accent-blue) !important;
    color: var(--light-accent-blue) !important;
}

[data-theme="light"] .btn-outline-primary:hover,
[data-theme="light"] .pm-btn-outline:hover,
.light-mode .btn-outline-primary:hover,
.light-mode .pm-btn-outline:hover {
    background: var(--light-accent-blue) !important;
    color: white !important;
}

/* Magazine CTA Button */
[data-theme="light"] .magazine-cta-btn,
.light-mode .magazine-cta-btn {
    background: linear-gradient(135deg, #3a6ea5 0%, #5a8ec5 100%) !important;
    box-shadow: 0 6px 25px rgba(58, 110, 165, 0.3) !important;
}

[data-theme="light"] .magazine-cta-btn:hover,
.light-mode .magazine-cta-btn:hover {
    box-shadow: 0 12px 40px rgba(58, 110, 165, 0.4) !important;
}

[data-theme="light"] .magazine-cta-btn-purple,
.light-mode .magazine-cta-btn-purple {
    background: linear-gradient(135deg, #6b5b95 0%, #8b7bb5 100%) !important;
    box-shadow: 0 6px 25px rgba(107, 91, 149, 0.3) !important;
}

/* ========================================
   FORMULAIRES - MODE CLAIR DOUX
   ======================================== */

[data-theme="light"] .form-control,
[data-theme="light"] .form-select,
.light-mode .form-control,
.light-mode .form-select {
    background-color: var(--light-bg-card) !important;
    border: 1px solid var(--light-border-medium) !important;
    color: var(--light-text-primary) !important;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.04) !important;
}

[data-theme="light"] .form-control:focus,
[data-theme="light"] .form-select:focus,
.light-mode .form-control:focus,
.light-mode .form-select:focus {
    border-color: var(--light-accent-blue) !important;
    box-shadow: 0 0 0 3px rgba(74, 127, 193, 0.15), inset 0 1px 3px rgba(0, 0, 0, 0.04) !important;
}

[data-theme="light"] .form-control::placeholder,
.light-mode .form-control::placeholder {
    color: var(--light-text-muted) !important;
}

[data-theme="light"] .form-label,
.light-mode .form-label {
    color: var(--light-text-primary) !important;
    font-weight: 500 !important;
}

/* ========================================
   TABLES - MODE CLAIR
   ======================================== */

[data-theme="light"] .table,
.light-mode .table {
    color: var(--light-text-primary) !important;
}

[data-theme="light"] .table thead th,
.light-mode .table thead th {
    background: linear-gradient(135deg, #3a6ea5 0%, #4a7eb5 100%) !important;
    color: white !important;
    border-color: transparent !important;
    font-weight: 600 !important;
}

[data-theme="light"] .table tbody tr,
.light-mode .table tbody tr {
    border-color: var(--light-border-soft) !important;
}

[data-theme="light"] .table tbody tr:hover,
.light-mode .table tbody tr:hover {
    background-color: var(--light-bg-subtle) !important;
}

[data-theme="light"] .table-striped tbody tr:nth-of-type(odd),
.light-mode .table-striped tbody tr:nth-of-type(odd) {
    background-color: var(--light-bg-secondary) !important;
}

/* ========================================
   MODALES - MODE CLAIR
   ======================================== */

[data-theme="light"] .modal-content,
.light-mode .modal-content {
    background: var(--light-bg-card) !important;
    border: 1px solid var(--light-border-soft) !important;
    box-shadow: var(--light-shadow-xl) !important;
    border-radius: 16px !important;
}

[data-theme="light"] .modal-header,
.light-mode .modal-header {
    background: linear-gradient(180deg, var(--light-bg-subtle) 0%, var(--light-bg-card) 100%) !important;
    border-bottom: 1px solid var(--light-border-soft) !important;
    border-radius: 16px 16px 0 0 !important;
}

[data-theme="light"] .modal-body,
.light-mode .modal-body {
    background: var(--light-bg-card) !important;
    color: var(--light-text-secondary) !important;
}

[data-theme="light"] .modal-footer,
.light-mode .modal-footer {
    background: var(--light-bg-subtle) !important;
    border-top: 1px solid var(--light-border-soft) !important;
    border-radius: 0 0 16px 16px !important;
}

/* ========================================
   ALERTES - MODE CLAIR DOUX
   ======================================== */

[data-theme="light"] .alert-success,
.light-mode .alert-success {
    background: linear-gradient(135deg, #e8f5e9 0%, #c8e6c9 100%) !important;
    border: 1px solid rgba(91, 154, 111, 0.3) !important;
    color: #2e5a3a !important;
}

[data-theme="light"] .alert-warning,
.light-mode .alert-warning {
    background: linear-gradient(135deg, #fff8e1 0%, #ffecb3 100%) !important;
    border: 1px solid rgba(212, 168, 75, 0.3) !important;
    color: #8c6d1f !important;
}

[data-theme="light"] .alert-danger,
.light-mode .alert-danger {
    background: linear-gradient(135deg, #ffebee 0%, #ffcdd2 100%) !important;
    border: 1px solid rgba(198, 86, 86, 0.3) !important;
    color: #8b3232 !important;
}

[data-theme="light"] .alert-info,
.light-mode .alert-info {
    background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%) !important;
    border: 1px solid rgba(74, 127, 193, 0.3) !important;
    color: #2a5a8a !important;
}

/* ========================================
   DROPDOWN MENUS - MODE CLAIR
   ======================================== */

[data-theme="light"] .dropdown-menu,
.light-mode .dropdown-menu {
    background: var(--light-bg-card) !important;
    border: 1px solid var(--light-border-medium) !important;
    box-shadow: var(--light-shadow-lg) !important;
    border-radius: 12px !important;
}

[data-theme="light"] .dropdown-item,
.light-mode .dropdown-item {
    color: var(--light-text-secondary) !important;
    padding: 0.6rem 1rem !important;
}

[data-theme="light"] .dropdown-item:hover,
[data-theme="light"] .dropdown-item:focus,
.light-mode .dropdown-item:hover,
.light-mode .dropdown-item:focus {
    background: var(--light-bg-secondary) !important;
    color: var(--light-accent-blue) !important;
}

[data-theme="light"] .dropdown-item i,
.light-mode .dropdown-item i {
    color: var(--light-accent-blue) !important;
}

/* ========================================
   PAGINATION - MODE CLAIR
   ======================================== */

[data-theme="light"] .pagination .page-link,
[data-theme="light"] .pm-pagination .page-link,
.light-mode .pagination .page-link,
.light-mode .pm-pagination .page-link {
    background: var(--light-bg-card) !important;
    border: 1px solid var(--light-border-medium) !important;
    color: var(--light-accent-blue) !important;
}

[data-theme="light"] .pagination .page-link:hover,
[data-theme="light"] .pm-pagination .page-link:hover,
.light-mode .pagination .page-link:hover,
.light-mode .pm-pagination .page-link:hover {
    background: var(--light-accent-blue) !important;
    border-color: var(--light-accent-blue) !important;
    color: white !important;
}

[data-theme="light"] .pagination .page-item.active .page-link,
[data-theme="light"] .pm-pagination .page-item.active .page-link,
.light-mode .pagination .page-item.active .page-link,
.light-mode .pm-pagination .page-item.active .page-link {
    background: linear-gradient(135deg, #4a7fc1 0%, #6b9bd1 100%) !important;
    border-color: transparent !important;
    box-shadow: var(--light-shadow-blue) !important;
}

/* ========================================
   BREADCRUMB - MODE CLAIR
   ======================================== */

[data-theme="light"] .breadcrumb,
.light-mode .breadcrumb {
    background: var(--light-bg-secondary) !important;
    border-radius: 8px !important;
    padding: 0.75rem 1rem !important;
}

[data-theme="light"] .breadcrumb-item a,
.light-mode .breadcrumb-item a {
    color: var(--light-accent-blue) !important;
}

[data-theme="light"] .breadcrumb-item.active,
.light-mode .breadcrumb-item.active {
    color: var(--light-text-tertiary) !important;
}

/* ========================================
   FOOTER - MODE CLAIR ÉLÉGANT
   ======================================== */

[data-theme="light"] .footer,
[data-theme="light"] .modern-footer,
[data-theme="light"] footer,
.light-mode .footer,
.light-mode .modern-footer,
.light-mode footer {
    background: linear-gradient(180deg, #2a4a6d 0%, #1a365d 100%) !important;
    color: rgba(255, 255, 255, 0.9) !important;
}

[data-theme="light"] .footer *,
[data-theme="light"] .modern-footer *,
[data-theme="light"] footer *,
.light-mode .footer *,
.light-mode .modern-footer *,
.light-mode footer * {
    color: rgba(255, 255, 255, 0.85) !important;
}

[data-theme="light"] .footer h1,
[data-theme="light"] .footer h2,
[data-theme="light"] .footer h3,
[data-theme="light"] .footer h4,
[data-theme="light"] .footer h5,
[data-theme="light"] .footer h6,
.light-mode .footer h1,
.light-mode .footer h2,
.light-mode .footer h3,
.light-mode .footer h4,
.light-mode .footer h5,
.light-mode .footer h6 {
    color: white !important;
}

[data-theme="light"] .footer a:not(.btn),
.light-mode .footer a:not(.btn) {
    color: rgba(255, 255, 255, 0.8) !important;
}

[data-theme="light"] .footer a:not(.btn):hover,
.light-mode .footer a:not(.btn):hover {
    color: var(--light-accent-gold-soft) !important;
}

/* ========================================
   HERO SECTION - MODE CLAIR
   ======================================== */

[data-theme="light"] .hero-section,
.light-mode .hero-section {
    background: linear-gradient(135deg, #e8f0f8 0%, #d4e4f4 25%, #c8dce8 50%, #e8e4d8 75%, #f5f0e5 100%) !important;
}

[data-theme="light"] .hero-slideshow-overlay,
.light-mode .hero-slideshow-overlay {
    background: linear-gradient(
        135deg,
        rgba(232, 240, 248, 0.88) 0%,
        rgba(212, 228, 244, 0.85) 25%,
        rgba(200, 220, 232, 0.82) 50%,
        rgba(232, 228, 216, 0.85) 75%,
        rgba(245, 240, 229, 0.88) 100%
    ) !important;
}

[data-theme="light"] .hero-section .hero-title-main,
.light-mode .hero-section .hero-title-main {
    color: #1a365d !important;
    text-shadow: 0 2px 4px rgba(255, 255, 255, 0.8) !important;
}

[data-theme="light"] .hero-section .hero-subtitle-text,
.light-mode .hero-section .hero-subtitle-text {
    color: #3a5a7d !important;
}

/* ========================================
   PM-HERO SECTIONS (pages) - MODE CLAIR
   ======================================== */

[data-theme="light"] .pm-hero,
[data-theme="light"] .pm-about-hero,
[data-theme="light"] .pm-blogs-hero,
[data-theme="light"] .pm-galleries-hero,
.light-mode .pm-hero,
.light-mode .pm-about-hero,
.light-mode .pm-blogs-hero,
.light-mode .pm-galleries-hero {
    background: linear-gradient(135deg, #2a4a6d 0%, #3a6a9d 40%, #4a8acd 100%) !important;
}

[data-theme="light"] .pm-hero::before,
[data-theme="light"] .pm-about-hero::before,
.light-mode .pm-hero::before,
.light-mode .pm-about-hero::before {
    background:
        radial-gradient(ellipse at 20% 50%, rgba(107, 155, 209, 0.2) 0%, transparent 60%),
        radial-gradient(ellipse at 80% 20%, rgba(124, 106, 173, 0.15) 0%, transparent 50%) !important;
}

[data-theme="light"] .pm-hero-title,
.light-mode .pm-hero-title {
    color: white !important;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
}

[data-theme="light"] .pm-hero-stat,
.light-mode .pm-hero-stat {
    background: rgba(255, 255, 255, 0.12) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
}

[data-theme="light"] .pm-hero-stat:hover,
.light-mode .pm-hero-stat:hover {
    background: rgba(255, 255, 255, 0.2) !important;
}

/* ========================================
   MODERN SECTIONS - MODE CLAIR
   ======================================== */

[data-theme="light"] .pm-history-section,
.light-mode .pm-history-section {
    background: linear-gradient(180deg, var(--light-bg-card) 0%, var(--light-bg-subtle) 100%) !important;
}

[data-theme="light"] .pm-mission-section,
.light-mode .pm-mission-section {
    background: linear-gradient(180deg, var(--light-bg-subtle) 0%, var(--light-bg-secondary) 100%) !important;
}

[data-theme="light"] .pm-values-section,
.light-mode .pm-values-section {
    background: linear-gradient(180deg, var(--light-bg-card) 0%, var(--light-bg-subtle) 100%) !important;
}

[data-theme="light"] .pm-cta-section,
.light-mode .pm-cta-section {
    background: linear-gradient(135deg, #2a4a6d 0%, #3a6a9d 50%, #4a8acd 100%) !important;
}

/* ========================================
   MEMBER CARDS - MODE CLAIR
   ======================================== */

[data-theme="light"] .pm-mission-card,
[data-theme="light"] .pm-value-item,
[data-theme="light"] .pm-leader-card,
[data-theme="light"] .pm-member-card,
.light-mode .pm-mission-card,
.light-mode .pm-value-item,
.light-mode .pm-leader-card,
.light-mode .pm-member-card {
    background: var(--light-bg-card) !important;
    border: 1px solid var(--light-border-soft) !important;
    box-shadow: var(--light-shadow-sm) !important;
}

[data-theme="light"] .pm-mission-card:hover,
[data-theme="light"] .pm-value-item:hover,
[data-theme="light"] .pm-leader-card:hover,
[data-theme="light"] .pm-member-card:hover,
.light-mode .pm-mission-card:hover,
.light-mode .pm-value-item:hover,
.light-mode .pm-leader-card:hover,
.light-mode .pm-member-card:hover {
    box-shadow: var(--light-shadow-lg) !important;
    border-color: var(--light-border-medium) !important;
}

[data-theme="light"] .pm-mission-card::before,
.light-mode .pm-mission-card::before {
    background: linear-gradient(90deg, #4a7fc1, #6b9bd1) !important;
}

[data-theme="light"] .pm-mission-icon.blue,
.light-mode .pm-mission-icon.blue {
    background: linear-gradient(135deg, #4a7fc1, #6b9bd1) !important;
}

[data-theme="light"] .pm-mission-icon.green,
.light-mode .pm-mission-icon.green {
    background: linear-gradient(135deg, #5b9a6f, #7bba8f) !important;
}

[data-theme="light"] .pm-mission-icon.amber,
.light-mode .pm-mission-icon.amber {
    background: linear-gradient(135deg, #c4952b, #d4b85b) !important;
}

/* ========================================
   PML COUNCIL SECTION - MODE CLAIR
   ======================================== */

[data-theme="light"] .pml-council-section,
.light-mode .pml-council-section {
    background: linear-gradient(180deg, var(--light-bg-card) 0%, var(--light-bg-subtle) 50%, var(--light-bg-secondary) 100%) !important;
}

[data-theme="light"] .pml-council-section::before,
.light-mode .pml-council-section::before {
    background: linear-gradient(90deg, transparent, var(--light-border-medium), transparent) !important;
}

[data-theme="light"] .pml-section-label,
.light-mode .pml-section-label {
    background: linear-gradient(135deg, #e8f0f8 0%, #d4e4f4 100%) !important;
    color: #3a6ea5 !important;
    box-shadow: var(--light-shadow-xs) !important;
}

[data-theme="light"] .pml-section-title,
.light-mode .pml-section-title {
    color: var(--light-text-primary) !important;
}

[data-theme="light"] .pml-section-title::after,
.light-mode .pml-section-title::after {
    background: linear-gradient(135deg, #4a7fc1, #6b9bd1) !important;
}

[data-theme="light"] .pml-section-desc,
.light-mode .pml-section-desc {
    color: var(--light-text-tertiary) !important;
}

[data-theme="light"] .pml-mandate-card,
.light-mode .pml-mandate-card {
    background: linear-gradient(135deg, #2a4a6d 0%, #3a6a9d 50%, #4a8acd 100%) !important;
    box-shadow: var(--light-shadow-lg), 0 8px 25px rgba(42, 74, 109, 0.2) !important;
}

[data-theme="light"] .pml-member-card,
.light-mode .pml-member-card {
    background: var(--light-bg-card) !important;
    border: 1px solid var(--light-border-soft) !important;
    box-shadow: var(--light-shadow-sm) !important;
}

[data-theme="light"] .pml-member-card::before,
.light-mode .pml-member-card::before {
    background: linear-gradient(135deg, #3a6a9d, #5a9acd) !important;
}

[data-theme="light"] .pml-member-card::after,
.light-mode .pml-member-card::after {
    background: var(--light-bg-card) !important;
}

[data-theme="light"] .pml-member-card:hover,
.light-mode .pml-member-card:hover {
    box-shadow: var(--light-shadow-xl) !important;
}

[data-theme="light"] .pml-member-featured,
.light-mode .pml-member-featured {
    border: 2px solid rgba(196, 149, 43, 0.25) !important;
}

[data-theme="light"] .pml-member-featured::before,
.light-mode .pml-member-featured::before {
    background: linear-gradient(135deg, #a47b1a, #c4952b, #d4a84b) !important;
}

[data-theme="light"] .pml-member-featured::after,
.light-mode .pml-member-featured::after {
    background: linear-gradient(180deg, #fdfcf8, var(--light-bg-card)) !important;
}

[data-theme="light"] .pml-member-info h5,
.light-mode .pml-member-info h5 {
    color: var(--light-text-primary) !important;
}

[data-theme="light"] .pml-member-role,
.light-mode .pml-member-role {
    background: linear-gradient(135deg, #e8f0f8 0%, #d4e4f4 100%) !important;
    color: #3a6ea5 !important;
}

[data-theme="light"] .pml-role-gold,
.light-mode .pml-role-gold {
    background: linear-gradient(135deg, #fdf8e8 0%, #f5ecd0 100%) !important;
    color: #8c6d1f !important;
}

[data-theme="light"] .pml-member-excerpt,
.light-mode .pml-member-excerpt {
    color: var(--light-text-tertiary) !important;
}

[data-theme="light"] .pml-member-link,
.light-mode .pml-member-link {
    background: linear-gradient(135deg, #4a7fc1 0%, #6b9bd1 100%) !important;
    box-shadow: var(--light-shadow-blue) !important;
}

[data-theme="light"] .pml-member-link:hover,
.light-mode .pml-member-link:hover {
    background: linear-gradient(135deg, #3a6fa1 0%, #5a8bc1 100%) !important;
}

[data-theme="light"] .pml-member-featured .pml-member-link,
.light-mode .pml-member-featured .pml-member-link {
    background: linear-gradient(135deg, #c4952b 0%, #d4a84b 100%) !important;
    box-shadow: var(--light-shadow-gold) !important;
}

[data-theme="light"] .pml-btn-primary,
.light-mode .pml-btn-primary {
    background: linear-gradient(135deg, #4a7fc1 0%, #6b9bd1 100%) !important;
    box-shadow: var(--light-shadow-blue) !important;
}

[data-theme="light"] .pml-btn-outline-dark,
.light-mode .pml-btn-outline-dark {
    background: var(--light-bg-card) !important;
    border: 2px solid var(--light-border-medium) !important;
    color: var(--light-accent-blue) !important;
}

/* ========================================
   SIDEBAR - MODE CLAIR
   ======================================== */

[data-theme="light"] .pm-sidebar-card,
.light-mode .pm-sidebar-card {
    background: var(--light-bg-card) !important;
    border: 1px solid var(--light-border-soft) !important;
    box-shadow: var(--light-shadow-sm) !important;
}

[data-theme="light"] .pm-sidebar-card:hover,
.light-mode .pm-sidebar-card:hover {
    box-shadow: var(--light-shadow-md) !important;
}

[data-theme="light"] .pm-sidebar-card .card-header,
.light-mode .pm-sidebar-card .card-header {
    background: linear-gradient(135deg, #4a7fc1 0%, #6b9bd1 100%) !important;
    color: white !important;
}

/* ========================================
   FILTER BAR - MODE CLAIR
   ======================================== */

[data-theme="light"] .pm-filter-bar,
.light-mode .pm-filter-bar {
    background: var(--light-bg-card) !important;
    border-bottom: 1px solid var(--light-border-soft) !important;
    box-shadow: var(--light-shadow-xs) !important;
}

/* ========================================
   SCROLLBAR - MODE CLAIR
   ======================================== */

[data-theme="light"] ::-webkit-scrollbar,
.light-mode ::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

[data-theme="light"] ::-webkit-scrollbar-track,
.light-mode ::-webkit-scrollbar-track {
    background: var(--light-bg-secondary);
    border-radius: 5px;
}

[data-theme="light"] ::-webkit-scrollbar-thumb,
.light-mode ::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #b8c9db 0%, #9ab3c8 100%);
    border-radius: 5px;
    border: 2px solid var(--light-bg-secondary);
}

[data-theme="light"] ::-webkit-scrollbar-thumb:hover,
.light-mode ::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg, #9ab3c8 0%, #7c9db8 100%);
}

/* ========================================
   LIENS - MODE CLAIR
   ======================================== */

[data-theme="light"] a:not(.btn):not(.nav-link):not(.dropdown-item),
.light-mode a:not(.btn):not(.nav-link):not(.dropdown-item) {
    color: var(--light-accent-blue) !important;
}

[data-theme="light"] a:not(.btn):not(.nav-link):not(.dropdown-item):hover,
.light-mode a:not(.btn):not(.nav-link):not(.dropdown-item):hover {
    color: #3a6fa1 !important;
}

/* ========================================
   BADGES - MODE CLAIR
   ======================================== */

[data-theme="light"] .pm-badge,
.light-mode .pm-badge {
    box-shadow: var(--light-shadow-xs) !important;
}

[data-theme="light"] .pm-badge-new,
.light-mode .pm-badge-new {
    background: linear-gradient(135deg, #c65656, #e87070) !important;
}

[data-theme="light"] .pm-badge-featured,
.light-mode .pm-badge-featured {
    background: linear-gradient(135deg, #d4a84b, #e8c97d) !important;
    color: #5a4a1a !important;
}

/* ========================================
   CODE ET PRE - MODE CLAIR
   ======================================== */

[data-theme="light"] pre,
[data-theme="light"] code,
.light-mode pre,
.light-mode code {
    background: var(--light-bg-secondary) !important;
    color: var(--light-text-primary) !important;
    border: 1px solid var(--light-border-soft) !important;
    border-radius: 6px !important;
}

/* ========================================
   BLOCKQUOTES - MODE CLAIR
   ======================================== */

[data-theme="light"] blockquote,
.light-mode blockquote {
    border-left: 4px solid var(--light-accent-blue) !important;
    background: var(--light-bg-subtle) !important;
    color: var(--light-text-secondary) !important;
    padding: 1rem 1.5rem !important;
    border-radius: 0 8px 8px 0 !important;
}

/* ========================================
   HR - MODE CLAIR
   ======================================== */

[data-theme="light"] hr,
.light-mode hr {
    border-color: var(--light-border-soft) !important;
    opacity: 0.8 !important;
}

/* ========================================
   TRANSITIONS DOUCES
   ======================================== */

[data-theme="light"] *,
.light-mode * {
    transition-property: background-color, color, border-color, box-shadow, transform;
    transition-duration: 0.2s;
    transition-timing-function: ease-out;
}

/* Désactiver pour reduced motion */
@media (prefers-reduced-motion: reduce) {
    [data-theme="light"] *,
    .light-mode * {
        transition-duration: 0.01ms !important;
    }
}

/* ========================================
   DAILY THOUGHTS / PENSÉES DU JOUR - MODE CLAIR
   ======================================== */

[data-theme="light"] .daily-thought-card,
.light-mode .daily-thought-card {
    background: linear-gradient(135deg, #fdfcf8 0%, #faf5eb 100%) !important;
    border: 1px solid rgba(212, 168, 75, 0.2) !important;
    box-shadow: var(--light-shadow-sm), 0 0 20px rgba(212, 168, 75, 0.08) !important;
}

[data-theme="light"] .daily-thought-card:hover,
.light-mode .daily-thought-card:hover {
    box-shadow: var(--light-shadow-md), 0 0 30px rgba(212, 168, 75, 0.12) !important;
}

/* ========================================
   NEWSLETTER SECTION - MODE CLAIR
   ======================================== */

[data-theme="light"] .newsletter-form-container,
.light-mode .newsletter-form-container {
    background: rgba(255, 255, 255, 0.15) !important;
    border: 1px solid rgba(255, 255, 255, 0.25) !important;
}

/* ========================================
   TESTIMONIALS - MODE CLAIR
   ======================================== */

[data-theme="light"] .testimonial-card,
.light-mode .testimonial-card {
    background: var(--light-bg-card) !important;
    border: 1px solid var(--light-border-soft) !important;
    box-shadow: var(--light-shadow-sm) !important;
}

[data-theme="light"] .testimonial-card:hover,
.light-mode .testimonial-card:hover {
    box-shadow: var(--light-shadow-lg) !important;
}

[data-theme="light"] .testimonial-text,
.light-mode .testimonial-text {
    color: var(--light-text-secondary) !important;
}

[data-theme="light"] .testimonial-name,
.light-mode .testimonial-name {
    color: var(--light-text-primary) !important;
}

[data-theme="light"] .testimonial-position,
.light-mode .testimonial-position {
    color: var(--light-text-tertiary) !important;
}

/* ========================================
   FIN DU MODE CLAIR AMÉLIORÉ
   ======================================== */