/* =========================================================
   Tourist Landing — ONLY page-specific additions
   (No duplication of existing global styles)
========================================================= */

/* ---------- Jump button (same vibe as header CTA) ---------- */
main.ps-tourist-landing .ps-tourist__head--with-jump{
  align-items: center;
}

main.ps-tourist-landing .ps-tourist__jump-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;

  padding: 9px 22px;
  border-radius: 999px;

  background: linear-gradient(135deg, #f6d18c, #d6a75e);
  color: #1f2933;

  font-size: 13px;
  font-weight: 800;
  line-height: 1;

  border: 1px solid rgba(214, 167, 94, 0.95);

  box-shadow:
    0 10px 26px rgba(214, 167, 94, 0.45),
    0 0 0 1px rgba(255, 255, 255, 0.7);

  white-space: nowrap;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;

  transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease, color 0.2s ease;
}

main.ps-tourist-landing .ps-tourist__jump-btn:hover,
main.ps-tourist-landing .ps-tourist__jump-btn:focus{
  transform: translateY(-2px);
  background: linear-gradient(135deg, #ffd995, #e0b76b);
  box-shadow:
    0 18px 40px rgba(214, 167, 94, 0.75),
    0 0 0 1px rgba(255, 255, 255, 0.9);
  color: #111827;
}

main.ps-tourist-landing .ps-tourist__jump-btn:focus-visible{
  outline: 3px solid rgba(214, 167, 94, 0.65);
  outline-offset: 4px;
}

/* Mobile: button goes under the title */
@media (max-width: 768px){
  main.ps-tourist-landing .ps-tourist__head--with-jump{
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }
}

/* ---------- Quicklinks (3 buttons) ---------- */
/* Important:
   - we DO NOT use .ps-tourist__actions (it has ::before text)
   - we only style .ps-tourist__quicklinks wrapper
*/
main.ps-tourist-landing .ps-tourist__quicklinks{
  width: 100%;
  display: grid;
  gap: 12px; /* default gap (also helps mobile tap spacing) */
}

/* Desktop/tablet: 3 equal columns */
@media (min-width: 641px){
  main.ps-tourist-landing .ps-tourist__quicklinks{
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: stretch;
  }

  /* prevent overflow: global .ps-tourist__btn has min-width: 210px */
  main.ps-tourist-landing .ps-tourist__quicklinks .ps-tourist__btn{
    min-width: 0 !important;
    width: 100% !important;
    justify-content: center;
  }
}

/* Mobile: single column + safe tap spacing */
@media (max-width: 640px){
  main.ps-tourist-landing .ps-tourist__quicklinks{
    grid-template-columns: 1fr;
    gap: 12px; /* ✅ Google-friendly spacing */
  }

  main.ps-tourist-landing .ps-tourist__quicklinks .ps-tourist__btn{
    min-width: 0 !important;
    width: 100% !important;
    min-height: 46px; /* ✅ touch target */
  }
}


/* =========================================================
   Embassies — Glass + Gold ultra luxury cards
   Scope-safe: ONLY inside Tourist Landing Embassies section
========================================================= */

main.ps-tourist-landing #tourist-embassies{
  scroll-margin-top: 90px;
}

/* Grid */
main.ps-tourist-landing #tourist-embassies .ps-embassy-grid{
  display: grid;
  grid-template-columns: 1fr;
  gap: 14px;
}

/* Tablet: 2 cols */
@media (min-width: 640px){
  main.ps-tourist-landing #tourist-embassies .ps-embassy-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
  }
}

/* Desktop: 4 cols */
@media (min-width: 1024px){
  main.ps-tourist-landing #tourist-embassies .ps-embassy-grid{
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
  }
}

