/* =========================================================
   MOURNA IMMOBILIER v2.1.3 — FINAL SANS DÉGRADÉ / SANS HALO
   Ce fichier doit être chargé après style.css.
   Objectif : design plat, professionnel, couleurs logo.
========================================================= */

:root {
    --mi-green:#005230;
    --mi-green-light:#067a43;
    --mi-red:#7a1230;
    --mi-red-light:#b10d3b;
    --mi-bg:#f7faf8;
    --mi-surface:#ffffff;
    --mi-soft:#eef5f1;
    --mi-border:#dbe7e1;
    --mi-text:#101827;
    --mi-muted:#5d6f65;
}

html,
body {
    background:#f7faf8 !important;
    color:var(--mi-text) !important;
}

/* 1. Stop général des fonds décoratifs */
body,
body::before,
body::after,
main,
main::before,
main::after,
section,
section::before,
section::after,
header,
header::before,
header::after,
footer,
footer::before,
footer::after,
.hero,
.hero::before,
.hero::after,
.site-header,
.site-header::before,
.site-header::after,
.header,
.header::before,
.header::after,
.navbar,
.navbar::before,
.navbar::after,
.topbar,
.topbar::before,
.topbar::after,
.admin-topbar,
.admin-topbar::before,
.admin-topbar::after,
.search-section,
.search-section::before,
.search-section::after,
.search-box,
.search-box::before,
.search-box::after,
.search-form,
.search-form::before,
.search-form::after,
.home-section,
.home-section::before,
.home-section::after,
.featured-section,
.featured-section::before,
.featured-section::after,
.properties-section,
.properties-section::before,
.properties-section::after,
.property-premium-hero,
.property-premium-hero::before,
.property-premium-hero::after,
.admin-login-page-v204,
.admin-login-page-v204::before,
.admin-login-page-v204::after {
    background-image:none !important;
    filter:none !important;
    text-shadow:none !important;
}

/* 2. Supprimer les halos/ombres excessifs */
*,
*::before,
*::after {
    text-shadow:none !important;
}

.hero,
.search-box,
.search-form,
.card-bien,
.property-card,
.bien-card,
.category-card,
.premium-category-card,
.detail-section,
.premium-section,
.contact-box,
.form-card,
.admin-panel,
.dashboard-card,
.admin-card,
.table-card,
.why-trust-grid article,
.testimonial-card,
.agency-public-card-v20,
.property-video-card,
.premium-trust-card,
.features li,
.premium-features li,
.alertes-stats-v208 article,
.verification-card-v205,
.verification-panel-v205,
.receipt-paper-v204 {
    box-shadow:0 8px 18px rgba(16,24,39,.06) !important;
}

/* 3. Surfaces principales plates */
.site-header,
.header,
.navbar,
.topbar {
    background:#ffffff !important;
    border-bottom:1px solid var(--mi-border) !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
}

.hero,
.search-section,
.home-section,
.featured-section,
.properties-section {
    background:#f7faf8 !important;
}

.search-box,
.search-form,
.card-bien,
.property-card,
.bien-card,
.category-card,
.premium-category-card,
.detail-section,
.premium-section,
.contact-box,
.form-card,
.admin-panel,
.dashboard-card,
.admin-card,
.table-card,
.why-trust-grid article,
.testimonial-card,
.agency-public-card-v20,
.property-video-card,
.premium-trust-card,
.features li,
.premium-features li,
.alertes-stats-v208 article {
    background:#ffffff !important;
    border:1px solid var(--mi-border) !important;
    color:var(--mi-text) !important;
}

/* 4. Formulaire de recherche propre */
.search-box,
.search-form {
    border-radius:24px !important;
    padding:12px !important;
}

.search-box input,
.search-box select,
.search-form input,
.search-form select {
    background:#f3f7f5 !important;
    color:var(--mi-text) !important;
    border:1px solid #e2ebe6 !important;
    box-shadow:none !important;
}

