/* Styles for Meat & Seafood Website */
body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.custom-category-nav .nav-link:hover {
    background-color: #dc3545;
    border-radius: 5px;
}

.category-card:hover {
    transform: translateY(-5px);
    transition: all 0.3s ease;
    box-shadow: 0 10px 20px rgba(0,0,0,0.1) !important;
}

.product-card:hover {
    box-shadow: 0 10px 20px rgba(0,0,0,0.1);
    transition: all 0.3s ease;
}

.hero-banner {
    background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.6)), url('/assets/images/banner.png') center/cover no-repeat;
    padding: 100px 0;
}

/* BRAND THEME OVERRIDES */
:root {
    --brand-dark: #1A1F33;
    --brand-light: #f5f1e6;
}

.bg-brand { background-color: var(--brand-dark) !important; color: var(--brand-light) !important; }
.text-brand { color: var(--brand-dark) !important; }
.border-brand { border-color: var(--brand-dark) !important; }

.btn-brand { 
    background-color: var(--brand-dark); 
    color: var(--brand-light); 
    border: 1px solid var(--brand-dark); 
}
.btn-brand:hover { 
    background-color: #1a1c2a; 
    color: white; 
}

.btn-outline-brand { 
    color: var(--brand-dark); 
    border-color: var(--brand-dark); 
    background: transparent; 
}
.btn-outline-brand:hover { 
    background-color: var(--brand-dark); 
    color: var(--brand-light); 
}

.navbar.bg-brand .nav-link {
    color: var(--brand-light) !important;
}


.category-nav-wrapper {
    background-color: #1a1c2a;
}
.custom-category-nav .nav-link:hover {
    background-color: rgba(255,255,255,0.1);
    border-radius: 5px;
}


.hero-slide {
    height: 500px;
    width: 100%;
}
.carousel-item {
    transition: transform .6s ease-in-out;
}

/* Responsive Logo */
.logo-img {
    height: 60px; /* Desktop Size */
    width: auto;
}
@media (max-width: 991.98px) {
    .logo-img {
        height: 60px; /* Mobile Size */
    }
}