/* iPhone Portrait Mode Fix */
@media screen and (max-width: 430px) {
    /* Prevent horizontal scroll */
    html {
        overflow-x: hidden !important;
        width: 100% !important;
    }
    
    body {
        overflow-x: hidden !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        -webkit-text-size-adjust: 100% !important;
    }
    
    /* Fix all containers */
    #page,
    .site,
    .site-header,
    .site-content,
    .content-area,
    .site-main {
        max-width: 100% !important;
        width: 100% !important;
        overflow-x: hidden !important;
    }
    
    /* Fix specific elements that might be too wide */
    .hero-section,
    .container,
    .app-banner,
    .breachfeed-articles-container {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
        box-sizing: border-box !important;
    }
    
    /* Fix images and media */
    img, video, iframe {
        max-width: 100% !important;
        height: auto !important;
    }
    
    /* Fix tables */
    table {
        max-width: 100% !important;
        overflow-x: auto !important;
        display: block !important;
    }
    
    /* Fix pre and code blocks */
    pre, code {
        max-width: 100% !important;
        overflow-x: auto !important;
        word-wrap: break-word !important;
    }
    
    /* Remove any absolute positioning that might cause issues */
    .hero-section * {
        position: relative !important;
    }
    
    /* Fix the logo specifically */
    .site-branding img {
        max-width: 150px !important;
        height: auto !important;
    }
}

/* iPhone specific media query */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 430px) 
  and (-webkit-min-device-pixel-ratio: 2) 
  and (orientation: portrait) {
    body {
        -webkit-text-size-adjust: 100% !important;
        text-size-adjust: 100% !important;
    }
    
    /* Prevent zoom on input focus */
    input, textarea, select {
        font-size: 16px !important;
    }
}