/* STAGING 015B — country-driven Toura Passport visual layer.
   Country themes are presentation-only. They do not change identity, auth, stamps,
   points, transactions, or member-profile storage. */

.passport-book-experience{
  --tp-passport-cover-a:#173d36;
  --tp-passport-cover-b:#0b2926;
  --tp-passport-cover-c:#071f1e;
  --tp-passport-metal:#d8bb66;
  --tp-passport-metal-soft:#ead99d;
  --tp-passport-paper:#efe7cf;
  --tp-passport-ink:#26362e;
  --tp-passport-accent:#2f6d50;
  --tp-passport-accent-2:#9f3340;
}

.passport-book-experience[data-passport-country="CR"]{
  --tp-passport-cover-a:#123f37;
  --tp-passport-cover-b:#0a302b;
  --tp-passport-cover-c:#061f1d;
  --tp-passport-metal:#d9bd70;
  --tp-passport-metal-soft:#f0dfa7;
  --tp-passport-paper:#f0e8d2;
  --tp-passport-ink:#20382e;
  --tp-passport-accent:#2f6f4f;
  --tp-passport-accent-2:#a63d47;
}

/* The cover is intentionally Toura-branded rather than a replica of an official passport. */
#memberSectionPassport .passport-book-experience[data-passport-country="CR"] .passport-closed-cover{
  background:
    radial-gradient(circle at 74% 22%,rgba(255,255,255,.05),transparent 23%),
    repeating-radial-gradient(ellipse at 20% 78%,transparent 0 15px,rgba(232,214,153,.055) 16px 17px,transparent 18px 32px),
    linear-gradient(145deg,var(--tp-passport-cover-a),var(--tp-passport-cover-b) 56%,var(--tp-passport-cover-c));
  border-color:rgba(217,189,112,.72);
  color:var(--tp-passport-metal);
  box-shadow:0 30px 64px rgba(17,54,43,.30),inset -20px 0 30px rgba(0,0,0,.23),inset 5px 0 0 rgba(217,189,112,.18);
}
#memberSectionPassport .passport-book-experience[data-passport-country="CR"] .passport-closed-cover:before{
  border-color:rgba(240,223,167,.30);
}
#memberSectionPassport .passport-book-experience[data-passport-country="CR"] .passport-closed-cover:after{
  content:"";
  position:absolute;
  left:32px;
  right:32px;
  bottom:58px;
  height:50px;
  opacity:.24;
  pointer-events:none;
  background:
    linear-gradient(132deg,transparent 0 23%,rgba(240,223,167,.52) 24% 25%,transparent 26% 39%,rgba(240,223,167,.40) 40% 41%,transparent 42%),
    linear-gradient(48deg,transparent 0 56%,rgba(240,223,167,.40) 57% 58%,transparent 59%);
  -webkit-mask-image:linear-gradient(to right,transparent,#000 18%,#000 82%,transparent);
  mask-image:linear-gradient(to right,transparent,#000 18%,#000 82%,transparent);
}
#memberSectionPassport .passport-book-experience[data-passport-country="CR"] .passport-cover-country{
  color:var(--tp-passport-metal-soft);
  font-size:10px;
  letter-spacing:.24em;
}
#memberSectionPassport .passport-book-experience[data-passport-country="CR"] .passport-cover-flag{
  width:92px;
  height:12px;
  border-radius:999px;
  background:linear-gradient(to right,#153d73 0 22%,#f6f3e9 22% 38%,#b63b49 38% 62%,#f6f3e9 62% 78%,#153d73 78% 100%);
  box-shadow:0 0 0 1px rgba(255,255,255,.14),0 5px 12px rgba(0,0,0,.10);
}
#memberSectionPassport .passport-book-experience[data-passport-country="CR"] .passport-cover-mark{
  border-color:var(--tp-passport-metal);
  color:var(--tp-passport-metal-soft);
  box-shadow:inset 0 0 0 5px rgba(217,189,112,.06);
}
#memberSectionPassport .passport-book-experience[data-passport-country="CR"] .passport-cover-mark:after{color:var(--tp-passport-metal)}
#memberSectionPassport .passport-book-experience[data-passport-country="CR"] .passport-cover-title{color:var(--tp-passport-metal-soft)}
#memberSectionPassport .passport-book-experience[data-passport-country="CR"] .passport-closed-cover strong{color:#f0dfa7}
#memberSectionPassport .passport-book-experience[data-passport-country="CR"] .passport-cover-subtitle{color:#d9cfaa}
#memberSectionPassport .passport-book-experience[data-passport-country="CR"] .passport-cover-tap{color:#a9bbb4}

/* Interior identity language follows the selected Passport Country. */
#memberSectionPassport .passport-book-experience[data-passport-country="CR"] .passport-page{
  background:
    linear-gradient(90deg,rgba(21,61,115,.035),transparent 22%,transparent 78%,rgba(182,59,73,.035)),
    repeating-radial-gradient(ellipse at 12% 88%,transparent 0 18px,rgba(47,111,79,.045) 19px 20px,transparent 21px 38px),
    var(--tp-passport-paper);
  color:var(--tp-passport-ink);
}
#memberSectionPassport .passport-book-experience[data-passport-country="CR"] .passport-page:after{
  content:"";
  position:absolute;
  top:0;
  left:18px;
  right:18px;
  height:3px;
  background:linear-gradient(90deg,#153d73 0 28%,#f4f0e5 28% 40%,#b63b49 40% 60%,#f4f0e5 60% 72%,#153d73 72% 100%);
  opacity:.64;
  pointer-events:none;
}
#memberSectionPassport .passport-book-experience[data-passport-country="CR"] .passport-book-label{color:var(--tp-passport-accent)}
#memberSectionPassport .passport-book-experience[data-passport-country="CR"] .passport-field span{color:#63756b}
#memberSectionPassport .passport-book-experience[data-passport-country="CR"] .passport-field b{color:#20382e}
#memberSectionPassport .passport-book-experience[data-passport-country="CR"] .passport-stamp{
  border-color:rgba(126,56,53,.64);
  color:#713b35;
  background:rgba(166,61,71,.03);
}

/* Four compact identity fields read like a travel document without copying one. */
#memberSectionPassport .passport-country-idline{grid-template-columns:1fr 1fr;column-gap:14px}
#memberSectionPassport .passport-country-idline .passport-field{min-width:0}

@media(max-width:760px){
  #memberSectionPassport .passport-book-experience[data-passport-country="CR"] .passport-closed-cover:after{left:24px;right:24px;bottom:70px;height:60px}
  #memberSectionPassport .passport-country-idline{grid-template-columns:1fr 1fr;gap:8px 12px}
}

/* Neutral fallback for members whose existing profile country does not yet have a theme. */
#memberSectionPassport .passport-book-experience[data-passport-country="GLOBAL"] .passport-closed-cover{
  background:radial-gradient(circle at 70% 24%,rgba(255,255,255,.05),transparent 24%),linear-gradient(145deg,#263746,#182734 58%,#101b24);
}
#memberSectionPassport .passport-book-experience[data-passport-country="GLOBAL"] .passport-cover-flag{
  background:linear-gradient(90deg,rgba(231,200,104,.28),rgba(231,200,104,.85),rgba(231,200,104,.28));
  height:4px;
}