.elementor-20442 .elementor-element.elementor-element-d02fec1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}/* Start custom CSS for html, class: .elementor-element-7795166 */.dr-hd,
.dr-hd *,
.dr-hd *::before,
.dr-hd *::after{
  box-sizing:border-box;
}

.dr-hd,
.dr-hd *{
  font-family:"DR Ping",system-ui,sans-serif !important;
}


.dr-hd{
  --green:#0D5543;
  --orange:#EF4123;
  --sun:#F79A3C;
  --beige:#FEF0D5;
  --ink:#14251E;
  --line:rgba(13,85,67,.12);

  /* كومباكت: كان 114 / 96 */
  --bar-h:88px;
  --bar-h-stuck:74px;

  /* كان 76 / 66 */
  --logo-h:62px;
  --logo-h-stuck:54px;

  --ease:cubic-bezier(.22,.75,.28,1);

  position:fixed;
  inset:0 0 auto 0;
  z-index:9990;

  direction:rtl;
  -webkit-font-smoothing:antialiased;
}


.dr-hd-spacer{
  width:100%;
  height:88px;
}


/* ==========================================================
   BUTTON RESET
========================================================== */

.dr-hd button{
  -webkit-appearance:none;
  appearance:none;

  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  border-radius:0 !important;

  margin:0;
  min-height:0 !important;

  text-transform:none !important;
  letter-spacing:normal !important;

  color:inherit;
  cursor:pointer;
}


/* ==========================================================
   HEADER BAR
========================================================== */

.dr-hd__shell{
  position:relative;

  background:#fff;

  border-bottom:1px solid var(--line);

  transform-origin:top center;
  backface-visibility:hidden;

  box-shadow:0 0 0 0 rgba(7,57,44,0);

  transition:
    box-shadow .45s ease,
    border-color .4s ease;
}


.dr-hd.is-stuck .dr-hd__shell{
  border-bottom-color:transparent;

  box-shadow:
    0 16px 36px -26px rgba(7,57,44,.65);
}


/* ==========================================================
   FLIP
========================================================== */

@keyframes drFlipDown{

  0%{
    transform:perspective(1600px) rotateX(-72deg);
    opacity:.3;
  }

  45%{
    opacity:1;
  }

  100%{
    transform:perspective(1600px) rotateX(0deg);
    opacity:1;
  }

}


.dr-hd__shell.dr-flip{
  animation:
    drFlipDown
    1.6s
    cubic-bezier(.18,.86,.28,1)
    both;
}


/* ==========================================================
   INNER BAR
========================================================== */

.dr-hd__bar{
  position:relative;

  display:flex;
  align-items:center;

  gap:22px;

  max-width:1460px;

  margin:0 auto;

  padding:0 34px;

  height:var(--bar-h);

  transition:
    height .5s var(--ease);
}


.dr-hd.is-stuck .dr-hd__bar{
  height:var(--bar-h-stuck);
}


/* ==========================================================
   LOGO
========================================================== */

.dr-logo{
  position:relative;

  display:block;

  flex:0 0 auto;

  line-height:0;
}


.dr-logo img{
  display:block;

  height:var(--logo-h);

  width:auto;

  transition:
    height .5s var(--ease);
}


.dr-hd.is-stuck .dr-logo img{
  height:var(--logo-h-stuck);
}


.dr-logo__glint{
  position:absolute;

  inset:0;

  pointer-events:none;

  -webkit-mask:
    url("https://desertroseholidays.ae/wp-content/uploads/2025/01/cropped-cropped-Main-Logo-2.png")
    center/contain no-repeat;

  mask:
    url("https://desertroseholidays.ae/wp-content/uploads/2025/01/cropped-cropped-Main-Logo-2.png")
    center/contain no-repeat;

  background:
    linear-gradient(
      100deg,
      transparent 42%,
      rgba(255,255,255,.92) 50%,
      transparent 58%
    );

  background-size:280% 100%;
  background-position:100% 0;

  mix-blend-mode:overlay;

  animation:
    drGlint
    7s
    var(--ease)
    1.6s
    infinite;
}


