/* ===== Q. LUXURY DROPDOWN MENUS (2026-07-23, user-approved "Option 1" preview) =====
   Scope: desktop dropdowns (normal nav + sticky clone, NOT slideout) get a gold
   frame; the Services dropdown flattens its region level (London/Turkey/Bosnia
   become gold group headers with children listed inline, deeper levels stay
   hover flyouts); gold inline-SVG icons on submenu items everywhere incl. the
   mobile slideout, which also gets top-level icons + a gold indent rail.
   Menu item ids: AR menu 805 / EN menu 19 — both hardcoded below.
   GP hides submenus via left:-99999px + opacity:0 + height:0 (sfHover/:hover
   reveals) — the flatten block below must neutralise ALL of those.
   Reversible: delete this whole style block. (NEVER write a literal
   style TAG inside a CSS comment here — LiteSpeed's HTML optimizer treats
   it as a real opener and the guest page loses its closing tag, swallowing
   every script tag after this block as inert CSS text. Broke suitcase
   dropdown + placeholders for guests on 24 Jul.) */

@media (min-width: 1150px) {
  /* Q1: gold frame on all top-level dropdown panels */
  nav.main-navigation:not(.slideout-navigation) .main-nav > ul > li > ul.sub-menu {
    border: 1px solid rgba(212,175,55,.28); border-top: 0;
    border-radius: 0 0 12px 12px; padding: 6px 4px 10px;
  }
  /* Q2a: Services = 3-column MEGA panel (24 Jul, user request: regions London/
     Turkey/Bosnia side by side, each with its pages beneath). The panel is
     centered under its own li; GP's hide/show still works via opacity/height/
     pointer-events, so pinning left/transform permanently is safe. right:auto
     matters in RTL: with left+right both set, RTL resolves the overconstraint
     in favour of `right` and the centering breaks. */
  nav.main-navigation:not(.slideout-navigation) li.menu-item-21487,
  nav.main-navigation:not(.slideout-navigation) li.menu-item-21448 { position: relative; }
  nav.main-navigation:not(.slideout-navigation) li.menu-item-21487 > ul.sub-menu,
  nav.main-navigation:not(.slideout-navigation) li.menu-item-21448 > ul.sub-menu {
    /* !important: a legacy `.main-navigation ul ul{width:auto!important}` rule
       (≥1150px) silently beat this width — panel measured 905px, not 740 */
    width: min(740px, 94vw) !important;
    display: flex !important; flex-wrap: nowrap; align-items: flex-start;
    /* 24 Jul v2 (user screenshot): flush with the li's HIGHLIGHT box edge
       (right:0), not the word start — the hover box is what the eye reads as
       "حدود خدماتنا", and a 9px offset made panel+highlight look jagged.
       RTL note: with left+right both set, RTL resolves the overconstraint in
       favour of `right`, hence the .rtl override below. */
    left: 0 !important; right: auto !important; transform: none;
    padding: 12px 8px 16px;
  }
  .rtl nav.main-navigation:not(.slideout-navigation) li.menu-item-21487 > ul.sub-menu,
  .rtl nav.main-navigation:not(.slideout-navigation) li.menu-item-21448 > ul.sub-menu {
    left: auto !important; right: 0 !important;
  }
  /* each region li is one column */
  nav.main-navigation:not(.slideout-navigation) li.menu-item-21487 > .sub-menu > li,
  nav.main-navigation:not(.slideout-navigation) li.menu-item-21448 > .sub-menu > li {
    flex: 1 1 0; min-width: 0; float: none !important; padding: 0 10px;
  }
  /* long labels must WRAP inside their column, not overflow into the next
     (the Bosnia leaf ran over the Turkey column) — both mega panels */
  nav.main-navigation:not(.slideout-navigation) li.menu-item-21487 .sub-menu a,
  nav.main-navigation:not(.slideout-navigation) li.menu-item-21448 .sub-menu a,
  nav.main-navigation:not(.slideout-navigation) li.menu-item-21511 > .sub-menu a,
  nav.main-navigation:not(.slideout-navigation) li.menu-item-21451 > .sub-menu a {
    white-space: normal !important; line-height: 1.5;
  }

  /* Q2: flatten the region level inside Services (AR 21487 / EN 21448) */
  nav.main-navigation:not(.slideout-navigation) li.menu-item-21487 > .sub-menu > li > .sub-menu,
  nav.main-navigation:not(.slideout-navigation) li.menu-item-21448 > .sub-menu > li > .sub-menu {
    position: static !important; left: auto !important; right: auto !important; top: auto !important;
    display: block !important; visibility: visible !important; opacity: 1 !important;
    height: auto !important; overflow: visible !important; pointer-events: auto !important;
    width: 100% !important; min-width: 0 !important; float: none !important;
    transition: none !important; box-shadow: none !important; border: 0 !important;
    border-radius: 0 !important; margin: 0 !important; padding: 0 !important;
    background: transparent !important;
  }
  /* region links become gold group headers */
  nav.main-navigation:not(.slideout-navigation) li.menu-item-21487 > .sub-menu > li > a,
  nav.main-navigation:not(.slideout-navigation) li.menu-item-21448 > .sub-menu > li > a {
    color: #d4af37 !important; font-size: 12.5px !important; letter-spacing: .6px;
    background: transparent !important; padding-top: 12px; padding-bottom: 4px;
  }
  /* their children are always visible now — drop the misleading arrows.
     Specificity must BEAT section G's RTL arrow-flip rule
     (.rtl .main-navigation:not(...) .main-nav ul ul li.menu-item-has-children > a
     .dropdown-menu-toggle = 0,5,4 !important, plus a #sticky-navigation variant
     at 1,5,4) — hence the padded selectors below (0,6,5 and 1,6,4-after-G). */
  nav.main-navigation:not(.slideout-navigation) .main-nav ul ul li.menu-item.menu-item-has-children.menu-item-21488 > a .dropdown-menu-toggle,
  nav.main-navigation:not(.slideout-navigation) .main-nav ul ul li.menu-item.menu-item-has-children.menu-item-21498 > a .dropdown-menu-toggle,
  nav.main-navigation:not(.slideout-navigation) .main-nav ul ul li.menu-item.menu-item-has-children.menu-item-21504 > a .dropdown-menu-toggle,
  nav.main-navigation:not(.slideout-navigation) .main-nav ul ul li.menu-item.menu-item-has-children.menu-item-21452 > a .dropdown-menu-toggle,
  nav.main-navigation:not(.slideout-navigation) .main-nav ul ul li.menu-item.menu-item-has-children.menu-item-21453 > a .dropdown-menu-toggle,
  nav.main-navigation:not(.slideout-navigation) .main-nav ul ul li.menu-item.menu-item-has-children.menu-item-21454 > a .dropdown-menu-toggle,
  #sticky-navigation .main-nav ul ul li.menu-item.menu-item-has-children.menu-item-21488 > a .dropdown-menu-toggle,
  #sticky-navigation .main-nav ul ul li.menu-item.menu-item-has-children.menu-item-21498 > a .dropdown-menu-toggle,
  #sticky-navigation .main-nav ul ul li.menu-item.menu-item-has-children.menu-item-21504 > a .dropdown-menu-toggle,
  #sticky-navigation .main-nav ul ul li.menu-item.menu-item-has-children.menu-item-21452 > a .dropdown-menu-toggle,
  #sticky-navigation .main-nav ul ul li.menu-item.menu-item-has-children.menu-item-21453 > a .dropdown-menu-toggle,
  #sticky-navigation .main-nav ul ul li.menu-item.menu-item-has-children.menu-item-21454 > a .dropdown-menu-toggle { display: none !important; }
  /* vertical hairline between the columns (was a horizontal one when the
     regions stacked); no top-of-column offsets so headers align */
  nav.main-navigation:not(.slideout-navigation) li.menu-item-21498,
  nav.main-navigation:not(.slideout-navigation) li.menu-item-21504,
  nav.main-navigation:not(.slideout-navigation) li.menu-item-21453,
  nav.main-navigation:not(.slideout-navigation) li.menu-item-21454 {
    border-top: 0; margin-top: 0; padding-top: 0;
    border-inline-start: 1px solid rgba(212,175,55,.16);
  }
  /* Q2b (24 Jul): deeper groups (airport transfers / VIP) no longer fly out —
     inside a column they flatten too: bold label + indented pages beneath
     (position:static also defuses section G's `.rtl ... ul ul ul{right:100%}`) */
  nav.main-navigation:not(.slideout-navigation) li.menu-item-21489 > .sub-menu,
  nav.main-navigation:not(.slideout-navigation) li.menu-item-21494 > .sub-menu,
  nav.main-navigation:not(.slideout-navigation) li.menu-item-21460 > .sub-menu,
  nav.main-navigation:not(.slideout-navigation) li.menu-item-21461 > .sub-menu {
    position: static !important; left: auto !important; right: auto !important; top: auto !important;
    display: block !important; visibility: visible !important; opacity: 1 !important;
    height: auto !important; overflow: visible !important; pointer-events: auto !important;
    width: 100% !important; min-width: 0 !important; float: none !important;
    transition: none !important; box-shadow: none !important; border: 0 !important;
    border-radius: 0 !important; margin: 0 !important; padding: 0 !important;
    padding-inline-start: 12px !important;
    background: transparent !important;
  }
  nav.main-navigation:not(.slideout-navigation) li.menu-item-21489 > a,
  nav.main-navigation:not(.slideout-navigation) li.menu-item-21494 > a,
  nav.main-navigation:not(.slideout-navigation) li.menu-item-21460 > a,
  nav.main-navigation:not(.slideout-navigation) li.menu-item-21461 > a { font-weight: 600; }
  /* their arrows lie too now — hide them (same specificity war as the regions:
     padded selectors + #sticky-navigation variants beat section G's flip rule) */
  nav.main-navigation:not(.slideout-navigation) .main-nav ul ul li.menu-item.menu-item-has-children.menu-item-21489 > a .dropdown-menu-toggle,
  nav.main-navigation:not(.slideout-navigation) .main-nav ul ul li.menu-item.menu-item-has-children.menu-item-21494 > a .dropdown-menu-toggle,
  nav.main-navigation:not(.slideout-navigation) .main-nav ul ul li.menu-item.menu-item-has-children.menu-item-21460 > a .dropdown-menu-toggle,
  nav.main-navigation:not(.slideout-navigation) .main-nav ul ul li.menu-item.menu-item-has-children.menu-item-21461 > a .dropdown-menu-toggle,
  #sticky-navigation .main-nav ul ul li.menu-item.menu-item-has-children.menu-item-21489 > a .dropdown-menu-toggle,
  #sticky-navigation .main-nav ul ul li.menu-item.menu-item-has-children.menu-item-21494 > a .dropdown-menu-toggle,
  #sticky-navigation .main-nav ul ul li.menu-item.menu-item-has-children.menu-item-21460 > a .dropdown-menu-toggle,
  #sticky-navigation .main-nav ul ul li.menu-item.menu-item-has-children.menu-item-21461 > a .dropdown-menu-toggle { display: none !important; }

  /* ===== Q5 (24 Jul, approved suggestion): Travel Guide = 2-column panel =====
     AR (21511) gets gold group headers via the ul's ::before/::after — on a
     grid container pseudo-elements become grid items, so they occupy row 1 of
     each column. EN (21451) children don't split semantically -> plain 3+3.
     grid-row/column are hardcoded per menu-item id (matches DOM order). */
  nav.main-navigation:not(.slideout-navigation) li.menu-item-21511,
  nav.main-navigation:not(.slideout-navigation) li.menu-item-21451 { position: relative; }
  nav.main-navigation:not(.slideout-navigation) li.menu-item-21511 > ul.sub-menu,
  nav.main-navigation:not(.slideout-navigation) li.menu-item-21451 > ul.sub-menu {
    width: min(300px, 94vw) !important;
    display: grid !important; grid-template-columns: 1fr;
    align-items: start; align-content: start;
    left: 0 !important; right: auto !important;
    padding: 10px 8px 14px;
  }
  .rtl nav.main-navigation:not(.slideout-navigation) li.menu-item-21511 > ul.sub-menu,
  .rtl nav.main-navigation:not(.slideout-navigation) li.menu-item-21451 > ul.sub-menu {
    left: auto !important; right: 0 !important;
  }
  nav.main-navigation:not(.slideout-navigation) li.menu-item-21511 > ul.sub-menu::before {
    display: block; color: #d4af37; font-size: 12.5px; font-weight: 600;
    letter-spacing: .6px; padding: 12px 20px 4px;
  }
  nav.main-navigation:not(.slideout-navigation) li.menu-item-21511 > ul.sub-menu::before { content: "أدلة الدول"; }

  /* ===== Q6 (24 Jul, approved suggestion): gold hover tint on dropdown links ===== */
  nav.main-navigation:not(.slideout-navigation) .main-nav ul ul li > a:hover,
  #sticky-navigation .main-nav ul ul li > a:hover {
    background: rgba(212,175,55,.13) !important; border-radius: 8px;
  }
}

