/*
 * SMIS Header 8149 — exact 767px breakpoint correction.
 *
 * Diagnostics from Windows Snap at 125% display scaling showed Chrome reporting
 * window.innerWidth = 767px. Facultic/ThemeREX's device visibility rules leave
 * this exact boundary between the mobile and tablet ranges, causing several
 * mutually exclusive header rows to render at once.
 *
 * Scope is deliberately narrow:
 *   - only the live custom header layout 8149
 *   - only the 767px boundary
 *   - only elements already identified inside that responsive header state
 */
@media (min-width: 767px) and (max-width: 767.98px) {
    /* Restore the visibility semantics ThemeREX misses at this exact boundary. */
    header.top_panel_custom_8149 .sc_layouts_hide_on_mobile,
    header.top_panel_custom_8149 .hide_on_mobile {
        display: none !important;
    }

    /*
     * Header image widget a2ec3da is the remaining SMIS logo in this responsive
     * row. Elementor gives it an oversized centred mobile width, so it floats
     * over the hero. Keep the same asset, but match the compact logo scale seen
     * in the normal desktop header and anchor it to the left of its own column.
     */
    header.top_panel_custom_8149 .elementor-element-a2ec3da,
    header.top_panel_custom_8149 .elementor-element-a2ec3da .elementor-widget-container {
        text-align: left !important;
    }

    header.top_panel_custom_8149 .elementor-element-a2ec3da img {
        display: block !important;
        width: 164px !important;
        max-width: 164px !important;
        height: auto !important;
        margin: 0 !important;
        object-fit: contain !important;
    }
}