@keyframes drGlint{

  0%{
    background-position:100% 0;
  }

  18%{
    background-position:-60% 0;
  }

  100%{
    background-position:-60% 0;
  }

}


/* ==========================================================
   DESKTOP NAVIGATION
========================================================== */

.dr-nav{
  margin-inline:auto;
}


.dr-nav__list{
  display:flex;

  align-items:center;

  /* مسافة أوضح بين عناصر المنيو */
  gap:16px;

  list-style:none;

  margin:0;
  padding:0;
}


.dr-nav__item{
  position:relative;
}


.dr-nav__link{
  position:relative;

  display:inline-flex;

  align-items:center;

  gap:7px;

  padding:12px 8px;

  font-size:16px;

  font-weight:500;

  line-height:1;

  white-space:nowrap;

  color:var(--ink) !important;

  text-decoration:none !important;

  transition:
    color .25s ease;
}


.dr-nav__link:hover,
.dr-nav__link:focus-visible{
  color:var(--green) !important;
}


.dr-nav__link::after{
  content:"";

  position:absolute;

  inset-inline:8px;

  bottom:4px;

  height:3px;

  border-radius:3px;

  background:
    linear-gradient(
      90deg,
      var(--orange),
      var(--sun)
    );

  transform:scaleX(0);

  transform-origin:center;

  transition:
    transform .38s var(--ease);
}


.dr-nav__link:hover::after,
.dr-nav__link.is-active::after,
.dr-nav__item.is-open > .dr-nav__link::after{
  transform:scaleX(1);
}


.dr-nav__link.is-active{
  color:var(--green) !important;
  font-weight:700;
}


.dr-nav__chev{
  width:11px;
  height:11px;

  flex:0 0 11px;

  transition:
    transform .3s var(--ease);
}


.dr-nav__item.is-open .dr-nav__chev,
.dr-panel__item.is-open .dr-nav__chev{
  transform:rotate(180deg);
}


/* ==========================================================
   DESTINATIONS DROPDOWN
========================================================== */

.dr-drop{
  position:absolute;

  top:calc(100% + 12px);
  right:0;

  width:230px;

  padding:12px;

  background:#fff;

  border:1px solid var(--line);

  border-radius:18px;

  box-shadow:
    0 30px 60px -30px rgba(7,57,44,.6);

  display:grid;

  grid-template-columns:1fr;

  gap:2px;

  opacity:0;
  visibility:hidden;

  transform:
    translateY(10px)
    scale(.98);

  transform-origin:top right;

  transition:
    opacity .28s ease,
    transform .3s var(--ease),
    visibility .3s;
}


.dr-nav__item.is-open .dr-drop{
  opacity:1;

  visibility:visible;

  transform:
    translateY(0)
    scale(1);
}


.dr-drop a{
  display:flex;

  align-items:center;

  gap:9px;

  padding:11px 12px;

  border-radius:12px;

  font-size:16px;
  font-weight:500;

  color:var(--ink) !important;

  text-decoration:none !important;

  transition:
    background .2s ease,
    padding .25s var(--ease);
}


.dr-drop a::before{
  content:"";

  width:5px;
  height:5px;

  flex:0 0 5px;

  border-radius:50%;

  background:var(--orange);

  opacity:.4;

  transition:
    opacity .2s,
    transform .2s;
}


.dr-drop a:hover{
  background:var(--beige);

  padding-inline-start:16px;
}


.dr-drop a:hover::before{
  opacity:1;

  transform:scale(1.5);
}


/* ==========================================================
   ACTIONS
========================================================== */

.dr-actions{
  display:flex;

  align-items:center;

  gap:16px;

  flex:0 0 auto;
}


/* ==========================================================
   PHONE
========================================================== */

