/* index_feed.css — Refined v3 (Warm Stone palette) */
body { background: #f2f0ec; }

/* ==============================
   GUEST GATE
   ============================== */
#indexGuestGateTarget {
transition: filter 0.35s ease, transform 0.35s ease;
}
#indexGuestGateTarget.is-gated {
filter: blur(7px);
pointer-events: none;
user-select: none;
transform: scale(0.997);
}

.guest-signup-gate {
position: fixed;
inset: 0;
z-index: 1200;
display: flex;
align-items: center;
justify-content: center;
padding: 1.25rem;
}
.guest-signup-gate__backdrop {
position: absolute;
inset: 0;
background: linear-gradient(160deg,
rgba(255,255,255,0.52) 0%,
rgba(242,240,236,0.84) 55%,
rgba(230,246,238,0.9) 100%);
backdrop-filter: blur(2px);
}
.guest-signup-gate__card {
position: relative;
max-width: 460px;
width: 100%;
background: rgba(255,255,255,0.97);
border: 1px solid #e0ddd6;
backdrop-filter: blur(16px);
-webkit-backdrop-filter: blur(16px);
border-radius: 24px;
padding: 1.6rem;
box-shadow: 0 20px 60px rgba(0,0,0,0.12), 0 6px 18px rgba(0,0,0,0.06);
transform: translateY(20px) scale(0.98);
opacity: 0;
transition: transform 0.32s cubic-bezier(0.4,0,0.2,1), opacity 0.32s ease;
}
.guest-signup-gate.is-active .guest-signup-gate__card {
transform: translateY(0) scale(1);
opacity: 1;
}
.guest-signup-gate__badge {
display: inline-flex;
align-items: center;
padding: 0.3rem 0.7rem;
margin-bottom: 0.85rem;
font-size: 0.75rem;
font-weight: 700;
letter-spacing: 0.04em;
text-transform: uppercase;
color: #0f5c42;
background: #d4f0e2;
border-radius: 999px;
}
body.guest-gate-active { overflow: hidden; }
@media (max-width: 575.98px) {
.guest-signup-gate__card { padding: 1.25rem; border-radius: 18px; }
}

/* ==============================
   LOCATION BUTTON
   ============================== */
.btn-location-soft {
border-radius: 50px !important;
color: var(--clr-primary, #1a7a58) !important;
padding: 9px 18px !important;
font-weight: 600 !important;
border: 1.5px solid var(--clr-primary, #1a7a58) !important;
background: transparent !important;
display: inline-flex !important;
align-items: center !important;
gap: 6px;
transition: all 0.22s ease !important;
}
.btn-location-soft:hover {
background: var(--clr-primary, #1a7a58) !important;
color: #fff !important;
transform: translateY(-1px);
box-shadow: 0 6px 18px rgba(26,122,88,0.28) !important;
}
.btn-location-white {
background: #fff !important;
border: 1px solid #e4e2db !important;
color: #4b4b5a !important;
box-shadow: 0 1px 3px rgba(0,0,0,0.04);
}