/**
 * mod_vmm_ankaufsrechner — Site-spezifische Theme-Overrides
 *
 * Enthält Farbkorrekturen für alle 5 Ziel-Websites.
 * Wird zusammen mit der Basis-CSS (vmm_ankaufsrechner.min.css
 * bzw. vmm_ankaufsrechner_v2.css) geladen.
 * Das aktive Theme wird durch die Modifier-Klasse am Root-Element gesteuert:
 *   .mod-vmm-ankaufsrechner--goldankauf24 | --edelmetallservice | --scheidegold | --goldankaufgold | --dentalgold
 *
 * Echte Primärfarben (aus Theme-CSS der Ziel-Sites extrahiert):
 *   goldankauf24       #c5a558  warmes Gold              (24goldankauf.de)
 *   edelmetallservice  #2c509e  Mittelblau               (deutsche-edelmetallservice.de)
 *   scheidegold        #293133  Charcoal + #d4af37 Gold  (myscheidegold.de)
 *   goldankaufgold     #c5a559  warmes Gold              (goldankauf-gold.de)
 *   dentalgold         #cfb478  Champagner-Gold          (zahngoldankauf-dentalgold.de)
 *
 * @package     Joomla.Site
 * @subpackage  mod_vmm_ankaufsrechner
 * @copyright   Copyright (C) 2026 Villaester Moderne Medien GmbH
 * @license     GNU General Public License version 2 or later; see LICENSE.txt
 */

/* ══════════════════════════════════════════════════════════════
   ── 24goldankauf.de (goldankauf24) — Warmes Gold #c5a558
   ══════════════════════════════════════════════════════════════ */

/* Universelle Custom Properties — gelten für ALLE Layouts (V1, V2, rates, tableCalc) */
.mod-vmm-ankaufsrechner--goldankauf24 {
    --ankauf-primary:          #c5a558;
    --ankauf-primary-contrast: #1a1a1a;
    --ankauf-primary-hover:    #a68a3e;
    --ankauf-stripe-bg:        #fdf6e3;
    --ankauf-focus-shadow:     rgba(197, 165, 88, 0.18);
    --v2-primary:              #c5a558;
    --v2-primary-dark:         #a68a3e;
    --v2-gold-start:           #f0d070;
    --v2-gold-end:             #c5a558;
    --v2-dark:                 #2a1f0a;
}

/* ══════════════════════════════════════════════════════════════
   ── deutsche-edelmetallservice.de (edelmetallservice) — Mittelblau #2c509e
   ══════════════════════════════════════════════════════════════ */

.mod-vmm-ankaufsrechner--edelmetallservice {
    --ankauf-primary:          #2c509e;
    --ankauf-primary-contrast: #fff;
    --ankauf-primary-hover:    #1e3c7a;
    --ankauf-stripe-bg:        #eef2fa;
    --ankauf-focus-shadow:     rgba(44, 80, 158, 0.18);
    --v2-primary:              #2c509e;
    --v2-primary-dark:         #1e3c7a;
    --v2-gold-start:           #5b8dd9;
    --v2-gold-end:             #2c509e;
    --v2-silver-start:         #a8c4e8;
    --v2-silver-end:           #5a7fb8;
    --v2-dark:                 #0f1e3a;
    --v2-bg-soft:              #f0f4fb;
}

