.rak-desktop-menu > li > a {
    cursor: pointer;
    font-size: 1.5rem;
    font-weight: 500;
    color: var(--gray, #6F777E); /* match "text-gray" token you use */
    transition: all .075s ease-in-out;
}
.rak-desktop-menu > li:hover > a {
    color: var(--primary, #C79B57);
}
.rak-desktop-menu > li.menu-item-has-children {
    position: relative;
}
.rak-desktop-menu > li.menu-item-has-children .sub-menu {
    position: absolute;
    right: 0; /* RTL */
    top: 100%;
    background: #fff;
    min-width: 12rem;
    border: 1px solid #ddd;
    display: none;
    z-index: 9999;
}
.rak-desktop-menu > li.menu-item-has-children:hover .sub-menu {
    display: block;
}
.rak-desktop-menu .sub-menu li a {
    display: block;
    padding: .75rem 1rem;
    white-space: nowrap;
    font-size: 1rem;
    font-weight: 400;
    color: #000;
}
.rak-desktop-menu .sub-menu li a:hover {
    background: #f5f5f5;
    color: #000;
}
.rak-lang-switcher,
.rak-lang-switcher a {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--primary, #C79B57); /* same as text-primary / dark:text-dark-primary */
    text-decoration: none;
    line-height: 1.2;
	font-family:__en_20d8bb,__en_Fallback_20d8bb;
}

html[lang="ar"] .rak-lang-switcher,
.rak-lang-switcher a {
	font-family:__ar_ae1588,__ar_Fallback_ae1588;
}


.dark .rak-lang-switcher,
.dark .rak-lang-switcher a {
    color: var(--dark-primary, #EFBE00); /* whatever your dark mode token is */
}

/* If Polylang outputs a <ul> */
.rak-lang-switcher ul {
    display: flex;
    gap: 1rem;
    margin: 0;
    padding: 0;
    list-style: none;
}
.rak-lang-switcher li {
    margin: 0;
    padding: 0;
}
.rak-lang-switcher li {
    list-style: none;
}
.rak-lang-switcher li::marker {
    display: none;
    content: "";
}

/* Accessibility dropdown */
.acc-menu { position: relative; }

.acc-panel {
  position: absolute;
  top: 2.5rem;          /* drop below the icon */
  right: 0;             /* align to the right edge in LTR */
  min-width: 32px;
  opacity: 0;
  visibility: hidden;
  transform: translateY(6px);
  transition: opacity .15s ease, transform .15s ease, visibility 0s linear .15s;
}

html[dir="rtl"] .acc-panel {
  right: auto;
  left: 0;              /* align to left edge in RTL */
}

.acc-menu:hover .acc-panel,
.acc-menu:focus-within .acc-panel,
.acc-menu.acc-open .acc-panel {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  transition-delay: 0s;
}

/* Optional: link hover feedback */
.acc-panel a:hover { opacity: .85; }

/* Display (contrast + font size) dropdown */
.disp-menu { position: relative; }

.disp-panel {
  position: absolute;
  top: 2.5rem;     /* drop below the icon */
  right: 0;        /* LTR: align to right edge */
  min-width: 24px;
  opacity: 0;
  visibility: hidden;
  transform: translateY(6px);
  transition: opacity .15s ease, transform .15s ease, visibility 0s linear .15s;
}

html[dir="rtl"] .disp-panel {
  right: auto;
  left: 0;        /* RTL: align to left edge */
}

.disp-menu:hover .disp-panel,
.disp-menu:focus-within .disp-panel,
.disp-menu.disp-open .disp-panel {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  transition-delay: 0s;
}

/* Active button state */
.btn-contrast.active,
.btn-font.active {
  outline: 2px solid currentColor;
  outline-offset: 1px;
}
.rak-top { position: relative; }
.rak-sub { position: absolute; inset-inline-start: 0; top: calc(100% + .5rem); display: none; z-index: 9999; }
.rak-top.group:hover > .rak-sub, .rak-sub:hover { display: block; }

.rak-sticky-nav {
  position: sticky !important;
  top: 0 !important;
  z-index: 1000;          /* above content */
}


body, html, #page, .site, .site-content, .oceanwp-row, .container {
  overflow: visible !important;     /* sticky breaks if ancestor sets overflow */
  transform: none !important;       /* and if an ancestor is transformed */
  filter: none ;          /* or filtered/backdrop-filtered */
}

/* default flow */
#rakNav { position: relative; }

/* when stuck, pin it */
#rakNav.is-stuck {
  position: fixed;
  top: var(--admin-top, 0);
  left: 0; right: 0;
  z-index: 1000;
}


/* spacer gets height dynamically */
#rakNavSpacer { height: 0; }





/* Drawer open state */
#rak-mobile-drawer-toggle:checked ~ nav.EZDrawer__container {
  transform: translate3d(0,0,0) !important;
}

