/**
 * Custom CSS - Increase Header Logo Size
 * This overrides the default theme logo sizing
 */

/* Desktop Logo Size - Increased from 92px to 180px */
#sns_header .logo-retina {
    max-width: 180px !important;
    height: auto !important;
}

/* Ensure logo displays properly in header */
#sns_header .header-logo img {
    max-width: 180px !important;
    height: auto !important;
    width: auto;
}

/* Mobile Logo Size - Increased proportionally */
@media (max-width: 768px) {
    #sns_header .logo-retina,
    #sns_header .mobile-header .header-logo .logo-retina {
        max-width: 140px !important;
    }
    
    #sns_header .header-logo img {
        max-width: 140px !important;
    }
}

/* Small mobile devices */
@media (max-width: 480px) {
    #sns_header .logo-retina,
    #sns_header .mobile-header .header-logo .logo-retina {
        max-width: 120px !important;
    }
    
    #sns_header .header-logo img {
        max-width: 120px !important;
    }
}