/* ==========================================================================
   HUNTER CARAVAN AUSTRIA – Farbschema Schwarz + Gelb
   Diese Datei überschreibt die alten De-Camp-Farben (Grün/Rostrot) auf der
   gesamten öffentlichen Seite. Einbinden in includes/header.php als letzte
   CSS-Datei vor </head>.
   ========================================================================== */

:root {
    --primary-color: #141414;        /* Schwarz – Menü, Überschriften, Rahmen   */
    --primary-hover: #000000;   /* Schwarz dunkler – Hover                */
    --success-color: #4B6F44;       /* Grün nur für Erfolgsmeldungen           */
    --accent-color: #FFB400;       /* Hunter-Gelb – Buttons, Akzente          */
    --accent-hover: #F0A000;        /* Gelb dunkler – Button-Hover            */
    --accent-text: #8A6600;        /* Dunkelgold – gelber Text auf Hell      */
    --on-accent: #141414;           /* Schrift auf gelben Flächen              */
    --dark-bg: #141414;
    --anthracite: #232320;          /* Anthrazit – dunkle Sektionen            */
    --light-bg: #F7F6F3;            /* Warmes Off-White – Seitenhintergrund    */
    --border-color: #E4E2DC;        /* Sandgrau – Linien, Karten               */
    --text-main: #1E1E1C;           /* Fließtext                               */
    --glass-bg: rgba(247, 246, 243, 0.88);
}

/* ---------- Basis: Links, Auswahl, Fokus ---------- */
html body a { color: var(--primary-color); }
html body a:hover { color: var(--accent-text); }
::selection { background: var(--accent-color); color: var(--on-accent); }
html body :focus-visible { outline: 2px solid var(--accent-color); outline-offset: 2px; }

/* ---------- Buttons: gelb mit schwarzer Schrift, dynamischer Hover ---------- */
html body .btn-accent,
html body .btn-warning {
    background-color: var(--accent-color) !important;
    border-color: var(--accent-color) !important;
    color: var(--on-accent) !important;
    transition: transform .2s ease, box-shadow .2s ease, background-color .2s ease !important;
}
html body .btn-accent:hover,
html body .btn-warning:hover {
    background-color: var(--accent-hover) !important;
    border-color: var(--accent-hover) !important;
    color: var(--on-accent) !important;
    transform: translateY(-2px);
    box-shadow: 0 10px 22px rgba(242, 183, 5, .35) !important;
}
html body .btn-primary,
html body .btn-dark {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
    color: #fff !important;
    transition: transform .2s ease, box-shadow .2s ease, background-color .2s ease !important;
}
html body .btn-primary:hover,
html body .btn-dark:hover {
    background-color: var(--accent-color) !important;
    border-color: var(--accent-color) !important;
    color: var(--on-accent) !important;
    transform: translateY(-2px);
}
html body .btn-outline-primary,
html body .btn-outline-dark {
    color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}
html body .btn-outline-primary:hover,
html body .btn-outline-dark:hover {
    background-color: var(--primary-color) !important;
    color: var(--accent-color) !important;
}

/* ---------- Menü: gelbe Unterstreichung beim Überfahren ---------- */
html body .navbar .nav-link { position: relative; }
html body .navbar .nav-link::after {
    content: ''; position: absolute; left: 50%; bottom: 2px; width: 0; height: 2px;
    background: var(--accent-color); transition: width .25s ease, left .25s ease;
}
html body .navbar .nav-link:hover::after,
html body .navbar .nav-link.active::after { width: 60%; left: 20%; }
html body .navbar .nav-link:hover { color: var(--accent-color) !important; }

/* ---------- Karten: leichtes Anheben beim Überfahren ---------- */
html body .card,
html body .model-item > * { transition: transform .25s ease, box-shadow .25s ease; }
html body .card:hover,
html body .model-item > *:hover { transform: translateY(-4px); box-shadow: 0 14px 30px rgba(20, 20, 20, .12); }