.dr-phone{
  display:inline-flex;

  align-items:center;

  gap:12px;

  direction:ltr;

  color:var(--ink) !important;

  text-decoration:none !important;

  font-size:16px;

  font-weight:500;

  transition:
    color .25s ease;
}


.dr-phone:hover{
  color:var(--green) !important;
}


.dr-phone__ring{
  position:relative;

  flex:0 0 44px;

  width:44px;
  height:44px;

  border-radius:50%;

  background:var(--beige);

  display:grid;

  place-items:center;

  transition:
    background .3s ease,
    transform .35s var(--ease);
}


.dr-phone__ring::before,
.dr-phone__ring::after{
  content:"";

  position:absolute;

  inset:0;

  border-radius:50%;

  border:2px solid var(--orange);

  opacity:0;

  animation:
    drRipple
    5s
    var(--ease)
    1.2s
    infinite;
}


.dr-phone__ring::after{
  animation-delay:1.65s;
}


@keyframes drRipple{

  0%{
    transform:scale(.92);
    opacity:.6;
  }

  22%{
    transform:scale(1.6);
    opacity:0;
  }

  100%{
    transform:scale(1.6);
    opacity:0;
  }

}


.dr-phone__ico{
  display:block;

  width:22px;
  height:22px;

  background:var(--green);

  -webkit-mask:
    url("https://desertroseholidays.ae/wp-content/uploads/2026/08/phone-call-footer-2.svg")
    center/contain no-repeat;

  mask:
    url("https://desertroseholidays.ae/wp-content/uploads/2026/08/phone-call-footer-2.svg")
    center/contain no-repeat;

  transition:
    background .3s ease;

  animation:
    drRing
    5s
    var(--ease)
    1.2s
    infinite;

  transform-origin:50% 60%;
}


@keyframes drRing{

  0%,
  15%,
  100%{
    transform:rotate(0);
  }

  2%{
    transform:rotate(-17deg);
  }

  4%{
    transform:rotate(17deg);
  }

  6%{
    transform:rotate(-14deg);
  }

  8%{
    transform:rotate(14deg);
  }

  10%{
    transform:rotate(-8deg);
  }

  12%{
    transform:rotate(8deg);
  }

}


.dr-phone:hover .dr-phone__ring{
  background:var(--green);

  transform:scale(1.05);
}


.dr-phone:hover .dr-phone__ico{
  background:#fff;
}


/* ==========================================================
   CTA
========================================================== */

.dr-cta{
  position:relative;

  overflow:hidden;

  isolation:isolate;

  display:inline-flex;

  align-items:center;

  gap:12px;

  height:50px;

  padding-inline:22px 6px;

  border-radius:999px;

  background:var(--green) !important;

  color:#fff !important;

  text-decoration:none !important;

  font-size:16px;

  font-weight:700;

  box-shadow:
    0 16px 32px -18px rgba(13,85,67,1),
    inset 0 1px 0 rgba(255,255,255,.14);

  will-change:transform;
}


.dr-cta__fill{
  position:absolute;

  inset:0;

  z-index:0;

  background:
    radial-gradient(
      circle at 50% 50%,
      var(--sun),
      var(--orange) 62%
    );

  clip-path:
    circle(
      0%
      at
      var(--mx,50%)
      var(--my,50%)
    );

  transition:
    clip-path .62s var(--ease);
}


.dr-cta:hover .dr-cta__fill,
.dr-cta:focus-visible .dr-cta__fill{
  clip-path:
    circle(
      145%
      at
      var(--mx,50%)
      var(--my,50%)
    );
}


.dr-cta__label{
  position:relative;

  z-index:2;

  white-space:nowrap;
}


.dr-cta__chip{
  position:relative;

  z-index:2;

  flex:0 0 38px;

  width:38px;
  height:38px;

  border-radius:50%;

  background:rgba(255,255,255,.16);

  display:grid;

  place-items:center;

  overflow:hidden;

  transition:
    background .35s ease;
}


