/* fuel-specific.css - Drivstoff-spesifikk styling */

/* Drivstoff-specifik gradient (grønn/blå for miljø/bil-tema) */
body {
    background: linear-gradient(135deg, #22c55e 0%, #3b82f6 25%, #1d4ed8 75%, #1e40af 100%);
}

.calculator-card {
    border: 2px solid rgba(34, 197, 94, 0.3);
}

.container {
    max-width: 800px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* Drivstoff-spesifikke resultat-bokser */
.results {
    background: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%);
    border-left: 5px solid #22c55e;
}

/* Drivstoff-spesifikke høydepunkter */
.calculate-btn {
    background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);
}

.calculate-btn:hover {
    box-shadow: 0 15px 30px rgba(34, 197, 94, 0.4);
}

input[type="number"]:focus, select:focus {
    border-color: #22c55e;
    box-shadow: 0 0 0 3px rgba(34, 197, 94, 0.1);
}

.info-note {
    background: rgba(34, 197, 94, 0.1);
    border: 1px solid rgba(34, 197, 94, 0.2);
}

/* Bil-tema spesifikke tilpasninger */
.fuel-calculator h2 {
    color: #166534;
}

.eco-tip {
    background: rgba(34, 197, 94, 0.1);
    border: 1px solid rgba(34, 197, 94, 0.3);
    border-radius: 10px;
    padding: 15px;
    margin-top: 15px;
    color: #166534;
}

.price-comparison {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 15px;
    margin: 20px 0;
}

.price-card {
    background: rgba(255, 255, 255, 0.9);
    padding: 15px;
    border-radius: 10px;
    border-left: 4px solid #22c55e;
    text-align: center;
}

.car-icon {
    font-size: 2em;
    margin-bottom: 10px;
    display: block;
}