/* Q3: gold SVG icons. Shared box first, then one background-image per icon.
   Submenu-item icons apply everywhere (desktop dropdowns + slideout); top-level
   icons are slideout-only (the desktop menu bar stays clean). */
.main-navigation li.menu-item-21488 > a::before, .main-navigation li.menu-item-21452 > a::before,
.main-navigation li.menu-item-21498 > a::before, .main-navigation li.menu-item-21453 > a::before,
.main-navigation li.menu-item-21504 > a::before, .main-navigation li.menu-item-21454 > a::before,
.main-navigation li.menu-item-21489 > a::before,
.main-navigation li.menu-item-21460 > a::before,
.main-navigation li.menu-item-21494 > a::before,
.main-navigation li.menu-item-21461 > a::before,
.main-navigation li.menu-item-21496 > a::before, .main-navigation li.menu-item-21499 > a::before,
.main-navigation li.menu-item-21503 > a::before, .main-navigation li.menu-item-21505 > a::before,
.main-navigation li.menu-item-21462 > a::before, .main-navigation li.menu-item-21464 > a::before,
.main-navigation li.menu-item-21468 > a::before, .main-navigation li.menu-item-21469 > a::before,
.main-navigation li.menu-item-21497 > a::before, .main-navigation li.menu-item-21463 > a::before,
.slideout-navigation li.menu-item-21487 > a::before, .slideout-navigation li.menu-item-21448 > a::before,
.slideout-navigation li.menu-item-21506 > a::before, .slideout-navigation li.menu-item-21449 > a::before,
.slideout-navigation li.menu-item-21511 > a::before, .slideout-navigation li.menu-item-21451 > a::before,
.slideout-navigation li.menu-item-26579 > a::before, .slideout-navigation li.menu-item-26574 > a::before,
.slideout-navigation li.menu-item-26957 > a::before, .slideout-navigation li.menu-item-26959 > a::before,
.slideout-navigation li.menu-item-21510 > a::before, .slideout-navigation li.menu-item-21450 > a::before {
  content: ""; display: inline-block; width: 16px; height: 16px;
  margin-inline-end: 9px; vertical-align: -3px;
  background-position: center; background-repeat: no-repeat; background-size: contain;
}
.main-navigation li.menu-item-21488 > a::before, .main-navigation li.menu-item-21452 > a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d4af37' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 21h12M9 21V6l3-3 3 3v15'/%3E%3Ccircle cx='12' cy='10' r='1.8'/%3E%3Cpath d='M9 15h6'/%3E%3C/svg%3E"); }
.main-navigation li.menu-item-21498 > a::before, .main-navigation li.menu-item-21453 > a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d4af37' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 21h20M4 21V9M20 21V9M7 21v-5c0-3 2.2-5 5-5s5 2 5 5v5'/%3E%3Cpath d='M12 8V6'/%3E%3C/svg%3E"); }
.main-navigation li.menu-item-21504 > a::before, .main-navigation li.menu-item-21454 > a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d4af37' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 19v-3c0-4 3.6-7 8-7s8 3 8 7v3'/%3E%3Cpath d='M2 13h20M8 19v-2M16 19v-2'/%3E%3C/svg%3E"); }
/* (24 Jul, user request: plane icons kept ONLY on the two group headers —
   Turkey airport-transfer leaves 21500/21501/21502 + EN 21465/21466/21467
   stripped, as were VIP leaves 21495/21474 and students 26183 below) */
