/* ===== Saqr.ly | Compact Primary Menu (RTL-safe) ===== */
:root{
  --saqr-primary:#0e63ff; --saqr-ink:#13263a; --saqr-border:#e9eef3;
  --saqr-shadow:0 8px 26px rgba(0,0,0,.06);
  --nav-h:44px; --nav-fs:14px; --nav-gap:12px; --nav-pad:6px 10px; --nav-radius:8px;
}

/* Sticky compact header */
.site-header, #masthead, .main-header, header.site-header{
  position:sticky; top:0; z-index:9999; background:#fff;
  border-bottom:1px solid var(--saqr-border);
  padding:4px 0 !important; min-height:var(--nav-h) !important;
}

/* Smaller logo */
.site-branding img, .custom-logo{ max-height:34px !important; height:auto !important; width:auto !important; }

/* Row container (classic & block) */
.site-header nav .menu, .main-header nav .menu, .primary-menu, .main-navigation .menu,
.menu-primary-container > ul.menu, .wp-block-navigation__container{
  display:flex !important; align-items:center !important; gap:var(--nav-gap) !important;
  margin:0 !important; padding:0 !important; list-style:none !important;
}

/* Remove bullets / separators */
.site-header nav .menu > li + li::before,
.main-header nav .menu > li + li::before,
.primary-menu > li + li::before,
.main-navigation .menu > li + li::before{ content:none !important; }

.site-header nav .menu > li, .main-header nav .menu > li, .primary-menu > li, .main-navigation .menu > li{
  list-style:none !important; position:relative;
}

/* Links */
.site-header nav .menu > li > a, .main-header nav .menu > li > a,
.primary-menu > li > a, .main-navigation .menu > li > a,
header nav .menu > li > a, .wp-block-navigation__container > li > a{
  display:inline-block; font-size:var(--nav-fs) !important; padding:var(--nav-pad) !important;
  line-height:1.15 !important; color:var(--saqr-ink) !important; text-decoration:none !important;
  background:transparent !important; border:0 !important; border-radius:var(--nav-radius) !important;
  box-shadow:none !important; transition:background .18s ease, color .18s ease;
}
.site-header nav .menu > li > a:hover, .main-header nav .menu > li > a:hover,
.primary-menu > li > a:hover, .main-navigation .menu > li > a:hover,
.wp-block-navigation__container > li > a:hover{
  background:#eef4ff !important; color:var(--saqr-primary) !important;
}

/* Current item */
.site-header .current-menu-item > a, .main-header .current-menu-item > a,
.primary-menu .current-menu-item > a, .main-navigation .current-menu-item > a,
.wp-block-navigation-item__content[aria-current="page"]{
  background:#eef4ff !important; color:var(--saqr-primary) !important; font-weight:700;
}

/* CTA button (li.has class is-cta) */
.site-header .menu .is-cta > a, .main-header .menu .is-cta > a,
.primary-menu .is-cta > a, .main-navigation .menu .is-cta > a,
.wp-block-navigation__container > li.is-cta > a{
  background:var(--saqr-primary) !important; color:#fff !important;
  border:1px solid var(--saqr-primary) !important; border-radius:999px !important;
  padding:8px 14px !important; box-shadow:0 2px 10px rgba(14,99,255,.16);
}
.site-header .menu .is-cta > a:hover, .main-header .menu .is-cta > a:hover,
.primary-menu .is-cta > a:hover, .main-navigation .menu .is-cta > a:hover,
.wp-block-navigation__container > li.is-cta > a:hover{ filter:brightness(.96) !important; }

/* Dropdowns (Desktop) */
.main-navigation .menu .sub-menu, .primary-menu .sub-menu,
.site-header nav .menu .sub-menu, .wp-block-navigation__submenu-container{
  position:absolute; inset-inline-start:0; right:0; left:auto; /* RTL/LTR safe */
  top:calc(100% + 8px); min-width:220px; background:#fff; border:1px solid var(--saqr-border);
  border-radius:12px; padding:8px; box-shadow:var(--saqr-shadow);
  opacity:0; transform:translateY(6px); pointer-events:none; transition:transform .18s ease, opacity .18s ease;
}
.main-navigation .menu li:hover > .sub-menu, .primary-menu li:hover > .sub-menu,
.site-header nav .menu li:hover > .sub-menu, .wp-block-navigation__container li:hover > .wp-block-navigation__submenu-container{
  opacity:1; transform:translateY(0); pointer-events:auto;
}
.sub-menu li a, .wp-block-navigation__submenu-container a{
  display:block; padding:8px 10px !important; font-size:13px !important; border-radius:8px !important; color:var(--saqr-ink) !important;
}
.sub-menu li a:hover, .wp-block-navigation__submenu-container a:hover{ background:#f6f8ff !important; color:var(--saqr-primary) !important; }

/* Mobile / Tablet */
@media (max-width:960px){
  .site-header nav .menu > li > a, .main-header nav .menu > li > a,
  .primary-menu > li > a, .main-navigation .menu > li > a,
  .wp-block-navigation__container > li > a{
    font-size:16px !important; padding:12px 14px !important;
  }
  /* Submenus inline on mobile */
  .main-navigation .menu .sub-menu, .primary-menu .sub-menu,
  .site-header nav .menu .sub-menu, .wp-block-navigation__submenu-container{
    position:static; opacity:1; transform:none; pointer-events:auto; border:0; box-shadow:none; padding:0 6px 6px;
  }
}

/* Scroll offset for in-page anchors */
main, .site-content{ scroll-margin-top: calc(var(--nav-h) + 10px); }