/* ============================================================
   ivs-partner-nav: the Agents & Affiliates entry in the site header
   (Jesse, 19 Oct 2026: "make the Agent Login more visible ...
   without overcrowding the menu"; 26 Oct 2026: the Login dropdown +
   Register pair read as two sections, so it became ONE link to the
   partner page, which holds the login and registration doors).

   Replaces the two plain links Travel Agents | Affiliates in:
     - layouts/header.blade.php       top strip (desktop) + mobile sidenav
     - layouts/city-header.blade.php  top bar (city minisites)
     - partials/ivs-fab.blade.php     fab menu (styles in ivs-fab.css)

   Width budget (gotcha-teknis.md §Top strip): the strip is tight at
   1200px. Do not lengthen the label.

   Colours: the handshake glyph is amber on the dark strip
   (token-warna.md: amber only on dark grounds). The sidenav block
   sits on the light mobile menu, so it uses olive only.
   ============================================================ */

/* ---- Phone numbers in the strip: dialable, same look as before ---- */
.topbarstrip .tollfree a.ivs-tel {
    color: inherit;
    text-decoration: none;
}
.topbarstrip .tollfree a.ivs-tel:hover,
.topbarstrip .tollfree a.ivs-tel:focus-visible {
    /* header-footer.css pins `.topbarstrip a` to #fff !important */
    color: var(--v5-amber, #fcb913) !important;
    text-decoration: none;
}

/* ---- Desktop top strip ---- */
.topstripmenu .ivs-pnav-item .nav-link .ivs-pnav-ico {
    color: var(--v5-amber, #fcb913);
    font-size: 12px;
    margin-right: 5px;
}
/* Hairline that separates the partner entry from the traveller links. */
.topstripmenu .ivs-pnav-item--first {
    position: relative;
    margin-left: 6px;
    padding-left: 8px;
}
.topstripmenu .ivs-pnav-item--first::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    height: 14px;
    margin-top: -7px;
    border-left: 1px solid rgba(255, 255, 255, .4);
}

/* ---- Mobile sidenav (hamburger): button pinned to the bottom ----
   The legacy opener sets an inline display:block (layouts/app.blade.php),
   so the column layout needs !important. It only applies while the menu
   is open, and the block itself only shows inside the open menu, so the
   desktop nav (same markup) never sees it. */
.ivs-pnav-side { display: none; }
/* Same breakpoint as the hamburger (responsive.css): a menu left open while
   the window is widened must not restyle the desktop nav. */
@media only screen and (max-width: 767px) {
    .topsidenav.sidenavopen {
        display: flex !important;
        flex-direction: column;
    }
    .topsidenav.sidenavopen .ivs-pnav-side {
        display: block;
        flex: 0 0 auto;
        margin: auto 14px 18px;
        padding-top: 18px;
    }
}
.ivs-pnav-side .ivs-btn {
    width: 100%;
    justify-content: center;
    gap: 8px;
    min-height: 44px;
    padding-left: 10px;
    padding-right: 10px;
}

/* ---- City minisite top bar: glyph follows the city CTA colour,
   the same role amber plays on the main strip. ---- */
.city-header__topbar .ivs-pnav-ico {
    color: var(--city-accent, #d4a853);
    margin-right: 5px;
    font-size: 12px;
}
.city-header__topbar .ivs-pnav-sep {
    display: inline-block;
    width: 1px;
    height: 14px;
    background: rgba(255, 255, 255, .3);
}
.city-header__mobile-link .ivs-pnav-ico { margin-right: 8px; }