/* -----------------------------------------------------------
   Embassy Appointment Landing (Template-only)
   ----------------------------------------------------------- */

/* 1) Quicklinks layout in "embassy-what" section */
#embassy-what .ps-tourist__quicklinks{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:12px;
  flex-wrap:nowrap;
  margin-top:14px;
}
@media(max-width:520px){
  #embassy-what .ps-tourist__quicklinks{ flex-wrap:wrap; }
}

/* 2) Luxury Counter (scoped to #embassy-counter) */
#embassy-counter.ps-visa-counter-lux{position:relative; overflow:hidden}
#embassy-counter .ps-counter{
  position:relative; border-radius:18px; padding:18px; background:
    radial-gradient(1200px 600px at 80% -20%, rgba(214,167,94,.35), transparent 60%),
    radial-gradient(900px 500px at 10% 120%, rgba(72,90,133,.35), transparent 55%),
    linear-gradient(135deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
  border:1px solid rgba(255,255,255,.10);
  box-shadow: 0 18px 60px rgba(0,0,0,.10);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
#embassy-counter .ps-counter__grid{display:grid; gap:14px; align-items:center; grid-template-columns:1fr}
@media(min-width:900px){
  #embassy-counter .ps-counter__grid{grid-template-columns: 1.3fr .7fr}
}
#embassy-counter .ps-counter__badge{
  display:inline-flex; align-items:center; gap:8px;
  padding:6px 10px; border-radius:999px; font-size:12px; letter-spacing:.2px;
  background: rgba(214,167,94,.14); border:1px solid rgba(214,167,94,.35); color: inherit;
}
#embassy-counter .ps-counter__title{margin:10px 0 6px; font-size:18px; line-height:1.7}
@media(min-width:900px){
  #embassy-counter .ps-counter__title{font-size:20px}
}
#embassy-counter .ps-counter__subtitle{margin:0; opacity:.9; line-height:1.9}
#embassy-counter .ps-counter__meta{margin-top:10px; display:flex; flex-wrap:wrap; gap:10px}
#embassy-counter .ps-counter__chip{
  display:inline-flex; align-items:center; gap:8px;
  padding:8px 10px; border-radius:12px;
  background: rgba(72,90,133,.10);
  border:1px solid rgba(72,90,133,.22);
  font-size:12px;
}
#embassy-counter .ps-counter__chip b{font-weight:700}
#embassy-counter .ps-counter__numwrap{display:flex; justify-content:center}
#embassy-counter .ps-counter__num{
  width:min(280px,100%);
  border-radius:18px;
  padding:14px 14px;
  background: linear-gradient(135deg, rgba(214,167,94,.18), rgba(72,90,133,.10));
  border:1px solid rgba(255,255,255,.12);
  box-shadow: 0 14px 40px rgba(0,0,0,.10);
  text-align:center;
  position:relative;
  overflow:hidden;
}
#embassy-counter .ps-counter__num:before{
  content:"";
  position:absolute; inset:-2px;
  background: radial-gradient(500px 220px at 50% 0%, rgba(214,167,94,.35), transparent 70%);
  pointer-events:none;
}
#embassy-counter .ps-counter__big{
  position:relative;
  font-size:44px; line-height:1; font-weight:800;
  letter-spacing:.5px;
}
@media(min-width:900px){
  #embassy-counter .ps-counter__big{font-size:52px}
}
#embassy-counter .ps-counter__label{position:relative; margin-top:10px; font-size:12px; opacity:.9}
#embassy-counter .ps-counter__hint{margin-top:8px; font-size:12px; opacity:.75; line-height:1.8}
#embassy-counter .ps-counter__spark{
  display:inline-block; width:10px; height:10px; border-radius:50%;
  background: rgba(214,167,94,.9);
  box-shadow: 0 0 0 6px rgba(214,167,94,.18), 0 0 22px rgba(214,167,94,.35);
}

/* 3) Fix dropdown flags (scoped to #ps-embassy-appointment) */
#ps-embassy-appointment .ps-visa-select__item{
  display:flex;
  align-items:center;
  gap:10px;
}
#ps-embassy-appointment .ps-visa-select__item-flag{
  width:24px;
  height:24px;
  flex:0 0 24px;
  overflow:hidden;
  border-radius:50%;
}
#ps-embassy-appointment .ps-visa-select__item-flag img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}
#ps-embassy-appointment .ps-visa-select__flag-wrap{
  width:24px;
  height:24px;
  flex:0 0 24px;
  overflow:hidden;
  border-radius:50%;
}
#ps-embassy-appointment .ps-visa-select__flag{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}
/* --- Embassy Card: match Tourist Visa title layout (like screenshot) --- */

/* عنوان کنار پرچم از بالا تراز شود */
.ps-visa-card__flag-title{
  align-items:flex-start !important;
}

/* خودِ باکس متن (وقت سفارت/کشور) چسبیده به بالا */
.ps-visa-card__body--stack{
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  padding-top:0 !important;
  margin-top:0 !important;
}

/* تایپوگرافی دقیق */
.ps-visa-card__title-top{
  font-weight:800;
  line-height:1.2;
  margin:0 !important;
}

.ps-visa-card__title-sub{
  font-weight:400;
  opacity:.8;
  line-height:1.2;
  margin:6px 0 0 !important; /* فاصله خیلی کم بین دو خط مثل عکس */
}

/* فاصله تا دکمه‌های زیر (شرایط/مدارک) */
.ps-visa-card__links{
  margin-top:30px !important; /* دقیقا طبق خواسته شما */
}
/* --- Fix extra top space in embassy card --- */

/* هدر کارت */
.ps-visa-card__header{
  padding-top:0 !important;
}

/* تراز عمودی کنار پرچم */
.ps-visa-card__flag-title{
  align-items:flex-start !important;
}

/* حذف فاصله بالای باکس متن */
.ps-visa-card__body--stack{
  margin-top:0 !important;
  padding-top:0 !important;
}
/* =========================================================
   Embassy Appointment Cards - Title spacing fix (FINAL)
   Scope: only cards that have .ps-visa-card__body--stack
   ========================================================= */

/* 1) هدر کارت: padding بالا را برای کارت‌های وقت سفارت صفر کن */
.ps-visa-card:has(.ps-visa-card__body--stack) .ps-visa-card__header{
  padding-top: 0 !important;
}

/* اگر مرورگرت :has را ساپورت نکرد، این fallback هم کمک می‌کند */
.ps-visa-card .ps-visa-card__body--stack{
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* 2) تراز عمودی کنار پرچم: متن از بالا تراز شود */
.ps-visa-card:has(.ps-visa-card__body--stack) .ps-visa-card__flag-title{
  align-items: flex-start !important;
}

/* 3) استایل متن */
.ps-visa-card__body--stack{
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.ps-visa-card__title-top{
  margin: 0 !important;
  font-weight: 800;
  line-height: 1.2;
}

.ps-visa-card__title-sub{
  margin: 6px 0 0 !important;
  font-weight: 400;
  opacity: .8;
  line-height: 1.2;
}

/* 4) فاصله دکمه‌ها از عنوان: دقیقاً 30px */
.ps-visa-card:has(.ps-visa-card__body--stack) .ps-visa-card__links{
  margin-top: 45px !important;
}
/* Embassy landing: hide visa-type selector inside custom dropdown */
#ps-embassy-landing .ps-visa-select__types{
  display: none !important;
}