/* ============================================================================
   Dacia Markenauftritt – /dacia
   Gilt ausschliesslich innerhalb von .dacia-page. Struktur/Layout kommt aus
   css/brand-shared.css (identisch fuer /renault und /dacia) – hier werden
   ausschliesslich Farben und Fonts auf dieselben Klassennamen gesetzt.

   Hinweis Markenfarben: #241F21 (Anthrazit) stammt direkt aus der offiziellen
   Emblem-Datei (dacia/dacia icon.svg, fill="#241F21") und ist verifiziert.
   Der Khaki-Ton (--dc-khaki) ist eine Annäherung an die aktuelle Dacia-CI
   (kein Farbwert in den bereitgestellten Dateien enthalten) – vor Livegang
   gegen das offizielle Dacia Brand Portal pruefen/ersetzen.
   ============================================================================ */

/* --------------------------------------------------------------------------
   1. Fonts – Platzhalter, da keine offizielle Dacia-Schriftdatei vorliegt.
   Robuste, breite Grotesk als Fallback-Stack; TODO: offizielle Dacia-Font-
   Dateien hier per @font-face einbinden, sobald verfuegbar.
   -------------------------------------------------------------------------- */
@font-face {
    font-family: "daciaSans";
    src: local("Arial Black"), local("Helvetica Neue Bold"), local("Helvetica-Bold");
    font-weight: 700 900;
    font-style: normal;
    font-display: swap;
}

/* --------------------------------------------------------------------------
   2. Design-Tokens
   -------------------------------------------------------------------------- */
.dacia-page {
    --dc-white: #FFFFFF;
    --dc-anthracite: #241F21;
    --dc-anthracite-soft: #453F41;
    --dc-khaki: #6E7B5D;
    --dc-khaki-dark: #57614A;
    --dc-khaki-light: #E7E9E1;
    --dc-grey-100: #E5E5E3;
    --dc-grey-200: #C7C7C4;
    --dc-grey-300: #8F8D8A;
    --dc-text-secondary: #4B4B4B;
    --dc-text-tertiary: #6E6E6E;
    --dc-alert: #D6323B;
    --dc-warning: #C98A2C;
    --dc-success: #3C8A5B;
    --dc-disabled-bg: #F0F0EE;
    --dc-font: "daciaSans", "Arial Narrow", "Segoe UI", Arial, sans-serif;

    background-color: var(--dc-white);
    font-family: var(--dc-font);
}

/* Icon-Fonts (FontAwesome/Flaticon) explizit ausgenommen – sonst ueberschreibt
   die Wildcard-Regel deren Icon-Font und die Glyphen (Dropdown-Pfeile,
   Fahrzeug-Card-Icons) rendern nicht mehr. */
.dacia-page *:not([class*="fa-"], [class^="flaticon"], [class*=" flaticon"]) {
    font-family: var(--dc-font);
}

.dacia-page h1,
.dacia-page h2,
.dacia-page h3,
.dacia-page h4,
.dacia-page h5,
.dacia-page h6 {
    font-family: var(--dc-font);
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.01em;
}

/* --------------------------------------------------------------------------
   3. Header – Farben (Struktur siehe css/brand-shared.css .brand-header)
   -------------------------------------------------------------------------- */
.dacia-page .brand-header {
    background-color: var(--dc-white);
    border-bottom: 1px solid var(--dc-grey-100);
}

.dacia-page .brand-header .logo-inner .brand-location {
    color: var(--dc-anthracite);
}

/* !important noetig, da style.css ".main-menu .navigation>li>a{color:#fff}"
   fuer den (eigentlich transparenten/dunklen) Autofrank-Header vorsieht. */
.dacia-page .brand-header .navigation > li > a,
.dacia-page .brand-header .navigation > li > span {
    color: var(--dc-anthracite) !important;
}

.dacia-page .brand-header .navigation > li > a:hover,
.dacia-page .brand-header .navigation > li:hover > span,
.dacia-page .brand-header .navigation > li.current > a {
    color: var(--dc-khaki-dark) !important;
}

.dacia-page .brand-header .navigation > li > span i {
    color: var(--dc-anthracite) !important;
}

.dacia-page .brand-header .navigation .current-dropdown .dropdown {
    border: 1px solid var(--dc-grey-100);
}

/* Modellnamen in Navigation/Dropdowns: fett + Grossbuchstaben.
   !important noetig, da style.css ".header-style-v1 ... .dropdown li a
   { text-transform: capitalize }" durch die vielen Klassen im Selektor
   (0,8,2) hoehere Spezifitaet hat als diese Regel hier (0,4,2). */
.dacia-page .brand-header .navigation .dropdown li a {
    font-weight: 700 !important;
    text-transform: uppercase !important;
}

.dacia-page .brand-header .navigation .current-dropdown .dropdown li a {
    color: var(--dc-anthracite) !important;
}

.dacia-page .brand-header .navigation .current-dropdown .dropdown li a:hover {
    color: var(--dc-khaki-dark) !important;
}

