/*
 * Custom CSS for Nexus Cart - ServerHub Cart V2
 *
 * Angepasst an ServerHub-Design (Grün #4ab98b, Teal #006687).
 * Alle Variablen mit festen Werten – unabhängig von Client-Area-Theme.
 */

/* ServerHub-Farbpalette */
:host, :root {
    /* Primary colors – ServerHub Grün/Teal */
    --vl-primary: #4ab98b;
    --vl-primary-lifted: #3da876;
    --vl-primary-accented: #006687;

    /* Secondary */
    --vl-secondary: #006687;
    --vl-secondary-lifted: #007799;
    --vl-secondary-accented: #4ab98b;

    /* Success */
    --vl-success: #4ab98b;
    --vl-success-lifted: #3da876;
    --vl-success-accented: #006687;

    /* Info */
    --vl-info: #006687;
    --vl-info-lifted: #007799;
    --vl-info-accented: #4ab98b;

    /* Notice, Warning, Error – Standardwerte */
    --vl-notice: #6b7280;
    --vl-notice-lifted: #9ca3af;
    --vl-notice-accented: #4b5563;
    --vl-warning: #d97706;
    --vl-warning-lifted: #f59e0b;
    --vl-warning-accented: #b45309;
    --vl-error: #dc2626;
    --vl-error-lifted: #ef4444;
    --vl-error-accented: #b91c1c;

    /* Grayscale/Neutral */
    --vl-grayscale: #6b7280;
    --vl-grayscale-lifted: #9ca3af;
    --vl-grayscale-accented: #4b5563;
    --vl-neutral: #6b7280;
    --vl-neutral-lifted: #9ca3af;
    --vl-neutral-accented: #4b5563;

    /* Text colors */
    --vl-text-inverted: #ffffff;
    --vl-text-muted: #6b7280;
    --vl-text-lifted: #4b5563;
    --vl-text-accented: #333333;
    --vl-text: #333333;

    /* Border colors */
    --vl-border-muted: #e5e7eb;
    --vl-border: #d1d5db;
    --vl-border-lifted: #9ca3af;
    --vl-border-accented: #6b7280;

    /* Background colors */
    --vl-bg: #ffffff;
    --vl-bg-muted: #f9fafb;
    --vl-bg-lifted: #f8f9fa;
    --vl-bg-accented: #f3f4f6;
    --vl-bg-inverted: #1f2937;

    /* Font Sizes – etwas größer für bessere Lesbarkeit */
    --vl-text-xs: 0.9rem;
    --vl-text-sm: 1rem;
    --vl-text-md: 1.05rem;
    --vl-text-lg: 1.2rem;

    /* Spacing, Rounding, Other */
    --vl-outline-sm: 1px;
    --vl-outline-md: 2px;
    --vl-outline-lg: 4px;
    --vl-rounding-sm: 0.25rem;
    --vl-rounding-md: 0.375rem;
    --vl-rounding-lg: 0.5rem;
    --vl-letter-spacing: normal;
    --vl-disabled-opacity: 0.5;
}

/* Server-Hub: Form-Controls, Dropdowns, Modals sichtbar */
select, input[type="text"], input[type="email"], input[type="number"], textarea, .form-control {
    background-color: #ffffff !important;
    background-image: none !important;
    color: #333333 !important;
    border: 1px solid #ddd !important;
}

select option {
    background-color: #ffffff !important;
    color: #333333 !important;
}

.modal-content, .modal-header, .modal-body, .modal-footer,
[class*="modal"] {
    background-color: #ffffff !important;
    color: #333333 !important;
}

.dropdown-menu, [class*="dropdown"] {
    background-color: #ffffff !important;
    color: #333333 !important;
}

[class*="popover"], [class*="tooltip"] {
    background-color: #333 !important;
    color: #fff !important;
}