/* iPhone-specific fixes */
@media screen and (max-width: 767px) {
    /* Ensure mobile menu toggle is visible */
    .mobile-menu-toggle {
        display: flex !important;
        position: absolute;
        right: 15px;
        top: 50%;
        transform: translateY(-50%);
        z-index: 100;
    }
    
    /* Fix header layout */
    .header-inner {
        position: relative;
        padding: 10px 0;
        justify-content: flex-start;
    }
    
    /* Adjust site branding */
    .site-branding {
        max-width: 70%;
        flex-wrap: nowrap;
        overflow: hidden;
    }
    
    .site-branding img {
        max-height: 50px;
        margin-right: 10px;
    }
    
    .site-title {
        font-size: 1rem;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    
    /* Ensure header right section is properly hidden */
    .header-right {
        display: none !important;
    }
    
    /* Force viewport to proper width */
    @viewport {
        width: device-width;
        zoom: 1.0;
    }
}

/* Special fix for iPhone Pro Max and other large phones */
@media screen and (min-width: 390px) and (max-width: 450px) {
    .site-branding {
        max-width: 65%;
    }
    
    .mobile-menu-toggle {
        right: 10px;
    }
}