.main-navigation li.menu-item-21489 > a::before,
.main-navigation li.menu-item-21460 > a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23d4af37' d='M21.5 15.6v-1.9l-8.5-4.6V4.6c0-.9-.4-1.9-1-1.9s-1 1-1 1.9v4.5l-8.5 4.6v1.9l8.5-2.4v4.9l-2.1 1.5v1.4l3.1-.9 3.1.9v-1.4l-2.1-1.5v-4.9l8.5 2.4z'/%3E%3C/svg%3E"); }
.main-navigation li.menu-item-21494 > a::before,
.main-navigation li.menu-item-21461 > a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d4af37' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 17.5h16L21.2 9l-5 3L12 6.5 7.8 12l-5-3L4 17.5z'/%3E%3Cpath d='M5.5 20.5h13'/%3E%3C/svg%3E"); }
.main-navigation li.menu-item-21496 > a::before, .main-navigation li.menu-item-21499 > a::before,
.main-navigation li.menu-item-21503 > a::before, .main-navigation li.menu-item-21505 > a::before,
.main-navigation li.menu-item-21462 > a::before, .main-navigation li.menu-item-21464 > a::before,
.main-navigation li.menu-item-21468 > a::before, .main-navigation li.menu-item-21469 > a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d4af37' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8'/%3E%3Ccircle cx='12' cy='12' r='2.4'/%3E%3Cpath d='M4.3 11h5.4M14.3 11h5.4M12 14.4V20'/%3E%3C/svg%3E"); }
.main-navigation li.menu-item-21497 > a::before, .main-navigation li.menu-item-21463 > a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d4af37' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 21V4'/%3E%3Cpath d='M6 5h11l-2.5 3.5L17 12H6'/%3E%3C/svg%3E"); }
.slideout-navigation li.menu-item-21506 > a::before, .slideout-navigation li.menu-item-21449 > a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d4af37' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 16.5V13l2.5-5h11L20 12.5v4'/%3E%3Cpath d='M3 13h17.5'/%3E%3Ccircle cx='7' cy='17' r='2'/%3E%3Ccircle cx='16.5' cy='17' r='2'/%3E%3C/svg%3E"); }
/* (24 Jul, user request: fleet-car + travel-guide leaf icons removed —
   selectors 21507/21508/21509/21569, 21455/21456/21457/25942, 25345/21512/
   21513/21458, 21525-21529, 21515-21519 dropped from the shared box rule and
   their car/map/pin background rules deleted. Top-level slideout icons and the
   Services-branch icons are untouched.) */
