/* css/services.css */

/* Hero */
.service-hero {
    height: 50vh;
    min-height: 400px;
    background-color: #000;
}

.service-hero .overlay {
    background: linear-gradient(to bottom, rgba(0,0,0,0.5), rgba(0,0,0,0.9));
}

.letter-spacing-3 { letter-spacing: 3px; }

/* Service Cards */
.service-card {
    transition: transform 0.3s ease, border-color 0.3s ease;
    background: #fff;
    z-index: 1;
}

.icon-wrapper {
    width: 80px;
    height: 80px;
    transition: 0.3s ease;
}

.shadow-hover:hover {
    transform: translateY(-10px);
    box-shadow: 0 15px 40px rgba(0,0,0,0.08);
    border-color: var(--primary-red) !important;
}

.service-card:hover .icon-wrapper {
    background-color: var(--primary-red) !important;
    color: #fff !important;
}

.service-card a {
    position: relative;
    z-index: 2;
    transition: 0.3s;
}

.service-card:hover a {
    letter-spacing: 2px; /* Slight expansion animation on text */
}

/* Process Section */
.step-icon {
    box-shadow: 0 0 0 5px rgba(233, 33, 38, 0.1);
}

/* Booking CTA */
.booking-cta .form-control,
.booking-cta .form-select {
    border: none;
    box-shadow: none;
}

.booking-cta .form-control:focus,
.booking-cta .form-select:focus {
    outline: 2px solid var(--primary-red);
}