/**
 * IYA Medical Logo & Header Fixes
 * Makes logo larger and fixes header layout
 */

/* ===== LOGO SIZING ===== */
.main-logo img,
.headerLogo img {
    height: 70px !important;
    width: auto !important;
    max-width: none !important;
    object-fit: contain !important;
}

/* Even larger on wider screens */
@media (min-width: 1200px) {
    .main-logo img,
    .headerLogo img {
        height: 80px !important;
    }
}

/* ===== TABLET LOGO ===== */
@media (min-width: 768px) and (max-width: 991px) {
    .main-logo img,
    .headerLogo img {
        height: 55px !important;
    }
}

/* ===== MOBILE LOGO ===== */
@media (max-width: 767px) {
    .main-logo img,
    .headerLogo img {
        height: 50px !important;
        min-height: 50px !important;
    }
}

@media (max-width: 480px) {
    .main-logo img,
    .headerLogo img {
        height: 45px !important;
        min-height: 45px !important;
    }
}

/* ===== FIX DOUBLE LOGO - RESPECT BOOTSTRAP CLASSES ===== */
/* Mobile: show mobile logo only */
@media (max-width: 767px) {
    .main-logo.d-none.d-md-block {
        display: none !important;
    }
    
    .main-logo.d-block.d-md-none {
        display: flex !important;
        align-items: center !important;
    }
}

/* Desktop: show desktop logo only */
@media (min-width: 768px) {
    .main-logo.d-none.d-md-block {
        display: flex !important;
        align-items: center !important;
    }
    
    .main-logo.d-block.d-md-none {
        display: none !important;
    }
}

/* ===== HEADER ADJUSTMENTS FOR LARGER LOGO ===== */
.navbar.header-sticky {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.navbar.header-sticky .container {
    align-items: center !important;
}

/* ===== STICKY HEADER - SLIGHTLY SMALLER LOGO ===== */
.header-sticky.sticky .main-logo img,
.header-sticky.sticky .headerLogo img {
    height: 55px !important;
    transition: height 0.3s ease !important;
}

@media (max-width: 991px) {
    .header-sticky.sticky .main-logo img,
    .header-sticky.sticky .headerLogo img {
        height: 40px !important;
    }
}