.slideout-navigation li.menu-item-21487 > a::before, .slideout-navigation li.menu-item-21448 > a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d4af37' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='7.5' width='18' height='12.5' rx='2'/%3E%3Cpath d='M9 7.5V6a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v1.5M3 13h18'/%3E%3C/svg%3E"); }
.slideout-navigation li.menu-item-21511 > a::before, .slideout-navigation li.menu-item-21451 > a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d4af37' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M15.5 8.5l-2 5-5 2 2-5 5-2z'/%3E%3C/svg%3E"); }
.slideout-navigation li.menu-item-26579 > a::before, .slideout-navigation li.menu-item-26574 > a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d4af37' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20l1.2-4.2L16.5 4.5a2.1 2.1 0 0 1 3 3L8.2 18.8 4 20z'/%3E%3Cpath d='M14.5 6.5l3 3'/%3E%3C/svg%3E"); }
/* Day trips — castle. Slideout only: the desktop bar deliberately carries no icon on top-level items, and the 🏰 emoji was dropped from the item titles
   on 30 Jul so it could not leak into the desktop menu or the page title. */
.slideout-navigation li.menu-item-26957 > a::before, .slideout-navigation li.menu-item-26959 > a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d4af37' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 21h18'/%3E%3Cpath d='M4 21V9h2V7h2v2h2V6h4v3h2V7h2v2h2v12'/%3E%3Cpath d='M10 21v-4a2 2 0 0 1 4 0v4'/%3E%3C/svg%3E"); }
.slideout-navigation li.menu-item-21510 > a::before, .slideout-navigation li.menu-item-21450 > a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d4af37' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 4h4l2 5-2.5 1.5a11 11 0 0 0 5 5L15 13l5 2v4a2 2 0 0 1-2 2A17 17 0 0 1 3 6a2 2 0 0 1 2-2z'/%3E%3C/svg%3E"); }

