/* ==========================================================================
   PITSHOP.IT - Custom Stylesheet
   Color Palette: Corsa Red (#d31826), Deep Dark (#1a1a1a), Light Gray (#f8f9fa)
   ========================================================================== */

/* Colori e variabili custom */
:root {
    --pit-red: #d31826;
    --pit-red-hover: #b5121f;
    --pit-dark: #1a1a1a;
    --pit-gray-bg: #f8f9fa;
    --pit-border: #e2e8f0;
}

body {
    background-color: var(--pit-gray-bg);
    color: #2b2b2b;
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* Pulsanti personalizzati PitShop */
.btn-pit-red {
    background-color: var(--pit-red);
    border-color: var(--pit-red);
    color: #ffffff;
    font-weight: 600;
    transition: all 0.2s ease-in-out;
}

.btn-pit-red:hover, 
.btn-pit-red:focus {
    background-color: var(--pit-red-hover);
    border-color: var(--pit-red-hover);
    color: #ffffff;
    box-shadow: 0 4px 10px rgba(211, 24, 38, 0.3);
}

.text-pit-red {
    color: var(--pit-red) !important;
}

.bg-pit-dark {
    background-color: var(--pit-dark) !important;
}

/* Schede Pneumatici (Card) */
.tyre-card {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    border-radius: 12px;
    background: #ffffff;
}

.tyre-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08) !important;
}
/* Riduzione altezza immagine pneumatico */
.tyre-thumb {
    height: 130px; /* puoi scendere a 110px-120px se la vuoi ancora più compatta */
    width: auto;
    max-width: 100%;
    margin: 0 auto;
    object-fit: contain;
    mix-blend-mode: multiply;
    display: block;
}

/* Box Ricerca */
#ricerca-gomme {
    border-radius: 16px;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);
}

#ricerca-gomme .form-select-lg {
    font-size: 1.05rem;
    font-weight: 500;
    border-color: var(--pit-border);
}

#ricerca-gomme .form-select-lg:focus {
    border-color: var(--pit-red);
    box-shadow: 0 0 0 0.25rem rgba(211, 24, 38, 0.15);
}

/* Hover link footer */
.hover-white {
    transition: color 0.15s ease-in-out;
}

.hover-white:hover {
    color: #ffffff !important;
}

/* Etichetta Energetica UE Badges */
.eu-label-tag {
    font-size: 0.75rem;
    padding: 3px 6px;
    border-radius: 4px;
    font-weight: 600;
}