.search-box input::placeholder,
.search-form input::placeholder {
    color:#6f8076 !important;
}

/* 5. Boutons sans dégradé */
.btn,
button,
input[type="submit"],
.search-box button,
.search-form button,
.form-card button,
.admin-login-form-v204 button,
.contact-box .btn,
.section-title a,
.home-section-title a,
.btn-more,
.btn-see-all,
.load-more-btn,
.login-btn,
.login-button,
.nav-login,
.header-login,
a[href*="login"],
a[href*="connexion"] {
    background:var(--mi-green) !important;
    background-image:none !important;
    color:#ffffff !important;
    border:1px solid var(--mi-green) !important;
    box-shadow:none !important;
    text-shadow:none !important;
}

.btn:hover,
button:hover,
input[type="submit"]:hover,
.search-box button:hover,
.search-form button:hover,
.login-btn:hover,
.login-button:hover,
.nav-login:hover,
.header-login:hover,
a[href*="login"]:hover,
a[href*="connexion"]:hover {
    background:#003d24 !important;
    background-image:none !important;
    color:#ffffff !important;
    border-color:#003d24 !important;
}

/* Boutons secondaires */
.btn.secondary,
button.secondary,
.share-button,
.like-button,
.meta-item,
.theme-toggle,
.dark-toggle,
.mode-toggle {
    background:#eef5f1 !important;
    background-image:none !important;
    color:var(--mi-green) !important;
    border:1px solid var(--mi-border) !important;
    box-shadow:none !important;
}

/* 6. Icônes header simples, pas de bulles halo */
.site-header a,
.header a,
.navbar a,
.topbar a,
.header-icon,
.nav-icon,
.icon-btn,
.nav-action,
.theme-toggle,
.dark-toggle,
.mode-toggle {
    background:#eef5f1 !important;
    background-image:none !important;
    color:#233241 !important;
    border:1px solid var(--mi-border) !important;
    box-shadow:none !important;
}

.site-header a i,
.header a i,
.navbar a i,
.topbar a i,
.header-icon i,
.nav-icon i,
.icon-btn i,
.nav-action i,
.theme-toggle i,
.dark-toggle i,
.mode-toggle i {
    color:#233241 !important;
}

/* Corriger spécifiquement le bouton lune visible sur la capture */
.theme-toggle,
.dark-toggle,
.mode-toggle,
#themeToggle,
#darkModeToggle {
    background:var(--mi-green) !important;
    color:#ffffff !important;
    border-color:var(--mi-green) !important;
}

.theme-toggle i,
.dark-toggle i,
.mode-toggle i,
#themeToggle i,
#darkModeToggle i {
    color:#ffffff !important;
}

/* 7. Supprimer les icônes emoji restantes visuellement en gardant Font Awesome */
.category-card .category-icon-pro,
.category-card .category-icon,
.premium-category-card .category-icon-pro,
.premium-category-card .category-icon {
    background:#eef5f1 !important;
    color:var(--mi-green) !important;
    border:1px solid var(--mi-border) !important;
    box-shadow:none !important;
}

.category-icon-pro,
.category-icon,
.why-trust-grid article > span,
.video-empty-icon,
.message-icon-v208,
.pro-stat-icon-v20,
.admin-menu-icon-v209,
.admin-menu-icon-v212 {
    background:#eef5f1 !important;
    background-image:none !important;
    color:var(--mi-green) !important;
    border:1px solid var(--mi-border) !important;
    box-shadow:none !important;
}

.category-icon-pro::before,
.category-icon::before {
    font-family:"Font Awesome 6 Free" !important;
    font-weight:900 !important;
    background:transparent !important;
    background-image:none !important;
    color:var(--mi-green) !important;
    clip-path:none !important;
    width:auto !important;
    height:auto !important;
}

/* 8. Prix, liens importants et labels */
.card-price,
.premium-price,
.card-content strong,
.features li strong,
.premium-features li strong,
a {
    color:var(--mi-green) !important;
}