/* Card base */
main.ps-tourist-landing #tourist-embassies .ps-embassy-card{
  position: relative;
  overflow: hidden;

  border-radius: 18px;

  /* Glass */
  background:
    radial-gradient(1200px 420px at 10% 0%,
      rgba(214,167,94,0.22) 0%,
      rgba(255,255,255,0.08) 35%,
      rgba(255,255,255,0.04) 62%,
      rgba(255,255,255,0.02) 100%),
    linear-gradient(180deg,
      rgba(255,255,255,0.08),
      rgba(255,255,255,0.03));

  border: 1px solid rgba(72,90,133,0.16);

  box-shadow:
    0 18px 42px rgba(17,24,39,0.10),
    0 1px 0 rgba(255,255,255,0.55) inset;

  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);

  padding: 16px 14px;
  min-height: 138px;

  display: flex;
  flex-direction: column;
  justify-content: space-between;

  transform: translateZ(0);
  transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}

/* Gold edge + subtle corner glow */
main.ps-tourist-landing #tourist-embassies .ps-embassy-card::before{
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;

  background:
    linear-gradient(135deg,
      rgba(214,167,94,0.55) 0%,
      rgba(214,167,94,0.12) 25%,
      rgba(72,90,133,0.10) 55%,
      rgba(255,255,255,0.06) 100%);
  opacity: 0.18;
}

main.ps-tourist-landing #tourist-embassies .ps-embassy-card:hover{
  transform: translateY(-4px);
  border-color: rgba(214,167,94,0.40);
  box-shadow:
    0 26px 60px rgba(17,24,39,0.14),
    0 0 0 1px rgba(214,167,94,0.16) inset,
    0 1px 0 rgba(255,255,255,0.62) inset;
}

/* Focus (keyboard) */
main.ps-tourist-landing #tourist-embassies .ps-embassy-card:focus-within{
  border-color: rgba(214,167,94,0.55);
  box-shadow:
    0 26px 60px rgba(17,24,39,0.14),
    0 0 0 3px rgba(214,167,94,0.28),
    0 1px 0 rgba(255,255,255,0.62) inset;
}

/* Top row */
main.ps-tourist-landing #tourist-embassies .ps-embassy-card__top{
  position: relative;
  z-index: 2;

  display: flex;
  align-items: center;
  gap: 12px;
}

/* Flag frame */
main.ps-tourist-landing #tourist-embassies .ps-embassy-card__flag{
  width: 56px;
  height: 56px;
  border-radius: 16px;

  display: grid;
  place-items: center;

  background:
    linear-gradient(180deg, rgba(255,255,255,0.22), rgba(255,255,255,0.08));
  border: 1px solid rgba(214,167,94,0.35);

  box-shadow:
    0 16px 30px rgba(17,24,39,0.10),
    0 0 0 1px rgba(255,255,255,0.55) inset;
}

main.ps-tourist-landing #tourist-embassies .ps-embassy-card__flag-img{
  width: 34px;
  height: 34px;
  object-fit: cover;
  border-radius: 999px;
  box-shadow: 0 10px 18px rgba(17,24,39,0.12);
}

/* Title wrap */
main.ps-tourist-landing #tourist-embassies .ps-embassy-card__titlewrap{
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

/* Badge */
main.ps-tourist-landing #tourist-embassies .ps-embassy-card__badge{
  align-self: flex-start;
  display: inline-flex;
  align-items: center;

  padding: 4px 10px;
  border-radius: 999px;

  background: linear-gradient(135deg, rgba(246,209,140,0.95), rgba(214,167,94,0.92));
  color: #1f2933;

  font-size: 11px;
  font-weight: 900;
  line-height: 1;

  border: 1px solid rgba(214,167,94,0.65);
  box-shadow:
    0 10px 20px rgba(214,167,94,0.28),
    0 0 0 1px rgba(255,255,255,0.65) inset;
}

/* Title (now country-only) */
main.ps-tourist-landing #tourist-embassies .ps-embassy-card__title{
  margin: 0;
  font-size: 14px;
  font-weight: 950;
  line-height: 1.25;
  color: #0f172a;

  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Actions */
