/* Custom CSS for CodmGame website */
body {
    font-family: 'Inter', sans-serif;
    background-color: #f8f9fa; /* Light grey background */
    color: #343a40;
}


.bg-dark {
    background-color: #212529 !important; /* A slightly darker theme */
}

.text-warning {
    color: #ffc107 !important; /* A nice yellow for highlights */
}

.btn-warning {
    background-color: #ffc107;
    border-color: #ffc107;
    color: #212529;
}
.btn-warning:hover {
    background-color: #e0a800;
    border-color: #e0a800;
    color: #212529;
}

.card {
    border-radius: 1rem;
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}
.card:hover {
    transform: translateY(-5px);
    box-shadow: 0 1rem 3rem rgba(0,0,0,0.15) !important;
}

.navbar-brand {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
}

/* Hover effect for nav links */
.nav-link {
    position: relative;
    padding-bottom: 5px; /* Space for the underline */
}
.nav-link::after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0;
    height: 2px;
    background-color: #ffc107;
    transition: width 0.3s ease-in-out;
}
.nav-link:hover::after {
    width: 100%;
}

.search-icon {
    transition: color 0.3s ease-in-out;
}
.search-icon:hover {
    color: #ffc107 !important;
}

/* Custom styles for search input */
.search-input-container {
    width: 0;
    opacity: 0;
    transition: width 0.4s ease-in-out, opacity 0.4s ease-in-out;
}
.search-input-container.active {
    width: 250px;
    opacity: 1;
}

/* Footer styles */
footer .list-unstyled a:hover {
    color: #ffc107 !important;
}

.footer-col {
    text-align: center;
}
@media (min-width: 768px) {
    .footer-col {
        text-align: right;
    }
}

.d-flex.justify-content-center.justify-content-md-start {
    justify-content: center !important;
}
@media (min-width: 768px) {
    .d-flex.justify-content-center.justify-content-md-start {
        justify-content: start !important;
    }
}