/**
 * Service Card Background Colors - Enhanced Selector Fix
 * 
 * This file adds support for .enhanced-service-card class
 * in addition to .bms-service-card-modern
 * 
 * @package BlueMotosSouthampton
 * @since 1.4.0.5
 * @version 1.0.1
 */

/* Air Conditioning Re-gas - Mint Green */
.enhanced-service-card[data-service="air_con_regas"] {
    background: linear-gradient(135deg, #4ade80, #22c55e) !important;
    border-color: #22c55e !important;
    color: white !important;
}
.enhanced-service-card[data-service="air_con_regas"] * { color: white !important; }
.enhanced-service-card[data-service="air_con_regas"] .service-title,
.enhanced-service-card[data-service="air_con_regas"] h2,
.enhanced-service-card[data-service="air_con_regas"] p,
.enhanced-service-card[data-service="air_con_regas"] .price { 
    color: white !important; 
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); 
}
.enhanced-service-card[data-service="air_con_regas"]:hover {
    background: linear-gradient(135deg, #22c55e, #16a34a) !important;
    box-shadow: 0 8px 24px rgba(34, 197, 94, 0.4) !important;
    transform: translateY(-4px) !important;
}

/* Air Conditioning Full Service - Yellow */
.enhanced-service-card[data-service="air_con_service"] {
    background: linear-gradient(135deg, #fbbf24, #f59e0b) !important;
    border-color: #f59e0b !important;
    color: white !important;
}
.enhanced-service-card[data-service="air_con_service"] * { color: white !important; }
.enhanced-service-card[data-service="air_con_service"] .service-title,
.enhanced-service-card[data-service="air_con_service"] h2,
.enhanced-service-card[data-service="air_con_service"] p { 
    color: white !important; 
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); 
}
.enhanced-service-card[data-service="air_con_service"]:hover {
    background: linear-gradient(135deg, #f59e0b, #d97706) !important;
    box-shadow: 0 8px 24px rgba(245, 158, 11, 0.4) !important;
    transform: translateY(-4px) !important;
}

/* Brake Inspection - Light Brown */
.enhanced-service-card[data-service="brake_check"] {
    background: linear-gradient(135deg, #d97706, #b45309) !important;
    border-color: #b45309 !important;
    color: white !important;
}
.enhanced-service-card[data-service="brake_check"] * { color: white !important; }
.enhanced-service-card[data-service="brake_check"] h2,
.enhanced-service-card[data-service="brake_check"] p { 
    color: white !important; 
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); 
}
.enhanced-service-card[data-service="brake_check"]:hover {
    background: linear-gradient(135deg, #b45309, #92400e) !important;
    box-shadow: 0 8px 24px rgba(180, 83, 9, 0.4) !important;
    transform: translateY(-4px) !important;
}

/* Brake Service - Dark Brown */
.enhanced-service-card[data-service="brake_service"] {
    background: linear-gradient(135deg, #92400e, #78350f) !important;
    border-color: #78350f !important;
    color: white !important;
}
.enhanced-service-card[data-service="brake_service"] * { color: white !important; }
.enhanced-service-card[data-service="brake_service"] h2,
.enhanced-service-card[data-service="brake_service"] p { 
    color: white !important; 
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); 
}
.enhanced-service-card[data-service="brake_service"]:hover {
    background: linear-gradient(135deg, #78350f, #451a03) !important;
    box-shadow: 0 8px 24px rgba(120, 53, 15, 0.4) !important;
    transform: translateY(-4px) !important;
}

/* Battery Test - Electric Cyan */
.enhanced-service-card[data-service="battery_test"] {
    background: linear-gradient(135deg, #06b6d4, #0891b2) !important;
    border-color: #0891b2 !important;
    color: white !important;
}
.enhanced-service-card[data-service="battery_test"] * { color: white !important; }
.enhanced-service-card[data-service="battery_test"] h2,
.enhanced-service-card[data-service="battery_test"] p { 
    color: white !important; 
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); 
}
.enhanced-service-card[data-service="battery_test"]:hover {
    background: linear-gradient(135deg, #0891b2, #0e7490) !important;
    box-shadow: 0 8px 24px rgba(6, 182, 212, 0.4) !important;
    transform: translateY(-4px) !important;
}

/* Battery Replacement - Deep Blue */
.enhanced-service-card[data-service="battery_replacement"] {
    background: linear-gradient(135deg, #0369a1, #075985) !important;
    border-color: #075985 !important;
    color: white !important;
}
.enhanced-service-card[data-service="battery_replacement"] * { color: white !important; }
.enhanced-service-card[data-service="battery_replacement"] h2,
.enhanced-service-card[data-service="battery_replacement"] p { 
    color: white !important; 
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); 
}
.enhanced-service-card[data-service="battery_replacement"]:hover {
    background: linear-gradient(135deg, #075985, #0c4a6e) !important;
    box-shadow: 0 8px 24px rgba(3, 105, 161, 0.4) !important;
    transform: translateY(-4px) !important;
}

/* Exhaust Check - Steel Gray */
.enhanced-service-card[data-service="exhaust_check"] {
    background: linear-gradient(135deg, #64748b, #475569) !important;
    border-color: #475569 !important;
    color: white !important;
}
.enhanced-service-card[data-service="exhaust_check"] * { color: white !important; }
.enhanced-service-card[data-service="exhaust_check"] h2,
.enhanced-service-card[data-service="exhaust_check"] p { 
    color: white !important; 
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); 
}
.enhanced-service-card[data-service="exhaust_check"]:hover {
    background: linear-gradient(135deg, #475569, #334155) !important;
    box-shadow: 0 8px 24px rgba(100, 116, 139, 0.4) !important;
    transform: translateY(-4px) !important;
}

/* Exhaust Repair - Dark Charcoal */
.enhanced-service-card[data-service="exhaust_repair"] {
    background: linear-gradient(135deg, #475569, #334155) !important;
    border-color: #334155 !important;
    color: white !important;
}
.enhanced-service-card[data-service="exhaust_repair"] * { color: white !important; }
.enhanced-service-card[data-service="exhaust_repair"] h2,
.enhanced-service-card[data-service="exhaust_repair"] p { 
    color: white !important; 
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); 
}
.enhanced-service-card[data-service="exhaust_repair"]:hover {
    background: linear-gradient(135deg, #334155, #1e293b) !important;
    box-shadow: 0 8px 24px rgba(71, 85, 105, 0.4) !important;
    transform: translateY(-4px) !important;
}

/* Suspension Check - Orange */
.enhanced-service-card[data-service="suspension_check"] {
    background: linear-gradient(135deg, #f97316, #ea580c) !important;
    border-color: #ea580c !important;
    color: white !important;
}
.enhanced-service-card[data-service="suspension_check"] * { color: white !important; }
.enhanced-service-card[data-service="suspension_check"] h2,
.enhanced-service-card[data-service="suspension_check"] p { 
    color: white !important; 
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); 
}
.enhanced-service-card[data-service="suspension_check"]:hover {
    background: linear-gradient(135deg, #ea580c, #c2410c) !important;
    box-shadow: 0 8px 24px rgba(249, 115, 22, 0.4) !important;
    transform: translateY(-4px) !important;
}

/* Clutch Check - Purple */
.enhanced-service-card[data-service="clutch_check"] {
    background: linear-gradient(135deg, #a855f7, #9333ea) !important;
    border-color: #9333ea !important;
    color: white !important;
}
.enhanced-service-card[data-service="clutch_check"] * { color: white !important; }
.enhanced-service-card[data-service="clutch_check"] h2,
.enhanced-service-card[data-service="clutch_check"] p { 
    color: white !important; 
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); 
}
.enhanced-service-card[data-service="clutch_check"]:hover {
    background: linear-gradient(135deg, #9333ea, #7e22ce) !important;
    box-shadow: 0 8px 24px rgba(168, 85, 247, 0.4) !important;
    transform: translateY(-4px) !important;
}

/* Button styling for enhanced cards */
.enhanced-service-card[data-service] .btn-select-service {
    background: rgba(255, 255, 255, 0.95) !important;
    color: #1e293b !important;
    font-weight: 700 !important;
    border: 2px solid rgba(255, 255, 255, 0.5) !important;
    text-shadow: none !important;
}
.enhanced-service-card[data-service] .btn-select-service:hover {
    background: white !important;
    color: #0f172a !important;
    border-color: white !important;
    transform: scale(1.02) !important;
}