/* Währungsrechner – Widget (Embed-Variante)
 * Laedt NACH pages/waehrungsrechner.css.
 * Kompakte Raender fuer iframe-Einbindung, Badge-Abstand unten rechts.
 */

body.boza-widget.page-waehrungsrechner {
    padding: 12px;
}

body.boza-widget.page-waehrungsrechner .container {
    max-width: 640px;
    padding: 0;
}

/* Platz fuer die Badge unten rechts */
body.boza-widget.page-waehrungsrechner .main-card {
    margin-bottom: 40px;
}

/* Compact-Modus (?compact=true): Header reduzieren */
body.boza-widget.page-waehrungsrechner.compact .card-header h1 {
    font-size: 1.35em;
}

body.boza-widget.page-waehrungsrechner.compact .card-header p {
    display: none;
}

/* ==== Voll-Anpassung (Tools): Akzentflächen, Anzeige, Eingaben, Dropdowns ====
 * Greift nur bei gesetzten Params (Fallback = Original). Variablen vom Early-Script.
 */

/* Akzentflächen (?accent / accentText): Quick-Buttons, aktiver Tab, Swap- und Copy-Button */
body.boza-widget .quick-btn,
body.dark-theme.boza-widget .quick-btn,
body.boza-widget .converter-tab.active,
body.dark-theme.boza-widget .converter-tab.active,
body.boza-widget .swap-btn,
body.dark-theme.boza-widget .swap-btn,
body.boza-widget .copy-btn,
body.dark-theme.boza-widget .copy-btn {
    background: linear-gradient(135deg, var(--c-accent, #667eea) 0%, var(--c-accent-2, #764ba2) 100%);
    color: var(--c-accent-text, #fff);
}

body.boza-widget .quick-btn:hover,
body.dark-theme.boza-widget .quick-btn:hover,
body.boza-widget .copy-btn:hover,
body.dark-theme.boza-widget .copy-btn:hover {
    background: linear-gradient(135deg, var(--c-accent-hover, #5568d3) 0%, var(--c-accent-2, #764ba2) 100%);
}

body.boza-widget .copy-btn.copied,
body.dark-theme.boza-widget .copy-btn.copied {
    background: var(--c-success, #10b981);
}

/* Anzeige (?display): Result-Display */
body.boza-widget .result-display,
body.dark-theme.boza-widget .result-display {
    background: var(--c-surface, #f8f9fa);
    border-color: var(--c-border, #e0e0e0);
}

/* Eingaben (?btn): Betrag und Suchfeld */
body.boza-widget .amount-input,
body.dark-theme.boza-widget .amount-input,
body.boza-widget .currency-select,
body.dark-theme.boza-widget .currency-select,
body.boza-widget .currency-search-input,
body.dark-theme.boza-widget .currency-search-input {
    background: var(--c-surface-2, #f0f0f0);
    color: var(--c-text, #333);
    border-color: var(--c-border, #e0e0e0);
}

/* Dropdown-Trigger und -Panel (?display): Flaeche = surface, Optionen hover = surface-2 (Basis) */
body.boza-widget .currency-dropdown-trigger,
body.dark-theme.boza-widget .currency-dropdown-trigger,
body.boza-widget .currency-dropdown-panel,
body.dark-theme.boza-widget .currency-dropdown-panel {
    background: var(--c-surface, #f8f9fa);
    border-color: var(--c-border, #e0e0e0);
}

body.boza-widget .currency-dropdown-trigger {
    color: var(--c-text, #333);
}

/* Fehlermeldung -> danger */
body.boza-widget .error-message,
body.dark-theme.boza-widget .error-message {
    background: var(--c-danger, #ef4444);
    color: var(--c-accent-text, #fff);
    border-left-color: var(--c-danger-hover, #dc2626);
}