/* STANDARDIZED LOGO SIZING ACROSS ALL PAGES - UPDATED */
/* This file ensures consistent logo sizing across the entire website */

/* ===== STANDARD LOGO SIZES ===== */
/* Desktop: 160px height, Mobile: 120px height, Small Mobile: 100px height */

/* ===== HEADER LOGOS ===== */
/* Main Header Logo - Standard 160px */
.bi-header-logo-main-menu .brand-logo,
.bi-header-section .brand-logo,
.bi-header-section.header-style-one .brand-logo,
.brand-logo {
    max-width: 320px;
    transition: all 0.3s ease;
    background: none !important;
    box-shadow: none !important;
    filter: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    margin: 0 !important;
}

.bi-header-logo-main-menu .brand-logo img,
.bi-header-section .brand-logo img,
.bi-header-section.header-style-one .brand-logo img,
.brand-logo img {
    max-height: 160px !important;
    height: 160px !important;
    width: auto !important;
    max-width: 320px !important;
    filter: drop-shadow(0 4px 8px rgba(0,0,0,0.2)) !important;
    transition: all 0.3s ease !important;
    background: none !important;
    box-shadow: none !important;
    display: block !important;
    object-fit: contain !important;
}

/* ===== NAVBAR LOGOS ===== */
/* Modern Navbar Logo - Standard 160px */
.navbar-logo {
    max-width: 320px;
    transition: all 0.3s ease;
    background: none !important;
    box-shadow: none !important;
    filter: none !important;
}

.navbar-logo img {
    max-height: 160px !important;
    height: 160px !important;
    width: auto !important;
    max-width: 320px !important;
    object-fit: contain !important;
    filter: drop-shadow(0 4px 8px rgba(0,0,0,0.2)) !important;
    transition: all 0.3s ease !important;
    background: none !important;
    box-shadow: none !important;
}