/* V2-spezifisch: Buttons in Blau statt Gold */
.mod-vmm-ankaufsrechner--v2.mod-vmm-ankaufsrechner--edelmetallservice .ankauf-v2-btn--primary {
    background: linear-gradient(180deg, #4a7bc4, #2c509e);
    color: #fff;
}
.mod-vmm-ankaufsrechner--v2.mod-vmm-ankaufsrechner--edelmetallservice .ankauf-v2-btn--primary:hover,
.mod-vmm-ankaufsrechner--v2.mod-vmm-ankaufsrechner--edelmetallservice .ankauf-v2-btn--primary:focus {
    background: linear-gradient(180deg, #5d8fd8, #3a64b2);
    color: #fff;
}
.mod-vmm-ankaufsrechner--v2.mod-vmm-ankaufsrechner--edelmetallservice .ankauf-v2-btn--secondary {
    border-color: #2c509e;
    color: #2c509e;
}
.mod-vmm-ankaufsrechner--v2.mod-vmm-ankaufsrechner--edelmetallservice .ankauf-v2-input:focus {
    border-color: #2c509e;
    box-shadow: 0 0 0 3px rgba(44, 80, 158, 0.18);
}
.mod-vmm-ankaufsrechner--v2.mod-vmm-ankaufsrechner--edelmetallservice .ankauf-v2-grand-total__value {
    color: #7aaade;
}

/* Rates V1: Label-Spalte kleiner */
.mod-vmm-ankaufsrechner--rates.mod-vmm-ankaufsrechner--edelmetallservice .ankaufsrechner-rates-table td:first-child {
    font-size: 0.65rem;
}

/* Rates-V2: Label-Spalte kleiner */
.ankauf-rates-v2.mod-vmm-ankaufsrechner--edelmetallservice .ankauf-rates-v2__table td:first-child {
    font-size: 0.65rem;
}

/* Rates-V2: Tab-Styling */
.ankauf-rates-v2.mod-vmm-ankaufsrechner--edelmetallservice .ankauf-rates-v2__tabs.uk-tab > li > a {
    font-size: 0.65rem;
    color: #555;
}
.ankauf-rates-v2.mod-vmm-ankaufsrechner--edelmetallservice .ankauf-rates-v2__tabs.uk-tab > li.uk-active > a {
    color: #2c509e;
    border-color: #2c509e;
}

/* ══════════════════════════════════════════════════════════════
   ── myscheidegold.de (scheidegold) — Charcoal #293133 + Gold #d4af37
   ══════════════════════════════════════════════════════════════ */

.mod-vmm-ankaufsrechner--scheidegold {
    --ankauf-primary:          #293133;
    --ankauf-primary-contrast: #d4af37;
    --ankauf-primary-hover:    #1a2022;
    --ankauf-stripe-bg:        #f5f3ee;
    --ankauf-focus-shadow:     rgba(212, 175, 55, 0.2);
    --v2-primary:              #d4af37;
    --v2-primary-dark:         #b89020;
    --v2-gold-start:           #f0d070;
    --v2-gold-end:             #d4af37;
    --v2-dark:                 #293133;
    --v2-bg-soft:              #f7f5f0;
}

/* V2-spezifisch: Charcoal-Grand-Total-Bar + Goldakzent-Value */
.mod-vmm-ankaufsrechner--v2.mod-vmm-ankaufsrechner--scheidegold .ankauf-v2-grand-total {
    background: #293133;
}
.mod-vmm-ankaufsrechner--v2.mod-vmm-ankaufsrechner--scheidegold .ankauf-v2-input:focus {
    border-color: #d4af37;
    box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.2);
}
.mod-vmm-ankaufsrechner--v2.mod-vmm-ankaufsrechner--scheidegold .ankauf-v2-btn--secondary {
    border-color: #d4af37;
    color: #8a6e14;
}

/* Rates-V2: Charcoal-Header */
.ankauf-rates-v2.mod-vmm-ankaufsrechner--scheidegold .ankauf-rates-v2__header {
    background: #293133;
}
.ankauf-rates-v2.mod-vmm-ankaufsrechner--scheidegold .ankauf-rates-v2__tabs.uk-tab > li.uk-active > a {
    color: #293133;
    border-color: #293133;
}

/* ══════════════════════════════════════════════════════════════
   ── goldankauf-gold.de (goldankaufgold) — Türkis #1ca0a7
   ══════════════════════════════════════════════════════════════ */

.mod-vmm-ankaufsrechner--goldankaufgold {
    --ankauf-primary:          #1ca0a7;
    --ankauf-primary-contrast: #fff;
    --ankauf-primary-hover:    #178a90;
    --ankauf-stripe-bg:        #f0fafb;
    --ankauf-focus-shadow:     rgba(28, 160, 167, 0.18);
    --v2-primary:              #1ca0a7;
    --v2-primary-dark:         #178a90;
    --v2-dark:                 #0a3a3c;
    --v2-bg-soft:              #f0fafb;
    --v2-gold-start:           #2cc4cc;
    --v2-gold-end:             #1ca0a7;
    --v2-silver-start:         #8dd8dc;
    --v2-silver-end:           #5abfc4;
    --v2-platin-start:         #6ec4c9;
    --v2-platin-end:           #3ea8ad;
    --v2-palladium-start:      #4db8be;
    --v2-palladium-end:        #1a8f95;
}

/* Rates-V2: Default-Header — Blau-Fallback für alle Sites */
.ankauf-rates-v2__header {
    background-color: #2d509e !important;
}

/* Rates-V2: Sidebar-Header im Goldankaufgold-Branding */
.ankauf-rates-v2.mod-vmm-ankaufsrechner--goldankaufgold .ankauf-rates-v2__header {
    background-color: #2d509e !important;
    background: linear-gradient(180deg, #1ca0a7 100%, #1ca0a7 100%);
}
.ankauf-rates-v2.mod-vmm-ankaufsrechner--goldankaufgold .ankauf-rates-v2__title {
    color: #fff;
}
.ankauf-rates-v2.mod-vmm-ankaufsrechner--goldankaufgold .ankauf-rates-v2__source {
    color: rgba(255, 255, 255, 0.78);
}

/* V2-spezifisch: Buttons + Inputs in Türkis */
.mod-vmm-ankaufsrechner--v2.mod-vmm-ankaufsrechner--goldankaufgold .ankauf-v2-btn--primary {
    background: linear-gradient(180deg, #2cc4cc, #1ca0a7);
    color: #fff;
}
.mod-vmm-ankaufsrechner--v2.mod-vmm-ankaufsrechner--goldankaufgold .ankauf-v2-btn--primary:hover,
.mod-vmm-ankaufsrechner--v2.mod-vmm-ankaufsrechner--goldankaufgold .ankauf-v2-btn--primary:focus {
    background: linear-gradient(180deg, #3ad4dc, #1fb0b8);
    color: #fff;
}
.mod-vmm-ankaufsrechner--v2.mod-vmm-ankaufsrechner--goldankaufgold .ankauf-v2-btn--secondary {
    border-color: #1ca0a7;
    color: #1ca0a7;
}
.mod-vmm-ankaufsrechner--v2.mod-vmm-ankaufsrechner--goldankaufgold .ankauf-v2-input:focus {
    border-color: #1ca0a7;
    box-shadow: 0 0 0 3px rgba(28, 160, 167, 0.18);
}
.mod-vmm-ankaufsrechner--v2.mod-vmm-ankaufsrechner--goldankaufgold .ankauf-v2-grand-total {
    background: #0a3a3c;
}
.mod-vmm-ankaufsrechner--v2.mod-vmm-ankaufsrechner--goldankaufgold .ankauf-v2-grand-total__value {
    color: #48dbfb;
}

/* V2 Group-Header: weiße Schrift auf türkisem Gradient */
.mod-vmm-ankaufsrechner--v2.mod-vmm-ankaufsrechner--goldankaufgold .ankauf-v2-group__title {
    color: #fff;
}
.mod-vmm-ankaufsrechner--v2.mod-vmm-ankaufsrechner--goldankaufgold .ankauf-v2-group__amount-label {
    color: rgba(255, 255, 255, 0.8);
}

/* V2 Intro-Link */
.mod-vmm-ankaufsrechner--v2.mod-vmm-ankaufsrechner--goldankaufgold .ankauf-v2-intro__link {
    color: #1ca0a7;
}
.mod-vmm-ankaufsrechner--v2.mod-vmm-ankaufsrechner--goldankaufgold .ankauf-v2-intro__link:hover,
.mod-vmm-ankaufsrechner--v2.mod-vmm-ankaufsrechner--goldankaufgold .ankauf-v2-intro__link:focus {
    color: #178a90;
}

/* V2 Subtotal-Label */
.mod-vmm-ankaufsrechner--v2.mod-vmm-ankaufsrechner--goldankaufgold .ankauf-v2-subtotal-row td {
    background: #f0fafb;
}

/* Rates-V2: Tab-Akzent */
.ankauf-rates-v2.mod-vmm-ankaufsrechner--goldankaufgold .ankauf-rates-v2__tabs.uk-tab > li.uk-active > a {
    color: #1ca0a7;
    border-color: #1ca0a7;
}

/* ══════════════════════════════════════════════════════════════
   ── zahngoldankauf-dentalgold.de (dentalgold) — Champagner #cfb478
   ══════════════════════════════════════════════════════════════ */

.mod-vmm-ankaufsrechner--dentalgold {
    --ankauf-primary:          #cfb478;
    --ankauf-primary-contrast: #3a2a00;
    --ankauf-primary-hover:    #b09053;
    --ankauf-stripe-bg:        #fdf9f0;
    --ankauf-focus-shadow:     rgba(207, 180, 120, 0.22);
    --v2-primary:              #cfb478;
    --v2-primary-dark:         #b09053;
    --v2-gold-start:           #e8d09a;
    --v2-gold-end:             #cfb478;
    --v2-dark:                 #2a200a;
}
.mod-vmm-ankaufsrechner--v2.mod-vmm-ankaufsrechner--dentalgold .ankauf-v2-grand-total__value {
    color: #e8d09a;
}
.mod-vmm-ankaufsrechner--v2.mod-vmm-ankaufsrechner--dentalgold .ankauf-v2-input:focus {
    border-color: #cfb478;
    box-shadow: 0 0 0 3px rgba(207, 180, 120, 0.22);
}
.mod-vmm-ankaufsrechner--v2.mod-vmm-ankaufsrechner--dentalgold .ankauf-v2-btn--secondary {
    border-color: #cfb478;
    color: #8a6e14;
}

/* (TableCalc und alle anderen Layouts nutzen die universellen --ankauf-* Properties oben) */