/* ---- International telephone (intl-tel-input) ---- */
.iti{width:100%;display:block}
.form-field .iti input,
.rsc-field .iti input,
.rf .iti input{width:100%}
.iti__country-list{font-family:var(--font-sans);color:#141414;text-align:left;max-height:230px}
.iti__country{padding:9px 10px}
.iti__country-name{color:#333}
.iti__dial-code{color:#777}
.iti--separate-dial-code .iti__selected-dial-code{color:#141414;font-family:var(--font-sans)}
.iti--separate-dial-code .iti__selected-flag{background-color:rgba(20,20,20,.03);border-right:1px solid var(--border)}

/* ---- Selects styled to match the text inputs (city, stade, currency) ---- */
.form-field select,
.rsc-field select,
.rf select,
.budget-cur{
  -webkit-appearance:none;appearance:none;
  background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23D3A357' d='M1 1l5 5 5-5' stroke='%23D3A357' stroke-width='1.4' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 14px center;
}
.form-field select,
.rsc-field select,
.rf select{
  width:100%;padding:14px 40px 14px 16px;border:1px solid var(--border);background-color:var(--white);
  border-radius:12px;font-size:15px;color:var(--charcoal);outline:none;cursor:pointer;
  transition:border-color .25s,box-shadow .25s;
}
.form-field select:focus,
.rsc-field select:focus,
.rf select:focus{border-color:rgba(211,163,87,.5);box-shadow:0 0 0 4px rgba(211,163,87,.06)}

/* ---- Budget with switchable currency ---- */
.budget-wrap{display:flex;gap:8px;align-items:stretch}
.budget-wrap .iti,.budget-wrap input{flex:1 1 auto;min-width:0}
.budget-wrap select.budget-cur{
  flex:0 0 auto;width:96px;min-width:96px;padding:14px 26px 14px 12px;border:1px solid var(--border);
  background-color:var(--white);background-position:right 9px center;border-radius:12px;
  font-size:14px;font-weight:600;letter-spacing:.6px;color:var(--charcoal);text-transform:uppercase;
  cursor:pointer;outline:none;transition:border-color .25s,box-shadow .25s;
}
.budget-wrap select.budget-cur:focus{border-color:rgba(211,163,87,.5);box-shadow:0 0 0 4px rgba(211,163,87,.06)}
.budget-hint{display:block;margin-top:6px;font-size:11px;letter-spacing:.3px;color:var(--stone)}
.budget-hint b{color:var(--gold-2);font-weight:600}

/* On the dark forms (Audit / Sauvetage cards) keep the dropdown readable */
.iti__country-list{background:#fff;box-shadow:0 8px 30px rgba(0,0,0,.22);border:1px solid rgba(0,0,0,.08);border-radius:10px}

/* Small screens: country list shouldn't overflow viewport */
@media(max-width:520px){
  .iti--container{width:auto;max-width:92vw}
  .iti__country-list{max-height:46vh}
  .budget-wrap select.budget-cur{width:84px;min-width:84px}
}

/* ════ Resource guide — locked / unlock gate (ressources.html) ════ */
.gcard-gated{position:relative}
.gcard-lock{position:absolute;inset:0;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;text-align:center;padding:24px;cursor:pointer;background:linear-gradient(180deg,rgba(34,36,33,.6),rgba(18,20,18,.74));backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);transition:background .25s}
.gcard-lock:hover{background:linear-gradient(180deg,rgba(34,36,33,.48),rgba(18,20,18,.64))}
.gcard-lock:focus-visible{outline:2px solid var(--gold);outline-offset:-5px}
.gcard-lock .lock-ic{width:38px;height:38px;color:var(--gold);filter:drop-shadow(0 5px 14px rgba(0,0,0,.45))}
.gcard-lock .lock-txt{font-family:var(--font-sans);font-size:11px;font-weight:600;letter-spacing:2.5px;text-transform:uppercase;color:#fff}
.gcard-lock .lock-sub{font-family:var(--font-sans);font-size:12.5px;line-height:1.4;color:rgba(255,255,255,.86);max-width:210px}
.gcard-gated.unlocked .gcard-lock{display:none}
.gcard-gated.unlocked{box-shadow:0 0 0 1px rgba(211,163,87,.35),0 16px 36px -20px rgba(211,163,87,.45)}