﻿/* index_feed.css — Modern & Professional (Slate Palette) */
body { background: #f8fafc; }

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

.guest-signup-gate {
position: fixed;
inset: 0;
z-index: 1200;
display: flex;
align-items: center;
justify-content: center;
padding: 1.5rem;
}
.guest-signup-gate__backdrop {
position: absolute;
inset: 0;
background: rgba(15, 23, 42, 0.4);
backdrop-filter: blur(4px);
}
.guest-signup-gate__card {
position: relative;
max-width: 440px;
width: 100%;
background: #ffffff;
border: 1px solid #e2e8f0;
border-radius: 1.25rem;
padding: 2rem;
box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
transform: translateY(20px);
opacity: 0;
transition: transform 0.4s cubic-bezier(0.2, 0, 0, 1), opacity 0.4s ease;
}
.guest-signup-gate.is-active .guest-signup-gate__card {
transform: translateY(0);
opacity: 1;
}
.guest-signup-gate__badge {
display: inline-flex;
align-items: center;
padding: 0.25rem 0.75rem;
margin-bottom: 1rem;
font-size: 0.75rem;
font-weight: 700;
color: #059669;
background: #ecfdf5;
border-radius: 999px;
text-transform: uppercase;
letter-spacing: 0.025em;
}
body.guest-gate-active { overflow: hidden; }

/* ==============================
   LOCATION BUTTON
   ============================== */
.btn-location-soft {
border-radius: 0.5rem !important;
color: #0f172a !important;
padding: 0.625rem 1rem !important;
font-weight: 500 !important;
border: 1px solid #e2e8f0 !important;
background: #ffffff !important;
display: inline-flex !important;
align-items: center !important;
gap: 0.5rem;
transition: all 0.2s ease !important;
box-shadow: 0 1px 2px rgba(0,0,0,0.05);
}
.btn-location-soft:hover {
background: #f8fafc !important;
border-color: #cbd5e1 !important;
transform: translateY(-1px);
}
.btn-location-white {
background: #fff !important;
border: 1px solid #e2e8f0 !important;
color: #475569 !important;
}
