/* ---- L2 flyout to the RIGHT of L1 ---- */
/* Make sure the L1 submenu items can position children */
.site-header .nav-submenu > li { position: relative; }

/* Place the L2 panel to the right of its L1 item */
.site-header .nav-submenu > li > .nav-sub-childmenu {
  position: absolute;
  top: 0;
  left: 100%;                 /* <-- moves L2 to the right of L1 */
  min-width: 300px;           /* match your dropdown width */
  display: none;              /* default hidden; template shows on hover/click */
  z-index: 2001;              /* above L1 panel */
}

/* Show the L2 panel on hover (desktop). Keep your JS/click for mobile intact */
@media (hover:hover) and (pointer:fine){
  .site-header .nav-submenu > li:hover > .nav-sub-childmenu { display: block; }
}

/* Let menus overflow the header so the flyout isn't clipped */
.site-header .mainbar,
.site-header .mainbar .bar-inner,
.site-header nav,
.site-header .main-navbar,
.site-header #mainnav { overflow: visible !important; position: relative; }

/* (Optional) Micro-overlap to avoid any hover gap between L1 and L2:
   uncomment the two lines below if you experience flicker while moving the mouse */
/*
.site-header .nav-submenu { padding-right: 12px; }
.site-header .nav-submenu > li > .nav-sub-childmenu { left: calc(100% - 12px); }
*/

/* Reset any template arrows on submenu links */
.site-header .nav-submenu > li > a::after,
.site-header .nav-sub-childmenu > li > a::after {
  content: none !important;   /* remove “>” everywhere by default */
}

/* Leading icon on ALL submenu items (level 1 + level 2) */
.site-header .nav-submenu > li > a::before,
.site-header .nav-sub-childmenu > li > a::before {
  content: "\f0da";                      /* fa-angle-right */
  font-family: "Font Awesome 5 Free";    /* you already load FA */
  font-weight: 900;
  display: inline-block;
  width: 1.1em;                          /* keeps text aligned */
  margin-right: .25rem;
  opacity: .75;
}

/* Trailing chevron ONLY when the item actually has children */
.site-header .nav-submenu > li.has-children > a::after,
.site-header .nav-sub-childmenu > li.has-children > a::after {
  content: "\f105";                      /* fa-angle-right */
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  display: inline-block;
  margin-left: .35rem;
  opacity: .55;
}

/* Optional: slightly dim non-children items so the difference is clear */
.site-header .nav-submenu > li:not(.has-children) > a,
.site-header .nav-sub-childmenu > li:not(.has-children) > a {
  /* no trailing arrow; styling stays the same */
}

/* Give top-level anchors room for the icon */
.site-header .nav-menu > li > a {
  position: relative;
  padding-left: 1.35rem; /* space for icon */
}

/* Generic icon slot */
.site-header .nav-menu > li > a::before {
  content: "";
  position: absolute; left: 0; top: 50%;
  transform: translateY(-50%);
  font-family: "Font Awesome 5 Free";
  font-weight: 900;            /* solid */
  width: 1rem; text-align: center;
  opacity: .9;
}

/* Per-item icons (choose what you like) */
.site-header .nav-menu > li.menu-home > a::before         { content: "\f015"; } /* fa-home */
.site-header .nav-menu > li.menu-marketplace > a::before  { content: "\f290"; } /* fa-shopping-bag */
.site-header .nav-menu > li.menu-connect > a::before      { content: "\f2b5"; } /* fa-handshake */
.site-header .nav-menu > li.menu-logistics > a::before    { content: "\f0d1"; } /* fa-truck */
.site-header .nav-menu > li.menu-intelligence > a::before { content: "\f201"; } /* fa-chart-line */
.site-header .nav-menu > li.menu-finance > a::before      { content: "\f51e"; } /* fa-coins */
.site-header .nav-menu > li.menu-community > a::before    { content: "\f0c0"; } /* fa-users */
.site-header .nav-menu > li.menu-rewards > a::before      { content: "\f559"; } /* fa-award */
.site-header .nav-menu > li.menu-about > a::before        { content: "\f05a"; } /* fa-info-circle */
/* Optional: if present */
.site-header .nav-menu > li.menu-media > a::before        { content: "\f008"; } /* fa-film */
.site-header .nav-menu > li.menu-tourism > a::before      { content: "\f5ca"; } /* fa-umbrella-beach */

