/* ═══════════════════════════════════════════════════════════════════════ CARPOINT DARK THEME Activat prin atributul: Paleta: fundal #1a1a1a, surfaces #242424, accent portocaliu păstrat ═══════════════════════════════════════════════════════════════════════ */ html[data-theme="dark"] { --cp-bg: #1a1a1a; /* background principal */ --cp-bg-elev: #242424; /* carduri, headere */ --cp-bg-elev-2: #2d2d2d; /* hover, dropdown */ --cp-bg-input: #2a2a2a; /* input/form */ --cp-text: #ededed; /* text principal */ --cp-text-mute: #a0a0a0; /* text secundar */ --cp-text-dim: #707070; /* text subțire */ --cp-border: #353535; /* borduri */ --cp-border-soft: #2a2a2a; /* borduri discrete */ --cp-accent: #FF7101; /* portocaliu (păstrat) */ --cp-accent-soft: rgba(255,113,1,0.12); --cp-success: #22c55e; --cp-danger: #dc3545; --cp-shadow: 0 4px 20px rgba(0,0,0,0.5); } /* ─────────────── BASE ─────────────── */ html[data-theme="dark"] body, html[data-theme="dark"] .body, html[data-theme="dark"] #wrapper, html[data-theme="dark"] #pagee { background-color: var(--cp-bg) !important; color: var(--cp-text) !important; } html[data-theme="dark"] h1, html[data-theme="dark"] h2, html[data-theme="dark"] h3, html[data-theme="dark"] h4, html[data-theme="dark"] h5, html[data-theme="dark"] h6 { color: var(--cp-text) !important; } html[data-theme="dark"] p, html[data-theme="dark"] span, html[data-theme="dark"] li, html[data-theme="dark"] td, html[data-theme="dark"] label { color: var(--cp-text) !important; } html[data-theme="dark"] a { color: var(--cp-text) !important; } html[data-theme="dark"] a:hover { color: var(--cp-accent) !important; } html[data-theme="dark"] strong { color: var(--cp-text) !important; } /* ─────────────── HEADER ─────────────── */ html[data-theme="dark"] .cp-header { background-color: var(--cp-bg-elev) !important; border-bottom: 1px solid var(--cp-border) !important; } html[data-theme="dark"] .cp-nav__link { color: var(--cp-text-mute) !important; } html[data-theme="dark"] .cp-nav__link:hover, html[data-theme="dark"] .cp-nav__link.is-active { color: var(--cp-accent) !important; } html[data-theme="dark"] .cp-lang__btn { background-color: var(--cp-bg-elev-2) !important; color: var(--cp-text) !important; border-color: var(--cp-border) !important; } html[data-theme="dark"] .cp-lang__dropdown { background-color: var(--cp-bg-elev-2) !important; border-color: var(--cp-border) !important; box-shadow: var(--cp-shadow) !important; } html[data-theme="dark"] .cp-lang__option { color: var(--cp-text) !important; } html[data-theme="dark"] .cp-lang__option:hover, html[data-theme="dark"] .cp-lang__option.is-selected { background-color: var(--cp-bg-input) !important; } /* ─────────────── TOPBAR (info bar deasupra header) ─────────────── */ html[data-theme="dark"] .cp-topbar, html[data-theme="dark"] .topbar { background-color: #0f0f0f !important; color: var(--cp-text-mute) !important; border-bottom: 1px solid var(--cp-border) !important; } html[data-theme="dark"] .cp-topbar a, html[data-theme="dark"] .topbar a { color: var(--cp-text-mute) !important; } /* ─────────────── SIDEBAR MOBILE ─────────────── */ html[data-theme="dark"] .cp-sidebar, html[data-theme="dark"] .cp-sidebar__overlay { background-color: var(--cp-bg-elev) !important; } html[data-theme="dark"] .cp-sidebar__link { color: var(--cp-text) !important; } html[data-theme="dark"] .cp-sidebar__link:hover { color: var(--cp-accent) !important; background-color: var(--cp-bg-elev-2) !important; } /* ─────────────── FOOTER ─────────────── */ html[data-theme="dark"] footer, html[data-theme="dark"] .footer, html[data-theme="dark"] .cp-footer { background-color: #0f0f0f !important; color: var(--cp-text-mute) !important; border-top: 1px solid var(--cp-border) !important; } html[data-theme="dark"] .footer a, html[data-theme="dark"] .cp-footer a, html[data-theme="dark"] footer a { color: var(--cp-text-mute) !important; } html[data-theme="dark"] .footer a:hover, html[data-theme="dark"] .cp-footer a:hover, html[data-theme="dark"] footer a:hover { color: var(--cp-accent) !important; } /* ─────────────── CARDURI GENERICE ─────────────── */ html[data-theme="dark"] .card, html[data-theme="dark"] .pop-car-card, html[data-theme="dark"] .pcc-card, html[data-theme="dark"] .info-card, html[data-theme="dark"] .car-card, html[data-theme="dark"] .sidebar-actions, html[data-theme="dark"] .item-rezervare, html[data-theme="dark"] .summary-card { background-color: var(--cp-bg-elev) !important; border-color: var(--cp-border) !important; color: var(--cp-text) !important; } html[data-theme="dark"] .card:hover, html[data-theme="dark"] .pop-car-card:hover { background-color: var(--cp-bg-elev-2) !important; } /* ─────────────── FORMULARE ─────────────── */ html[data-theme="dark"] input[type="text"], html[data-theme="dark"] input[type="email"], html[data-theme="dark"] input[type="tel"], html[data-theme="dark"] input[type="password"], html[data-theme="dark"] input[type="number"], html[data-theme="dark"] input[type="search"], html[data-theme="dark"] input[type="date"], html[data-theme="dark"] input[type="time"], html[data-theme="dark"] input[type="datetime-local"], html[data-theme="dark"] textarea, html[data-theme="dark"] select { background-color: var(--cp-bg-input) !important; color: var(--cp-text) !important; border-color: var(--cp-border) !important; } html[data-theme="dark"] input::placeholder, html[data-theme="dark"] textarea::placeholder { color: var(--cp-text-dim) !important; } html[data-theme="dark"] input:focus, html[data-theme="dark"] textarea:focus, html[data-theme="dark"] select:focus { border-color: var(--cp-accent) !important; outline: none; } /* Calendar nativ (input date) */ html[data-theme="dark"] input[type="date"]::-webkit-calendar-picker-indicator, html[data-theme="dark"] input[type="time"]::-webkit-calendar-picker-indicator { filter: invert(1); } /* ─────────────── BUTOANE ─────────────── */ html[data-theme="dark"] .btn-default, html[data-theme="dark"] .btn-secondary, html[data-theme="dark"] .btn-light { background-color: var(--cp-bg-elev-2) !important; color: var(--cp-text) !important; border-color: var(--cp-border) !important; } html[data-theme="dark"] .btn-dark { background-color: var(--cp-bg-elev-2) !important; border-color: var(--cp-border) !important; } html[data-theme="dark"] .btn-outline, html[data-theme="dark"] .btn-outline-dark { color: var(--cp-text) !important; border-color: var(--cp-border) !important; } /* ─────────────── BACKGROUND ALBE FORTATE ÎN DARK ─────────────── */ html[data-theme="dark"] [style*="background: #fff"], html[data-theme="dark"] [style*="background:#fff"], html[data-theme="dark"] [style*="background: white"], html[data-theme="dark"] [style*="background-color: #fff"], html[data-theme="dark"] [style*="background-color:#fff"], html[data-theme="dark"] [style*="background-color: white"], html[data-theme="dark"] [style*="background: #FFFFFF"], html[data-theme="dark"] [style*="background-color: #FFFFFF"] { background-color: var(--cp-bg-elev) !important; } /* ─────────────── PAGINI NOI (about, contact, asigurare, ghid, termeni) ─────────────── */ /* About page */ html[data-theme="dark"] .about-page, html[data-theme="dark"] .about-page .ap-intro { background-color: var(--cp-bg) !important; } html[data-theme="dark"] .about-page .ap-block.ap-alt, html[data-theme="dark"] .about-page .ap-team-block { background-color: var(--cp-bg-elev) !important; } html[data-theme="dark"] .about-page .ap-service-card, html[data-theme="dark"] .about-page .ap-team-card { background-color: var(--cp-bg-elev-2) !important; border-color: var(--cp-border) !important; } html[data-theme="dark"] .about-page .ap-reviews-block { background: linear-gradient(135deg, rgba(255,113,1,0.08) 0%, var(--cp-bg) 100%) !important; } html[data-theme="dark"] .about-page .ap-key-word { background-color: var(--cp-bg-elev-2) !important; } html[data-theme="dark"] .about-page .ap-block-text p, html[data-theme="dark"] .about-page .ap-intro-wrap p, html[data-theme="dark"] .about-page .ap-reviews-wrap p { color: var(--cp-text-mute) !important; } html[data-theme="dark"] .about-page .ap-team-bio { color: var(--cp-text-mute) !important; } /* Contact page */ html[data-theme="dark"] .contact-page .cp-card, html[data-theme="dark"] .contact-page .cp-form-wrap, html[data-theme="dark"] .contact-page .cp-hours-card { background-color: var(--cp-bg-elev) !important; border-color: var(--cp-border) !important; } html[data-theme="dark"] .contact-page .cp-form-section, html[data-theme="dark"] .contact-page .cp-legal-section { background-color: var(--cp-bg-elev-2) !important; } html[data-theme="dark"] .contact-page .cp-how-card { background-color: var(--cp-bg-elev-2) !important; } html[data-theme="dark"] .contact-page .cp-card-desc, html[data-theme="dark"] .contact-page .cp-how-card p, html[data-theme="dark"] .contact-page .cp-form-lead { color: var(--cp-text-mute) !important; } /* Asigurare page */ html[data-theme="dark"] .ins-page .ins-card, html[data-theme="dark"] .ins-page .ins-faq-item { background-color: var(--cp-bg-elev) !important; border-color: var(--cp-border) !important; } html[data-theme="dark"] .ins-page .ins-section.ins-alt { background-color: var(--cp-bg-elev-2) !important; } html[data-theme="dark"] .ins-page .ins-card p, html[data-theme="dark"] .ins-page .ins-bullets li, html[data-theme="dark"] .ins-page .ins-faq-item p { color: var(--cp-text-mute) !important; } /* Ghid page */ html[data-theme="dark"] .ghid-page .gh-card, html[data-theme="dark"] .ghid-page .gh-tile, html[data-theme="dark"] .ghid-page .gh-case, html[data-theme="dark"] .ghid-page .gh-steps li { background-color: var(--cp-bg-elev) !important; border-color: var(--cp-border) !important; } html[data-theme="dark"] .ghid-page .gh-section.gh-alt { background-color: var(--cp-bg-elev-2) !important; } html[data-theme="dark"] .ghid-page .gh-card p, html[data-theme="dark"] .ghid-page .gh-bullets li, html[data-theme="dark"] .ghid-page .gh-tile-desc, html[data-theme="dark"] .ghid-page .gh-checklist li, html[data-theme="dark"] .ghid-page .gh-case-text p, html[data-theme="dark"] .ghid-page .gh-steps li { color: var(--cp-text-mute) !important; } html[data-theme="dark"] .ghid-page .gh-checklist li { border-bottom-color: var(--cp-border) !important; } /* Termeni page */ html[data-theme="dark"] .terms-page-wrap .tp-hero { background-color: var(--cp-bg) !important; } html[data-theme="dark"] .terms-page-wrap .tp-body { background-color: var(--cp-bg-elev) !important; } html[data-theme="dark"] .terms-page-wrap .tp-nav, html[data-theme="dark"] .terms-page-wrap .tp-block { background-color: var(--cp-bg-elev-2) !important; border-color: var(--cp-border) !important; } html[data-theme="dark"] .terms-page-wrap .tp-nav ul li a { color: var(--cp-text-mute) !important; } html[data-theme="dark"] .terms-page-wrap .tp-block .tp-toggle { background-color: var(--cp-bg) !important; } html[data-theme="dark"] .terms-page-wrap .tp-body-content p, html[data-theme="dark"] .terms-page-wrap .tp-body-content li { color: var(--cp-text-mute) !important; } /* ─────────────── BANNER / HERO secțiuni (deja întunecate, le ajustez doar text) ─────────────── */ html[data-theme="dark"] .tf-banner, html[data-theme="dark"] .ap-hero, html[data-theme="dark"] .cp-hero, html[data-theme="dark"] .ins-hero, html[data-theme="dark"] .gh-hero { background: linear-gradient(160deg, #0a0a0a 0%, #161616 100%) !important; } /* ─────────────── MODALE / DROPDOWN-uri ─────────────── */ html[data-theme="dark"] .modal-content, html[data-theme="dark"] .modal-body, html[data-theme="dark"] .dropdown-menu { background-color: var(--cp-bg-elev) !important; color: var(--cp-text) !important; border-color: var(--cp-border) !important; } html[data-theme="dark"] .modal-header, html[data-theme="dark"] .modal-footer { border-color: var(--cp-border) !important; } /* ─────────────── TABELE ─────────────── */ html[data-theme="dark"] table, html[data-theme="dark"] table th, html[data-theme="dark"] table td { background-color: transparent !important; color: var(--cp-text) !important; border-color: var(--cp-border) !important; } html[data-theme="dark"] table tr:nth-child(even) { background-color: var(--cp-bg-elev) !important; } /* ─────────────── BOOTSTRAP ALERT/BADGE ─────────────── */ html[data-theme="dark"] .alert { border-color: var(--cp-border) !important; } html[data-theme="dark"] .alert-info { background-color: rgba(0,122,255,0.12) !important; color: #79b8ff !important; } html[data-theme="dark"] .alert-warning { background-color: rgba(255,193,7,0.1) !important; color: #ffd75e !important; } html[data-theme="dark"] .alert-danger { background-color: rgba(220,53,69,0.12) !important; color: #ff7888 !important; } html[data-theme="dark"] .alert-success { background-color: rgba(34,197,94,0.12) !important; color: #62e58e !important; } /* ─────────────── PRELOAD ─────────────── */ html[data-theme="dark"] .preload { background-color: var(--cp-bg) !important; } /* ─────────────── TOGGLE DARK MODE — buton în header ─────────────── */ .cp-theme-toggle { display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; border-radius: 50%; background: transparent; border: 1px solid #e5e5e5; color: #555; cursor: pointer; transition: all 0.2s; margin: 0 8px; padding: 0; } .cp-theme-toggle:hover { background: #f4f5f7; color: #FF7101; border-color: #FF7101; } .cp-theme-toggle svg { width: 18px; height: 18px; } .cp-theme-toggle .icon-moon { display: inline-block; } .cp-theme-toggle .icon-sun { display: none; } html[data-theme="dark"] .cp-theme-toggle { background: var(--cp-bg-elev-2) !important; border-color: var(--cp-border) !important; color: #ffd75e !important; } html[data-theme="dark"] .cp-theme-toggle:hover { background: var(--cp-bg-input) !important; color: var(--cp-accent) !important; border-color: var(--cp-accent) !important; } html[data-theme="dark"] .cp-theme-toggle .icon-moon { display: none; } html[data-theme="dark"] .cp-theme-toggle .icon-sun { display: inline-block; } /* Mobile: ascund eventual textul, doar iconița */ @media (max-width: 768px) { .cp-theme-toggle { width: 34px; height: 34px; margin: 0 4px; } } /* ─────────────── HARTĂ GOOGLE (filter pe iframe) ─────────────── */ html[data-theme="dark"] .cp-map-frame iframe { filter: invert(0.9) hue-rotate(180deg) brightness(0.85) contrast(0.9); } /* ─────────────── IMAGINI — scădere subtilă a strălucirii ─────────────── */ html[data-theme="dark"] img:not(.no-dark-filter) { /* mici reduceri de strălucire pentru a nu obosi ochiul */ filter: brightness(0.92); } /* ─────────────── SCROLLBAR ─────────────── */ html[data-theme="dark"] ::-webkit-scrollbar { width: 10px; background: var(--cp-bg); } html[data-theme="dark"] ::-webkit-scrollbar-thumb { background: var(--cp-bg-elev-2); border-radius: 5px; } html[data-theme="dark"] ::-webkit-scrollbar-thumb:hover { background: var(--cp-border); } /* ─────────────── TRANSITIONS GLOBALE (opțional, smooth switch) ─────────────── */ html[data-theme] body, html[data-theme] .cp-header, html[data-theme] .card, html[data-theme] .pop-car-card, html[data-theme] input, html[data-theme] textarea, html[data-theme] select, html[data-theme] footer { transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease; }