
/* --- patch: mobile-destination-cover-fix-v2 --- */

/* mobile-destination-cover-fix-v2 */
@media(max-width:760px){
  /* نخلي صور كفر الوجهات زي منطق الهوم: صورة واضحة فوق، والمحتوى فوق كارت مقروء بدل فرد صورة landscape على طول شاشة الموبايل */
  .dp-page .dp-hero,
  .tk-premium .tk-hero,
  .destination-hero{
    position:relative!important;
    display:block!important;
    min-height:0!important;
    height:auto!important;
    padding:0!important;
    overflow:hidden!important;
    background:linear-gradient(180deg,#071b5b 0%,#081748 100%)!important;
    color:#fff!important;
  }

  .dp-page .dp-hero>img,
  .tk-premium .tk-hero>img,
  .destination-hero .hero-photo,
  .destination-hero>img{
    position:relative!important;
    inset:auto!important;
    display:block!important;
    width:100%!important;
    height:clamp(250px,42svh,330px)!important;
    min-height:0!important;
    max-height:clamp(250px,42svh,330px)!important;
    max-width:none!important;
    object-fit:cover!important;
    object-position:center center!important;
    transform:none!important;
    filter:none!important;
    opacity:1!important;
    border-radius:0!important;
  }

  .dp-page .dp-hero-overlay,
  .tk-premium .tk-hero-overlay,
  .destination-hero .hero-overlay{
    position:absolute!important;
    top:0!important;
    right:0!important;
    left:0!important;
    bottom:auto!important;
    width:100%!important;
    height:clamp(250px,42svh,330px)!important;
    z-index:1!important;
    pointer-events:none!important;
    background:linear-gradient(180deg,rgba(5,15,52,.12) 0%,rgba(5,15,52,.22) 48%,rgba(5,15,52,.72) 100%)!important;
  }

  .dp-page .dp-hero-wrap,
  .tk-premium .tk-hero-wrap{
    position:relative!important;
    z-index:2!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    width:calc(100% - 28px)!important;
    max-width:100%!important;
    margin:-68px auto 0!important;
    padding:0 0 26px!important;
    gap:13px!important;
  }

  .destination-hero .destination-hero-content{
    position:relative!important;
    z-index:2!important;
    width:calc(100% - 28px)!important;
    max-width:100%!important;
    min-height:0!important;
    margin:-68px auto 0!important;
    padding:22px 16px 26px!important;
    border:1px solid rgba(255,255,255,.16)!important;
    border-radius:22px!important;
    background:linear-gradient(180deg,rgba(7,24,76,.94),rgba(6,16,52,.98))!important;
    box-shadow:0 22px 46px rgba(0,0,0,.18)!important;
    backdrop-filter:blur(10px)!important;
    text-align:right!important;
  }

  .dp-page .dp-hero-copy,
  .tk-premium .tk-hero-copy{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    order:1!important;
    padding:22px 16px 18px!important;
    border:1px solid rgba(255,255,255,.16)!important;
    border-radius:22px!important;
    background:linear-gradient(180deg,rgba(7,24,76,.94),rgba(6,16,52,.98))!important;
    box-shadow:0 22px 46px rgba(0,0,0,.18)!important;
    backdrop-filter:blur(10px)!important;
    text-align:right!important;
  }

  .dp-page .dp-pill,
  .tk-premium .tk-pill,
  .destination-hero .kicker{
    margin-bottom:9px!important;
    font-size:.72rem!important;
    line-height:1.4!important;
    padding:6px 10px!important;
    background:rgba(255,255,255,.10)!important;
    border-color:rgba(255,255,255,.24)!important;
  }

  .dp-page .dp-hero h1,
  .tk-premium .tk-hero h1,
  .destination-hero h1{
    max-width:100%!important;
    margin:8px 0 10px!important;
    font-size:clamp(2rem,8.4vw,2.65rem)!important;
    line-height:1.32!important;
    letter-spacing:-.4px!important;
    text-wrap:balance!important;
    color:#fff!important;
    text-shadow:0 8px 24px rgba(0,0,0,.25)!important;
  }

  .dp-page .dp-hero-copy>p,
  .tk-premium .tk-hero-copy>p,
  .destination-hero p{
    max-width:100%!important;
    margin:0!important;
    font-size:.9rem!important;
    line-height:1.9!important;
    color:rgba(255,255,255,.90)!important;
  }

  .dp-page .dp-actions,
  .tk-premium .tk-actions,
  .destination-hero .hero-actions{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:9px!important;
    width:100%!important;
    margin-top:17px!important;
  }

  .dp-page .dp-actions a,
  .tk-premium .tk-actions a,
  .destination-hero .hero-actions a{
    width:100%!important;
    min-width:0!important;
    min-height:48px!important;
    padding:10px 8px!important;
    border-radius:14px!important;
    font-size:.86rem!important;
    justify-content:center!important;
    white-space:nowrap!important;
  }

  .dp-page .dp-hero-card,
  .tk-premium .tk-hero-card,
  .dp-page .dp-hero-form,
  .tk-premium .tk-hero-form{
    order:2!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:18px 16px!important;
    border-radius:22px!important;
    border:1px solid rgba(255,255,255,.14)!important;
    background:rgba(6,17,54,.88)!important;
    box-shadow:0 18px 40px rgba(0,0,0,.14)!important;
    backdrop-filter:blur(10px)!important;
  }

  .dp-page .dp-hero-card{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:0!important;
  }
  .dp-page .dp-hero-card>span,
  .tk-premium .tk-hero-card>span{
    margin-bottom:8px!important;
  }
  .dp-page .dp-hero-card>div,
  .tk-premium .tk-hero-card>div{
    border-right:0!important;
    border-top:1px solid rgba(255,255,255,.12)!important;
    padding:9px 0!important;
  }

  .dp-page .dp-hero-mini-grid,
  .tk-premium .dp-hero-mini-grid,
  .tk-premium .tk-hero-form .dp-hero-mini-grid{
    grid-template-columns:1fr!important;
    gap:10px!important;
  }

  .dp-page .dp-hero-lead-form input:not([type="checkbox"]),
  .dp-page .dp-hero-lead-form select,
  .tk-premium .dp-hero-lead-form input:not([type="checkbox"]),
  .tk-premium .dp-hero-lead-form select{
    height:54px!important;
    min-height:54px!important;
    max-height:54px!important;
    border-radius:14px!important;
    font-size:16px!important;
  }

  .dp-page .dp-hero-lead-form textarea,
  .tk-premium .dp-hero-lead-form textarea{
    min-height:88px!important;
    border-radius:14px!important;
    font-size:16px!important;
  }

  /* نقاط تركيز لكل صورة وهي في وضع بانر موبايل */
  .dp-page[data-premium-destination="georgia"] .dp-hero>img{object-position:50% 48%!important}
  .dp-page[data-premium-destination="malaysia"] .dp-hero>img{object-position:50% 46%!important}
  .dp-page[data-premium-destination="maldives"] .dp-hero>img{object-position:52% 50%!important}
  .dp-page[data-premium-destination="thailand"] .dp-hero>img,
  .dp-th .dp-hero>img{object-position:50% 48%!important}
  .dp-page[data-premium-destination="bosnia-and-herzegovina"] .dp-hero>img{object-position:50% 47%!important}
  .dp-page[data-premium-destination="europe"] .dp-hero>img{object-position:50% 48%!important}
  .tk-premium[data-premium-destination="turkiye"] .tk-hero>img,
  .tk-premium .tk-hero>img{object-position:50% 48%!important}

  body[data-destination="جورجيا"] .destination-hero .hero-photo{object-position:50% 48%!important}
  body[data-destination="ماليزيا"] .destination-hero .hero-photo{object-position:50% 46%!important}
  body[data-destination="المالديف"] .destination-hero .hero-photo{object-position:52% 50%!important}
  body[data-destination="تايلاند"] .destination-hero .hero-photo{object-position:50% 48%!important}
  body[data-destination="تركيا"] .destination-hero .hero-photo{object-position:50% 48%!important}
  body[data-destination="البوسنة والهرسك"] .destination-hero .hero-photo{object-position:50% 47%!important}
  body[data-destination="أوروبا"] .destination-hero .hero-photo{object-position:50% 48%!important}
}

@media(max-width:420px){
  .dp-page .dp-hero>img,
  .tk-premium .tk-hero>img,
  .destination-hero .hero-photo,
  .destination-hero>img,
  .dp-page .dp-hero-overlay,
  .tk-premium .tk-hero-overlay,
  .destination-hero .hero-overlay{
    height:clamp(235px,39svh,305px)!important;
    max-height:clamp(235px,39svh,305px)!important;
  }
  .dp-page .dp-hero-wrap,
  .tk-premium .tk-hero-wrap,
  .destination-hero .destination-hero-content{
    margin-top:-58px!important;
  }
  .dp-page .dp-hero h1,
  .tk-premium .tk-hero h1,
  .destination-hero h1{
    font-size:clamp(1.85rem,8.1vw,2.35rem)!important;
  }
}

/* --- patch: destination-guide-accordion-v1 --- */

/* destination-guide-accordion-v1 */
.contextual-seo-polished[data-contextual-seo]:not([data-contextual-seo="home"]){
  padding:40px 0!important;
  background:linear-gradient(180deg,#f8faff 0%,#fff 100%)!important;
}
.contextual-seo-polished[data-contextual-seo]:not([data-contextual-seo="home"]) .contextual-heading{
  max-width:760px!important;
  margin:0 auto 18px!important;
  text-align:center!important;
}
.contextual-seo-polished[data-contextual-seo]:not([data-contextual-seo="home"]) .contextual-heading>span{
  margin-bottom:5px!important;
  font-size:13px!important;
}
.contextual-seo-polished[data-contextual-seo]:not([data-contextual-seo="home"]) .contextual-heading h2{
  margin:0!important;
  font-size:clamp(24px,2.5vw,34px)!important;
  line-height:1.35!important;
}
.contextual-seo-polished[data-contextual-seo]:not([data-contextual-seo="home"]) .context-card-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px 12px!important;
  align-items:start!important;
}
.contextual-seo-polished[data-contextual-seo]:not([data-contextual-seo="home"]) .context-guide-item{
  min-height:0!important;
  padding:0!important;
  border:1px solid #e1e7f2!important;
  border-radius:15px!important;
  background:#fff!important;
  box-shadow:0 5px 16px rgba(23,47,114,.035)!important;
  overflow:hidden!important;
}
.contextual-seo-polished[data-contextual-seo]:not([data-contextual-seo="home"]) .context-guide-item summary{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:10px!important;
  min-height:62px!important;
  padding:12px 14px!important;
  cursor:pointer!important;
  list-style:none!important;
}
.contextual-seo-polished[data-contextual-seo]:not([data-contextual-seo="home"]) .context-guide-item summary::-webkit-details-marker{display:none!important}
.contextual-seo-polished[data-contextual-seo]:not([data-contextual-seo="home"]) .context-guide-item .context-card-index{
  min-width:30px!important;
  width:30px!important;
  height:25px!important;
  margin:0!important;
  padding:0!important;
  font-size:11px!important;
}
.contextual-seo-polished[data-contextual-seo]:not([data-contextual-seo="home"]) .context-guide-item h3{
  margin:0!important;
  font-size:16px!important;
  line-height:1.5!important;
  color:#173274!important;
}
.context-guide-toggle{
  display:grid!important;
  place-items:center!important;
  width:28px!important;
  height:28px!important;
  border-radius:50%!important;
  background:#edf3ff!important;
  color:#2d5de1!important;
  font-size:18px!important;
  line-height:1!important;
  transition:transform .2s ease!important;
}
.context-guide-item[open] .context-guide-toggle{transform:rotate(45deg)!important}
.context-guide-answer{
  padding:0 14px 14px!important;
  border-top:1px solid #edf1f7!important;
}
.context-guide-answer p{
  margin:11px 0 0!important;
  color:#5f6980!important;
  font-size:14.5px!important;
  line-height:1.82!important;
}
@media(max-width:760px){
  .contextual-seo-polished[data-contextual-seo]:not([data-contextual-seo="home"]){padding:28px 0!important}
  .contextual-seo-polished[data-contextual-seo]:not([data-contextual-seo="home"]) .contextual-heading{
    text-align:right!important;
    margin-bottom:14px!important;
  }
  .contextual-seo-polished[data-contextual-seo]:not([data-contextual-seo="home"]) .contextual-heading h2{
    font-size:23px!important;
  }
  .contextual-seo-polished[data-contextual-seo]:not([data-contextual-seo="home"]) .context-card-grid{
    grid-template-columns:1fr!important;
    gap:8px!important;
  }
  .contextual-seo-polished[data-contextual-seo]:not([data-contextual-seo="home"]) .context-guide-item summary{
    min-height:56px!important;
    padding:11px 12px!important;
  }
  .contextual-seo-polished[data-contextual-seo]:not([data-contextual-seo="home"]) .context-guide-item h3{
    font-size:15px!important;
  }
  .context-guide-answer{padding:0 12px 12px!important}
  .context-guide-answer p{font-size:14px!important;line-height:1.75!important}
}

/* --- patch: form-font-desktop-spacing-v1 --- */

.dp-hero-form,.dp-hero-form *,
.dp-hero-lead-form,.dp-hero-lead-form *,
.lead-form,.lead-form *,
.dp-mini-lead-form,.dp-mini-lead-form *{
  font-family:'Noto Kufi Arabic','Segoe UI',Tahoma,Arial,sans-serif!important;
}
@media(min-width:901px){
  .dp-hero-form>span{margin-bottom:5px!important;font-size:.72rem!important;line-height:1.6!important;font-weight:800!important}
  .dp-hero-form>strong{margin-bottom:15px!important;font-size:1rem!important;line-height:1.7!important;font-weight:800!important}
  .dp-hero-mini-grid{gap:10px 12px!important}
  .dp-hero-lead-form label{gap:6px!important;font-size:.70rem!important;line-height:1.6!important}
  .dp-hero-consent{margin:10px 0 12px!important;line-height:1.65!important}
  .dp-hero-submit{margin-top:2px!important}
}

/* --- patch: legacy-intro-polish-v5 --- */

.legacy-destination-intro{
  padding:58px 0 62px!important;
  background:#f3f4f8!important;
}
.legacy-intro-grid{
  align-items:center!important;
}
.legacy-intro-content{
  direction:rtl!important;
  text-align:right!important;
  min-width:0!important;
}
.legacy-intro-content,
.legacy-intro-content *{
  font-family:'Noto Kufi Arabic','Segoe UI',Tahoma,Arial,sans-serif!important;
  letter-spacing:0!important;
}
.legacy-intro-kicker{
  display:inline-flex!important;
  align-items:center!important;
  margin:0 0 8px!important;
  color:#3563da!important;
  font-size:.82rem!important;
  font-weight:700!important;
  line-height:1.7!important;
}
.legacy-intro-content h2{
  max-width:760px!important;
  margin:6px 0 15px!important;
  color:#182d72!important;
  font-size:clamp(1.65rem,2.25vw,2.08rem)!important;
  font-weight:700!important;
  line-height:1.58!important;
  letter-spacing:0!important;
  text-wrap:balance!important;
}
.legacy-intro-lead{
  max-width:780px!important;
  margin:0!important;
  color:#5f6981!important;
  font-size:.96rem!important;
  font-weight:500!important;
  line-height:2.08!important;
  text-wrap:pretty!important;
}
.legacy-intro-consult{
  margin-top:24px!important;
  padding-top:22px!important;
  border-top:1px solid #dde2ec!important;
}
.legacy-intro-consult h3{
  margin:0 0 15px!important;
  color:#172760!important;
  font-size:clamp(1.35rem,1.85vw,1.72rem)!important;
  font-weight:700!important;
  line-height:1.62!important;
  letter-spacing:0!important;
  text-wrap:balance!important;
}
.legacy-intro-consult ul{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:9px 12px!important;
  margin:0 0 20px!important;
  padding:0!important;
  list-style:none!important;
}
.legacy-intro-consult li{
  display:flex!important;
  align-items:flex-start!important;
  gap:9px!important;
  min-height:0!important;
  padding:10px 11px!important;
  border:1px solid #e0e5ef!important;
  border-radius:13px!important;
  background:rgba(255,255,255,.62)!important;
  color:#46536f!important;
  font-size:.89rem!important;
  font-weight:600!important;
  line-height:1.72!important;
}
.legacy-intro-consult li span{
  display:grid!important;
  place-items:center!important;
  flex:0 0 22px!important;
  width:22px!important;
  height:22px!important;
  margin-top:2px!important;
  border-radius:50%!important;
  background:#e6f4ef!important;
  color:#238c68!important;
  font-size:12px!important;
  font-weight:800!important;
}
.legacy-intro-consult li b{font-weight:600!important}
.legacy-intro-cta{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:148px!important;
  min-height:47px!important;
  padding:11px 24px!important;
  border-radius:13px!important;
  font-size:.95rem!important;
  font-weight:700!important;
  box-shadow:0 10px 24px rgba(45,78,180,.14)!important;
}

.legacy-intro-visual{
  position:relative!important;
  min-height:0!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  aspect-ratio:4/3!important;
  border:0!important;
  border-radius:26px!important;
  background:#f3f4f8!important;
  box-shadow:none!important;
  isolation:auto!important;
}
.legacy-intro-visual:before,
.legacy-intro-visual:after{
  content:none!important;
  display:none!important;
}
.legacy-intro-visual img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  border-radius:26px!important;
  box-shadow:none!important;
}
.legacy-intro-visual--portrait{
  width:min(100%,410px)!important;
  justify-self:center!important;
  aspect-ratio:auto!important;
  overflow:visible!important;
  border-radius:0!important;
  background:#f3f4f8!important;
  box-shadow:none!important;
}
.legacy-intro-visual--portrait img{
  width:auto!important;
  max-width:100%!important;
  height:auto!important;
  max-height:520px!important;
  margin:0 auto!important;
  object-fit:contain!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.dp-page[data-premium-destination="europe"] .legacy-intro-visual--portrait img{
  mix-blend-mode:multiply!important;
}

@media (min-width:901px){
  .legacy-intro-grid{
    display:grid!important;
    grid-template-columns:minmax(340px,.82fr) minmax(0,1.18fr)!important;
    grid-template-areas:"visual content"!important;
    gap:50px!important;
    direction:ltr!important;
  }
  .legacy-intro-content{
    grid-area:content!important;
    justify-self:stretch!important;
    max-width:780px!important;
    padding:4px 0!important;
  }
  .legacy-intro-visual{
    grid-area:visual!important;
    justify-self:stretch!important;
  }
}

@media (max-width:900px){
  .legacy-destination-intro{padding:40px 0 46px!important}
  .legacy-intro-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-areas:"visual" "content"!important;
    gap:23px!important;
    direction:rtl!important;
  }
  .legacy-intro-content{grid-area:content!important;padding:0!important}
  .legacy-intro-visual{
    grid-area:visual!important;
    max-width:560px!important;
    width:100%!important;
    margin:0 auto!important;
  }
  .legacy-intro-visual--portrait{max-width:360px!important}
  .legacy-intro-visual--portrait img{max-height:460px!important}
}

