/* Voyatale Selected — community recommendation UI only */
.srRecommendButton,
.selectedRecommendCtaButton{
  appearance:none;
  border:1px solid rgba(113,0,128,.18);
  background:#fff;
  color:#650075;
  border-radius:999px;
  min-height:42px;
  padding:0 17px;
  font:800 13px/1 Inter,system-ui,sans-serif;
  cursor:pointer;
  box-shadow:0 7px 20px rgba(68,23,74,.06);
}
.srRecommendButton:hover,
.selectedRecommendCtaButton:hover{border-color:rgba(113,0,128,.38);background:#fcf8fd}
.srRecommendButton.is-recommended,
.srRecommendButton:disabled{color:#4d6656;background:#f5faf6;border-color:#d7e5db;cursor:default;box-shadow:none}
.camperSelectedRecommendHost{margin:11px 0 2px}
.camperSelectedRecommendHost[hidden]{display:none!important}

.srOverlay{
  position:fixed;inset:0;z-index:40050;
  display:flex;align-items:center;justify-content:center;
  padding:18px;
  background:rgba(17,24,21,.46);
  backdrop-filter:blur(5px);
  -webkit-backdrop-filter:blur(5px);
}
.srModal{
  position:relative;
  width:min(560px,100%);
  max-height:min(88vh,760px);
  overflow:auto;
  border-radius:24px;
  background:#fff;
  border:1px solid rgba(40,48,43,.10);
  box-shadow:0 28px 90px rgba(0,0,0,.28);
  padding:27px;
  color:#20272f;
  font-family:Inter,system-ui,sans-serif;
}
.srClose{
  position:absolute;right:14px;top:14px;
  width:38px;height:38px;border-radius:50%;
  border:1px solid #e5e9e6;background:#fff;color:#27302b;
  font-size:17px;cursor:pointer;
}
.srEyebrow{display:block;color:#710080;font-size:10px;font-weight:900;letter-spacing:.17em;margin:0 46px 8px 0}
.srModal h3{font-size:25px;line-height:1.12;margin:0 46px 6px 0;letter-spacing:-.025em}
.srPlaceName{font-size:13px;color:#68726c;font-weight:700;margin-bottom:21px}
.srForm{display:grid;gap:19px}
.srReason{display:grid;gap:9px}
.srReason strong,.srTags legend{font-size:13px;font-weight:850;color:#303a34}
.srReason textarea{
  width:100%;resize:vertical;min-height:118px;
  border:1px solid #dfe5e1;border-radius:15px;padding:13px 14px;
  font:500 14px/1.45 Inter,system-ui,sans-serif;color:#20272f;outline:none;
}
.srReason textarea:focus,.srFinderInput:focus{border-color:#9c64a4;box-shadow:0 0 0 3px rgba(113,0,128,.08)}
.srTags{border:0;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.srTags legend{grid-column:1/-1;margin-bottom:3px}
.srTag{display:flex;align-items:center;gap:8px;min-height:40px;padding:8px 10px;border:1px solid #e6e9e7;border-radius:12px;background:#fafcfa;font-size:12px;font-weight:700;color:#4b554f}
.srTag input{accent-color:#710080}
.srStatus{min-height:18px;font-size:12px;font-weight:700;color:#8b3141}
.srStatus a{color:#650075;font-weight:900}
.srPrimary{
  width:100%;min-height:46px;border:0;border-radius:14px;
  background:#710080;color:#fff;
  font:850 14px/1 Inter,system-ui,sans-serif;
  cursor:pointer;box-shadow:0 10px 26px rgba(113,0,128,.20)
}
.srPrimary:disabled{opacity:.62;cursor:wait}
.srLoading,.srFinderHint{padding:35px 8px;text-align:center;color:#727b76;font-size:13px;font-weight:700}
.srStateMessage{padding:12px 0 6px}
.srStateMessage p{margin:14px 0 0;color:#59645d;line-height:1.55}
.srSuccess{text-align:center;padding:11px 4px 2px}
.srSuccessMark{width:54px;height:54px;margin:0 auto 14px;border-radius:50%;display:grid;place-items:center;background:#eef8f1;color:#287243;font-size:26px;font-weight:900}
.srSuccess h3{margin:0 0 8px;font-size:27px}
.srSuccess p{margin:0 0 6px;font-weight:750}
.srSuccess small{display:block;color:#737c76;line-height:1.5;margin-bottom:20px}

.srFinderIntro{margin:8px 36px 17px 0;color:#68726c;font-size:13px;line-height:1.5}
.srFinderInput{width:100%;height:46px;border:1px solid #dfe5e1;border-radius:14px;padding:0 14px;outline:none;font:600 14px Inter,system-ui,sans-serif}
.srFinderResults{margin-top:10px;display:grid;gap:7px}
.srFinderResult{
  width:100%;border:1px solid #e7ebe8;background:#fff;border-radius:14px;
  padding:8px;display:grid;grid-template-columns:48px 1fr auto;gap:10px;align-items:center;
  text-align:left;cursor:pointer;color:#20272f;
}
.srFinderResult:hover{background:#faf8fb;border-color:#dccce0}
.srFinderPhoto{width:48px;height:48px;border-radius:10px;overflow:hidden;background:#f0f3f1;display:grid;place-items:center;color:#710080;font-weight:900}
.srFinderPhoto img{width:100%;height:100%;object-fit:cover}
.srFinderCopy{min-width:0;display:grid;gap:4px}
.srFinderCopy strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.srFinderCopy small{font-size:11px;color:#778079;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.srFinderArrow{font-size:24px;color:#8c958f;padding:0 5px}

.selectedRecommendCallout{
  max-width:1160px;margin:0 auto 26px;padding:20px 24px;
  display:flex;align-items:center;justify-content:space-between;gap:25px;
  border:1px solid #e7e8eb;border-radius:22px;background:#fff;
  box-shadow:0 12px 34px rgba(28,44,35,.05);
}
.selectedRecommendCallout .selectedEyebrow{margin-bottom:6px}
.selectedRecommendCallout h2{margin:0 0 5px;font-size:21px;letter-spacing:-.02em}
.selectedRecommendCallout p{margin:0;color:#6e7780;font-size:13px;line-height:1.5;max-width:710px}
.selectedRecommendCtaButton{flex:0 0 auto;color:#fff;background:#710080;border-color:#710080;min-height:46px;padding:0 20px}
.selectedRecommendCtaButton:hover{background:#5d006a;color:#fff}

@media (max-width:680px){
  .srOverlay{padding:0;align-items:flex-end;background:rgba(17,24,21,.36);backdrop-filter:none;-webkit-backdrop-filter:none}
  .srModal{width:100%;max-height:91vh;border-radius:22px 22px 0 0;padding:23px 17px calc(19px + env(safe-area-inset-bottom));box-shadow:0 -16px 50px rgba(0,0,0,.22)}
  .srTags{grid-template-columns:1fr}
  .srReason textarea{min-height:112px}
  .camperSelectedRecommendHost{margin-top:10px}
  .srRecommendButton{width:100%;min-height:43px}
  .selectedRecommendCallout{margin:0 14px 22px;padding:18px;display:grid;gap:14px}
  .selectedRecommendCtaButton{width:100%}
}