/**
 * CTR Template Customization Stylesheet
 * 
 * This file contains all CSS classes used in the CTR templates.
 * Copy this file to your theme folder along with the templates you want to customize.
 * 
 * IMPORTANT: This file is intentionally empty (no style definitions).
 * Add your custom styles below each class to override the default plugin styles.
 * 
 * Location in theme: wp-content/themes/YOUR-THEME/chiptuningreseller/ctr-custom.css
 * 
 * This CSS file is AUTOMATICALLY loaded by the plugin when detected in your theme.
 * No manual enqueue needed - just copy the file and start customizing!
 * 
 * For detailed instructions, see README.md in this folder.
 */

/* =============================================================================
   STAGE DISPLAY - Tabs & Cards
   ============================================================================= */

/* Main container for stages list */
.stages-list { }
.stages-tabs { }

/* Tabs wrapper and navigation */
.ctr-tabs-wrapper { }
.ctr-tabs-nav { }
.ctr-tabs-content { }

/* Individual tab button */
.ctr-tab-button { }
.ctr-tab-button.active { }

/* Tab content panels */
.ctr-tab-panel { }
.ctr-tab-panel.active { }

/* Stage card container */
.ctr-stage-card { }

/* Stage title */
.ctr-stage-title { }

/* Stage data grid (contains columns) */
.ctr-stage-data { }

/* Individual data column (Power, Torque, Price) */
.ctr-stage-column { }

/* Labels and values within columns */
.ctr-stage-label { }
.ctr-stage-value { }
.ctr-stage-detail { }

/* Counter animation class */
.ctr-counter-value { }

/* Gain indicator (e.g., "+45") */
.ctr-gain { }

/* Stage table (legacy/alternative layout) */
.ctr-stage-table { }
.ctr-stage-table.extra-stage { }

/* General stage item container */
.stage-item { }


/* =============================================================================
   CHARTS - Bar Charts & Line Charts
   ============================================================================= */

/* Common chart containers */
.ctr-chart-container { }
.ctr-chart-wrapper { }
.ctr-chart-header { }
.ctr-chart-title { }

/* Stage chart specific */
.ctr-stage-chart-group { }
.ctr-stage-chart-title { }
.ctr-stage-chart-combined { }

/* Bar chart specific */
.ctr-bar-chart-group { }
.ctr-bar-chart-header { }
.ctr-bar-chart-title { }
.ctr-bar-chart { }

/* Line chart specific */
.ctr-line-chart-group { }
.ctr-line-chart-header { }
.ctr-line-chart-title { }
.ctr-line-chart { }

/* Chart title variants */
.ctr-combined-chart-title { }
.ctr-single-stage-title { }

/* Legacy graph canvas */
.ctr-stage-graph { }
.ctr-graph-canvas { }


/* =============================================================================
   VEHICLE TYPE DISPLAY
   ============================================================================= */

.vehicle-types-list { }
.ctr-vehicle-type-item { }


/* =============================================================================
   BRANDS DISPLAY
   ============================================================================= */

.ctr-brands-list { }
.ctr-brand-list-item { }


/* =============================================================================
   SERIES DISPLAY
   ============================================================================= */

.ctr-series-list { }
.ctr-serie-list-item { }


/* =============================================================================
   MODELS DISPLAY
   ============================================================================= */

.ctr-models-list { }
.ctr-model-list-item { }


/* =============================================================================
   ENGINES DISPLAY
   ============================================================================= */

.ctr-engines-list { }
.ctr-engine-list-item { }

/* Engine data display */
.ctr-engine-data { }
.ctr-engine-title { }
.ctr-engine-details { }

/* Engine detail elements */
.ctr-engine-code { }
.ctr-engine-type { }
.ctr-engine-power { }
.ctr-engine-power-kw { }
.ctr-engine-torque { }
.ctr-engine-separator { }
.ctr-engine-warning { }

/* Engine power in list view */
.engine-power { }

/* Engine specifications grid */
.ctr-engine-specs { }
.ctr-engine-specs-title { }
.ctr-engine-specs-grid { }

/* Individual spec items */
.ctr-engine-spec-item { }
.ctr-engine-spec-label { }
.ctr-engine-spec-value { }


/* =============================================================================
   VEHICLE SELECTOR & DROPDOWNS
   ============================================================================= */

/* Selector container */
.selectorSpace { }

/* Grid column variations */
.ctr-cols-4 { }
.ctr-cols-5 { }

/* Selector controls */
.selectorControl { }
.selectorControl.nopadding { }

/* Specific selector controls */
.selectTypeControl { }
.selectBrandControl { }
.selectSerieControl { }
.selectModelControl { }
.selectEngineControl { }
.selectGoControl { }

/* Labels and selects */
.ctr-label { }
.ctr-select { }
.ctr-select--refreshed { }
.ctr-select--loading { }

/* Engine select wrapper with loader */
.ctr-engine-select-wrapper { }
.ctr-select-loader { }

/* Loading spinner */
.ctr-spinner { }

/* Go button */
.ctr-go-button { }

/* Redirect spinner */
.ctr-redirect-spinner { }
.ctr-spinner-svg { }


/* =============================================================================
   SELECTOR TABS (Vehicle Type Tabs)
   ============================================================================= */

.ctr-selector-tabs { }

/* Tab items */
.ctr-tab-item { }
.ctr-tab-item.active { }

/* Tab content */
.ctr-tab-content { }
.ctr-tab-name { }


/* =============================================================================
   BREADCRUMBS
   ============================================================================= */

.ctr.breadcrumb-item { }

/* Specific breadcrumb links */
.vehicle-type-url { }
.brand-url { }
.serie-url { }
.model-url { }
.engine-name { }


/* =============================================================================
   GENERAL UTILITY CLASSES
   ============================================================================= */

/* Images and titles (used across multiple templates) */
.image { }
.title { }

/* Lazy loaded images */
.ctr-lazy-image { }

/* In development indicator */
.ctr.in-development { }
.in-development-text { }


/* =============================================================================
   CUSTOM STYLES - Add your customizations below
   ============================================================================= */

/**
 * IMPORTANT: You do NOT need !important for most customizations!
 * 
 * This CSS file loads AFTER all plugin CSS, so your normal CSS rules
 * will override the plugin's defaults through standard cascade.
 * 
 * Only use !important if:
 * - You're overriding responsive layout rules (grid-column, width)
 * - Your theme CSS is conflicting with very specific selectors
 */

/* Example customizations (no !important needed):

.ctr-stage-card {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border-radius: 12px;
    padding: 30px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.1);
}

.ctr-tab-button {
    background: var(--ctr-primary-color, #007bff);
    color: white;
    border: none;
    padding: 15px 30px;
    border-radius: 8px;
    transition: all 0.3s ease;
}

.ctr-tab-button:hover {
    background: #0056b3;
    transform: translateY(-2px);
}

.ctr-tab-button.active {
    background: var(--ctr-secondary-color, #0056b3);
    font-weight: 700;
}

.ctr-stage-value {
    font-size: 36px;
    color: #667eea;
    text-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

*/