/* =========================================================================
   Inspecto Shield – site header overrides (loaded after structure/firebrigade)
   ========================================================================= */

/* 1. Dark strip behind the nav on HOME — only as tall as the menu row (60px),
      from just before the first menu item to the right edge (like About). */
@media only screen and (min-width: 1240px) {
    .home.header-transparent #Top_bar:not(.is-sticky) .container {
        overflow-x: clip;
    }
    .home.header-transparent #Top_bar:not(.is-sticky) .menu_wrapper {
        position: relative;
    }
    .home.header-transparent #Top_bar:not(.is-sticky) .menu_wrapper::before {
        content: "";
        position: absolute;
        top: 40px;
        height: 60px;
        left: -20px;
        width: 100vw;
        background-color: rgba(20, 20, 20, 0.6);
        pointer-events: none;
        z-index: -1;
    }
    .home #Top_bar .top_bar_right {
        position: relative;
        z-index: 210;
    }
}

/* 2. Keep logo + menu + "Book" button on ONE line at 100% zoom (1240–1500px) */
@media only screen and (min-width: 1240px) and (max-width: 1500px) {
    #Top_bar .logo { margin: 0 15px 0 10px; }
    .home #Top_bar #logo img { height: 100px !important; margin-top: 20px; }
    #menu > ul > li > a { font-size: 17px; }
    #Top_bar .menu > li > a span:not(.description) { padding: 0 11px; }
    #Top_bar a.action_button { font-size: 16px; letter-spacing: 0; }
}

/* Slightly tighter on small laptops (1240–1340px) */
@media only screen and (min-width: 1240px) and (max-width: 1340px) {
    #menu > ul > li > a { font-size: 16px; }
    #Top_bar .menu > li > a span:not(.description) { padding: 0 9px; }
    .home #Top_bar #logo img { height: 90px !important; margin-top: 25px; }
}