.dr-cta__chip svg{
  grid-area:1/1;

  width:17px;
  height:17px;

  color:#fff;

  transition:
    transform .5s var(--ease),
    color .35s ease;
}


.dr-cta__chip svg:last-child{
  transform:translateX(190%);
}


.dr-cta:hover .dr-cta__chip{
  background:#fff;
}


.dr-cta:hover .dr-cta__chip svg{
  color:var(--orange);
}


.dr-cta:hover .dr-cta__chip svg:first-of-type{
  transform:translateX(-190%);
}


.dr-cta:hover .dr-cta__chip svg:last-child{
  transform:translateX(0);
}


.dr-cta::after{
  content:"";

  position:absolute;

  inset:0;

  z-index:3;

  pointer-events:none;

  background:
    linear-gradient(
      105deg,
      transparent 40%,
      rgba(255,255,255,.3) 50%,
      transparent 60%
    );

  background-size:260% 100%;

  background-position:100% 0;

  animation:
    drSheen
    5.5s
    var(--ease)
    2s
    infinite;
}


@keyframes drSheen{

  0%{
    background-position:100% 0;
  }

  16%{
    background-position:-70% 0;
  }

  100%{
    background-position:-70% 0;
  }

}


/* ==========================================================
   PROGRESS
========================================================== */

.dr-hd__progress{
  position:absolute;

  inset-inline:0;

  bottom:-1px;

  height:2px;

  background:
    linear-gradient(
      90deg,
      var(--orange),
      var(--green)
    );

  transform:scaleX(0);

  transform-origin:right center;

  opacity:0;

  transition:
    opacity .3s ease;
}


.dr-hd.is-stuck .dr-hd__progress{
  opacity:1;
}


/* ==========================================================
   BURGER
========================================================== */

.dr-burger{
  display:none;

  width:52px;
  height:52px;

  padding:0;

  border-radius:16px !important;

  background:var(--beige) !important;

  place-items:center;

  gap:5px;
}


.dr-burger i{
  display:block;

  width:20px;
  height:2px;

  border-radius:2px;

  background:var(--green);

  transition:
    transform .3s var(--ease),
    opacity .2s ease;
}


.dr-hd.is-menu .dr-burger i:nth-child(1){
  transform:
    translateY(7px)
    rotate(45deg);
}


.dr-hd.is-menu .dr-burger i:nth-child(2){
  opacity:0;
}


.dr-hd.is-menu .dr-burger i:nth-child(3){
  transform:
    translateY(-7px)
    rotate(-45deg);
}


/* ==========================================================
   MOBILE SCRIM
========================================================== */

.dr-scrim{
  position:fixed;

  inset:0;

  background:rgba(7,25,20,.5);

  opacity:0;

  visibility:hidden;

  transition:
    opacity .35s ease,
    visibility .35s;

  z-index:-1;
}


.dr-hd.is-menu .dr-scrim{
  opacity:1;

  visibility:visible;
}


/* ==========================================================
   MOBILE PANEL
========================================================== */

.dr-panel{
  position:fixed;

  top:0;
  right:0;

  height:100dvh;

  width:min(88vw,400px);

  background:#fff;

  display:flex;

  flex-direction:column;

  padding:20px 24px 28px;

  transform:translateX(100%);

  transition:
    transform .45s var(--ease);

  overflow-y:auto;

  overscroll-behavior:contain;

  box-shadow:
    -34px 0 64px -36px rgba(7,57,44,.6);
}


.dr-hd.is-menu .dr-panel{
  transform:translateX(0);
}


.dr-panel__head{
  display:flex;

  align-items:center;

  justify-content:space-between;

  gap:12px;
}


.dr-panel__head img{
  height:58px;

  width:auto;

  display:block;
}