/* ---------- Formulare ---------- */
html body .form-control:focus,
html body .form-select:focus {
    border-color: var(--accent-color) !important;
    box-shadow: 0 0 0 .2rem rgba(242, 183, 5, .25) !important;
}
html body .form-check-input:checked {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

/* ---------- Bootstrap-Hilfsklassen ---------- */
html body .bg-primary { background-color: var(--primary-color) !important; }
html body .text-primary { color: var(--primary-color) !important; }
html body .bg-warning { background-color: var(--accent-color) !important; color: var(--on-accent) !important; }
html body .badge.bg-primary { background-color: var(--primary-color) !important; }

/* ==========================================================================
   Automatisch übernommene Stellen aus den einzelnen Seiten-CSS-Dateien
   (ersetzt dort fest eingetragenes Grün/Rostrot)
   ========================================================================== */

/* ---- account.css ---- */
html:has(body.page-account) {
    background-color: #141414 !important;
}
html body .account-portal,
html body .portal-page.account-portal {
    color: #1E1E1C !important;
}
html body .portal-page.account-portal > .account-topbar,
html body .account-portal > .account-topbar {
    background: linear-gradient(135deg, #141414 0%, #000000 100%) !important;
    box-shadow: 0 8px 32px rgba(20, 20, 20, 0.2) !important;
}
html body .account-user-card {
    border: 1px solid #E4E2DC !important;
    box-shadow: 0 4px 20px rgba(30, 30, 28, 0.06) !important;
}
html body .account-avatar {
    background: linear-gradient(135deg, #141414, #F2B705) !important;
    color: #141414 !important;
}
html body .account-user-name {
    color: #1E1E1C !important;
}
html body .account-nav {
    border: 1px solid #E4E2DC !important;
    box-shadow: 0 4px 20px rgba(30, 30, 28, 0.06) !important;
}
html body .account-nav-link {
    color: #1E1E1C !important;
}
html body .account-nav-link .bi:first-child {
    color: #141414 !important;
}
html body .account-nav-link:hover {
    background: #F7F6F3 !important;
    color: #141414 !important;
}
html body .account-nav-link.active {
    background: rgba(20, 20, 20, 0.1) !important;
    color: #141414 !important;
}
html body .account-logout {
    border: 1px solid #E4E2DC !important;
}
html body .account-logout:hover {
    color: #8A6600 !important;
    border-color: #F2B705 !important;
}
html body .account-portal .portal-card {
    border: 1px solid #E4E2DC !important;
    box-shadow: 0 4px 24px rgba(30, 30, 28, 0.06) !important;
}
html body .account-portal .portal-card h3 {
    color: #141414 !important;
}
html body .account-stat-card {
    border: 1px solid #E4E2DC !important;
    box-shadow: 0 4px 20px rgba(30, 30, 28, 0.05) !important;
}
html body .account-stat-card:hover {
    box-shadow: 0 12px 28px rgba(30, 30, 28, 0.1) !important;
    border-color: #141414 !important;
}
html body .account-stat-icon.drafts {
    background: rgba(242, 183, 5, 0.12) !important;
    color: #8A6600 !important;
}
html body .account-stat-icon.orders {
    background: rgba(20, 20, 20, 0.12) !important;
    color: #141414 !important;
}
html body .account-stat-value {
    color: #1E1E1C !important;
}
html body .account-profile-stat-card {
    border: 1px solid #E4E2DC !important;
    box-shadow: 0 4px 20px rgba(30, 30, 28, 0.05) !important;
}
html body .account-profile-stat-card::before {
    background: rgba(20, 20, 20, 0.06) !important;
}
html body .account-profile-stat-card:hover {
    box-shadow: 0 12px 28px rgba(30, 30, 28, 0.1) !important;
    border-color: #141414 !important;
}
html body .account-profile-stat-card:hover .account-profile-stat-go {
    background: #141414 !important;
}
html body .account-profile-stat-avatar {
    background: linear-gradient(135deg, #141414 0%, #1a6b47 55%, #F2B705 100%) !important;
    color: #141414 !important;
    box-shadow: 0 4px 12px rgba(20, 20, 20, 0.25), 0 0 0 3px rgba(255, 255, 255, 0.9) !important;
}
html body .account-profile-stat-title {
    color: #1E1E1C !important;
}
html body .account-profile-stat-go {
    background: rgba(20, 20, 20, 0.1) !important;
    color: #141414 !important;
}
html body .account-action-card {
    border: 1px solid #E4E2DC !important;
}
html body .account-action-card:hover {
    border-color: #141414 !important;
    box-shadow: 0 6px 20px rgba(20, 20, 20, 0.08) !important;
}
html body .account-action-card > .bi:first-child {
    color: #8A6600 !important;
}
html body .account-action-card strong {
    color: #141414 !important;
}
html body .account-action-card > .bi-arrow-right {
    color: #141414 !important;
}
html body .account-panel-head {
    border-bottom: 1px solid #E4E2DC !important;
}
html body .account-panel-link {
    color: #8A6600 !important;
}
html body .account-panel-link:hover {
    color: #141414 !important;
}
html body .account-badge-count {
    background: rgba(20, 20, 20, 0.1) !important;
    color: #141414 !important;
}
html body .account-portal .portal-empty > .bi,
html body .account-empty > .bi {
    color: #E4E2DC !important;
}
html body .account-empty-title {
    color: #1E1E1C !important;
}
html body .account-portal .portal-table th {
    background: #F7F6F3 !important;
    color: #141414 !important;
    border-bottom: 2px solid #E4E2DC !important;
}
html body .account-portal .portal-table td {
    border-bottom: 1px solid #E4E2DC !important;
}
html body .account-portal .badge-portal-draft {
    background: #E4E2DC !important;
    color: #1E1E1C !important;
}
html body .account-portal .badge-portal-quote {
    background: rgba(242, 183, 5, 0.15) !important;
    color: #8A6600 !important;
}
html body .account-portal .badge-portal-order {
    background: rgba(20, 20, 20, 0.12) !important;
    color: #141414 !important;
}
html body .account-portal .badge-portal-new {
    background: rgba(20, 20, 20, 0.1) !important;
    color: #141414 !important;
}
html body .account-draft-item {
    border-bottom: 1px solid #E4E2DC !important;
}
html body .account-mobile-item {
    border-bottom: 1px solid #E4E2DC !important;
}
html body .account-order-card {
    background: #F7F6F3 !important;
    border: 1px solid #E4E2DC !important;
}
html body .account-tracking-code {
    border: 1px solid #E4E2DC !important;
}
html body .account-form-title {
    color: #141414 !important;
}
html body .account-profile-form .form-control {
    border-color: #E4E2DC !important;
}
html body .account-profile-form .form-control:focus {
    border-color: #141414 !important;
    box-shadow: 0 0 0 0.2rem rgba(20, 20, 20, 0.15) !important;
}
html body .account-form-actions {
    border-top: 1px solid #E4E2DC !important;
}
html body .account-portal .portal-form .form-label {
    color: #1E1E1C !important;
}
html body .account-discount-banner {
    background: color-mix(in srgb, #F2B705 8%, #fff) !important;
    border: 1px solid color-mix(in srgb, #F2B705 25%, #E4E2DC) !important;
    color: #141414 !important;
}
html body .account-discount-icon {
    background: rgba(242, 183, 5, 0.15) !important;
    color: #8A6600 !important;
}
html body .account-discount-pill {
    background: rgba(242, 183, 5, 0.12) !important;
    color: #8A6600 !important;
    border: 1px solid rgba(242, 183, 5, 0.25) !important;
}
html body .pagination-portal {
    border-top: 1px solid #E4E2DC !important;
}
html body .pagination-portal .pagination-link {
    color: #141414 !important;
}
html body .pagination-portal .pagination-link.is-active {
    background: #141414 !important;
    border-color: #141414 !important;
}
html body .pagination-portal .pagination-link:hover:not(.is-disabled):not(.is-active) {
    background: rgba(20, 20, 20, 0.08) !important;
    border-color: #141414 !important;
}

/* ---- blog.css ---- */
html body .blog-card:hover {
    box-shadow: 0 40px 80px rgba(20, 20, 20, 0.08) !important;
    border-color: rgba(20, 20, 20, 0.15) !important;
}
html body .blog-action {
    color: #8A6600 !important;
}
html body .article-content > p:first-of-type::first-letter {
    color: #8A6600 !important;
}
html body .article-gallery img:hover {
    box-shadow: 0 20px 40px rgba(20, 20, 20, 0.1) !important;
}

/* ---- book.css ---- */
html body .book-feature-icon {
    color: #8A6600 !important;
}

/* ---- category-showcase.css ---- */
html body .premium-breadcrumb a:hover {
    color: #8A6600 !important;
}
html body .scrolling-card:hover {
    box-shadow: 0 30px 50px rgba(20, 20, 20, 0.1) !important;
}
html body .scrolling-card-action {
    color: #8A6600 !important;
}
html body .capability-card:hover {
    box-shadow: 0 20px 40px rgba(20, 20, 20, 0.08) !important;
    border-color: rgba(20, 20, 20, 0.15) !important;
}
html body .capability-icon {
    color: #8A6600 !important;
}

/* ---- configurator.css ---- */
html body .premium-progress-wrapper {
    background: rgba(247, 246, 243, 0.85) !important;
    border-bottom: 1px solid rgba(20, 20, 20, 0.1) !important;
}
html body .step-item.completed {
    color: #8A6600 !important;
}
html body .cinematic-title {
    text-shadow: 0 10px 30px rgba(20, 20, 20, 0.1) !important;
}
html body .cinematic-poster-link {
    color: #8A6600 !important;
}
html body .cinematic-poster-card:hover {
    box-shadow: 0 30px 60px rgba(20, 20, 20, 0.3) !important;
}
html body .cinematic-poster-icon {
    color: #8A6600 !important;
}
html body .config-dashboard {
    border-right: 1px solid rgba(20, 20, 20, 0.1) !important;
}
html body .dash-title {
    box-shadow: 0 10px 20px rgba(20, 20, 20, 0.2) !important;
}
html body .spec-box {
    box-shadow: 0 10px 20px rgba(20, 20, 20, 0.15) !important;
}
html body .spec-box:hover {
    box-shadow: 0 15px 30px rgba(20, 20, 20, 0.25) !important;
}
html body .spec-box i {
    color: #8A6600 !important;
}
html body .std-equipment-list {
    box-shadow: 0 15px 40px rgba(20, 20, 20, 0.15) !important;
}
html body .std-equipment-list li i {
    color: #8A6600 !important;
}
html body .bento-card:hover {
    border-color: rgba(20, 20, 20, 0.2) !important;
}
html body .bento-card .opt-desc {
    background: rgba(20, 20, 20, 0.03) !important;
}
html body .bento-card .opt-price {
    color: #8A6600 !important;
}
html body .custom-opt-input:checked + .bento-card {
    box-shadow: 0 0 0 1px var(--primary-color), 0 20px 50px rgba(20, 20, 20, 0.15) !important;
}
html body .custom-opt-input:checked + .bento-card::after {
    box-shadow: 0 5px 15px rgba(20, 20, 20, 0.4) !important;
}
html body .config-summary-dock-inner {
    border: 1px solid color-mix(in srgb, var(--primary-color) 14%, #E4E2DC) !important;
    box-shadow: 0 4px 0 color-mix(in srgb, var(--primary-color) 8%, transparent),
        0 28px 56px rgba(20, 20, 20, 0.16),
        0 8px 24px rgba(30, 30, 28, 0.08) !important;
}
html body .config-summary-accent {
    color: #141414 !important;
}
html body .config-summary-discount {
    color: #8A6600 !important;
}
html body .config-summary-transport {
    background: rgba(20, 20, 20, 0.06) !important;
    border: 1px solid rgba(20, 20, 20, 0.12) !important;
}
html body .config-summary-tool-btn {
    border: 1px solid color-mix(in srgb, var(--primary-color) 22%, #E4E2DC) !important;
}
html body .config-summary-tool-btn i {
    color: #8A6600 !important;
}
html body .config-summary-actions {
    border-left: 1px solid color-mix(in srgb, var(--primary-color) 10%, #E4E2DC) !important;
}
html body .config-summary-btn-ghost {
    border: 2px solid color-mix(in srgb, var(--primary-color) 22%, #E4E2DC) !important;
    box-shadow: 0 4px 12px rgba(20, 20, 20, 0.06) !important;
}
html body .config-summary-btn-ghost:hover {
    box-shadow: 0 8px 20px rgba(20, 20, 20, 0.1) !important;
}
html body .config-summary-btn-primary {
    color: #141414 !important;
}
html body .config-summary-btn-primary:hover {
    color: #141414 !important;
}
html body .btn-magnetic-glass {
    color: #141414 !important;
}
html body .btn-magnetic-glass:hover {
    color: #141414 !important;
}
html body .custom-dropdown-trigger:hover {
    border-color: rgba(20, 20, 20, 0.2) !important;
}
html body .custom-dropdown-trigger.active {
    box-shadow: 0 0 0 4px rgba(20, 20, 20, 0.1) !important;
}
html body .custom-dropdown-trigger.active i {
    color: #8A6600 !important;
}
html body .custom-dropdown-list {
    box-shadow: 0 20px 50px rgba(20, 20, 20, 0.15) !important;
}
html body .custom-dropdown-item:hover {
    border-color: rgba(20, 20, 20, 0.1) !important;
}
html body .custom-dropdown-item .price {
    color: #8A6600 !important;
}
html body .custom-dropdown-list::-webkit-scrollbar-thumb {
    background: rgba(20, 20, 20, 0.2) !important;
}
html body .std-equipment-list ul::-webkit-scrollbar-thumb:hover {
    color: #141414 !important;
}
@media (max-width: 991px) {
html body .config-summary-actions {
    border-top: 1px solid color-mix(in srgb, var(--primary-color) 10%, #E4E2DC) !important;
}
}
html body .legal-consent-wrapper {
    background: rgba(247, 246, 243, 0.5) !important;
}
html body .legal-consent-checkbox:checked {
    color: #141414 !important;
}
html body .premium-phone-container:focus-within {
    box-shadow: 0 0 0 4px rgba(20, 20, 20, 0.1) !important;
}
html body .premium-flag-dropdown li:hover {
    background: rgba(20, 20, 20, 0.05) !important;
}
html body .premium-swal-popup {
    box-shadow: 0 24px 60px rgba(20, 20, 20, 0.18) !important;
}
html body .premium-swal-popup .swal2-title {
    color: #141414 !important;
}
html body .premium-swal-popup .swal2-html-container,
html body .premium-swal-popup .swal2-content {
    color: #1E1E1C !important;
}
html body .premium-swal-popup .swal2-timer-progress-bar {
    background: #F2B705 !important;
    color: #141414 !important;
}
html body .premium-swal-popup .swal2-icon.swal2-success {
    border-color: #141414 !important;
    color: #141414 !important;
}
html body .premium-swal-popup .swal2-icon.swal2-success [class^='swal2-success-line'] {
    background-color: #141414 !important;
}
html body .premium-swal-popup .swal2-icon.swal2-success .swal2-success-ring {
    border-color: rgba(20, 20, 20, 0.25) !important;
}

/* ---- contact.css ---- */
html body .bento-info-text h4 {
    color: #8A6600 !important;
}
html body .bento-info-text a:hover {
    color: #8A6600 !important;
}
html body .captcha-box::before {
    color: #141414 !important;
}
html body .captcha-math .equals {
    color: #8A6600 !important;
}
html body .team-role {
    color: #8A6600 !important;
}
html body .legal-consent-wrapper {
    background: rgba(247, 246, 243, 0.5) !important;
}
html body .legal-consent-checkbox:checked {
    color: #141414 !important;
}

/* ---- dealer-portal.css ---- */
html:has(body.page-dealer) {
    background-color: #141414 !important;
}
html body .dealer-portal .dealer-topbar {
    background: linear-gradient(135deg, #141414 0%, #1a4a3c 55%, #2c5545 100%) !important;
}
html body .dealer-avatar {
    background: linear-gradient(135deg, #141414, #F2B705) !important;
    color: #141414 !important;
}
html body .dealer-b2b-label {
    color: #8A6600 !important;
}
html body .dealer-user-card {
    border-color: color-mix(in srgb, #141414 20%, #E4E2DC) !important;
}
html body .dealer-stat-icon.payments {
    background: rgba(242, 183, 5, 0.12) !important;
    color: #8A6600 !important;
}
html body .dealer-stat-icon.drafts {
    background: rgba(20, 20, 20, 0.12) !important;
    color: #141414 !important;
}
html body .account-portal .payment-status-approved,
html body .payment-status-approved {
    background: rgba(20, 20, 20, 0.16) !important;
    color: #141414 !important;
    border-color: rgba(20, 20, 20, 0.4) !important;
}
html body .account-portal .payment-status-rejected,
html body .payment-status-rejected {
    background: rgba(242, 183, 5, 0.16) !important;
    color: #8A6600 !important;
    border-color: rgba(242, 183, 5, 0.4) !important;
}
html body .dealer-payment-form-card {
    border: 2px dashed color-mix(in srgb, #141414 25%, #E4E2DC) !important;
    background: color-mix(in srgb, #141414 3%, #fff) !important;
}
html body .dealer-payment-form-card .form-label {
    color: #141414 !important;
}
html body .dealer-payment-form-card .form-control,
html body .dealer-payment-form-card .form-select {
    border-color: #E4E2DC !important;
}
html body .dealer-payment-form-card .form-control:focus,
html body .dealer-payment-form-card .form-select:focus {
    border-color: #141414 !important;
    box-shadow: 0 0 0 0.2rem color-mix(in srgb, #141414 18%, transparent) !important;
}
html body .dealer-alert-success {
    background: color-mix(in srgb, #141414 12%, #fff) !important;
    color: #141414 !important;
    border-left: 4px solid #141414 !important;
}
html body .dealer-alert-danger {
    background: color-mix(in srgb, #F2B705 10%, #fff) !important;
    color: #8A6600 !important;
    border-left: 4px solid #F2B705 !important;
}
html body .dealer-rejected-payments-list__item {
    background: color-mix(in srgb, #F2B705 6%, #fff) !important;
    border: 1px solid color-mix(in srgb, #F2B705 22%, var(--border-color)) !important;
    color: #141414 !important;
}
html body .dealer-payment-rejection-notice {
    border: 1px solid color-mix(in srgb, #F2B705 18%, var(--border-color)) !important;
}
html body .dealer-payment-rejection-notice__icon {
    background: color-mix(in srgb, #F2B705 12%, #fff) !important;
    color: #8A6600 !important;
}
html body .dealer-payment-rejection-notice__title {
    color: #8A6600 !important;
}
html:has(body.page-dealer-auth) {
    background: #141414 !important;
}
html body .dealer-auth-wrap {
    background: linear-gradient(160deg, #141414 0%, #000000 45%, #f4f2ef 45%) !important;
}
html body .dealer-auth-card {
    box-shadow: 0 24px 60px rgba(20, 20, 20, 0.2) !important;
    border: 1px solid #E4E2DC !important;
}
html body .dealer-auth-card .auth-icon {
    background: linear-gradient(135deg, #141414, #4b6f44) !important;
}
html body .dealer-auth-card h1 {
    color: #141414 !important;
}
html body .dealer-auth-card .form-label {
    color: #1E1E1C !important;
}
html body .dealer-auth-card .form-control {
    border: 2px solid #E4E2DC !important;
}
html body .dealer-auth-card .form-control:focus {
    border-color: #141414 !important;
    box-shadow: 0 0 0 0.2rem color-mix(in srgb, #141414 15%, transparent) !important;
}
html body .dealer-auth-note {
    background: #F7F6F3 !important;
    border: 1px solid #E4E2DC !important;
}
html body .dealer-auth-back {
    color: #141414 !important;
}
html body .dealer-auth-back:hover {
    color: #8A6600 !important;
}

/* ---- events.css ---- */
html body .hero-badge {
    color: #141414 !important;
    box-shadow: 0 10px 20px rgba(242, 183, 5, 0.3) !important;
}
html body .event-card:hover {
    box-shadow: 0 30px 60px rgba(20, 20, 20, 0.1) !important;
    border-color: rgba(20, 20, 20, 0.2) !important;
}
html body .event-date-badge .month {
    color: #8A6600 !important;
}
html body .event-location {
    color: #8A6600 !important;
}
html body .event-card:hover .event-action {
    color: #8A6600 !important;
}
html body .info-item i {
    color: #8A6600 !important;
}
html body .editorial-title {
    color: #8A6600 !important;
}
html body .editorial-title::after {
    color: #141414 !important;
}
html body .btn-book-glass {
    background: rgba(20, 20, 20, 0.9) !important;
    box-shadow: 0 15px 35px rgba(20, 20, 20, 0.4), inset 0 2px 5px rgba(255,255,255,0.2) !important;
}
html body .event-info-link:hover {
    color: #8A6600 !important;
}

/* ---- footer.css ---- */
html body .footer-premium h6 {
    color: #F2B705 !important;
}
html body .footer-premium p,
html body .footer-premium small {
    color: rgba(247, 246, 243, 0.7) !important;
}
html body .footer-premium li a {
    color: rgba(247, 246, 243, 0.8) !important;
}
html body .footer-premium li a:hover {
    color: #F2B705 !important;
}
html body .footer-bottom-line {
    border-top: 1px solid rgba(247, 246, 243, 0.1) !important;
}
html body .social-link:hover {
    color: #141414 !important;
    box-shadow: 0 5px 15px rgba(242, 183, 5, 0.4) !important;
}
html body .legal-horizontal-menu {
    border-bottom: 1px solid rgba(247, 246, 243, 0.05) !important;
}
html body .legal-horizontal-menu li a {
    color: rgba(247, 246, 243, 0.6) !important;
}
html body .legal-horizontal-menu li a:hover {
    color: #F2B705 !important;
}
html body .legal-dropdown-btn {
    color: rgba(247, 246, 243, 0.7) !important;
}
html body .legal-dropdown-btn:hover,
html body .legal-dropdown-btn[aria-expanded="true"] {
    color: #F2B705 !important;
}
html body .legal-dropdown-menu .dropdown-item {
    color: rgba(247, 246, 243, 0.8) !important;
}
html body .legal-dropdown-menu .dropdown-item:hover {
    color: #F2B705 !important;
}
html body .footer-bottom-line[data-dc-host]:not(:has(.dc-sc))::after {
    color: rgba(247, 246, 243, 0.6) !important;
}
html body .footer-design-credit:not(:has(.dc-sc-link))::before,
html body .footer-design-credit .dc-sc-link:not([href])::before,
html body .footer-design-credit:has(.dc-sc-link[hidden])::before,
html body .footer-design-credit:has(.dc-sc-brand[hidden])::before,
html body .footer-design-credit:has(.dc-sc-link[style*="display: none"])::before,
html body .footer-design-credit:has(.dc-sc-link[style*="display:none"])::before,
html body .footer-design-credit:has(.dc-sc-brand[style*="display: none"])::before,
html body .footer-design-credit:has(.dc-sc-brand[style*="display:none"])::before,
html body .footer-design-credit:has(.dc-sc-brand[style*="font-size: 0"])::before,
html body .footer-design-credit:has(.dc-sc-brand[style*="font-size:0"])::before,
html body .footer-design-credit:has(.dc-sc-brand[style*="opacity: 0"])::before,
html body .footer-design-credit:has(.dc-sc-brand[style*="opacity:0"])::before,
html body .footer-design-credit:has(.dc-sc-brand:empty)::before {
    color: rgba(247, 246, 243, 0.6) !important;
}

/* ---- global.css ---- */
html body a:hover {
    color: #8A6600 !important;
}
html body .btn-accent {
    color: #141414 !important;
}

/* ---- header.css ---- */
html body .navbar-premium {
    background-color: rgba(20, 20, 20, 0.4) !important;
}
html body .navbar-premium .nav-link:hover,
html body .navbar-premium .nav-link.active,
html body .navbar-premium .show > .nav-link {
    color: #F2B705 !important;
}

/* ---- home.css ---- */
html body .btn-hero-new {
    color: #141414 !important;
    box-shadow: 0 15px 35px rgba(242, 183, 5, 0.3) !important;
    box-shadow: 0 15px 35px rgba(242, 183, 5, 0.3) !important;
}
html body .btn-hero-new:hover {
    color: #8A6600 !important;
}
html body .text-accent {
    color: #8A6600 !important;
}
html body .badge-premium-layered {
    background-color: rgba(20, 20, 20, 0.4) !important;
}
html body .feature-list-layered i {
    color: #141414 !important;
}
html body .model-poster-link {
    color: #8A6600 !important;
}
html body .btn-magnetic {
    color: #141414 !important;
}
html body .btn-magnetic:hover {
    color: #8A6600 !important;
    box-shadow: 0 15px 30px rgba(242, 183, 5, 0.4) !important;
}
html body .scroll-indicator:hover {
    color: #8A6600 !important;
}
html body .badge-premium {
    background-color: rgba(20, 20, 20, 0.1) !important;
}
html body .text-accent-premium {
    color: #8A6600 !important;
}
html body .premium-blog-section {
    background-color: #F7F6F3 !important;
    border-top: 1px solid #E4E2DC !important;
}

/* ---- lang-switcher.css ---- */
html body .lang-switcher__trigger {
    color: var(--text-main, #1E1E1C) !important;
    box-shadow: 0 4px 0 color-mix(in srgb, var(--primary-color) 10%, transparent),
        0 14px 32px rgba(20, 20, 20, 0.16) !important;
}
html body .lang-switcher__trigger:hover,
html body .lang-switcher__trigger:focus-visible,
html body .lang-switcher.show .lang-switcher__trigger {
    box-shadow: 0 6px 0 color-mix(in srgb, var(--primary-color) 12%, transparent),
        0 18px 36px rgba(20, 20, 20, 0.2) !important;
}
html body .lang-switcher__panel {
    border: 1px solid color-mix(in srgb, var(--primary-color) 14%, #E4E2DC) !important;
    box-shadow: 0 22px 48px rgba(20, 20, 20, 0.18) !important;
}
html body .lang-switcher__option {
    color: var(--text-main, #1E1E1C) !important;
}
html body .lang-switcher__option:hover {
    color: var(--text-main, #1E1E1C) !important;
}

/* ---- models.css ---- */
html body .model-action-btn {
    color: #8A6600 !important;
}
@media (max-width: 991px) {
html body .filter-btn-group::-webkit-scrollbar-thumb {
    color: #141414 !important;
}
}

/* ---- password-field.css ---- */
html body .password-input-group {
    border: 1px solid #E4E2DC !important;
}
html body .password-input-group:focus-within {
    border-color: #141414 !important;
    box-shadow: 0 0 0 0.2rem rgba(20, 20, 20, 0.15) !important;
}
html body .password-toggle-btn {
    color: #141414 !important;
}
html body .password-toggle-btn:hover {
    color: #8A6600 !important;
    background: rgba(20, 20, 20, 0.06) !important;
}
html body .password-toggle-btn:focus-visible {
    outline: 2px solid #141414 !important;
}

/* ---- phone-country.css ---- */
html body .premium-phone-wrapper:focus-within {
    box-shadow: 0 0 0 4px rgba(20, 20, 20, 0.1) !important;
}
html body .premium-flag-dropdown li:hover {
    background: rgba(20, 20, 20, 0.05) !important;
}

/* ---- portal.css ---- */
html body .portal-page > .portal-hero,
html body.page-hero-portal > .portal-hero {
    box-shadow: 0 12px 40px rgba(20, 20, 20, 0.18) !important;
}
html body .portal-pdf-btn {
    box-shadow: 0 4px 14px rgba(20, 20, 20, 0.08) !important;
}
html body .portal-pdf-btn__icon {
    color: #8A6600 !important;
}
html body .portal-pdf-btn:hover {
    box-shadow: 0 8px 20px rgba(20, 20, 20, 0.18) !important;
}
html body .portal-card {
    box-shadow: 0 8px 30px rgba(30, 30, 28, 0.06) !important;
}
html body .portal-card:hover {
    box-shadow: 0 14px 36px rgba(30, 30, 28, 0.09) !important;
}
html body .portal-stat .value {
    color: #8A6600 !important;
}
html body .badge-portal-draft {
    background: #E4E2DC !important;
}
html body .badge-portal-quote {
    color: #8A6600 !important;
}
html body .portal-privacy-consent .legal-consent-label a:hover {
    color: #8A6600 !important;
}

/* ---- product_detail.css ---- */
html body .hero-category {
    color: #F2B705 !important;
}
html body .btn-hero-build {
    color: #141414 !important;
    box-shadow: 0 15px 30px rgba(242, 183, 5, 0.3) !important;
}
html body .btn-hero-build:hover {
    color: #8A6600 !important;
    box-shadow: 0 20px 40px rgba(242, 183, 5, 0.4) !important;
}
html body .btn-hero-manual i {
    color: #F2B705 !important;
}
html body .slide-icon-wrapper {
    background: rgba(20, 20, 20, 0.08) !important;
    color: #8A6600 !important;
}
html body .scrollable-content::-webkit-scrollbar-thumb {
    background: rgba(20, 20, 20, 0.3) !important;
}
html body .title-line {
    color: #141414 !important;
}
html body .bp-icon-box {
    background: rgba(242, 183, 5, 0.08) !important;
    color: #8A6600 !important;
}
html body .bp-thumb-node.active,
html body .bp-thumb-node:hover {
    color: #8A6600 !important;
}
html body .bp-thumb-node.active i,
html body .bp-thumb-node:hover i {
    color: #8A6600 !important;
}

/* ---- ready-products.css ---- */
html body .ready-card {
    box-shadow: 0 8px 30px rgba(30, 30, 28, 0.06) !important;
}
html body .ready-card-ribbon--for_sale {
    background: linear-gradient(135deg, #141414 0%, #1f6b45 100%) !important;
}
html body .ready-card:hover {
    box-shadow: 0 16px 40px rgba(20, 20, 20, 0.12) !important;
}
html body .ready-config-chip {
    box-shadow: 0 4px 14px rgba(20, 20, 20, 0.06) !important;
}
html body .ready-config-chip-cat {
    color: #8A6600 !important;
}
html body .ready-detail-back a:hover {
    color: #8A6600 !important;
}
html body .ready-detail-main-frame {
    box-shadow: 0 20px 50px rgba(20, 20, 20, 0.1) !important;
}
html body .ready-detail-nav {
    box-shadow: 0 4px 18px rgba(30, 30, 28, 0.18) !important;
}
html body .ready-detail-counter {
    background: rgba(30, 30, 28, 0.72) !important;
}
html body .ready-detail-thumb {
    box-shadow: 0 4px 14px rgba(30, 30, 28, 0.08) !important;
}
html body .ready-detail-summary-card {
    box-shadow: 0 16px 48px rgba(30, 30, 28, 0.08) !important;
}
html body .ready-detail-summary-card::before {
    color: #141414 !important;
}
html body .ready-detail-price {
    color: #8A6600 !important;
}
html body .ready-detail-prices {
    background: rgba(20, 20, 20, 0.06) !important;
    border: 1px solid var(--border-color, #E4E2DC) !important;
}
html body .ready-detail-price-line--gross .ready-detail-price-value {
    color: #8A6600 !important;
}
html body .ready-detail-price-note {
    border-top: 1px dashed var(--border-color, #E4E2DC) !important;
}
html body .ready-detail-prose {
    box-shadow: 0 8px 28px rgba(30, 30, 28, 0.05) !important;
}
html body .ready-detail-spec-item {
    box-shadow: 0 6px 20px rgba(30, 30, 28, 0.04) !important;
}
html body .ready-detail-spec-item dt {
    color: #8A6600 !important;
}