main.ps-tourist-landing #tourist-embassies .ps-embassy-card__actions{
  position: relative;
  z-index: 2;
  margin-top: 14px;
}

/* Button */
main.ps-tourist-landing #tourist-embassies .ps-embassy-card__btn{
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;

  width: 100%;
  min-height: 44px;

  padding: 10px 12px;
  border-radius: 14px;

  text-decoration: none;

  background:
    linear-gradient(135deg, rgba(72,90,133,0.10), rgba(72,90,133,0.06)),
    linear-gradient(135deg, rgba(246,209,140,0.55), rgba(214,167,94,0.18));

  border: 1px solid rgba(214,167,94,0.35);

  color: #111827;
  font-weight: 900;
  font-size: 13px;

  box-shadow:
    0 14px 30px rgba(17,24,39,0.10),
    0 0 0 1px rgba(255,255,255,0.55) inset;

  transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease, background 0.18s ease;
}

main.ps-tourist-landing #tourist-embassies .ps-embassy-card__btn:hover{
  transform: translateY(-2px);
  border-color: rgba(214,167,94,0.55);
  box-shadow:
    0 22px 48px rgba(17,24,39,0.12),
    0 0 0 1px rgba(214,167,94,0.18) inset,
    0 0 0 1px rgba(255,255,255,0.60) inset;
  background:
    linear-gradient(135deg, rgba(72,90,133,0.12), rgba(72,90,133,0.06)),
    linear-gradient(135deg, rgba(246,209,140,0.72), rgba(214,167,94,0.22));
}

main.ps-tourist-landing #tourist-embassies .ps-embassy-card__btn:focus-visible{
  outline: 3px solid rgba(214,167,94,0.55);
  outline-offset: 3px;
}

main.ps-tourist-landing #tourist-embassies .ps-embassy-card__btn-ico{
  display: inline-flex;
  align-items: center;
  justify-content: center;

  width: 26px;
  height: 26px;
  border-radius: 10px;

  background: rgba(255,255,255,0.55);
  border: 1px solid rgba(214,167,94,0.35);

  box-shadow: 0 10px 18px rgba(17,24,39,0.08);

  transition: transform 0.18s ease;
}

main.ps-tourist-landing #tourist-embassies .ps-embassy-card__btn:hover .ps-embassy-card__btn-ico{
  transform: translateX(-2px);
}

/* Shine layer (uses existing markup) */
main.ps-tourist-landing #tourist-embassies .ps-embassy-card__shine{
  position: absolute;
  inset: -40% -60%;
  z-index: 1;
  pointer-events: none;

  background:
    linear-gradient(120deg,
      rgba(255,255,255,0.00) 0%,
      rgba(255,255,255,0.10) 35%,
      rgba(214,167,94,0.22) 48%,
      rgba(255,255,255,0.10) 62%,
      rgba(255,255,255,0.00) 100%);

  transform: rotate(12deg) translateX(-20%);
  opacity: 0.0;
  transition: opacity 0.22s ease, transform 0.35s ease;
}

main.ps-tourist-landing #tourist-embassies .ps-embassy-card:hover .ps-embassy-card__shine{
  opacity: 1;
  transform: rotate(12deg) translateX(10%);
}

/* Reduce motion */
@media (prefers-reduced-motion: reduce){
  main.ps-tourist-landing #tourist-embassies .ps-embassy-card,
  main.ps-tourist-landing #tourist-embassies .ps-embassy-card__btn,
  main.ps-tourist-landing .ps-tourist__jump-btn,
  main.ps-tourist-landing #tourist-embassies .ps-embassy-card__shine{
    transition: none !important;
  }

  main.ps-tourist-landing #tourist-embassies .ps-embassy-card:hover{
    transform: none;
  }

  main.ps-tourist-landing #tourist-embassies .ps-embassy-card__shine{
    opacity: 0 !important;
  }
}