/* ARCSUSA Logo Responsive Sizing */

/* Login Page Logo */
.arcsnext-logo-login {
    max-height: 120px;
    width: auto;
    height: auto;
}

/* Navigation Brand Logo */
.navbar-brand .arcsnext-logo {
    height: 32px;
    width: auto;
}

/* Icon Size Logos */
.arcsnext-logo-icon {
    height: 20px;
    width: auto;
    display: inline-block;
    vertical-align: middle;
}

.arcsnext-logo-icon-success {
    height: 24px;
    width: auto;
    filter: brightness(0) saturate(100%) invert(27%) sepia(51%) saturate(2878%) hue-rotate(346deg) brightness(104%) contrast(97%);
}

/* Large Logo for Cards */
.arcsnext-logo-large {
    height: 48px;
    width: auto;
}

/* Hero Section Logo */
.arcsnext-logo-hero {
    max-height: 200px;
    width: auto;
    height: auto;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .arcsnext-logo-login {
        max-height: 80px;
    }
    
    .arcsnext-logo-hero {
        max-height: 120px;
    }
    
    .navbar-brand .arcsnext-logo {
        height: 28px;
    }
    
    .arcsnext-logo-large {
        height: 36px;
    }
}

@media (max-width: 576px) {
    .arcsnext-logo-login {
        max-height: 60px;
    }
    
    .arcsnext-logo-hero {
        max-height: 80px;
    }
    
    .navbar-brand .arcsnext-logo {
        height: 24px;
    }
    
    .arcsnext-logo-icon {
        height: 16px;
    }
    
    .arcsnext-logo-large {
        height: 28px;
    }
}

/* PWA and Favicon Compatibility */
.arcsnext-favicon {
    height: 16px;
    width: 16px;
}

.arcsnext-touch-icon {
    height: 32px;
    width: 32px;
}