.dr-panel__close{
  width:44px;
  height:44px;

  flex:0 0 44px;

  border-radius:14px !important;

  background:var(--beige) !important;

  color:var(--green) !important;

  font-size:24px;

  line-height:1;

  display:grid;

  place-items:center;
}


/* ==========================================================
   MOBILE LINKS
========================================================== */

.dr-panel__list{
  list-style:none;

  margin:16px 0 0;

  padding:0;
}


.dr-panel__list > li{
  border-bottom:1px solid var(--line);
}


.dr-panel__link{
  display:flex;

  align-items:center;

  justify-content:space-between;

  width:100%;

  padding:16px 2px;

  text-align:start;

  font-size:19px;

  font-weight:500;

  color:var(--ink) !important;

  text-decoration:none !important;
}


.dr-panel__link .dr-nav__chev{
  width:14px;
  height:14px;

  flex:0 0 14px;

  color:var(--green);
}


/* ==========================================================
   MOBILE DESTINATIONS
========================================================== */

.dr-panel__sub{
  display:grid;

  grid-template-rows:0fr;

  transition:
    grid-template-rows .4s var(--ease);
}


.dr-panel__item.is-open .dr-panel__sub{
  grid-template-rows:1fr;
}


.dr-panel__sub > div{
  overflow:hidden;
}


.dr-panel__sub a{
  position:relative;

  display:flex;

  align-items:center;

  gap:10px;

  padding:11px 18px;

  font-size:16px;

  color:#4A5C54 !important;

  text-decoration:none !important;
}


.dr-panel__sub a::before{
  content:"";

  width:5px;
  height:5px;

  flex:0 0 5px;

  border-radius:50%;

  background:var(--orange);

  opacity:.6;
}


/* ==========================================================
   MOBILE FOOT
========================================================== */

.dr-panel__foot{
  margin-top:auto;

  padding-top:26px;

  display:grid;

  gap:12px;
}


.dr-panel__foot .dr-cta{
  height:62px;

  justify-content:space-between;

  padding-inline:26px 8px;
}


.dr-panel__foot .dr-phone{
  justify-content:center;

  padding:8px;

  border:1px solid var(--line);

  border-radius:999px;
}


/* ==========================================================
   RESPONSIVE
========================================================== */

@media (max-width:1440px){

  .dr-hd__bar{
    gap:16px;

    padding:0 22px;
  }


  /*
   * نقلل المسافات تدريجيًا فقط على الشاشات المتوسطة.
   * الديسكتوب الكبير يفضل واسع.
   */
  .dr-nav__list{
    gap:10px;
  }


  .dr-nav__link{
    padding:12px 7px;

    font-size:15px;
  }


  .dr-actions{
    gap:12px;
  }


  .dr-cta{
    padding-inline:20px 6px;

    gap:11px;

    font-size:15px;
  }

}


@media (max-width:1320px){

  .dr-hd__bar .dr-phone__num{
    display:none;
  }


  .dr-nav__list{
    gap:8px;
  }

}


/* ==========================================================
   TABLET / MOBILE HEADER
========================================================== */

@media (max-width:1180px){

  .dr-hd{
    --bar-h:78px;
    --bar-h-stuck:68px;

    --logo-h:54px;
    --logo-h-stuck:48px;
  }


  .dr-hd-spacer{
    height:78px;
  }


  .dr-nav{
    display:none;
  }


  .dr-burger{
    display:grid;
  }


  .dr-actions{
    margin-inline-start:auto;

    gap:12px;
  }


  .dr-hd__bar .dr-cta{
    display:none;
  }


  .dr-hd__bar .dr-phone__ring{
    flex-basis:44px;

    width:44px;
    height:44px;
  }


  .dr-hd__bar .dr-phone__ico{
    width:21px;
    height:21px;
  }

}


/* ==========================================================
   SMALL MOBILE
========================================================== */

