/* General Styles */
body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

main {
    flex: 1; /* Ensures footer stays at the bottom */
}

/* Ajax Theme Colors */
.bg-ajax-red {
    background-color: #D2122E; /* Official Ajax Red */
}

.text-ajax-red {
    color: #D2122E;
}

/* Header Styling */
header {
    padding: 1rem 0 !important; /* Reduced padding */
}

header h1 img.header-logo { /* Target the logo specifically */
    vertical-align: middle;
    height: 70px; /* Increased logo height */
}

/* Sale Banner Styling */
.sale-banner {
    padding: 0.75rem 1rem !important; /* Reduced padding */
    border-bottom: 3px solid #D2122E; /* Slightly thinner border */
}

.sale-banner h2 {
    font-weight: bold;
    font-size: 1.25rem; /* Reduced heading size */
    margin-bottom: 0.25rem; /* Reduced margin */
}

.sale-banner p {
    margin-bottom: 0.5rem; /* Reduced margin */
    font-size: 0.9rem; /* Slightly smaller text */
}

.sale-banner .btn {
    font-size: 0.9rem; /* Smaller button text */
    padding: 0.3rem 0.8rem; /* Smaller button padding */
}

.sale-banner p.mt-2 { /* Target the small text specifically */
     margin-top: 0.5rem !important; /* Adjust margin */
     font-size: 0.8rem; /* Even smaller text */
}

/* Section Styling */
section {
    padding: 2rem 0;
}

#about-ajax img {
    max-width: 100%;
    height: auto;
    border: 3px solid #eee;
}

#why-aiaxnl {
    border-top: 3px solid #D2122E;
    border-bottom: 3px solid #D2122E;
}

/* Footer Styling */
footer {
    background-color: #343a40; /* Standard dark footer */
}

/* Responsive Adjustments (Optional Example) */
@media (max-width: 768px) {
    header {
        padding: 0.75rem 0 !important; /* Slightly reduced padding on mobile */
    }
    header h1 {
        font-size: 1.8rem;
    }
    header h1 img.header-logo { /* Adjust logo size for mobile */
        height: 50px;
    }
    .sale-banner h2 {
        font-size: 1.5rem;
    }
    .sale-banner .btn {
        font-size: 1rem;
        padding: 0.5rem 1rem;
    }
    .sale-banner h2 {
        font-size: 1.1rem; /* Further reduce on mobile */
    }
    .sale-banner p {
        font-size: 0.85rem;
    }
     .sale-banner .btn {
        font-size: 0.85rem;
    }
}