/* Q4: slideout accordion polish — gold rail marks the open branch */
.slideout-navigation ul.sub-menu {
  border-inline-start: 2px solid rgba(212,175,55,.4);
  margin-inline-start: 14px;
}

/* ===== Q7 (24 Jul; bar removed 30 Jul 2026 on owner request) =====
   The slideout used to end in a sticky WhatsApp + Book Now bar. It is gone:
   the gold header button is on screen at all times and covers the same job.
   Only the menu-item hide survives — li.header-book-btn is still in both
   menus and must not reappear as a pill inside the panel. */
.slideout-navigation li.header-book-btn { display: none !important; }

/* ===== S. Top-level chevrons on one line (30 Jul 2026) =====
   See the note in the deploy script: GP's float:left on the toggle dropped
   the arrow onto a second row in RTL. Flex row, direction-neutral. */
#masthead .main-navigation:not(.slideout-navigation) .main-nav > ul > li > a,
#sticky-navigation .main-nav > ul > li > a {
  display: flex !important;
  align-items: center;
  justify-content: center;
}
#masthead .main-navigation:not(.slideout-navigation) .main-nav > ul > li > a .dropdown-menu-toggle,
#sticky-navigation .main-nav > ul > li > a .dropdown-menu-toggle {
  float: none !important;
  display: inline-flex !important;
  align-items: center;
  line-height: 0;
}

/* ===== T. Fit the bar between the logo and the control cluster =====
   Budget at the 1200px header: 1200 - 155 logo - 264 (switcher + Book now)
   = 781px for six items that measure 788px at the old 12px padding. Two
   tiers keep it inside that with headroom instead of overflowing into the
   switcher; below 1150px the slideout takes over and none of this runs. */
@media (min-width: 1150px) {
  #masthead .main-navigation .inside-navigation .main-nav > ul > li > a,
  #sticky-navigation .inside-navigation .main-nav > ul > li > a {
    padding-left: 9px !important; padding-right: 9px !important;
  }
}
@media (min-width: 1150px) and (max-width: 1249px) {
  #masthead .main-navigation .inside-navigation .main-nav > ul > li > a,
  #sticky-navigation .inside-navigation .main-nav > ul > li > a {
    padding-left: 7px !important; padding-right: 7px !important;
    font-size: 14.5px !important;
  }
  #masthead .main-navigation .inside-navigation .main-nav > ul > li > a .dropdown-menu-toggle,
  #sticky-navigation .inside-navigation .main-nav > ul > li > a .dropdown-menu-toggle {
    margin-inline-start: 3px !important;
  }
}