@media (max-width:620px){
  .legacy-destination-intro{padding:30px 0 36px!important}
  .legacy-intro-grid{gap:18px!important}
  .legacy-intro-kicker{font-size:.76rem!important;margin-bottom:5px!important}
  .legacy-intro-content h2{
    font-size:1.55rem!important;
    line-height:1.62!important;
    margin-bottom:10px!important;
  }
  .legacy-intro-lead{
    font-size:.9rem!important;
    line-height:2!important;
  }
  .legacy-intro-consult{margin-top:17px!important;padding-top:16px!important}
  .legacy-intro-consult h3{
    font-size:1.22rem!important;
    line-height:1.65!important;
    margin-bottom:11px!important;
  }
  .legacy-intro-consult ul{grid-template-columns:1fr!important;gap:7px!important;margin-bottom:15px!important}
  .legacy-intro-consult li{padding:9px 10px!important;font-size:.86rem!important;line-height:1.72!important}
  .legacy-intro-cta{width:100%!important;min-height:46px!important}
  .legacy-intro-visual{border-radius:20px!important}
  .legacy-intro-visual img{border-radius:20px!important}
  .legacy-intro-visual--portrait{max-width:300px!important;border-radius:0!important}
  .legacy-intro-visual--portrait img{max-height:420px!important;border-radius:0!important}
}
