/* Auto-generated CSS for pph */
/* Generated on 2026-04-21 22:27:59 */

:root {
    --color-primary: rgba(62, 69, 74, 0.7);
    --color-primary-full: rgb(62, 69, 74);
    --color-accent: rgb(229, 50, 42);
    --color-accent-2: #1e1f20;
    --color-dark: #1e1f20;
    --color-text: #ffffff;
    --color-text-inverse: #000000;
    --color-light-primary: rgba(62, 69, 74, 0.2);
    --color-light-orange: rgba(62, 69, 74, 0.2);
    --color-accent-50: rgba(229, 50, 42, 0.5);
    --color-card-bg: #2a2a2a;
}

/* Main Content Box */
.main-content-box,
.vehicle-selector-block {
    background-color: var(--color-primary);
    color: var(--color-text);
}

/* Car Model Info */
.car-model-info {
    background: none;
    background-color: transparent;
    color: var(--color-text);
}

/* Stage Tabs */
.stage-tab-new.active,
.stage-tabs-new .stage-tab-new.active,
.stage-tabs-new .stage-tab-new[aria-selected="true"],
.stage-tabs-new .stage-tab-new.show {
    background-color: var(--color-accent) !important;
    color: var(--color-text) !important;
}

.stage-tab-new:not(.active):not([aria-selected="true"]):not(.show) {
    background-color: #0a0a0a !important;
    color: var(--color-text) !important;
}

/* Performance Cards */
.performance-card.original {
    background-color: var(--color-dark) !important;
    border: 2px solid var(--color-dark) !important;
}

.performance-card.tuning-card {
    background-color: var(--color-accent) !important;
    border: 2px solid var(--color-dark) !important;
}

.performance-card.tuning {
    background-color: var(--color-accent) !important;
    border: 2px solid var(--color-accent) !important;
}

.performance-card.gains {
    background-color: var(--color-accent) !important;
    border: 2px solid var(--color-accent) !important;
    color: var(--color-text) !important;
}

/* Motorspezifikation & Addons */
.spec-block-inner {
    background-color: var(--color-dark) !important;
}

.addons-grid .addons-grid-inner {
    background-color: var(--color-dark) !important;
}

.spec-label,
.spec-value {
    color: var(--color-text) !important;
}

.spec-row.ecu-row{
    background-color: var(--color-accent) !important;
}

.addon-item {
    border: 2px solid var(--color-accent) !important;
}

body.text-white .addon-item {
    background-color: var(--color-accent-2) !important;
}

.addon-name {
    background-color: var(--color-card-bg) !important;
    border: 2px solid var(--color-dark) !important;
    color: var(--color-text) !important;
}

/* Dyno Chart */
.dyno-chart-white {
    border: 1px solid var(--color-accent) !important;
    color: var(--color-dark) !important;
}

.dyno-chart-dark {
    background-color: var(--color-dark) !important;
    border: 1px solid var(--color-dark) !important;
    color: #fff !important;
}

.header-dyno {
    color: var(--color-text) !important;
}

/* Performance Summary */
.performance-summary-inline {
    background-color: var(--color-accent) !important;
}

.performance-summary-item .percentage,
.performance-summary-item .label {
    color: var(--color-text) !important;
}

/* CTA Section */
.cta-inline {
    background-color: var(--color-dark) !important;
    color: var(--color-text) !important;
}

.cta-inline h3,
.cta-inline p {
    color: var(--color-text) !important;
}

/* CTA Buttons */
.cta-button {
    background-color: var(--color-accent) !important;
    color: var(--color-text) !important;
}

.cta-button:hover {
    background-color: var(--color-primary) !important;
    color: var(--color-text) !important;
}

/* Vehicle Selector Arrow */
.vehicle-selector-arrow {
    background-color: var(--color-dark) !important;
    color: var(--color-text) !important;
}

.vehicle-selector-arrow:hover {
    background-color: var(--color-accent) !important;
}

/* Vehicle Selector Block Inner */
.vehicle-selector-block-inner {
    background-color: transparent;
    color: var(--color-text);
}

.vehicle-selector-block-inner .select2-selection__arrow b {
    border-color: var(--color-text) transparent transparent transparent !important;
}

.vehicle-selector-block-inner h1 {
    color: var(--color-text) !important;
}

/* Vehicle Type Buttons */
#select-car-form .btn.btn-link {
    color: var(--color-text) !important;
}

#select-car-form .btn.btn-link.active {
    background-color: transparent !important;
    color: var(--color-text-inverse) !important;
    position: relative;
}

#select-car-form .btn.btn-link.active::after {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%) rotate(180deg);
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid var(--color-accent);
}

/* Vehicle Type Icons - Nicht aktive Buttons (Textfarbe oder Default) */
#select-car-form .btn.btn-link:not(.active) .select-cat-icon {
    background-color: #FFFFFF !important;
}

/* Vehicle Type Icons - Aktive Buttons (Akzentfarbe) */
#select-car-form .btn.btn-link.active .select-cat-icon {
    background-color: rgb(229, 50, 42) !important;
}