/**
 * Mobile-only styles
 * Loaded exclusively on screens up to 768px wide.
 */

@media (max-width: 768px) {

    html,
    body,
    .wp-site-blocks {
        overflow-x: hidden;
    }

    /* -------------------------------------------------- */
    /* Add mobile-specific rules below                    */
    /* -------------------------------------------------- */

    div.wp-site-blocks {
        padding-left: 0;
        padding-right: 0;
    }
    .ai-green-squares {
        display: none !important;
    }
    body.home .ai-ultimas-noticias-header,
    body.home .ai-artigos-header {
        position: relative;
        overflow: visible;
    }
    body.home .ai-section-overlay-link {
        position: absolute;
        top: auto;
        right: 0;
        bottom: 0;
        left: auto;
        z-index: 5;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 40px;
        height: 40px;
        padding: 0;
        background: #8a7f4b;
        color: #ffffff;
        font-size: 0.58rem;
        font-weight: 700;
        line-height: 0.95;
        text-decoration: none;
        text-transform: uppercase;
        letter-spacing: 0;
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.18);
        text-align: center;
        white-space: normal;
    }
    body.home .ai-section-overlay-link:hover,
    body.home .ai-section-overlay-link:focus-visible {
        background: #8a7f4b;
        color: #ffffff;
        text-decoration: none;
    }
    .wp-block-query.ai-block-noticias.is-layout-constrained.wp-block-query-is-layout-constrained {
        height: initial;
        min-height: 0;
        max-height: initial;
        line-height: .8rem;
        overflow: initial;
        max-width: 100% !important;
        width: 100% !important;
    }
    p.wp-block-post-excerpt__excerpt {
        display: none;
    }
    .ai-sidebar.wp-block-column {
        width: calc(100vw - 4px) !important;
        max-width: 100% !important;
        min-width: 100% !important;
        margin-left: 2px !important;
        margin-right: 2px !important;
    }
    .wp-block-group.ai-sidebar {
        display: grid !important;
        grid-template-columns: minmax(0, 25.5%) minmax(0, 69%) !important;
        align-items: stretch !important;
        gap: 4px !important;
        width: calc(100vw - 4px) !important;
        max-width: calc(100vw - 4px) !important;
        padding-top: 0 !important;
        padding-left: 5px !important;
        padding-right: 5px !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .wp-block-group.ai-sidebar > * {
        margin-top: 0 !important;
        min-width: 0 !important;
    }
    .wp-block-group.ai-sidebar > .ai-sidebar-adds.wp-block-group {
        display: flex !important;
        align-items: stretch !important;
        padding: 0 !important;
        margin: 0 !important;
        min-width: 0 !important;
        height: 100% !important;
    }
    .ai-sidebar-ads-gallery.columns-2 {
        display: grid !important;
        grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
        gap: 4px !important;
        width: 100% !important;
        height: 100% !important;
        margin: 0 !important;
    }
    .ai-sidebar-ads-gallery.columns-2 .ai-media-gallery-item {
        display: block !important;
        box-sizing: border-box !important;
        width: 100% !important;
        aspect-ratio: 1 / 1 !important;
        margin: 0 !important;
        min-width: 0 !important;
        min-height: 0 !important;
        max-width: none !important;
        max-height: none !important;
    }
    .ai-sidebar-ads-gallery.columns-2 .ai-media-gallery-item img {
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }
    .wp-block-group.ai-sidebar > .ai-adspace-sidebar-wrap.wp-block-image.size-full {
        box-sizing: border-box !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        height: 100% !important;
        margin: 0 !important;
    }
    .wp-block-group.ai-sidebar > .ai-adspace-sidebar-wrap.wp-block-image.size-full img,
    .wp-block-group.ai-sidebar > .ai-adspace-sidebar-wrap.wp-block-image.size-full .ai-adspace-sidebar {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        height: 100% !important;
        object-fit: contain !important;
    }
    .ai-main-page-columns.wp-block-columns > .wp-block-column {
        max-width: 100% !important;
        min-width: 100% !important;
    }
    .ai-footer__grid > .wp-block-column {
        max-width: 100% !important;
        min-width: 100% !important;
    }

    .header-ai-div--new .ai-header-buttons {
        display: none;
    }
    .ai-hero-menu-header {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 16px !important;
        padding-right: 16px !important;
        box-sizing: border-box !important;
        overflow: visible !important;
    }
    .ai-hero-first-row.wp-block-columns.is-layout-flex.wp-container-core-columns-is-layout-28f84493.wp-block-columns-is-layout-flex {
        display: flex;
        flex-wrap: nowrap !important;
        align-items: center !important;
        justify-content: space-between !important;
        position: relative !important;
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        max-height: none;
        gap: 4px;
        overflow: visible !important;
    }
    .ai-menu-hero-group.wp-block-template-part {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 16px !important;
        padding-right: 16px !important;
        box-sizing: border-box !important;
        overflow: visible !important;
    }
    .ai-menu-hero-group.wp-block-template-part > * {
        width: 100% !important;
        max-width: 100% !important;
    }
    .ai-hero-first-row.wp-block-columns, .ai-hero-first-row .wp-block-columns {
        flex-wrap: nowrap!important;
        gap: 0;
    }
    .ai-hero-first-row > .wp-block-column:first-child,
    .ai-hero-first-row > .wp-block-column:last-child {
        flex: 0 0 36vw !important;
        width: 36vw !important;
        max-width: 36vw !important;
        min-width: 36vw !important;
    }
    .ai-hero-first-row > .ai-logo-header-center-column {
        flex: 0 0 auto !important;
        position: absolute !important;
        left: 50% !important;
        top: 50% !important;
        transform: translate(-50%, -50%) !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 44vw !important;
        max-width: 44vw !important;
        min-width: 0 !important;
        margin-left: 0 !important;
        z-index: 1 !important;
    }
    .ai-hero-first-row > .wp-block-column:first-child > .wp-block-columns,
    .ai-hero-first-row > .wp-block-column:last-child > .wp-block-columns {
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 0 !important;
        width: 36vw !important;
        max-width: 36vw !important;
    }
    .ai-hero-first-row > .wp-block-column:first-child,
    .ai-hero-first-row > .wp-block-column:last-child,
    .ai-hero-first-row > .wp-block-column:first-child > .wp-block-columns,
    .ai-hero-first-row > .wp-block-column:last-child > .wp-block-columns {
        position: relative !important;
        z-index: 2 !important;
    }
    .ai-hero-first-row > .wp-block-column:first-child > .wp-block-columns > .wp-block-column,
    .ai-hero-first-row > .wp-block-column:last-child > .wp-block-columns > .wp-block-column {
        flex: 0 0 18vw !important;
        width: 18vw !important;
        max-width: 18vw !important;
        min-width: 18vw !important;
    }
    .ai-hero-first-row > .wp-block-column:first-child .wp-block-image,
    .ai-hero-first-row > .wp-block-column:last-child .wp-block-image,
    .ai-hero-first-row > .wp-block-column:first-child .wp-block-image a,
    .ai-hero-first-row > .wp-block-column:last-child .wp-block-image a,
    .ai-hero-first-row > .wp-block-column:first-child .wp-block-image img,
    .ai-hero-first-row > .wp-block-column:last-child .wp-block-image img {
        display: block !important;
        width: 18vw !important;
        max-width: 18vw !important;
        min-width: 18vw !important;
        height: 18vw !important;
        max-height: 18vw !important;
        min-height: 18vw !important;
    }
    .ai-hero-first-row > .wp-block-column:first-child .wp-block-image img,
    .ai-hero-first-row > .wp-block-column:last-child .wp-block-image img {
        object-fit: cover !important;
    }
    .header-ai-div--new .ai-header-search-field {
        min-width: 210px;
        max-height: 39px;
    }
    .header-ai-div--new .ai-header-nav-row {
        margin-block-start: -16px;
    }
    .ai-date {
        min-width: 130px;
    }
    .header-ai-div--new {
        max-width: 100%;
        max-height: none;
        overflow: visible;
        padding: 0 !important;
        margin: 0 !important;
        display: grid !important;
        grid-template-columns: max-content minmax(0, 1fr) !important;
        grid-template-areas:
            "date search"
            "menu user" !important;
        align-items: center !important;
        column-gap: 12px !important;
        row-gap: 6px !important;
    }
    .header-ai-div--new .ai-header-top-row {
        display: contents !important;
    }
    .header-ai-div--new .ai-header-mid {
        margin-top: 0 !important;
        grid-area: search !important;
        width: 100% !important;
        min-width: 0 !important;
        justify-content: stretch !important;
    }
    .header-ai-div--new .ai-date {
        grid-area: date !important;
        width: auto !important;
        min-width: 0 !important;
        margin-top: 0 !important;
        white-space: nowrap !important;
        line-height: 1 !important;
        align-self: center !important;
    }
    .header-ai-div--new .ai-header-search-field {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
    }
    .ai-menu-hero-group .ai-menu-first-row .wp-block-columns.is-layout-flex.wp-container-core-columns-is-layout-28f84493.wp-block-columns-is-layout-flex {

    }
    .wp-block-group.ai-hero-second-row.ai-led-ticker.has-ai-paper-color.has-ai-dark-background-color.has-text-color.has-background.has-link-color.wp-elements-112fd3d9bcdb9891fa97b8cb915a79eb.is-layout-constrained.wp-container-core-group-is-layout-efb6bcc5.wp-block-group-is-layout-constrained {
        width: calc(100% - 32px) !important;
        max-width: calc(100% - 32px) !important;
        margin-left: 16px !important;
        margin-right: 16px !important;
        margin-top: 12px !important;
        margin-bottom: 16px !important;
        transform: none !important;
        box-sizing: border-box !important;
    }
    .wp-block-group.ai-hero-second-row .ai-marquee {
        width: 100% !important;
        max-width: 100% !important;
    }
    figure.wp-block-image.aligncenter.size-full.ai-logo-header {
        position: static !important;
        top: auto !important;
        left: auto !important;
        transform: none !important;
        margin: 0 1vw !important;
        width: 44vw !important;
        max-width: 44vw !important;
        min-width: 0 !important;
        z-index: 1 !important;
    }
    figure.wp-block-image.aligncenter.size-full.ai-logo-header img {
        display: block !important;
        width: 44vw !important;
        max-width: 44vw !important;
        min-width: 0 !important;
        height: auto !important;
    }
    div.ai-anuario-strip {
        display: none;
    }

    /* Mobile-only navigation */
    .ai-mobile-nav {
        display: flex !important;
        grid-area: menu !important;
        margin-top: 0 !important;
        width: auto !important;
        justify-content: flex-start !important;
        align-self: center !important;
        justify-self: start !important;
    }
    /* Header V2: ensure hamburger button is visible on mobile. */
    .ai-header-v2__drawer-nav {
        display: block !important;
    }
    .ai-header-v2__drawer-nav .wp-block-navigation__responsive-container-open {
        display: inline-flex !important;
    }
    .ai-mobile-navigation {
        position: relative !important;
        z-index: 9999 !important;
    }
    .ai-mobile-nav .wp-block-navigation__responsive-container-open {
        padding: 0 !important;
        min-width: 0 !important;
        width: auto !important;
        line-height: 1 !important;
        margin: 0 !important;
        justify-content: flex-start !important;
        border: 0 !important;
        background: transparent !important;
    }
    .ai-mobile-nav .wp-block-navigation__responsive-container-open svg {
        display: block !important;
        margin: 0 !important;
    }
    .ai-mobile-navigation .wp-block-navigation__responsive-container,
    .ai-mobile-navigation div[id^="modal-"].wp-block-navigation__responsive-container {
        background: #394029 !important;
        width: 100vw !important;
        max-width: 100vw !important;
        min-width: 100vw !important;
        top: calc(44vw + 64px) !important;
        left: 0 !important;
        right: auto !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        z-index: 10000 !important;
        transform: translateX(-100%) !important;
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
        transition: transform 220ms ease, opacity 220ms ease, visibility 220ms ease !important;
    }
    .ai-mobile-navigation .wp-block-navigation__responsive-container.is-menu-open,
    .ai-mobile-navigation div[id^="modal-"].wp-block-navigation__responsive-container.is-menu-open {
        transform: translateX(0) !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }
    .ai-mobile-drawer-portal.wp-block-navigation__responsive-container,
    .ai-mobile-drawer-portal[id^="modal-"].wp-block-navigation__responsive-container {
        background: #394029 !important;
        width: 100vw !important;
        max-width: 100vw !important;
        min-width: 100vw !important;
        top: calc(44vw + 64px) !important;
        left: 0 !important;
        right: auto !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        transform: translateX(-100%) !important;
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
        transition: transform 220ms ease, opacity 220ms ease, visibility 220ms ease !important;
    }
    .ai-mobile-drawer-portal.wp-block-navigation__responsive-container.is-menu-open,
    .ai-mobile-drawer-portal[id^="modal-"].wp-block-navigation__responsive-container.is-menu-open {
        transform: translateX(0) !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }
    .ai-mobile-navigation .wp-block-navigation__responsive-container-content,
    .ai-mobile-navigation .wp-block-navigation__container {
        align-items: flex-start !important;
        justify-content: flex-start !important;
        text-align: left !important;
        gap: 0.6rem !important;
        color: #fff !important;
        padding-left: 0.9rem !important;
        padding-right: 0.9rem !important;
    }
    .ai-mobile-navigation .wp-block-navigation-item {
        margin: 0 !important;
    }
    .ai-mobile-navigation .wp-block-navigation-item__content,
    .ai-mobile-navigation .wp-block-pages-list__item__link {
        color: #fff !important;
        font-size: 1rem !important;
        line-height: 1.2 !important;
        padding-top: 0.3rem !important;
        padding-bottom: 0.3rem !important;
    }
    .wp-block-group.is-layout-constrained.wp-container-core-group-is-layout-4383d167.wp-block-group-is-layout-constrained {
        display: flex;
        flex-direction: column;
	padding-top:0;
    }
    .ai-main-page-columns.wp-block-columns.alignwide.is-layout-flex.wp-container-core-columns-is-layout-28f84493.wp-block-columns-is-layout-flex {
        display: flex;
        flex-wrap: wrap !important;
        width: 100%;
        order: 1;
    }
    .ai-artigos.ai-bloco { order: 2; width: 100%; }
    .ai-funcionais.ai-bloco { order: 3; width: 100%; }
    .ai-revistas.ai-bloco { order: 4; width: 100%; }
    .ai-revistas,
    .ai-revistas > *,
    .ai-revistas .wp-block-group,
    .ai-revistas .wp-block-columns,
    .ai-revistas .wp-block-column,
    .ai-revistas .wp-block-image,
    .ai-revistas figure,
    .ai-revistas img {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box;
    }
    .ai-revistas {
        overflow-x: clip;
    }
    .ai-revistas .wp-block-image,
    .ai-revistas figure {
        overflow: hidden;
    }
    .ai-revistas .ai-revistas-capa img,
    .ai-revistas .wp-block-image img {
        height: auto !important;
        object-fit: contain !important;
    }
    .ai-bloco,
    .ai-bloco.wp-block-template-part,
    .ai-bloco > *,
    .ai-bloco .wp-block-group,
    .ai-bloco .wp-block-columns,
    .ai-bloco .wp-block-column {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box;
    }
    .ai-bloco .wp-block-columns {
        display: flex;
        flex-wrap: wrap !important;
        flex-direction: column !important;
        gap: 1rem;
    }
    .ai-bloco .wp-block-column {
        flex: 0 0 100% !important;
        flex-basis: 100% !important;
    }
    .ai-bloco .titulo-funcional,
    .ai-bloco .titulo-funcional.ai-guia-funcionais-title,
    .ai-bloco .titulo-funcional.ai-guia-ingredientes-title,
    .ai-bloco .titulo-funcional.ai-premiacao-title,
    .ai-bloco .titulo-funcional.ai-enquete-title,
    .ai-bloco figure,
    .ai-bloco img,
    .ai-bloco .wp-block-post-template,
    .ai-bloco .wp-block-post-template > li,
    .ai-bloco .wp-block-post-featured-image,
    .ai-bloco .wp-block-post-featured-image img {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }
    .ai-bloco .titulo-funcional::after {
        min-width: 0 !important;
    }
    .ai-artigos,
    .ai-funcionais,
    .ai-artigos > *,
    .ai-funcionais > *,
    .ai-artigos .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)),
    .ai-funcionais .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)),
    .ai-artigos .wp-block-query,
    .ai-funcionais .wp-block-query,
    .ai-artigos .wp-block-post-template,
    .ai-funcionais .wp-block-post-template,
    .ai-ultimas-noticias-block,
    .ai-images-noticias,
    .ai-images-noticias-columns,
    .ai-images-noticias-columns > .wp-block-column,
    .ai-search-category-wrapper,
    .ai-search-bar,
    .ai-search-input-wrapper,
    .ai-search-input-wrapper input,
    .ai-special-ad.ai-ads-layout-single,
    .ai-special-ad.ai-ads-layout-single .ai-ad-item,
    .ai-special-ad.ai-ads-layout-single .ai-ad-item img,
    .ai-magazine-cover-slide,
    .ai-magazine-cover-slide img {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .ai-special-ad.ai-ads-layout-single,
    .ai-special-ad.ai-ads-layout-single .ai-ad-item img {
        height: auto !important;
        max-height: none !important;
    }
    .ai-artigos .wp-block-post-template,
    .ai-funcionais .wp-block-post-template {
        display: grid !important;
        grid-template-columns: 1fr !important;
    }
    .ai-artigos .wp-block-post-template > li,
    .ai-funcionais .wp-block-post-template > li {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .ai-artigos .wp-block-post-title,
    .ai-funcionais .wp-block-post-title,
    .ai-artigos .wp-block-post-title a,
    .ai-funcionais .wp-block-post-title a,
    .ai-artigos .wp-block-post-excerpt,
    .ai-funcionais .wp-block-post-excerpt {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        white-space: normal !important;
        overflow-wrap: anywhere;
    }
    .ai-ultimas-noticias-block.wp-block-group.is-vertical.is-layout-flex.wp-container-core-group-is-layout-fe9cc265.wp-block-group-is-layout-flex {
        max-width: 100% !important;
        width: 100% !important;
	margin-top:0;
    }
    .ai-search-bar {
        display: flex;
        width: 100%;
        flex-direction: column;
    }
    /* revistas: force parent columns to wrap, then each column goes full width */
    .ai-revistas .wp-block-columns {
        flex-wrap: wrap !important;
        flex-direction: column;
    }
    /* hero second row: undo absolute positioning, make it full-width block */
    div.wp-block-group.ai-hero-second-row {
        position: relative !important;
        left: auto !important;
        top: 10px !important;
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
	margin-top: 0 !important;
    }

    .titulo-funcional>span {
        white-space: normal;
        font-size: 12px;
    }
    .wp-block-group.ai-images-noticias.is-layout-constrained.wp-block-group-is-layout-constrained {
        display: flex;
        flex-wrap: wrap !important;
    }
    .wp-block-columns.ai-images-noticias-columns.is-layout-flex.wp-container-core-columns-is-layout-28f84493.wp-block-columns-is-layout-flex {
        display: flex;
        flex-wrap: wrap !important;
        max-height: none;
	max-width:100%;
    }
    /* artigos & funcionais: collapse 4-col grid to single column */
    .ai-artigos-block .wp-block-post-template,
    .ai-artigos-block .is-layout-grid {
        grid-template-columns: 1fr !important;
    }
    .ai-artigos-block .wp-block-query,
    .ai-artigos-block .wp-block-query .wp-block-post-template {
        width: 100% !important;
        max-width: 100% !important;
    }

    /* funcionais nutraceuticos: collapse 3-col grid to single column */
    .ai-funcionaisnutraceuticos-block .wp-block-post-template,
    .ai-block-noticias-funcionaisnutraceuticos .wp-block-post-template {
        display: grid !important;
        grid-template-columns: 1fr !important;
        width: 100% !important;
        max-width: 100% !important;
    }
    .ai-funcionaisnutraceuticos-block .wp-block-post-template > li,
    .ai-block-noticias-funcionaisnutraceuticos .wp-block-post-template > li {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    .ai-noticia-item:not(.ai-noticias-card), .ai-revistas p {
        padding-left: 10px;
    }
    .ai-leia-mais-icon {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 18px !important;
        min-width: 18px !important;
        max-width: 18px !important;
        height: 18px !important;
        min-height: 18px !important;
        max-height: 18px !important;
        flex: 0 0 18px !important;
        line-height: 0 !important;
        overflow: hidden;
    }
    .ai-leia-mais-icon img,
    .ai-leia-mais-icon__img {
        display: block !important;
        width: 18px !important;
        min-width: 18px !important;
        max-width: 18px !important;
        height: 18px !important;
        min-height: 18px !important;
        max-height: 18px !important;
        flex: 0 0 18px !important;
        object-fit: contain !important;
    }
    .ai-noticia-item:not(.ai-noticias-card) .wp-block-post-excerpt__more-link {
        display: none !important;
    }
    .ai-ultimas-noticias-block .ai-noticia-item,
    .ai-ultimas-noticias-block .ai-noticias-card {
        padding-left: 0 !important;
    }
    .ai-ultimas-noticias-block .ai-ultimas-noticias-header .titulo-funcional::after {
        display: none !important;
    }
    h2.ai-no-wrap.wp-block-post-title.has-l-font-size {
        font-weight: bold;
    }
    .wp-block-group.ai-footer.is-layout-constrained.wp-block-group-is-layout-constrained {
        padding: 10px;
    }
    .header-ai-div--new .ai-header-user {
        position: static !important;
        top: auto !important;
        right: auto !important;
        grid-area: user !important;
        width: auto !important;
        max-width: 100% !important;
        margin-top: 0 !important;
        margin-left: auto !important;
        padding-top: 0 !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        column-gap: 8px !important;
        justify-content: flex-end !important;
        white-space: nowrap !important;
        justify-self: end !important;
        font-size: 11px !important;
        line-height: 1 !important;
    }
    .header-ai-div--new .ai-header-top-row {
        margin-top: -15px!important;
    }
    .header-ai-div--new .ai-user-hello,
    .header-ai-div--new .ai-user-profile,
    .header-ai-div--new .ai-user-logout {
        width: auto !important;
        font-size: 11px !important;
        line-height: 1 !important;
        text-align: left !important;
    }
    .header-ai-div--new .ai-user-hello {
        display: inline-flex !important;
        align-items: center !important;
        gap: 4px !important;
    }
    .header-ai-div--new .ai-user-profile,
    .header-ai-div--new .ai-user-logout {
        display: inline-block !important;
    }
    .header-ai-div--new .ai-user-locked {
        display: inline-flex !important;
        align-items: center !important;
    }
    .header-ai-div--new .ai-user-icon {
        width: 18px !important;
        height: 18px !important;
        margin-right: 20px;
    }
}

/* Hide mobile nav on desktop */
.ai-mobile-nav {
    display: none;
}

/* Hide desktop nav on mobile */
@media (max-width: 768px) {
    .ai-header-v2 .ai-header-v2__nav,
    .ai-header-v2 .ai-header-v2__nav-wrap > .ai-header-v2__nav {
        display: none !important;
        visibility: hidden !important;
        height: 0 !important;
        max-height: 0 !important;
        overflow: hidden !important;
        margin: 0 !important;
        padding: 0 !important;
        pointer-events: none !important;
    }

    .header-ai-div.ai-header-v2 {
        padding-left: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box !important;
    }

    .ai-header-v2 .ai-header-v2__inner {
        padding: 14px 16px 16px !important;
        box-sizing: border-box !important;
    }

    .ai-header-v2 .ai-header-v2__top {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 12px !important;
        min-height: 0 !important;
        padding: 2px 0 0 !important;
    }

    .ai-header-v2 .ai-header-v2__date {
        width: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        font-size: 0.8125rem !important;
        line-height: 1.35 !important;
        opacity: 0.92;
    }

    .ai-header-v2 .ai-header-v2__user {
        width: auto !important;
        justify-content: flex-end !important;
        flex-wrap: nowrap !important;
        gap: 8px !important;
    }

    .ai-header-v2 .ai-header-v2__hello,
    .ai-header-v2 .ai-header-v2__profile,
    .ai-header-v2 .ai-header-v2__logout {
        display: none !important;
    }

    .ai-header-v2 .ai-header-v2__user-icon {
        width: 36px !important;
        height: 36px !important;
        min-width: 36px !important;
    }

    .ai-header-v2 .ai-header-v2__bottom {
        display: grid !important;
        grid-template-columns: 48px minmax(0, 1fr) !important;
        align-items: center !important;
        gap: 12px !important;
        margin-top: 14px !important;
        padding-top: 2px !important;
        min-height: 0 !important;
    }

    .ai-header-v2 .ai-header-v2__nav-wrap {
        height: auto !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        justify-self: start !important;
    }

    .ai-header-v2 .ai-header-v2__drawer-nav .wp-block-navigation__responsive-container-open {
        width: 48px !important;
        height: 48px !important;
        min-width: 48px !important;
        min-height: 48px !important;
        padding: 0 !important;
        border-radius: 4px !important;
        background: rgba(255, 255, 255, 0.08) !important;
    }

    .ai-header-v2 .ai-header-v2__drawer-nav .wp-block-navigation__responsive-container-open svg {
        width: 22px !important;
        height: 22px !important;
    }

    .ai-header-v2 .ai-header-v2__actions {
        display: flex !important;
        align-items: stretch !important;
        width: 100% !important;
        min-width: 0 !important;
        height: auto !important;
        gap: 0 !important;
    }

    .ai-header-v2 .ai-header-v2__actions > .wp-block-button {
        display: none !important;
    }

    .ai-header-v2 .ai-header-v2__search {
        flex: 1 1 auto !important;
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
    }

    .ai-header-v2 .ai-header-v2__search form.wp-block-search {
        height: auto !important;
    }

    .ai-header-v2 .ai-header-v2__search .wp-block-search__inside-wrapper {
        height: 44px !important;
        min-height: 44px !important;
        border-radius: 0 !important;
        overflow: hidden !important;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
    }

    .ai-header-v2 .ai-header-v2__search .wp-block-search__input {
        height: 44px !important;
        min-height: 44px !important;
        font-size: 16px !important;
        line-height: 1.2 !important;
        padding: 0 12px !important;
        border-radius: 0 !important;
    }

    .ai-header-v2 .ai-header-v2__search .wp-block-search__button {
        width: 48px !important;
        min-width: 48px !important;
        height: 44px !important;
        min-height: 44px !important;
        border-radius: 0 !important;
    }

    .ai-hero-close {
        display: none !important;
    }

    [id^="hero-"].ai-hero-open .ai-hero-close {
        display: inline-flex !important;
    }

    .ai-header-nav-row {
        display: none !important;
    }

    .ai-header-v2__nav-wrap .ai-mobile-navigation .wp-block-navigation__responsive-container,
    .ai-header-v2__nav-wrap .ai-mobile-navigation div[id^="modal-"].wp-block-navigation__responsive-container {
        top: 0 !important;
    }
    .ai-mobile-drawer-portal.wp-block-navigation__responsive-container,
    .ai-mobile-drawer-portal[id^="modal-"].wp-block-navigation__responsive-container {
        top: 0 !important;
    }
}