.dacia-page .brand-header .dealer-link {
    border-left: 1px solid var(--dc-grey-100);
}

.dacia-page .brand-header .dealer-text strong {
    color: var(--dc-anthracite);
}

.dacia-page .brand-header .dealer-text small {
    color: var(--dc-text-tertiary);
}

.dacia-page .brand-header .mobile-navigation svg rect {
    fill: var(--dc-anthracite) !important;
}

/* Header-CTA: Khaki-Button, Hover dunkleres Khaki (Header ist weiss –
   Standard-Button aus style.css ist weiss auf weiss und unsichtbar). */
.dacia-page .brand-header .btn .header-btn-two {
    background-color: var(--dc-khaki) !important;
    color: var(--dc-white) !important;
}

.dacia-page .brand-header .btn .header-btn-two:hover {
    background-color: var(--dc-khaki-dark) !important;
    color: var(--dc-white) !important;
}

/* Mobile-Menu-Drawer (#nav-mobile, von mmenu.js befuellt) */
.dacia-page .mm-menu a,
.dacia-page .mm-menu a:active,
.dacia-page .mm-menu a:link,
.dacia-page .mm-menu a:visited {
    color: var(--dc-text-secondary);
}

.dacia-page .mm-menu a:hover {
    color: var(--dc-anthracite);
}

.dacia-page .mm-menu li.current > a {
    background-color: var(--dc-khaki-light) !important;
    color: var(--dc-khaki-dark) !important;
}

.dacia-page .mm-panels > .mm-panel .mm-navbar {
    border-bottom-color: var(--dc-grey-100);
}

.dacia-page .mm-panels > .mm-panel .mm-navbar .mm-title,
.dacia-page .mm-navbar__title {
    color: var(--dc-anthracite) !important;
}

/* --------------------------------------------------------------------------
   4. Buttons (tf-btn / btn / theme-btn) – Dacia-Farben
   -------------------------------------------------------------------------- */
.dacia-page .tf-btn.primary,
.dacia-page .tf-btn.primary-hover {
    background-color: var(--dc-khaki);
    border-color: var(--dc-khaki);
    color: var(--dc-white);
}

.dacia-page .tf-btn.primary:hover,
.dacia-page .tf-btn.primary:focus,
.dacia-page .tf-btn.primary:active {
    background-color: var(--dc-khaki-dark) !important;
    border-color: var(--dc-khaki-dark) !important;
    color: var(--dc-white) !important;
}

.dacia-page .tf-btn.secondary {
    background-color: var(--dc-white);
    border-color: var(--dc-anthracite);
    color: var(--dc-anthracite);
}

.dacia-page .tf-btn.secondary:hover,
.dacia-page .tf-btn.secondary:focus,
.dacia-page .tf-btn.secondary:active {
    background-color: var(--dc-anthracite) !important;
    border-color: var(--dc-anthracite) !important;
    color: var(--dc-white) !important;
}

.dacia-page .brand-boxcar-banner-section .content-column .inner-column .btn {
    background-color: var(--dc-khaki);
    color: var(--dc-white);
}

.dacia-page .brand-boxcar-banner-section .content-column .inner-column .btn svg path {
    fill: var(--dc-white);
}

.dacia-page .brand-boxcar-banner-section .content-column .inner-column .btn:hover {
    background-color: var(--dc-khaki-dark) !important;
    color: var(--dc-white) !important;
}

.dacia-page .contact-us-section .calculater-sec .content-column form .theme-btn {
    background-color: var(--dc-khaki);
}

.dacia-page .contact-us-section .calculater-sec .content-column form .theme-btn:hover,
.dacia-page .contact-us-section .calculater-sec .content-column form .theme-btn:focus,
.dacia-page .contact-us-section .calculater-sec .content-column form .theme-btn:active {
    background-color: var(--dc-khaki-dark);
}

/* --------------------------------------------------------------------------
   5. Hero (boxcar-banner-section-two) – Anthrazit-Overlay statt Navy
   -------------------------------------------------------------------------- */
.dacia-page .boxcar-banner-section-two .banner-slider .banner-slide:before {
    background: var(--dc-anthracite);
    opacity: 0.5;
}

.dacia-page .boxcar-banner-section-two .banner-slider .banner-slide .right-box .content-box .sub-title {
    color: var(--dc-khaki-light);
}

/* --------------------------------------------------------------------------
   6. brand-boxcar-banner-section – Anthrazit statt Navy Hintergrund
   -------------------------------------------------------------------------- */
.dacia-page .brand-boxcar-banner-section {
    background-color: var(--dc-anthracite);
}

.dacia-page .brand-occasionen-teaser.brand-boxcar-banner-section {
    background-color: var(--dc-khaki);
}

.dacia-page .brand-occasionen-teaser .content-column .inner-column .btn {
    background-color: var(--dc-anthracite);
}

.dacia-page .brand-occasionen-teaser .content-column .inner-column .btn:hover {
    background-color: var(--dc-white) !important;
    color: var(--dc-anthracite) !important;
}

