/* Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&display=swap');

body {
    font-family: 'Inter', sans-serif;
    color: #334155;
    background-color: #f8fafc;
}

/* NAVBAR */
.navbar-brand {
    font-size: 1.5rem;
    letter-spacing: -1px;
}
.nav-link {
    font-weight: 600;
    color: #475569 !important;
}
.nav-link:hover {
    color: #0284c7 !important; /* Sky Blue */
}

/* HERO SECTION - Use a Plumber image here */
.hero-section {
    /* Placeholder image from Unsplash */
    background: linear-gradient(rgba(15, 23, 42, 0.7), rgba(15, 23, 42, 0.7)), 
                url('https://images.unsplash.com/photo-1504328345606-18bbc8c9d7d1?auto=format&fit=crop&q=80&w=1600');
    background-size: cover;
    background-position: center;
    min-height: 80vh; /* Takes up most of the screen */
}

/* CARDS */
.card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border-radius: 12px;
}
.hover-up:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important;
}

/* ICON CIRCLES */
.icon-circle {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* BUTTONS */
.btn-primary {
    background-color: #0284c7; /* Trade Blue */
    border: none;
    box-shadow: 0 4px 6px -1px rgba(2, 132, 199, 0.5);
}
.btn-primary:hover {
    background-color: #0369a1;
    transform: translateY(-1px);
}

.btn-danger {
    background-color: #ef4444; /* Emergency Red */
    border: none;
    box-shadow: 0 4px 6px -1px rgba(239, 68, 68, 0.5);
}

/* FOOTER LINK */
footer a:hover {
    text-decoration: underline !important;
    color: #38bdf8 !important; /* Lighter blue on hover */
}