/* ============================================================ Thème sombre — activé en ajoutant la classe "dark-theme" sur la balise (voir assets/theme-toggle.js) ============================================================ */ html.dark-theme body { background: #121212 !important; color: #ddd; } html.dark-theme h1, html.dark-theme h2, html.dark-theme h3, html.dark-theme h4, html.dark-theme h5, html.dark-theme h6 { color: #f0f0f0; } html.dark-theme a { color: #8fd14f; } html.dark-theme a:hover { color: #a9e06a; } html.dark-theme table, html.dark-theme .thumbnail, html.dark-theme .properties-listing div.properties, html.dark-theme .search-form, html.dark-theme .hot-properties, html.dark-theme .property-info, html.dark-theme .enquiry, html.dark-theme .well, html.dark-theme .tabbable, html.dark-theme .tab-content { background-color: #1e1e1e !important; color: #ddd; border-color: #333; } html.dark-theme .nav-tabs > li > a { background-color: #1e1e1e; color: #ddd; border-color: #333; } html.dark-theme .form-control { background-color: #2a2a2a; border-color: #444; color: #eee; } html.dark-theme .form-control::placeholder { color: #999; } html.dark-theme .price { color: #8fd14f !important; } html.dark-theme .navbar-inverse { background-color: #000; } html.dark-theme .footer { background: #0a0a0a !important; } html.dark-theme .banner-search { background: #0a0a0a !important; } html.dark-theme .inside-banner { background: #000 !important; } html.dark-theme .modal-content { background-color: #1e1e1e; color: #ddd; } html.dark-theme .alert-success { background-color: #1c3a20; border-color: #2c5a30; color: #b6e6ba; } html.dark-theme .alert-danger { background-color: #3a1c1c; border-color: #5a2c2c; color: #e6b6b6; } /* Bouton de bascule sombre/clair (dans le menu de navigation) */ .theme-toggle-btn { background: transparent; border: 1px solid rgba(255, 255, 255, 0.4); color: #fff; border-radius: 20px; padding: 5px 14px; font-size: 13px; cursor: pointer; margin: 10px 0; } .theme-toggle-btn:hover { background: rgba(255, 255, 255, 0.15); } @media (min-width: 768px) { .theme-toggle-btn { margin: 15px 0 15px 15px; } }