/* 9. Badges plats */
.badge,
.trust-badge,
.trust-mini-badge,
.premium-badge,
.hero-pill,
.channel-pill-v201,
.badge-v19 {
    background:#eef5f1 !important;
    background-image:none !important;
    color:var(--mi-green) !important;
    border:1px solid var(--mi-border) !important;
    box-shadow:none !important;
}

/* 10. Scrollbars sobres */
*::-webkit-scrollbar-thumb {
    background:#9fb8ab !important;
    border-radius:999px !important;
}
*::-webkit-scrollbar-track {
    background:#eef5f1 !important;
}

/* 11. Mode sombre sans dégradé */
:root[data-theme="dark"] html,
:root[data-theme="dark"] body {
    background:#06140d !important;
    color:#f5fff8 !important;
}

:root[data-theme="dark"] .site-header,
:root[data-theme="dark"] .header,
:root[data-theme="dark"] .navbar,
:root[data-theme="dark"] .topbar {
    background:#081b12 !important;
    border-color:rgba(255,255,255,.12) !important;
}

:root[data-theme="dark"] .hero,
:root[data-theme="dark"] .search-section,
:root[data-theme="dark"] .home-section,
:root[data-theme="dark"] .featured-section,
:root[data-theme="dark"] .properties-section {
    background:#06140d !important;
}

:root[data-theme="dark"] .search-box,
:root[data-theme="dark"] .search-form,
:root[data-theme="dark"] .card-bien,
:root[data-theme="dark"] .property-card,
:root[data-theme="dark"] .bien-card,
:root[data-theme="dark"] .category-card,
:root[data-theme="dark"] .premium-category-card,
:root[data-theme="dark"] .detail-section,
:root[data-theme="dark"] .premium-section,
:root[data-theme="dark"] .contact-box,
:root[data-theme="dark"] .form-card,
:root[data-theme="dark"] .admin-panel,
:root[data-theme="dark"] .dashboard-card,
:root[data-theme="dark"] .admin-card,
:root[data-theme="dark"] .table-card,
:root[data-theme="dark"] .why-trust-grid article,
:root[data-theme="dark"] .testimonial-card,
:root[data-theme="dark"] .agency-public-card-v20,
:root[data-theme="dark"] .property-video-card,
:root[data-theme="dark"] .premium-trust-card,
:root[data-theme="dark"] .features li,
:root[data-theme="dark"] .premium-features li {
    background:#0b2015 !important;
    border-color:rgba(255,255,255,.12) !important;
    color:#f5fff8 !important;
    box-shadow:none !important;
}

:root[data-theme="dark"] .site-header a,
:root[data-theme="dark"] .header a,
:root[data-theme="dark"] .navbar a,
:root[data-theme="dark"] .topbar a,
:root[data-theme="dark"] .header-icon,
:root[data-theme="dark"] .nav-icon,
:root[data-theme="dark"] .icon-btn,
:root[data-theme="dark"] .nav-action {
    background:#102c1d !important;
    color:#f5fff8 !important;
    border-color:rgba(255,255,255,.14) !important;
}

:root[data-theme="dark"] .site-header a i,
:root[data-theme="dark"] .header a i,
:root[data-theme="dark"] .navbar a i,
:root[data-theme="dark"] .topbar a i {
    color:#f5fff8 !important;
}

:root[data-theme="dark"] h1,
:root[data-theme="dark"] h2,
:root[data-theme="dark"] h3,
:root[data-theme="dark"] h4,
:root[data-theme="dark"] strong {
    color:#ffffff !important;
}

:root[data-theme="dark"] p,
:root[data-theme="dark"] span,
:root[data-theme="dark"] small,
:root[data-theme="dark"] li,
:root[data-theme="dark"] label,
:root[data-theme="dark"] .muted {
    color:#d9eadf !important;
}

/* 12. Si un vieux bloc a encore un background inline avec gradient */
[style*="gradient"],
[style*="radial-gradient"],
[style*="linear-gradient"] {
    background-image:none !important;
}
