/* Mobile Styles */
@media (max-width: 768px) {
    .trending {
        display: none !important;
    }
    .more-headlines-row{
        flex-wrap:wrap;
    }
    .newsroom-row-container {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .newsroom-row-container > div {
        display: flex; 
        flex-direction: column;
        justify-content: center;
        margin: 0 auto;
        max-width: 372px;
        width: 100%;
        flex: 1 1 calc(25% - 0.75rem); /* 4 divs in a row normally */
        min-width: 0;
    }
    .iran-section-home {display: flex;
        flex-direction: column; max-width: 768px; 
        width: 100%; justify-content: center;
        margin-left: auto; margin-right: auto;
    }
    .iran-section-wrapper {
        display: flex; flex-direction: column !important;
        margin-left: auto; margin-right: auto; gap: 1rem;
    }
    .iran-section-wrapper-2 {
        display: flex; flex-direction: column !important;
        margin-left: auto; margin-right: auto; gap: 1.1rem;   
    }
    .iran-section-wrapper > div {
        display: flex; flex-direction: column !important;
        max-width: 768px; width: 100%; justify-content: center;
        margin-left: auto; margin-right: auto;
    }
    .iran-section-row {
        max-width: 768px; width: 100%;
        display: flex; flex-direction: column !important;
        margin: 0 auto;
        justify-content: center;
        
    }
    .about-us-row {
        display: none;
    }
    .about-us-row-mobile {
        display: flex;
        flex-wrap: wrap;
        max-width: 768px; 
        width: 100%; margin-left: auto; margin-right: auto;
        margin-top: .5rem;
        padding: .3rem 1rem .3rem 3rem;
        justify-content: flex-start;
        background: linear-gradient(30deg, #fffceb, white);
        border-radius: 1rem;
    }
    .mobile-nav {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        padding: 0 1rem;
    }
    .navbar {
        display: none;
    }
    body {
        padding-top: 5rem !important;
    }
    .container-1 {
        display: flex; 
        flex-direction: column; 
        justify-content: center;
        padding-bottom: 1rem;
    }
    .container-column {
        display: flex; 
        flex-direction: column; 
        justify-content: center;
        max-width: 768px; width: 100%; 
        margin-left: auto; margin-right: auto;
    }
    .container-flex {
        flex-direction: column;
        justify-content: center;
        justify-items: center;
        text-align: center;
        
    }
    .most-pop-row {
        max-width: 768px; width: 100%; 
        display: flex; flex-direction: column;
        margin-left: auto; margin-right: auto;
        justify-content: center;
        
    }    
    .most-pop-row-container {
        display: flex;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 1em;
        max-width: 307.2px;
        width: 100%;
    }
    footer {
        background: linear-gradient(60deg, #fffceb, #f5c127);
        padding-top: 1rem;
    }
    .footer-family {
        width: 100%;
        margin-left: auto; margin-right: auto;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        justify-content: center;
        gap: 0 !important;    
    }
    footer i {
        font-size: 1rem;
        margin: 0 .5rem;
    }
    .footer-row span {
        display: none;
    }
    .newsletter {
        max-width: 768px;
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: .5rem;
        padding: 0;
        margin: 0 auto; /* Center on the page */
        
    }
    .newsletter h3 {
        font-family: 'Maven Pro', sans-serif;
        font-size: 1rem; color: #d98900;
    }    
    .copyright-and-company {
        font-family: 'Maven Pro', sans-serif;
        font-weight: 400;
        font-size: .8rem;
        padding: .4rem !important;
        color: gray;
    }
    
}

@media (max-width: 1366px) {
    body {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .view-all-container {
        width: 100%;
        margin-left: auto; margin-right: auto;
        padding-right: 1rem;
        margin-top: 1rem; margin-bottom: 1rem;
    }
    .banner-1148 {
        width: 100%;
        padding: 0 1rem; /* optional: for some breathing space on sides */
    }
    .french-family {
        display: none !important;
    }
    .logo-container {
        display: flex;
        max-width: 186px !important;
        width: 100%; 
        justify-content: center; 
        align-content: center;
    }
}


/* Newsroom-Style Container */
@media (max-width: 1536px) {
    body {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .view-all-container {
        width: 100%;
        margin-left: auto; margin-right: auto;
        padding-right: 1rem;
        margin-top: 1rem; margin-bottom: 1rem;
    }
    .in-pictures-row-container > div:nth-of-type(4) {
        display: none; /* hide 4th div */
    }
    .in-pictures-row-container > div {
        flex: 1 1 calc(33.3333% - 0.666rem); 
    }
    .newsroom-row-container > div:nth-of-type(4) {
        display: none; /* hide 4th div */
    }
    .newsroom-row-container > div {
        flex: 1 1 calc(33.3333% - 0.666rem); 
    }
    .wide-banner-live-updates-column {
        display: none !important;
    }
    .banner-home {
        justify-content: center;
    }
    .discover-bg {
        background-image: none !important;
        background-color: #fff3ad;
        background-size: cover; /* or "contain" */
        background-position: center center;
        background-repeat: no-repeat;
        width: 100%;
        margin: 0 auto;
    }
    /* Shows */
    .shows-kid-column-2 {
        display: none !important;
    }

    .container-flex.gap-md {
        justify-content: center;
    }

    /* Investigations */
    .container-column.column-372.ml-lg {
        display: none;
    }

    .container-flex {
        justify-content: center;
    }

    /* Iran */
    .iran-section-row > div:nth-of-type(3) {
        display: none; 
    }

    .iran-section-wrapper {
        justify-content: center;
    }

    .iran-section-wrapper-2 {
        display: none !important;
    }
    /* Documentaries */
    .docs-main-container {
        justify-content: center;
    }
    .docs-main-container > div:nth-of-type(2) {
        display: none; 
    }
    /* Iran */
    .iran-section-row > div:nth-of-type(2) {
        display: none; 
    }
    /* Footer family */
    .footer-family {
        max-width: 1536px;
        width: 100%;
        margin-left: auto; margin-right: auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: .5rem;
    }
    .footer-row {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .follow-column {
        display: flex; 
        flex-direction: column; 
        max-width: 810px;
        margin: 0 auto;
    }
    .shows-kid-column {
        display: none !important;
    }
    .most-recent {
        max-width: 372px; width: 100%;
        display: none !important;
        flex-direction: column;
    }
    .most-recent-and-company {
        max-width: 1536px; 
        width: 100%;
        margin-left: auto; margin-right: auto;
        display: flex; 
        padding: 1rem 0; gap: 1rem;
        justify-content: center;
    }
    .menu-main li {
        position: relative; /* Ensure dropdown can be positioned absolutely */
        cursor: pointer;
        font-family: 'Maven Pro';
        font-weight: 500;
        font-size: 1rem !important; 
        text-decoration: none; color: #000a44;
    }
    .menu-main > ul {
        list-style: none;
        margin: 0; 
        padding: 1rem;
        display: flex; 
        flex-wrap: nowrap;
        justify-content: center; /* horizontal centering */
        align-items: center; /* vertical centering */
        max-width: 792px;
        width: 100%;
        gap: 1rem !important;
    }
    .french-family a {
        font-family: 'Maven Pro'; 
        font-weight: 500;
        font-size: .8rem !important; 
        text-decoration: none; 
        color: inherit;
    }
}
@media (max-width: 1024px) {
    .newsroom-row-container > div {
        flex: 1 1 calc(50% - 0.5rem); /* 2 per row */
    }
}
@media (max-width: 640px) {
    .newsroom-row-container > div {
        flex: 1 1 100%; /* 1 per row */
    }
}


@media (max-width: 1024px) {
    .in-pictures-row-container > div {
        flex: 1 1 calc(50% - 0.5rem); /* 2 per row */
    }
}
@media (max-width: 640px) {
    .in-pictures-row-container > div {
        flex: 1 1 100%; /* 1 per row */
    }
}
@media (max-width: 480px) {
    .overlay-text {
        font-size: 1rem;
    }
}
/* on-open-section */
@media (max-width: 1024px) {
    .on-open-section {
        flex-direction: column;
        gap: 2rem; /* Optional: more spacing between stacked sections */
        align-items: center;
    }
    .main-headlines-column1,
    .column-372,
    .column-372-pick {
        align-items: center;
        margin-left: auto;
        margin-right: auto;
        max-width: 100%;
        width: 100%;
    }
}