/* ===== MOBILE LOGOS ===== */
/* Mobile Brand Logo - Standard 160px */
.m-brand-logo {
    max-width: 320px;
    margin-bottom: 20px;
    background: none !important;
    box-shadow: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.m-brand-logo img {
    max-height: 160px !important;
    height: 160px !important;
    width: auto !important;
    max-width: 320px !important;
    filter: drop-shadow(0 4px 8px rgba(0,0,0,0.2)) !important;
    transition: all 0.3s ease !important;
    background: none !important;
    box-shadow: none !important;
    object-fit: contain !important;
}

/* ===== SIDEBAR LOGOS ===== */
/* Sidebar Logo - Standard 180px (slightly larger for sidebar) */
.sidebar-logo {
    max-width: 360px;
    margin-bottom: 25px;
    background: none !important;
    box-shadow: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.sidebar-logo img {
    max-height: 180px !important;
    height: 180px !important;
    width: auto !important;
    max-width: 360px !important;
    filter: drop-shadow(0 4px 8px rgba(0,0,0,0.2)) !important;
    transition: all 0.3s ease !important;
    background: none !important;
    box-shadow: none !important;
    object-fit: contain !important;
}

/* ===== FOOTER LOGOS ===== */
/* Footer Logo - Standard 140px (slightly smaller for footer) */
.bi-footer-logo .brand-logo {
    max-width: 280px;
    margin: 0 auto 20px;
    background: none !important;
    box-shadow: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.bi-footer-logo .brand-logo img {
    max-height: 140px !important;
    height: 140px !important;
    width: auto !important;
    max-width: 280px !important;
    filter: brightness(0) invert(1) !important;
    transition: all 0.3s ease !important;
    background: none !important;
    box-shadow: none !important;
    object-fit: contain !important;
}

/* ===== STICKY HEADER LOGOS ===== */
/* Sticky Header Logo - Standard 140px (smaller when sticky) */
.bi-header-section.sticky-on .brand-logo img {
    max-height: 140px !important;
    height: 140px !important;
    width: auto !important;
    max-width: 280px !important;
    transition: all 0.3s ease !important;
    background: none !important;
    box-shadow: none !important;
    filter: none !important;
    object-fit: contain !important;
}

/* ===== LOGO CONTAINER ENHANCEMENTS ===== */
/* Logo Container Base Styles */
.brand-logo a,
.bi-header-logo-main-menu .brand-logo a,
.bi-header-section .brand-logo a,
.navbar-logo a {
    display: block !important;
    text-decoration: none !important;
    outline: none !important;
    text-align: center !important;
    height: auto !important;
    width: auto !important;
    background: none !important;
    box-shadow: none !important;
}

/* ===== HOVER EFFECTS ===== */
/* Logo Hover Effects - Consistent across all logos */
.brand-logo:hover img,
.m-brand-logo:hover img,
.bi-header-section .brand-logo:hover img,
.bi-header-section.header-style-one .brand-logo:hover img,
.bi-header-logo-main-menu .brand-logo:hover img,
.navbar-logo:hover img,
.sidebar-logo:hover img {
    transform: scale(1.05) !important;
    filter: drop-shadow(0 6px 12px rgba(0,0,0,0.3)) !important;
    background: none !important;
    box-shadow: none !important;
}

.bi-footer-logo .brand-logo:hover img {
    transform: scale(1.05) !important;
    filter: brightness(0) invert(1) drop-shadow(0 6px 12px rgba(255,255,255,0.3)) !important;
    background: none !important;
    box-shadow: none !important;
}

/* ===== RESPONSIVE BREAKPOINTS ===== */
/* Tablet and Small Desktop */
@media (max-width: 991px) {
    .bi-header-logo-main-menu .brand-logo img,
    .bi-header-section .brand-logo img,
    .brand-logo img,
    .navbar-logo img,
    .m-brand-logo img {
        max-height: 140px !important;
        height: 140px !important;
        max-width: 280px !important;
    }
    
    .sidebar-logo img {
        max-height: 160px !important;
        height: 160px !important;
        max-width: 320px !important;
    }
    
    .bi-footer-logo .brand-logo img {
        max-height: 120px !important;
        height: 120px !important;
        max-width: 240px !important;
    }
}

/* Mobile */
@media (max-width: 768px) {
    .bi-header-logo-main-menu .brand-logo img,
    .bi-header-section .brand-logo img,
    .brand-logo img,
    .navbar-logo img,
    .m-brand-logo img {
        max-height: 120px !important;
        height: 120px !important;
        max-width: 240px !important;
        transform: scale(1.0) !important;
    }
    
    .sidebar-logo img {
        max-height: 140px !important;
        height: 140px !important;
        max-width: 280px !important;
    }
    
    .bi-footer-logo .brand-logo img {
        max-height: 100px !important;
        height: 100px !important;
        max-width: 200px !important;
    }
}

/* Small Mobile */
@media (max-width: 480px) {
    .bi-header-logo-main-menu .brand-logo img,
    .bi-header-section .brand-logo img,
    .brand-logo img,
    .navbar-logo img,
    .m-brand-logo img {
        max-height: 100px !important;
        height: 100px !important;
        max-width: 200px !important;
        transform: scale(1.0) !important;
    }
    
    .sidebar-logo img {
        max-height: 120px !important;
        height: 120px !important;
        max-width: 240px !important;
    }
    
    .bi-footer-logo .brand-logo img {
        max-height: 80px !important;
        height: 80px !important;
        max-width: 160px !important;
    }
}

/* ===== GLOBAL OVERRIDES ===== */
/* Ensure all logo images follow the standard */
img[src*="rebirted.png"],
img[src*="logo"],
img[alt*="Remlyx"],
img[alt*="logo"] {
    max-height: 160px !important;
    height: auto !important;
    width: auto !important;
    object-fit: contain !important;
    transition: all 0.3s ease !important;
}

/* ===== ACCESSIBILITY ===== */
/* Focus states for keyboard navigation */
.brand-logo a:focus,
.navbar-logo a:focus,
.sidebar-logo a:focus {
    outline: 3px solid #007bff !important;
    outline-offset: 3px !important;
    border-radius: 4px !important;
}

/* ===== PERFORMANCE ===== */
/* Optimize logo loading */
.brand-logo img,
.navbar-logo img,
.sidebar-logo img,
.m-brand-logo img {
    will-change: transform !important;
    backface-visibility: hidden !important;
    -webkit-backface-visibility: hidden !important;
}