/* =====================================================================
   KNOW YOUR DESTINATION pages (Thailand, Malaysia, Dubai, Egypt, Europe, Indonesia)
   Extra styles only. Load AFTER css/services-pages.css, which provides the
   #svc-page wrapper and the sv- classes used on these pages.
   ===================================================================== */

/* ---------- country name + flag ---------- */
#svc-page .dd-flag{display:inline-block;height:40px;width:auto;margin-left:14px;vertical-align:middle;border-radius:6px;box-shadow:0 2px 8px rgba(7,39,86,.25)}

/* ---------- quick facts inside the navy card ---------- */
#svc-page .sv-feature .dd-facts li{position:relative;padding-left:22px;margin-bottom:11px;font-size:15.5px;line-height:1.55;color:#dbe7f7}
#svc-page .sv-feature .dd-facts li:last-child{margin-bottom:0}
#svc-page .sv-feature .dd-facts li:before{content:"";position:absolute;left:0;top:.55em;width:8px;height:8px;border-radius:50%;background:var(--sv-red)}

/* ---------- do / don't cards ---------- */
#svc-page .dd-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
#svc-page .dd-card{position:relative}
#svc-page .dd-card p + p{margin-top:10px}
#svc-page .dd-tag{position:absolute;top:24px;right:24px;padding:5px 14px;border-radius:999px;background:var(--sv-sky);color:var(--sv-navy);font-size:13px;line-height:1.2;font-weight:700}

#svc-page .dd-dont{border-top-color:var(--sv-red)}
#svc-page .dd-dont .dd-tag{background:#fde8e9;color:#b3121a}
#svc-page .dd-dont .sv-ico{background:#fde8e9;color:var(--sv-red)}
#svc-page .dd-dont:hover .sv-ico{background:var(--sv-red);color:#fff}

/* ---------- other destinations ---------- */
#svc-page .dd-countries{grid-template-columns:repeat(6,1fr)}
#svc-page .sv-country.dd-current{border-color:var(--sv-red);box-shadow:0 18px 34px -24px rgba(227,38,46,.7)}
#svc-page .sv-country.dd-current .sv-dl{color:var(--sv-navy)}

/* ---------- responsive ---------- */
@media (max-width:991px){
  #svc-page .dd-countries{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:700px){
  #svc-page .dd-grid{grid-template-columns:1fr}
}
@media (max-width:600px){
  #svc-page .dd-flag{height:32px}
  #svc-page .dd-tag{top:20px;right:18px}
  #svc-page .dd-countries{grid-template-columns:repeat(2,1fr)}
}


/* ---------- in-page jump links (used when a page has no quick-facts list) ---------- */
#svc-page [id^="dd-"]{scroll-margin-top:110px}
#svc-page .dd-jump li{margin-bottom:10px}
#svc-page .dd-jump li:last-child{margin-bottom:0}
#svc-page .dd-jump a{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 18px;border-radius:12px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);color:#fff;font-size:16px;font-weight:600;transition:background .2s ease}
#svc-page .dd-jump a:hover{background:rgba(255,255,255,.2);color:#fff}
#svc-page .dd-jump b{min-width:34px;padding:2px 10px;border-radius:999px;background:var(--sv-red);color:#fff;font-size:13px;text-align:center}

/* ---------- illustrations (open in the existing lightbox) ---------- */
#svc-page .dd-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px;align-items:start;margin-top:24px}
#svc-page .dd-gallery a{display:block;overflow:hidden;background:#fff;border:1px solid var(--sv-line);border-radius:14px;transition:transform .25s ease,box-shadow .25s ease}
#svc-page .dd-gallery a:hover{transform:translateY(-4px);box-shadow:0 18px 34px -22px rgba(7,39,86,.5)}
#svc-page .dd-gallery img{display:block;width:100%;height:auto}