/* Logo Responsive Styles - Universal Device Support */

.nav-logo {
    display: flex;
    align-items: center;
    justify-content: center;
}

.nav-logo a {
    display: flex;
    align-items: center;
    transition: transform 0.3s ease;
}

.nav-logo a:hover {
    transform: scale(1.05);
}

.nav-logo img {
    height: auto;
    width: auto;
    max-width: 100%;
    object-fit: contain;
    transition: all 0.3s ease;
}

.navbar {
    overflow: visible !important;
}

.nav-container {
    max-width: 100vw !important;
    overflow: visible !important;
}

.nav-menu {
    overflow: visible !important;
}

/* Small Mobile Phones (320px - 374px) */
@media (max-width: 374px) {
    .nav-logo img { height: 45px !important; max-width: 120px !important; }
}

/* Medium Mobile Phones (375px - 424px) */
@media (min-width: 375px) and (max-width: 424px) {
    .nav-logo img { height: 50px !important; max-width: 140px !important; }
}

/* Large Mobile Phones (425px - 767px) */
@media (min-width: 425px) and (max-width: 767px) {
    .nav-logo img { height: 55px !important; max-width: 160px !important; }
}

/* Small Tablets (768px - 991px) */
@media (min-width: 768px) and (max-width: 991px) {
    .nav-logo img { height: 70px !important; }
}

/* Medium Tablets (992px - 1199px) */
@media (min-width: 992px) and (max-width: 1199px) {
    .nav-logo img { height: 75px !important; }
}

/* Large Tablets (1200px - 1439px) */
@media (min-width: 1200px) and (max-width: 1439px) {
    .nav-logo img { height: 80px !important; }
}

/* Small Laptops (1440px - 1679px) */
@media (min-width: 1440px) and (max-width: 1679px) {
    .nav-logo img { height: 85px !important; }
}

/* Medium Laptops (1680px - 1919px) */
@media (min-width: 1680px) and (max-width: 1919px) {
    .nav-logo img { height: 90px !important; }
}

/* Large Laptops (1920px - 2559px) */
@media (min-width: 1920px) and (max-width: 2559px) {
    .nav-logo img { height: 95px !important; }
}

/* Small Monitors (2560px - 3439px) */
@media (min-width: 2560px) and (max-width: 3439px) {
    .nav-logo img { height: 110px !important; }
}

/* Medium Monitors (3440px - 4999px) */
@media (min-width: 3440px) and (max-width: 4999px) {
    .nav-logo img { height: 130px !important; }
}

/* Large Monitors (5000px+) */
@media (min-width: 5000px) {
    .nav-logo img { height: 150px !important; }
}

/* 49" Odyssey OLED G9 (5120x1440) */
@media (min-width: 5120px) and (max-height: 1440px) {
    .nav-logo img { height: 100px !important; }
}

/* 57" Odyssey Neo G9 (7680x2160) */
@media (min-width: 7680px) and (min-height: 2160px) {
    .nav-logo img { height: 140px !important; }
}

/* Vertical/Portrait Orientation */
@media (orientation: portrait) {
    .nav-logo img {
        max-height: 70px !important;
    }
}

/* Horizontal/Landscape Orientation - Ultra-wide */
@media (orientation: landscape) and (min-aspect-ratio: 21/9) {
    .nav-logo img {
        height: 85px !important;
    }
}

/* High DPI/Retina Displays */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .nav-logo img {
        image-rendering: -webkit-optimize-contrast;
        image-rendering: crisp-edges;
    }
}

/* Vertical Monitors (Portrait Mode on Desktop) */
@media (min-width: 1080px) and (orientation: portrait) {
    .nav-logo img { height: 80px !important; }
}

/* Touch Device Optimization */
@media (hover: none) and (pointer: coarse) {
    .nav-logo a {
        padding: 8px;
        margin: -8px;
    }
}