/* --------------------------------------------------------------------------
   7. Modellübersicht & Fahrzeug-Cards
   -------------------------------------------------------------------------- */
.dacia-page .brand-model-tile .inner-box,
.dacia-page .brand-vehicles .car-block-four .inner-box {
    background-color: var(--dc-white);
    border: 1px solid var(--dc-grey-100);
    box-shadow: none;
}

.dacia-page .brand-model-tile .image-box {
    background-color: var(--dc-grey-100);
}

.dacia-page .brand-model-tile .title,
.dacia-page .brand-model-tile .title a,
.dacia-page .brand-vehicles .car-block-four .title,
.dacia-page .brand-vehicles .car-block-four .title a {
    color: var(--dc-anthracite);
}

.dacia-page .brand-model-tile .brand-model-price {
    color: var(--dc-anthracite);
}

.dacia-page .brand-model-tile .brand-model-price small {
    color: var(--dc-text-tertiary);
}

.dacia-page .brand-vehicles .car-block-four .vehicle-tag {
    background-color: var(--dc-anthracite);
    color: var(--dc-white);
}

.dacia-page .brand-vehicles .car-block-four .vehicle-tag--new {
    background-color: var(--dc-khaki);
    color: var(--dc-white);
}

.dacia-page .brand-vehicles .car-block-four .btn-box small {
    color: var(--dc-anthracite);
}

.dacia-page .brand-vehicles .car-block-four .details:hover {
    color: var(--dc-khaki-dark);
}

.dacia-page .brand-vehicles-state,
.dacia-page .occ-empty-hint {
    color: var(--dc-text-tertiary);
}

.dacia-page .brand-group-heading {
    color: var(--dc-text-secondary);
}

/* --------------------------------------------------------------------------
   8. Services (why-choose-us-section) – Khaki-Akzent
   -------------------------------------------------------------------------- */
.dacia-page .why-choose-us-section .choose-us-block .inner-box:hover {
    border-color: var(--dc-khaki);
}

/* --------------------------------------------------------------------------
   10. Kontakt/Standort (contact-us-section) – unveraendert, nur Akzentfarbe
   -------------------------------------------------------------------------- */
.dacia-page .contact-info-list li:hover .ci-icon {
    background-color: var(--dc-khaki);
}

.dacia-page .contact-select:focus,
.dacia-page .contact-textarea:focus {
    border-color: var(--dc-khaki);
    outline-color: var(--dc-khaki);
}

/* --------------------------------------------------------------------------
   11. Footer – Farben unverändert (footer-style-two: weisser Grund, dunkler
       Text), nur Link-Hover in Dacia-Khaki statt Standardblau.
   -------------------------------------------------------------------------- */
.dacia-page .dacia-footer .user-links a:hover {
    color: var(--dc-khaki-dark);
}

/* --------------------------------------------------------------------------
   12. Occasionen-Filterseite – nutzt .cheak-box/.categories-box/.drop-menu/
       .pagination-sec aus /fahrzeuge, nur Akzentfarbe angepasst.
   -------------------------------------------------------------------------- */
.dacia-page .categories-box .contain input:checked ~ .checkmark {
    background-color: var(--dc-khaki);
    border-color: var(--dc-khaki);
}

/* --------------------------------------------------------------------------
   13. Fahrzeug-Detailseite
   -------------------------------------------------------------------------- */
.dacia-page .brand-fahrzeug-back {
    color: var(--dc-text-secondary);
}

.dacia-page .brand-fahrzeug-back:hover {
    color: var(--dc-khaki-dark);
}

.dacia-page .brand-fahrzeug-gallery-item img {
    background-color: var(--dc-grey-100);
}

.dacia-page .brand-fahrzeug-tag.vehicle-tag {
    background-color: var(--dc-khaki);
    color: var(--dc-white);
}

.dacia-page .brand-fahrzeug-title {
    color: var(--dc-anthracite);
}

.dacia-page .brand-fahrzeug-version {
    color: var(--dc-text-secondary);
}

.dacia-page .brand-fahrzeug-price {
    color: var(--dc-anthracite);
}

.dacia-page .brand-fahrzeug-price small {
    color: var(--dc-text-tertiary);
}

.dacia-page .brand-fahrzeug-details {
    background-color: #F7F7F5;
}

.dacia-page .brand-fahrzeug-table {
    background-color: var(--dc-white);
}

.dacia-page .brand-fahrzeug-table th,
.dacia-page .brand-fahrzeug-table td {
    border-bottom: 1px solid var(--dc-grey-100);
}

.dacia-page .brand-fahrzeug-table th {
    color: var(--dc-text-secondary);
}

.dacia-page .brand-fahrzeug-table td {
    color: var(--dc-anthracite);
}

/* --------------------------------------------------------------------------
   14. Mobile – Touch-Targets min. 48x48px
   -------------------------------------------------------------------------- */
@media (max-width: 767px) {
    .dacia-page .tf-btn {
        min-height: 48px;
    }
}