/**
 * ADBL Shop - Farbdefinitionen
 * Diese Datei überschreibt die Standard-Cartzilla-Farben
 * Analog zum JTL Backend Template-Einstellungen
 * 
 * Nach Änderungen: Template-Cache leeren!
 */

:root,
[data-bs-theme=light] {
    /* ===========================
       HAUPTFARBEN
       =========================== */
    
    /* Primärfarbe (Dunkelgrau statt reinem Schwarz) */
    --cz-primary: #1a1a1a;
    --cz-primary-rgb: 26, 26, 26;
    
    /* Sekundärfarbe (Orange) */
    --cz-secondary: #ff5a00;
    --cz-secondary-rgb: 255, 90, 0;
    --cz-secondary-color: #ff5a00;
    --cz-secondary-color-rgb: 255, 90, 0;
    
    /* Success-Farbe (Orange - für Bestätigungen) */
    --cz-success: #ff5a00;
    --cz-success-rgb: 255, 90, 0;
    
    /* Info-Farbe (Dunkelgrau) */
    --cz-info: #1a1a1a;
    --cz-info-rgb: 26, 26, 26;
    
    
    /* ===========================
       HEADER FARBEN
       =========================== */
    
    /* Primäre Hintergrundfarbe Header */
    --adbl-header-bg-primary: #ffffff;
    
    /* Primäre Schriftfarbe Header */
    --adbl-header-color-primary: #1a1a1a;
    
    /* Sekundäre Hintergrundfarbe Header (Topbar) */
    --adbl-header-bg-secondary: #f8f9fa;
    
    /* Sekundäre Schriftfarbe Header */
    --adbl-header-color-secondary: #6c757d;
    
    
    /* ===========================
       FOOTER FARBEN
       =========================== */
    
    /* Footer Hintergrundfarbe */
    --adbl-footer-bg: #1a1a1a;
    
    /* Footer Schriftfarbe */
    --adbl-footer-color: #ffffff;
    
    /* Copyright-Hintergrundfarbe */
    --adbl-footer-copyright-bg: #1a1a1a;
    
    /* Copyright-Schriftfarbe */
    --adbl-footer-copyright-color: #ffffff;
    
    
    /* ===========================
       LINK FARBEN
       =========================== */
    
    --cz-link-color: #1a1a1a;
    --cz-link-color-rgb: 26, 26, 26;
    --cz-link-hover-color: #1a1a1a;
    --cz-link-hover-color-rgb: 26, 26, 26;
    
    
    /* ===========================
       BUTTON HOVER FARBEN
       =========================== */
    
    /* Primary Button Hover (helleres Grau) */
    --adbl-btn-primary-hover: #333333;
    
    /* Secondary Button Hover (dunkleres Orange) */
    --adbl-btn-secondary-hover: #e65100;
    
    /* Secondary Button Active (noch dunkler) */
    --adbl-btn-secondary-active: #cc4d00;
    
    
    /* ===========================
       FORMULAR VALIDIERUNG
       =========================== */
    
    --cz-form-valid-color: #ff5a00;
    --cz-form-valid-border-color: #ff5a00;
}


/* ===========================
   DARK MODE ANPASSUNGEN
   =========================== */

[data-bs-theme=dark] {
    /* Bei Bedarf Dark Mode Farben hier anpassen */
    --cz-primary: #1a1a1a;
    --cz-secondary: #ff5a00;
}


/* ===========================
   ANWENDUNG AUF COMPONENTS
   =========================== */



.navbar .navbar-nav .nav-link {
    color: var(--adbl-header-color-primary) !important;
}

.navbar .navbar-nav .nav-link:hover {
    color: var(--cz-secondary) !important;
}

/* Topbar */
.topbar {
    background-color: var(--adbl-header-bg-secondary) !important;
    color: var(--adbl-header-color-secondary) !important;
}

/* Footer Styling */
.footer {
    background-color: var(--adbl-footer-bg) !important;
    color: var(--adbl-footer-color) !important;
}

.footer a {
    color: var(--adbl-footer-color) !important;
}

.footer a:hover {
    color: var(--cz-secondary) !important;
}

/* Copyright Section */
.footer .copyright,
.footer-copyright {
    background-color: var(--adbl-footer-copyright-bg) !important;
    color: var(--adbl-footer-copyright-color) !important;
}


/* ===========================
   HINWEISE FÜR ENTWICKLER
   =========================== */

/*
 * VERWENDUNG:
 * -----------
 * 1. Diese Datei in template.xml unter <Minify><CSS> einbinden
 * 2. Nach Änderungen Template-Cache im Backend leeren
 * 3. Farben können hier zentral angepasst werden
 * 
 * MAPPING ZU JTL BACKEND:
 * -----------------------
 * Primärfarbe        → --cz-primary (#1a1a1a)
 * Sekundärfarbe      → --cz-secondary (#ff5a00)
 * Header Primary BG  → --adbl-header-bg-primary
 * Header Primary Col → --adbl-header-color-primary
 * Footer BG          → --adbl-footer-bg
 * Footer Color       → --adbl-footer-color
 * 
 * BUTTON STATES:
 * --------------
 * Normal:  --cz-secondary (#ff5a00)
 * Hover:   --adbl-btn-secondary-hover (#e65100)
 * Active:  --adbl-btn-secondary-active (#cc4d00)
 */