@media (max-width:520px){

  .dr-hd{
    --bar-h:70px;
    --bar-h-stuck:64px;

    --logo-h:46px;
    --logo-h-stuck:42px;
  }


  .dr-hd-spacer{
    height:70px;
  }


  .dr-hd__bar{
    padding:0 14px;

    gap:10px;
  }


  .dr-hd__bar .dr-phone__ring{
    flex-basis:42px;

    width:42px;
    height:42px;
  }


  .dr-hd__bar .dr-phone__ico{
    width:20px;
    height:20px;
  }


  .dr-burger{
    width:44px;
    height:44px;
  }


  .dr-panel{
    width:min(92vw,380px);

    padding:16px 20px 22px;
  }


  .dr-panel__head img{
    height:52px;
  }


  .dr-panel__link{
    padding:14px 2px;

    font-size:18px;
  }


  .dr-panel__sub a{
    padding:10px 16px;

    font-size:15.5px;
  }


  .dr-panel__foot{
    padding-top:20px;
  }


  .dr-panel__foot .dr-phone{
    min-height:58px;
  }


  .dr-panel__foot .dr-cta{
    height:58px;

    font-size:15px;
  }

}


/* ==========================================================
   VERY SMALL MOBILE
========================================================== */

@media (max-width:380px){

  .dr-hd__bar{
    padding:0 10px;
  }


  .dr-hd{
    --logo-h:42px;
    --logo-h-stuck:40px;
  }


  .dr-hd__bar .dr-phone__ring{
    flex-basis:43px;

    width:43px;
    height:43px;
  }


  .dr-burger{
    width:45px;
    height:45px;

    border-radius:14px !important;
  }


  .dr-panel{
    width:94vw;

    padding-inline:18px;
  }

}


/* ==========================================================
   ACCESSIBILITY
========================================================== */

.dr-hd a:focus-visible,
.dr-hd button:focus-visible{
  outline:2px solid var(--orange);

  outline-offset:3px;

  border-radius:8px;
}


@media (prefers-reduced-motion:reduce){

  .dr-hd *,
  .dr-hd *::before,
  .dr-hd *::after{
    animation:none !important;

    transition-duration:.01ms !important;
  }

}

/* ##########################################################
   ##########################################################
   MEGA MENU — الوجهات
   إضافة بس — مفيش أي تعديل على ستايل الهيدر اللي فوق
   ##########################################################
   ########################################################## */


/* المنيو بيتحسب من البار كله مش من كلمة "الوجهات" */
.dr-nav__item.dr-nav__item--mega{
  position:static;
}


.dr-mega{
  position:absolute;

  top:100%;
  left:0;
  right:0;

  margin-inline:auto;

  width:min(1060px, calc(100% - 48px));

  max-height:calc(100dvh - var(--bar-h) - 24px);

  overflow-y:auto;
  overscroll-behavior:contain;

  /* قوة باترن الخريطة: 1 = زي الصورة بالظبط، .3 = خفيف جداً */
  --mega-pattern:.7;

  background:#fff;

  border:1px solid var(--line);
  border-radius:22px;

  box-shadow:
    0 44px 80px -44px rgba(7,57,44,.55),
    0 2px 8px rgba(7,57,44,.04);

  opacity:0;
  visibility:hidden;

  transform:translateY(12px);

  transition:
    opacity .3s ease,
    transform .45s var(--ease),
    visibility .45s;

  z-index:2;
}


.dr-hd.is-stuck .dr-mega{
  max-height:calc(100dvh - var(--bar-h-stuck) - 24px);
}


/* باترن الخريطة — طبقة لوحدها تحت المحتوى */
.dr-mega::after{
  content:"";

  position:absolute;

  inset:0;

  z-index:0;

  pointer-events:none;

  border-radius:inherit;

  background-image:
    url("https://desertroseholidays.ae/wp-content/uploads/2026/08/map-pattern.jpg");

  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;

  opacity:var(--mega-pattern);
}


.dr-mega__grid,
.dr-mega__foot{
  position:relative;

  z-index:1;
}