/* Remove any theme-provided trailing arrows on submenu links */
.site-header .nav-submenu > li > a::after,
.site-header .nav-sub-childmenu > li > a::after {
  content: none !important;
}

/* Re-enable trailing chevron ONLY for submenu items that truly have children */
.site-header .nav-submenu > li.has-children > a::after,
.site-header .nav-sub-childmenu > li.has-children > a::after {
  content: "\f105";                    /* fa-angle-right */
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-left: .4rem;
  opacity: .6;
}

.site-header .nav-submenu > li > a::before,
.site-header .nav-sub-childmenu > li > a::before {
  content: none !important;
}

/* ===== AITP Landing Header Theming (per-page) =====
   Add a theme class to <body> (e.g., .theme-rbg) and these
   variables drive the main bar + submenus consistently.
   ------------------------------------------------------------------ */
:root {
  /* defaults (site-wide fallbacks) */
  --hdr-main-bg: #0b1437;               /* top-level menu bar background */
  --hdr-main-text: #ffffff;             /* top-level links/icons color   */
  --hdr-main-hover-bg: rgba(255,255,255,.10);
  --hdr-main-hover-text: #ffffff;

  --hdr-sub-bg: #ffffff;                /* submenu panel background      */
  --hdr-sub-text: #111111;              /* submenu link color            */
  --hdr-sub-hover-bg: #f3f4f6;          /* submenu hover background      */
  --hdr-sub-hover-text: #111111;        /* submenu hover text            */

  --hdr-border: #e5e7eb;                /* submenu border color          */
}

/* Apply variables to the header (works across all pages) */
.site-header .mainbar {
  background: var(--hdr-main-bg) !important;
}
.site-header .mainbar .nav-menu > li > a,
.site-header .mainbar .header-right > li > a,
.site-header .mainbar .header-right i {
  color: var(--hdr-main-text) !important;
}
.site-header .mainbar .nav-menu > li > a:hover,
.site-header .mainbar .nav-menu > li > a:focus {
  background: var(--hdr-main-hover-bg) !important;
  color: var(--hdr-main-hover-text) !important;
}

/* Submenu panels (L1 + L2) */
.site-header .nav-submenu,
.site-header .nav-sub-childmenu,
.site-header .setting-open {
  background: var(--hdr-sub-bg) !important;
  border: 1px solid var(--hdr-border) !important;
}
.site-header .nav-submenu a,
.site-header .nav-sub-childmenu a,
.site-header .setting-open a {
  color: var(--hdr-sub-text) !important;
}
.site-header .nav-submenu a:hover,
.site-header .nav-sub-childmenu a:hover,
.site-header .setting-open a:hover {
  background: var(--hdr-sub-hover-bg) !important;
  color: var(--hdr-sub-hover-text) !important;
}

