/*html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}*/

/* --------New From AI --------*/

/* Custom CSS for responsiveness and aesthetics */
body {
    font-family: 'Inter', sans-serif;
    background-color: #f8f9fa; /* Light background */
}

/* Navigation Bar Styling */
.navbar-brand img {
    max-width: 628px; /* Max width for the logo */
    height: auto; /* Maintain aspect ratio */
    border-radius: 8px; /* Rounded corners for logo */
}

.navbar {
    box-shadow: 0 2px 4px rgba(0,0,0,.05); /* Subtle shadow */
    border-bottom: 1px solid #e0e0e0;
}

.nav-link {
    font-weight: 500;
    color: #343a40 !important; /* Darker text */
    transition: color 0.3s ease;
}

    .nav-link:hover {
        color: #007bff !important; /* Blue on hover */
    }


/* Ad Cards Styling */
.card {
    border: none;
    border-radius: 15px; /* More rounded corners for cards */
    box-shadow: 0 4px 15px rgba(0,0,0,.1); /* Soft shadow */
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    margin-bottom: 30px; /* Space between cards */
}

    .card:hover {
        transform: translateY(-5px); /* Lift effect on hover */
        box-shadow: 0 8px 25px rgba(0,0,0,.15);
    }

.card-header {
    background-color: #007bff; /* Blue header */
    color: #fff;
    font-weight: 600;
    font-size: 1.25rem;
    border-top-left-radius: 15px; /* Match card radius */
    border-top-right-radius: 15px; /* Match card radius */
    padding: 1rem 1.25rem;
}

.card-title {
    color: #007bff; /* Blue title in body */
    font-weight: 700;
    margin-bottom: 15px;
}

.card-text strong {
    color: #0056b3; /* Darker blue for strong text */
}

.list-group-item {
    border: none; /* No borders for list items */
    padding: .75rem 1.25rem;
    background-color: transparent;
}

    .list-group-item:nth-child(odd) {
        background-color: rgba(0, 123, 255, 0.05); /* Light blue stripe */
    }

.btn-primary {
    background-color: #007bff;
    border-color: #007bff;
    border-radius: 8px; /* Slightly rounded buttons */
    padding: 10px 20px;
    font-weight: 600;
    transition: background-color 0.3s ease, border-color 0.3s ease;
}

    .btn-primary:hover {
        background-color: #0056b3;
        border-color: #0056b3;
    }

/* Footer Styling */
footer {
    background-color: #343a40; /* Dark background */
    color: #f8f9fa; /* Light text */
    padding: 30px 0;
    margin-top: 50px;
    border-top: 1px solid #495057;
}

/* Responsive adjustments */
@media (max-width: 991.98px) { /* Medium devices and down */
    .navbar-brand img {
        max-width: 250px; /* Smaller logo on tablets/mobiles */
    }


    @media (max-width: 767.98px) { /* Small devices and down */
        .navbar-brand img {
            max-width: 200px; /* Even smaller logo on mobile */
        }
    }
}