/* جسر غير مرئي بين "الوجهات" والمنيو عشان الهوفر ما يقفش */
.dr-mega::before{
  content:"";

  position:absolute;

  left:0;
  right:0;
  bottom:100%;

  height:34px;
}


.dr-nav__item--mega.is-open .dr-mega{
  opacity:1;
  visibility:visible;

  transform:translateY(0);
}


/* ==========================================================
   GRID
========================================================== */

.dr-mega__grid{
  display:grid;

  grid-template-columns:1fr 1fr 2fr;

  padding:26px 22px 20px;
}


.dr-mega__col{
  min-width:0;

  padding-inline:8px;

  opacity:0;

  transform:translateY(8px);

  transition:
    opacity .35s ease,
    transform .5s var(--ease);
}


.dr-mega__col + .dr-mega__col{
  border-inline-start:1px solid var(--line);

  padding-inline-start:18px;
  margin-inline-start:10px;
}


.dr-nav__item--mega.is-open .dr-mega__col{
  opacity:1;

  transform:none;
}


.dr-nav__item--mega.is-open .dr-mega__col:nth-child(2){
  transition-delay:.05s;
}


.dr-nav__item--mega.is-open .dr-mega__col:nth-child(3){
  transition-delay:.1s;
}


/* ==========================================================
   GROUPS
========================================================== */

.dr-mega__group + .dr-mega__group{
  margin-top:20px;
}


.dr-hd .dr-mega__title{
  margin:0 0 6px !important;

  padding:0 12px 10px;

  border-bottom:1px solid var(--line);

  font-size:13px !important;
  font-weight:700 !important;

  line-height:1.4 !important;

  color:var(--green) !important;
}


.dr-hd .dr-mega__list{
  list-style:none;

  margin:0 !important;
  padding:0 !important;
}


.dr-hd .dr-mega__list li{
  margin:0 !important;
  padding:0 !important;

  break-inside:avoid;
}


/* أوروبا — عمودين */
.dr-hd .dr-mega__list--2{
  columns:2;

  column-gap:10px;
}


/* ==========================================================
   ITEMS — نفس روح الدروب داون القديم
========================================================== */

.dr-mega__list a{
  display:flex;

  align-items:center;

  gap:9px;

  padding:8px 12px;

  border-radius:12px;

  font-size:15.5px;
  font-weight:500;

  line-height:1.35;

  color:var(--ink) !important;

  text-decoration:none !important;

  transition:
    background .2s ease,
    color .2s ease,
    padding .25s var(--ease);
}


.dr-mega__list a::before{
  content:"";

  width:5px;
  height:5px;

  flex:0 0 5px;

  border-radius:50%;

  background:var(--orange);

  opacity:.35;

  transition:
    opacity .2s,
    transform .2s;
}


.dr-mega__name{
  white-space:nowrap;
}


.dr-mega__list a:hover,
.dr-mega__list a:focus-visible{
  background:var(--beige);

  color:var(--green) !important;

  padding-inline-start:16px;
}


.dr-mega__list a:hover::before,
.dr-mega__list a:focus-visible::before,
.dr-mega__list a.is-current::before{
  opacity:1;

  transform:scale(1.5);
}


.dr-mega__list a.is-current{
  color:var(--green) !important;

  font-weight:700;
}


/* ==========================================================
   BADGE — الأكثر طلباً
========================================================== */

.dr-badge{
  display:inline-flex;

  align-items:center;

  flex:0 0 auto;

  padding:3px 8px;

  border-radius:999px;

  background:rgba(239,65,35,.08);

  color:var(--orange);

  font-size:11px;
  font-weight:700;

  line-height:1.2;

  white-space:nowrap;
}


/* ==========================================================
   FOOT
========================================================== */

.dr-mega__foot{
  display:flex;

  align-items:center;

  justify-content:space-between;

  gap:16px;

  flex-wrap:wrap;

  padding:14px 30px;

  border-top:1px solid var(--line);

  background:rgba(254,240,213,.55);
}