/* ===== Pan-African header themes (examples) ===== */
/* Red–Black–Green */
.theme-rbg {
  --hdr-main-bg: linear-gradient(90deg, #b91c1c 0%, #111827 50%, #16a34a 100%);
  --hdr-main-text: #ffffff;
  --hdr-main-hover-bg: rgba(255,255,255,.12);
  --hdr-main-hover-text: #ffffff;

  --hdr-sub-bg: #ffffff;
  --hdr-sub-text: #111111;
  --hdr-sub-hover-bg: #f3f4f6;
  --hdr-sub-hover-text: #111111;
}

/* Red–Gold–Green */
.theme-rgg {
  --hdr-main-bg: linear-gradient(90deg, #b91c1c 0%, #f59e0b 50%, #16a34a 100%);
  --hdr-main-text: #111111; /* gold is bright, dark text reads better */
  --hdr-main-hover-bg: rgba(0,0,0,.08);
  --hdr-main-hover-text: #111111;
}

/* Red–Green–Gold */
.theme-rgG {
  --hdr-main-bg: linear-gradient(90deg, #b91c1c 0%, #16a34a 50%, #f59e0b 100%);
  --hdr-main-text: #ffffff;
  --hdr-main-hover-bg: rgba(255,255,255,.12);
  --hdr-main-hover-text: #ffffff;
}

/* Prefer a solid color instead of a gradient? */
.theme-solid-navy { --hdr-main-bg: #0b1437; --hdr-main-text: #ffffff; }






/* ---- L2 flyout to the RIGHT of L1 ---- */
/* Make sure the L1 submenu items can position children */
.site-header .nav-submenu > li { position: relative; }

/* Place the L2 panel to the right of its L1 item */
.site-header .nav-submenu > li > .nav-sub-childmenu {
  position: absolute;
  top: 0;
  left: 100%;                 /* <-- moves L2 to the right of L1 */
  min-width: 300px;           /* match your dropdown width */
  display: none;              /* default hidden; template shows on hover/click */
  z-index: 2001;              /* above L1 panel */
}

/* Show the L2 panel on hover (desktop). Keep your JS/click for mobile intact */
@media (hover:hover) and (pointer:fine){
  .site-header .nav-submenu > li:hover > .nav-sub-childmenu { display: block; }
}

/* Let menus overflow the header so the flyout isn't clipped */
.site-header .mainbar,
.site-header .mainbar .bar-inner,
.site-header nav,
.site-header .main-navbar,
.site-header #mainnav { overflow: visible !important; position: relative; }

/* (Optional) Micro-overlap to avoid any hover gap between L1 and L2:
   uncomment the two lines below if you experience flicker while moving the mouse */
/*
.site-header .nav-submenu { padding-right: 12px; }
.site-header .nav-submenu > li > .nav-sub-childmenu { left: calc(100% - 12px); }
*/

/* Reset any template arrows on submenu links */
.site-header .nav-submenu > li > a::after,
.site-header .nav-sub-childmenu > li > a::after {
  content: none !important;   /* remove “>” everywhere by default */
}

/* Leading icon on ALL submenu items (level 1 + level 2) */
.site-header .nav-submenu > li > a::before,
.site-header .nav-sub-childmenu > li > a::before {
  content: "\f0da";                      /* fa-angle-right */
  font-family: "Font Awesome 5 Free";    /* you already load FA */
  font-weight: 900;
  display: inline-block;
  width: 1.1em;                          /* keeps text aligned */
  margin-right: .25rem;
  opacity: .75;
}

/* Trailing chevron ONLY when the item actually has children */
.site-header .nav-submenu > li.has-children > a::after,
.site-header .nav-sub-childmenu > li.has-children > a::after {
  content: "\f105";                      /* fa-angle-right */
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  display: inline-block;
  margin-left: .35rem;
  opacity: .55;
}

/* Optional: slightly dim non-children items so the difference is clear */
.site-header .nav-submenu > li:not(.has-children) > a,
.site-header .nav-sub-childmenu > li:not(.has-children) > a {
  /* no trailing arrow; styling stays the same */
}

/* Give top-level anchors room for the icon */
.site-header .nav-menu > li > a {
  position: relative;
  padding-left: 1.35rem; /* space for icon */
}

/* Generic icon slot */
.site-header .nav-menu > li > a::before {
  content: "";
  position: absolute; left: 0; top: 50%;
  transform: translateY(-50%);
  font-family: "Font Awesome 5 Free";
  font-weight: 900;            /* solid */
  width: 1rem; text-align: center;
  opacity: .9;
}

/* Per-item icons (choose what you like) */
.site-header .nav-menu > li.menu-home > a::before         { content: "\f015"; } /* fa-home */
.site-header .nav-menu > li.menu-marketplace > a::before  { content: "\f290"; } /* fa-shopping-bag */
.site-header .nav-menu > li.menu-connect > a::before      { content: "\f2b5"; } /* fa-handshake */
.site-header .nav-menu > li.menu-logistics > a::before    { content: "\f0d1"; } /* fa-truck */
.site-header .nav-menu > li.menu-intelligence > a::before { content: "\f201"; } /* fa-chart-line */
.site-header .nav-menu > li.menu-finance > a::before      { content: "\f51e"; } /* fa-coins */
.site-header .nav-menu > li.menu-community > a::before    { content: "\f0c0"; } /* fa-users */
.site-header .nav-menu > li.menu-rewards > a::before      { content: "\f559"; } /* fa-award */
.site-header .nav-menu > li.menu-about > a::before        { content: "\f05a"; } /* fa-info-circle */
/* Optional: if present */
.site-header .nav-menu > li.menu-media > a::before        { content: "\f008"; } /* fa-film */
.site-header .nav-menu > li.menu-tourism > a::before      { content: "\f5ca"; } /* fa-umbrella-beach */

/* Remove any theme-provided trailing arrows on submenu links */
.site-header .nav-submenu > li > a::after,
.site-header .nav-sub-childmenu > li > a::after {
  content: none !important;
}

/* Re-enable trailing chevron ONLY for submenu items that truly have children */
.site-header .nav-submenu > li.has-children > a::after,
.site-header .nav-sub-childmenu > li.has-children > a::after {
  content: "\f105";                    /* fa-angle-right */
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-left: .4rem;
  opacity: .6;
}

.site-header .nav-submenu > li > a::before,
.site-header .nav-sub-childmenu > li > a::before {
  content: none !important;
}

/* ===== AITP Landing Header Theming (per-page) =====
   Add a theme class to <body> (e.g., .theme-rbg) and these
   variables drive the main bar + submenus consistently.
   ------------------------------------------------------------------ */
:root {
  /* defaults (site-wide fallbacks) */
  --hdr-main-bg: #0b1437;               /* top-level menu bar background */
  --hdr-main-text: #ffffff;             /* top-level links/icons color   */
  --hdr-main-hover-bg: rgba(255,255,255,.10);
  --hdr-main-hover-text: #ffffff;

  --hdr-sub-bg: #ffffff;                /* submenu panel background      */
  --hdr-sub-text: #111111;              /* submenu link color            */
  --hdr-sub-hover-bg: #f3f4f6;          /* submenu hover background      */
  --hdr-sub-hover-text: #111111;        /* submenu hover text            */

  --hdr-border: #e5e7eb;                /* submenu border color          */
}

/* Apply variables to the header (works across all pages) */
.site-header .mainbar {
  background: var(--hdr-main-bg) !important;
}
.site-header .mainbar .nav-menu > li > a,
.site-header .mainbar .header-right > li > a,
.site-header .mainbar .header-right i {
  color: var(--hdr-main-text) !important;
}
.site-header .mainbar .nav-menu > li > a:hover,
.site-header .mainbar .nav-menu > li > a:focus {
  background: var(--hdr-main-hover-bg) !important;
  color: var(--hdr-main-hover-text) !important;
}

/* Submenu panels (L1 + L2) */
.site-header .nav-submenu,
.site-header .nav-sub-childmenu,
.site-header .setting-open {
  background: var(--hdr-sub-bg) !important;
  border: 1px solid var(--hdr-border) !important;
}
.site-header .nav-submenu a,
.site-header .nav-sub-childmenu a,
.site-header .setting-open a {
  color: var(--hdr-sub-text) !important;
}
.site-header .nav-submenu a:hover,
.site-header .nav-sub-childmenu a:hover,
.site-header .setting-open a:hover {
  background: var(--hdr-sub-hover-bg) !important;
  color: var(--hdr-sub-hover-text) !important;
}

/* ===== Pan-African header themes (examples) ===== */
/* Red–Black–Green */
.xtheme-rbg {
  --hdr-main-bg: linear-gradient(90deg, #b91c1c 0%, #111827 50%, #16a34a 100%);
  --hdr-main-text: #ffffff;
  --hdr-main-hover-bg: rgba(255,255,255,.12);
  --hdr-main-hover-text: #ffffff;

  --hdr-sub-bg: #ffffff;
  --hdr-sub-text: #111111;
  --hdr-sub-hover-bg: #f3f4f6;
  --hdr-sub-hover-text: #111111;
}

/* Red–Gold–Green */
.xtheme-rgg {
  --hdr-main-bg: linear-gradient(90deg, #b91c1c 0%, #f59e0b 50%, #16a34a 100%);
  --hdr-main-text: #111111; /* gold is bright, dark text reads better */
  --hdr-main-hover-bg: rgba(0,0,0,.08);
  --hdr-main-hover-text: #111111;
}

/* Red–Green–Gold */
.xtheme-rgG {
  --hdr-main-bg: linear-gradient(90deg, #b91c1c 0%, #16a34a 50%, #f59e0b 100%);
  --hdr-main-text: #ffffff;
  --hdr-main-hover-bg: rgba(255,255,255,.12);
  --hdr-main-hover-text: #ffffff;
}

/* Prefer a solid color instead of a gradient? */
.xtheme-solid-navy { --hdr-main-bg: #0b1437; --hdr-main-text: #ffffff; }


/* ==========================================================
   AITP HEADER THEME – EDIT COLORS IN THE "THEME EXAMPLE" BLOCK
   This controls the main menu bar and the submenus.
   ========================================================== */

/* Apply variables to the header (do not edit this section) */
.site-header .mainbar {
  background: var(--hdr-main-bg) !important;
}
.site-header .mainbar .nav-menu > li > a,
.site-header .mainbar .header-right > li > a,
.site-header .mainbar .header-right i {
  color: var(--hdr-main-text) !important;
}
.site-header .mainbar .nav-menu > li > a:hover,
.site-header .mainbar .nav-menu > li > a:focus {
  background: var(--hdr-main-hover-bg) !important;
  color: var(--hdr-main-hover-text) !important;
}

/* Submenus (level 1 & 2) */
.site-header .nav-submenu,
.site-header .nav-sub-childmenu,
.site-header .setting-open {
  background: var(--hdr-sub-bg) !important;
  border: 1px solid var(--hdr-border) !important;
}
.site-header .nav-submenu a,
.site-header .nav-sub-childmenu a,
.site-header .setting-open a {
  color: var(--hdr-sub-text) !important;
}
.site-header .nav-submenu a:hover,
.site-header .nav-sub-childmenu a:hover,
.site-header .setting-open a:hover {
  background: var(--hdr-sub-hover-bg) !important;
  color: var(--hdr-sub-hover-text) !important;
}

/* Optional: if your template shows a caret/arrow via ::after on dropdown links */
.site-header .nav-menu > li.dropdown > a::after {
  border-color: currentColor !important; /* caret uses link color */
}

/* ==========================================================
   THEME EXAMPLE – ADD THIS CLASS TO <body> AND EDIT COLORS
   Use ONE of these per page (you can create more variants).
   ========================================================== */

/* Example: Pan-African Red–Black–Green gradient */
.theme-rbg {
  /* ===== MAIN MENU (top bar) ===== */
  --hdr-main-bg: linear-gradient(90deg, #b91c1c 0%, #111827 50%, #16a34a 100%); /* <<< CHANGE main bar background */
  --hdr-main-text: #ffffff;              /* <<< CHANGE main menu link/icon color */
  --hdr-main-hover-bg: rgba(255,255,255,.12); /* <<< CHANGE main menu hover bg */
  --hdr-main-hover-text: #ffffff;        /* <<< CHANGE main menu hover text */

  /* ===== SUBMENUS (dropdown panels) ===== */
  --hdr-sub-bg: #ffffff;                 /* <<< CHANGE submenu panel background */
  --hdr-sub-text: #111111;               /* <<< CHANGE submenu link color */
  --hdr-sub-hover-bg: #f3f4f6;           /* <<< CHANGE submenu link hover bg */
  --hdr-sub-hover-text: #111111;         /* <<< CHANGE submenu link hover text */

  /* ===== BORDERS ===== */
  --hdr-border: #e5e7eb;                 /* <<< CHANGE border color of submenus */
}

/* Example: Red–Gold–Green */
.theme-rgg {
  --hdr-main-bg: linear-gradient(90deg, #b91c1c 0%, #f59e0b 50%, #16a34a 100%); /* <<< CHANGE */
  --hdr-main-text: #111111;              /* <<< CHANGE */
  --hdr-main-hover-bg: rgba(0,0,0,.08);  /* <<< CHANGE */
  --hdr-main-hover-text: #111111;        /* <<< CHANGE */

  --hdr-sub-bg: #ffffff;                 /* <<< CHANGE */
  --hdr-sub-text: #111111;               /* <<< CHANGE */
  --hdr-sub-hover-bg: #f3f4f6;           /* <<< CHANGE */
  --hdr-sub-hover-text: #111111;         /* <<< CHANGE */

  --hdr-border: #e5e7eb;                 /* <<< CHANGE */
}

/* Example: Solid brand navy (no gradient) */
.theme-solid-navy {
  --hdr-main-bg: #0b1437;                /* <<< CHANGE */
  --hdr-main-text: #ffffff;              /* <<< CHANGE */
  --hdr-main-hover-bg: rgba(255,255,255,.12); /* <<< CHANGE */
  --hdr-main-hover-text: #ffffff;        /* <<< CHANGE */

  --hdr-sub-bg: #ffffff;                 /* <<< CHANGE */
  --hdr-sub-text: #111111;               /* <<< CHANGE */
  --hdr-sub-hover-bg: #f3f4f6;           /* <<< CHANGE */
  --hdr-sub-hover-text: #111111;         /* <<< CHANGE */

  --hdr-border: #e5e7eb;                 /* <<< CHANGE */
}


/* HERO SLIDER CORE */
.hero-slider{position:relative;overflow:hidden;background:#000}
.hero-slider .hs-track{position:relative;width:100%;height:clamp(300px,50vw,560px)}
.hero-slider .hs-slide{
  position:absolute;inset:0;
  opacity:0;transform:scale(1.02);
  transition:opacity .5s ease,transform .6s ease;
  background:#000 center/cover no-repeat;
  display:grid;place-items:center;
}
.hero-slider .hs-slide.is-active{opacity:1;transform:scale(1);z-index:1}
.hero-slider .hs-slide::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.25),rgba(0,0,0,.55))
}
.hero-slider .hs-overlay{position:relative;z-index:2;color:#fff;text-align:center;padding:0 1rem;max-width:1000px}
.hero-slider .hs-overlay h2{margin:0 0 .25rem;font-weight:800;font-size:clamp(28px,3.8vw,48px)}
.hero-slider .hs-overlay p{margin:0 0 1rem;opacity:.95;font-size:clamp(16px,1.8vw,20px)}
.hero-slider .hs-cta{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}
.hero-slider .btn{display:inline-flex;align-items:center;padding:.6rem 1rem;border-radius:999px;border:1px solid #fff;background:#fff;color:#111;font-weight:700;text-decoration:none}
.hero-slider .btn.btn-outline{background:transparent;color:#fff;border-color:rgba(255,255,255,.85)}
.hero-slider .btn:hover{filter:brightness(.95)}
.hero-slider .hs-nav{
  position:absolute;top:50%;transform:translateY(-50%);
  width:44px;height:44px;border-radius:50%;border:0;cursor:pointer;
  display:grid;place-items:center;z-index:3;color:#fff;background:rgba(0,0,0,.5)
}
.hero-slider .hs-prev{left:18px} .hero-slider .hs-next{right:18px}
.hero-slider .hs-nav:hover{background:rgba(0,0,0,.65)}

/* Responsive slider height that respects aspect */
#heroSlider { height: clamp(420px, 50vw, 720px); }
#heroSlider .hs-slide {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

/* Estimate your header height: topbar + mainbar */
:root {
  --topbar-h: 32px;        /* adjust to your real topbar height */
  --mainbar-h: 56px;       /* adjust to your real mainbar height */
  --header-h: calc(var(--topbar-h) + var(--mainbar-h));
}

/* Overlay header only on landing pages */
.landing-page .site-header {
  position: absolute !important;
  top: 0; left: 0; right: 0;
  z-index: 1000;
}

/* Pull the hero under the header and add safe padding at the top for overlay */
.landing-page #heroSlider,
.landing-page .breadcrumb-section.hero {
  margin-top: 0 !important;
  padding-top: var(--header-h);  /* ensures your overlayed header doesn't cover hero content */
}

/* If you have a country bar under header, keep it above the hero */
.landing-page .country-bar {
  position: relative;
  z-index: 1001;
}

/* === Undo overlay for pages that show the country bar === */
.landing-page .site-header{
  position: sticky !important;   /* back to normal */
  top: 0;
  z-index: 1000;
}

/* Remove the extra padding we added for overlay */
.landing-page #heroSlider,
.landing-page .breadcrumb-section.hero{
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* Country bar in normal flow (no special stacking) */
.landing-page .country-bar{
  position: static !important;
  z-index: auto !important;
  margin-top: 0 !important;
}