/* Show the dark overlay only when open */
#rak-mobile-drawer-toggle:checked ~ .EZDrawer__overlay {
  display: block !important;
  opacity: .4 !important;
  pointer-events: auto;
}

/* Hide overlay by default */
.EZDrawer__overlay {
  display: none;
  pointer-events: none;
}

/* Prevent scroll when open (needs the helper class from JS, see Option B) */
body.rak-drawer-open {
  overflow: hidden;
  touch-action: none;
}

/* LEFT drawer: hidden by default */
.EZDrawer__container {
  position: fixed;
  top: 0;
  left: 0;                 /* <-- left, not right */
  transform: translate3d(-100%,0,0); /* off screen to the left */
  width: 250px;
  height: 100vh;
  z-index: 101;
  transition-duration: 500ms;
}

/* Overlay hidden by default */
.EZDrawer__overlay {
  position: fixed;
  inset: 0;
  background: rgb(0 0 0 / .4);
  display: none;
  opacity: 0;
  pointer-events: none;
}

/* When checkbox is checked => show drawer & overlay */
#rak-mobile-drawer-toggle:checked ~ nav.EZDrawer__container {
  transform: translate3d(0,0,0);
}

#rak-mobile-drawer-toggle:checked ~ .EZDrawer__overlay {
  display: block;
  opacity: .4;
  pointer-events: auto;
}

/* optional: prevent body scroll while open (JS below toggles this) */
body.rak-drawer-open { overflow: hidden; touch-action: none; }

.EZDrawer__container {
      position: fixed;
      top: 0;
      bottom: 0;
      left: 0;               /* left-side anchor */
      right: auto;
      transform: translate3d(-100%, 0, 0);  /* slide in from left */
      will-change: transform;
    }
    /* Show when checkbox is checked */
    #rak-mobile-drawer-toggle:checked ~ nav.EZDrawer__container {
      transform: translate3d(0, 0, 0);
    }

    /* RTL/Arabic: anchor to the RIGHT, start hidden off the RIGHT */
    html[dir="rtl"] .EZDrawer__container {
      left: auto;
      right: 0;             /* right-side anchor */
      transform: translate3d(100%, 0, 0);   /* slide in from right */
    }
    html[dir="rtl"] #rak-mobile-drawer-toggle:checked ~ nav.EZDrawer__container {
      transform: translate3d(0, 0, 0);
    }

    /* Make sure overlay sits above content and is clickable */
    .EZDrawer__overlay {
      position: fixed;
      inset: 0;
      cursor: pointer;
    }
    
    
        .rak-top.group:hover > .rak-sub {
        display:block;
    }

    /* ACTIVE ICON: current page (top level) */
    .rak-top.current-menu-item .rak-menu-icon svg path,
    .rak-top.current-menu-item .rak-menu-icon svg circle,
    .rak-top.current-menu-item .rak-menu-icon svg rect,
    .rak-top.current-menu-ancestor .rak-menu-icon svg path,
    .rak-top.current-menu-ancestor .rak-menu-icon svg circle,
    .rak-top.current-menu-ancestor .rak-menu-icon svg rect,
    .rak-top-link--current .rak-menu-icon svg path,
    .rak-top-link--current .rak-menu-icon svg circle,
    .rak-top-link--current .rak-menu-icon svg rect {
        fill: #C79B57;
        stroke: #C79B57;
    }

    /* Example: only for homepage when active */
    .menu-item-home.current-menu-item .rak-menu-icon svg path,
    .menu-item-home.current-menu-item .rak-menu-icon svg circle,
    .menu-item-home.current-menu-item .rak-menu-icon svg rect {
        fill: #C79B57;
        stroke: #C79B57;
    }