.dr-mega__all{
  display:inline-flex;

  align-items:center;

  gap:10px;

  font-size:15px;
  font-weight:700;

  color:var(--green) !important;

  text-decoration:none !important;
}


.dr-mega__all svg{
  width:15px;
  height:15px;

  flex:0 0 15px;

  transition:
    transform .35s var(--ease);
}


.dr-mega__all:hover svg{
  transform:translateX(-4px);
}


.dr-hd .dr-mega__help{
  margin:0 !important;

  font-size:14px !important;

  line-height:1.6 !important;

  color:#4A5C54 !important;
}


.dr-mega__help a{
  margin-inline-start:4px;

  font-weight:700;

  color:var(--orange) !important;

  text-decoration:underline !important;
  text-decoration-thickness:1px !important;
  text-underline-offset:4px;
}


/* ==========================================================
   MEDIUM DESKTOP
========================================================== */

@media (max-width:1320px){

  .dr-mega__grid{
    padding:22px 16px 16px;
  }


  .dr-mega__col + .dr-mega__col{
    padding-inline-start:12px;
    margin-inline-start:6px;
  }


  .dr-mega__list a{
    padding:7px 10px;

    font-size:15px;
  }

}


/* ##########################################################
   MOBILE — أكورديون الوجهات
   ########################################################## */

.dr-msub > div{
  padding-bottom:8px;
}


/* كل الوجهات */
.dr-panel__sub.dr-msub a.dr-msub__all{
  justify-content:space-between;

  margin:4px 0 6px;

  padding:13px 14px;

  border-radius:14px;

  background:var(--beige);

  font-size:15.5px;
  font-weight:700;

  color:var(--green) !important;
}


.dr-panel__sub.dr-msub a.dr-msub__all::before{
  display:none;
}


.dr-msub__all svg{
  width:15px;
  height:15px;

  flex:0 0 15px;
}


/* عنوان القارة */
.dr-hd .dr-msub__title{
  margin:16px 4px 4px !important;

  padding:0;

  font-size:12.5px !important;
  font-weight:700 !important;

  line-height:1.4 !important;

  color:var(--green) !important;
}


/* الوجهات — عمودين */
.dr-msub__grid{
  display:grid;

  grid-template-columns:1fr 1fr;

  gap:0 6px;
}


.dr-panel__sub.dr-msub .dr-msub__grid a{
  min-width:0;

  gap:6px;

  padding:9px 8px;

  border-radius:10px;

  font-size:15px;
}


.dr-panel__sub.dr-msub .dr-msub__grid a::before{
  display:none;
}


.dr-msub__name{
  white-space:nowrap;

  overflow:hidden;

  text-overflow:ellipsis;
}


.dr-panel__sub.dr-msub .dr-msub__grid a:active,
.dr-panel__sub.dr-msub .dr-msub__grid a.is-current{
  background:var(--beige);

  color:var(--green) !important;
}


.dr-msub .dr-badge{
  padding:2px 6px;

  font-size:10px;
}


@media (max-width:380px){

  .dr-panel__sub.dr-msub .dr-msub__grid a{
    padding:9px 6px;

    font-size:14.5px;
  }

}/* End custom CSS */
/* Start custom CSS */@font-face{font-family:"DR Ping";src:url("https://desertroseholidays.ae/wp-content/uploads/2026/08/Ping-Regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"DR Ping";src:url("https://desertroseholidays.ae/wp-content/uploads/2026/08/Ping-Medium.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"DR Ping";src:url("https://desertroseholidays.ae/wp-content/uploads/2026/08/Ping-Bold.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"DR Ping";src:url("https://desertroseholidays.ae/wp-content/uploads/2026/08/Ping-Heavy.woff2") format("woff2");font-weight:900;font-style:normal;font-display:swap}/* End custom CSS */