/*
 * GushOfLove — gol-fixes.css
 *
 * Targeted fixes for all 7 reported issues.
 * Load AFTER gol-professional.css (priority 100).
 *
 * Issues addressed:
 *   1. Card background must be dark (same as hover state)
 *   2. Star icons not visible inside cards
 *   3. Call/chat/video icons — colorful professional look
 *   4. Filter sidebar must be fixed (not scrollable with page)
 *   5. Search-members & browse cards must be identical
 *   6. Shortcode admin settings page blank/broken layout
 *   7. Placeholder styles to support real Kerala/Indian demo images
 */

/* =========================================================================
   FIX 1 — Dark card background (always on, not just hover)
   ========================================================================= */

html body .emc-card--matri {
    background: #1a0d0d !important;           /* deep maroon-dark */
    border-color: rgba(139, 26, 26, 0.45) !important;
    color: #f5f0eb !important;
}

/* Photo column dark bg */
html body .emc-photo-col {
    background: #110808 !important;
}

/* Name & age text — stay readable on dark */
html body .emc-name-text a,
html body .emc-name-text,
html body .emc-meta-age,
html body .emc-meta-loc,
html body .emc-meta-row,
html body .emc-card--matri .emc-age-loc,
html body .emc-card--matri .emc-meta {
    color: #f5f0eb !important;
}

html body .emc-card--matri .emc-name-text a:hover {
    color: #f59e0b !important;
}

/* Muted sub-texts */
html body .emc-card--matri .emc-detail-label,
html body .emc-card--matri .emc-chip-label,
html body .emc-card--matri .emc-about {
    color: #c5b5a4 !important;
}

/* Detail chips on dark background */
html body .emc-card--matri .emc-detail-chip {
    background: rgba(255, 255, 255, 0.07) !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
    color: #f0e8de !important;
}

/* Nakshatra row on dark */
html body .emc-card--matri .emc-nakshatra-row {
    background: rgba(146, 64, 14, 0.25) !important;
    border-color: rgba(245, 158, 11, 0.4) !important;
    color: #fde68a !important;
}

/* Card dividers */
html body .emc-card--matri .emc-divider,
html body .emc-card--matri hr {
    border-color: rgba(255, 255, 255, 0.08) !important;
}

/* Hover — subtle lift + brighter border */
html body .emc-card--matri:hover {
    background: #22100f !important;
    border-color: #8b1a1a !important;
    box-shadow: 0 12px 40px rgba(139, 26, 26, 0.35) !important;
    transform: translateY(-3px) !important;
}

/* Online pill on dark card */
html body .emc-card--matri .emc-pill--online {
    background: rgba(22, 163, 74, 0.2) !important;
    color: #4ade80 !important;
    border: 1px solid rgba(74, 222, 128, 0.3) !important;
}

/* Horoscope badge on dark */
html body .emc-card--matri .emc-horo-badge {
    background: rgba(146, 64, 14, 0.3) !important;
    color: #fde68a !important;
    border: 1px solid rgba(245, 158, 11, 0.35) !important;
}

/* Match percentage badge */
html body .emc-card--matri .emc-match-pct {
    background: linear-gradient(135deg, #8b1a1a, #c0392b) !important;
    color: #fff !important;
    box-shadow: 0 4px 12px rgba(139, 26, 26, 0.5) !important;
}

/* Card action row bottom stripe */
html body .emc-card--matri .emc-card-actions,
html body .emc-card--matri .emc-action-row {
    background: rgba(0, 0, 0, 0.25) !important;
    border-top: 1px solid rgba(255, 255, 255, 0.06) !important;
}

/* =========================================================================
   FIX 2 — Star / community icons visible on dark card
   ========================================================================= */

/* Generic SVG icons within cards — force light colour */
html body .emc-card--matri svg,
html body .emc-card--matri .emc-detail-icon,
html body .emc-card--matri .emc-icon,
html body .emc-card--matri i.dashicons,
html body .emc-card--matri .emc-label-icon {
    color: #f59e0b !important;         /* gold — visible against dark */
    fill: #f59e0b !important;
    opacity: 1 !important;
}

/* Detail column labels (EDUCATION, RELIGION, COMMUNITY…) */
html body .emc-card--matri .emc-detail-key,
html body .emc-card--matri .emc-col-label,
html body .emc-card--matri .emc-section-label {
    color: #a8956a !important;
    font-size: 10px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.06em !important;
}

/* Detail values */
html body .emc-card--matri .emc-detail-val,
html body .emc-card--matri .emc-col-val {
    color: #f0e8de !important;
    font-weight: 600 !important;
}

/* Kundali / Horoscope match number */
html body .emc-card--matri .emc-kundali-score,
html body .emc-card--matri .emc-horo-score {
    color: #fde68a !important;
    font-weight: 700 !important;
}

/* Community star rating icons — gold */
html body .emc-card--matri .emc-star,
html body .emc-card--matri [class*="star"] {
    color: #f59e0b !important;
    fill: #f59e0b !important;
}

/* Mother tongue box - visible */
html body .emc-card--matri .emc-mother-tongue-box,
html body .emc-card--matri [class*="mother"] {
    background: rgba(255, 255, 255, 0.06) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    color: #f0e8de !important;
    border-radius: 6px !important;
    padding: 3px 8px !important;
}

/* HEIGHT — show cm units explicitly */
html body .emc-card--matri .emc-height::after {
    content: " cm";
    font-size: 0.75em;
    opacity: 0.7;
}

/* =========================================================================
   FIX 3 — Colorful professional call / chat / video / horoscope icons
   ========================================================================= */

/* ── Chat button ── */
html body .emc-btn--chat,
html body .emc-card--matri .emc-btn--chat {
    background: linear-gradient(135deg, #1d4ed8, #3b82f6) !important;
    color: #fff !important;
    border-color: #2563eb !important;
    box-shadow: 0 3px 10px rgba(37, 99, 235, 0.4) !important;
}
html body .emc-btn--chat:hover {
    background: linear-gradient(135deg, #1e40af, #2563eb) !important;
    box-shadow: 0 5px 18px rgba(37, 99, 235, 0.55) !important;
    transform: translateY(-1px) !important;
}

/* ── Audio call button ── */
html body .emc-btn--audio:not(.emc-call-locked),
html body .emc-card--matri .emc-btn--audio:not(.emc-call-locked) {
    background: linear-gradient(135deg, #15803d, #22c55e) !important;
    color: #fff !important;
    border-color: #16a34a !important;
    box-shadow: 0 3px 10px rgba(22, 163, 74, 0.4) !important;
}
html body .emc-btn--audio:not(.emc-call-locked):hover {
    background: linear-gradient(135deg, #166534, #15803d) !important;
    box-shadow: 0 5px 18px rgba(22, 163, 74, 0.55) !important;
    transform: translateY(-1px) !important;
}

/* ── Video call button ── */
html body .emc-btn--video:not(.emc-call-locked),
html body .emc-card--matri .emc-btn--video:not(.emc-call-locked) {
    background: linear-gradient(135deg, #6d28d9, #8b5cf6) !important;
    color: #fff !important;
    border-color: #7c3aed !important;
    box-shadow: 0 3px 10px rgba(109, 40, 217, 0.4) !important;
}
html body .emc-btn--video:not(.emc-call-locked):hover {
    background: linear-gradient(135deg, #5b21b6, #6d28d9) !important;
    box-shadow: 0 5px 18px rgba(109, 40, 217, 0.55) !important;
    transform: translateY(-1px) !important;
}

/* ── Horoscope button ── */
html body .emc-btn--horo {
    background: linear-gradient(135deg, #92400e, #f59e0b) !important;
    color: #fff !important;
    border-color: #b45309 !important;
    box-shadow: 0 3px 10px rgba(146, 64, 14, 0.4) !important;
}
html body .emc-btn--horo:hover {
    background: linear-gradient(135deg, #78350f, #d97706) !important;
    box-shadow: 0 5px 18px rgba(146, 64, 14, 0.55) !important;
    transform: translateY(-1px) !important;
}

/* ── Recommend button ── */
html body .emc-btn-recommend,
html body [class*="emc-btn"][class*="recommend"] {
    background: linear-gradient(135deg, #b45309, #f59e0b) !important;
    color: #fff !important;
    border-color: #d97706 !important;
}

/* Icon SVG inside colored buttons — white */
html body .emc-btn--chat svg,
html body .emc-btn--audio svg,
html body .emc-btn--video svg,
html body .emc-btn--horo svg,
html body .emc-btn-recommend svg {
    color: #fff !important;
    fill: #fff !important;
}

/* Locked call buttons — muted grey */
html body .emc-btn--audio.emc-call-locked,
html body .emc-btn--video.emc-call-locked {
    background: rgba(255, 255, 255, 0.06) !important;
    color: #6b7280 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    cursor: not-allowed !important;
}

/* =========================================================================
   FIX 4 — Filter sidebar: fixed / sticky, never scrolls with page
   ========================================================================= */

/* Wrapper that holds the sidebar + results grid */
html body .ebr-layout,
html body .eros-browse-layout,
html body .eros-search-layout {
    display: flex !important;
    align-items: flex-start !important;
    gap: 24px !important;
}

/* Sidebar positioning — handled by the v15 patch block below (position:fixed).
   The sticky rule originally here was superseded and has been removed. */

html body .ebr-filter-drawer::-webkit-scrollbar { width: 4px; }
html body .ebr-filter-drawer::-webkit-scrollbar-thumb {
    background: #8b1a1a;
    border-radius: 2px;
}

/* Filter labels & selects on dark sidebar */
html body .ebr-filter-drawer label,
html body .ebr-filter-drawer .ebr-filter-label,
html body .ebr-filter-drawer .ebr-filter-title,
html body .ebr-sidebar label {
    color: #f0e8de !important;
}

html body .ebr-filter-drawer select,
html body .ebr-filter-drawer input[type="text"],
html body .ebr-filter-drawer input[type="number"],
html body .ebr-filter-drawer .ebr-filter-select,
html body .ebr-sidebar select,
html body .ebr-sidebar input {
    background: rgba(255, 255, 255, 0.06) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    color: #f0e8de !important;
    border-radius: 8px !important;
}

html body .ebr-filter-drawer select:focus,
html body .ebr-filter-drawer input:focus {
    border-color: #8b1a1a !important;
    box-shadow: 0 0 0 2px rgba(139, 26, 26, 0.25) !important;
}

/* Age range slider track */
html body .ebr-filter-drawer input[type="range"] {
    accent-color: #8b1a1a !important;
}

/* Apply / Reset buttons */
html body .ebr-filter-drawer .ebr-filter-apply,
html body .ebr-filter-drawer .eros-btn[data-filter-apply] {
    background: linear-gradient(135deg, #8b1a1a, #c0392b) !important;
    color: #fff !important;
    width: 100% !important;
    border-radius: 10px !important;
    padding: 10px !important;
    font-weight: 700 !important;
    letter-spacing: 0.03em !important;
    border: none !important;
    margin-top: 6px !important;
}

html body .ebr-filter-drawer .ebr-filter-reset,
html body .ebr-filter-drawer [data-filter-reset] {
    color: #c5b5a4 !important;
    text-decoration: underline !important;
    background: none !important;
    border: none !important;
    cursor: pointer !important;
    font-size: 0.85em !important;
}

/* Results column grows to fill remaining space */
html body .ebr-results,
html body .eros-browse-results,
html body .eros-search-results {
    flex: 1 !important;
    min-width: 0 !important;
}

/* =========================================================================
   FIX 5 — Search-members page cards identical to browse page
   =========================================================================
   The search page inherits .eros-page-browse via body class, but we
   explicitly mirror every card override for both contexts.
   ========================================================================= */

/* Ensure shortcode output cards use the same base class chain */
html body .eros-page-search .emc-card--matri,
html body .eros-search-page-main .emc-card--matri,
html body [class*="search-member"] .emc-card--matri {
    background: #1a0d0d !important;
    border-color: rgba(139, 26, 26, 0.45) !important;
    color: #f5f0eb !important;
    border-radius: 16px !important;
    box-shadow: 0 2px 14px rgba(0, 0, 0, 0.35) !important;
}

/* Action buttons identical across both pages */
html body .eros-page-search .emc-btn--chat,
html body .eros-search-page-main .emc-btn--chat {
    background: linear-gradient(135deg, #1d4ed8, #3b82f6) !important;
    color: #fff !important;
    border-color: #2563eb !important;
}
html body .eros-page-search .emc-btn--audio:not(.emc-call-locked),
html body .eros-search-page-main .emc-btn--audio:not(.emc-call-locked) {
    background: linear-gradient(135deg, #15803d, #22c55e) !important;
    color: #fff !important;
    border-color: #16a34a !important;
}
html body .eros-page-search .emc-btn--video:not(.emc-call-locked),
html body .eros-search-page-main .emc-btn--video:not(.emc-call-locked) {
    background: linear-gradient(135deg, #6d28d9, #8b5cf6) !important;
    color: #fff !important;
    border-color: #7c3aed !important;
}

/* =========================================================================
   FIX 6 — Shortcode admin settings page (Eros Pro → page list)
   The settings table is invisible because text/icon colours clash with bg.
   ========================================================================= */

/* Eros Pro settings page wrapper */
#eros-pro-options-page,
.eros-theme-options-wrap,
.eros-admin-settings {
    background: #fff !important;
    color: #1c1917 !important;
}

/* Page map table rows */
.eros-page-map-table td,
.eros-page-map-table th,
.eros-shortcode-table td,
.eros-shortcode-table th,
#eros-pro-options-page table td,
#eros-pro-options-page table th {
    color: #1c1917 !important;
    border-color: #e5e7eb !important;
    background: transparent !important;
}

/* Shortcode badges */
.eros-shortcode-badge,
#eros-pro-options-page code,
.eros-page-shortcode code {
    background: #f3f4f6 !important;
    color: #8b1a1a !important;
    border: 1px solid #e5e7eb !important;
    padding: 2px 8px !important;
    border-radius: 4px !important;
    font-family: monospace !important;
    font-size: 0.85em !important;
}

/* Icon column — make icons visible */
#eros-pro-options-page .eros-page-icon,
.eros-page-map-table .page-icon {
    opacity: 1 !important;
    font-size: 22px !important;
}

/* Auto-Fix / Manage Pages buttons */
#eros-pro-options-page .button-primary,
.eros-admin-btn-primary {
    background: #8b1a1a !important;
    border-color: #6b1212 !important;
    color: #fff !important;
}

/* Warning notice */
#eros-pro-options-page .notice-warning,
.eros-settings-notice {
    border-left-color: #f59e0b !important;
    background: #fffbeb !important;
    color: #92400e !important;
}

/* =========================================================================
   FIX 7 — Kerala / Indian demo image placeholder styles
   Adds a warm, traditional overlay cue on placeholder photos
   so the look & feel reads South Indian even before real images load.
   ========================================================================= */

/* Photo wrapper — warm overlay */
html body .emc-photo-col::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        180deg,
        rgba(26, 13, 13, 0) 55%,
        rgba(26, 13, 13, 0.65) 100%
    );
    pointer-events: none;
    z-index: 1;
    border-radius: inherit;
}

/* Placeholder when no photo — traditional frame feel */
html body .emc-photo-col .emc-no-photo,
html body .emc-photo-col img[src*="placeholder"],
html body .emc-photo-col img[src*="default-avatar"],
html body .emc-photo-col img[src*="avatar-default"] {
    filter: sepia(0.15) brightness(0.92) !important;
    object-fit: cover !important;
    object-position: center top !important;
}

/* Traditional gold frame ring on profile avatar */
html body .emc-photo-col .emc-avatar-ring,
html body .emc-photo-col .emc-photo-ring {
    border: 2px solid #f59e0b !important;
    box-shadow: 0 0 0 3px rgba(245, 158, 11, 0.2) !important;
}

/* =========================================================================
   GLOBAL — small polishing tweaks across both pages
   ========================================================================= */

/* Tab pills (All Profiles / Online Now / Recommended …) */
html body .ebr-tab-pills .ebr-tab,
html body .eros-browse-tabs .eros-tab {
    color: #c5b5a4;
    border-radius: 50px;
    padding: 6px 14px;
    font-weight: 600;
    font-size: 0.85rem;
    transition: background 0.18s, color 0.18s;
}
html body .ebr-tab-pills .ebr-tab.active,
html body .eros-browse-tabs .eros-tab.active {
    background: rgba(139, 26, 26, 0.2);
    color: #f87171;
    border: 1px solid rgba(139, 26, 26, 0.4);
}

/* Send Interest button — stands out on dark card */
html body .emc-card--matri .emc-btn-interest {
    background: linear-gradient(135deg, #8b1a1a, #c0392b) !important;
    color: #fff !important;
    border: none !important;
    box-shadow: 0 3px 12px rgba(139, 26, 26, 0.4) !important;
    border-radius: 10px !important;
    font-weight: 700 !important;
}
html body .emc-card--matri .emc-btn-interest:hover {
    background: linear-gradient(135deg, #6b1212, #a93226) !important;
    box-shadow: 0 5px 18px rgba(139, 26, 26, 0.55) !important;
}

/* View Profile — ghost on dark */
html body .emc-card--matri .emc-btn-view {
    color: #f0e8de !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
    background: transparent !important;
}
html body .emc-card--matri .emc-btn-view:hover {
    background: rgba(255, 255, 255, 0.08) !important;
    border-color: rgba(255, 255, 255, 0.35) !important;
}

/* Shortlist button */
html body .emc-card--matri .emc-btn-shortlist {
    color: #c5b5a4 !important;
    border-color: rgba(255, 255, 255, 0.15) !important;
    background: transparent !important;
}
html body .emc-card--matri .emc-btn-shortlist:hover,
html body .emc-card--matri .emc-btn-shortlist.emc-shortlisted {
    background: rgba(245, 158, 11, 0.15) !important;
    border-color: #f59e0b !important;
    color: #fde68a !important;
}

/* Generic icon-only buttons on dark card */
html body .emc-card--matri .emc-btn-icon {
    background: rgba(255, 255, 255, 0.07) !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
    color: #f0e8de !important;
}
html body .emc-card--matri .emc-btn-icon:hover {
    background: rgba(139, 26, 26, 0.25) !important;
    border-color: rgba(139, 26, 26, 0.5) !important;
    color: #fca5a5 !important;
}

/* Skeleton loaders — dark card version */
html body .emc-skel-block,
html body .emc-skel-line {
    background: linear-gradient(
        90deg,
        rgba(255,255,255,0.06) 25%,
        rgba(255,255,255,0.12) 50%,
        rgba(255,255,255,0.06) 75%
    ) !important;
    background-size: 200% 100% !important;
}

/* Responsive — sidebar collapses on mobile */
@media (max-width: 768px) {
    html body .ebr-filter-drawer,
    html body .eros-filter-sidebar,
    html body .ebr-sidebar {
        position: relative !important;
        top: auto !important;
        height: auto !important;
        width: 100% !important;
        max-width: 100% !important;
        border-radius: 12px !important;
    }

    html body .ebr-layout,
    html body .eros-browse-layout,
    html body .eros-search-layout {
        flex-direction: column !important;
    }
}

/* ══════════════════════════════════════════════════════════════
   GOL FIXES — v15 patch (member card, filter, photo, birth star)
   ══════════════════════════════════════════════════════════════ */

/* 1. Member card background → #13131f (--dark-surface) */
html body .emc-card--matri {
    background: #13131f !important;
    border-color: rgba(255,255,255,0.07) !important;
}
html body .emc-card--matri:hover {
    background: #1a1a2e !important;
    border-color: rgba(232,23,93,0.3) !important;
}
html body .emc-card--matri.emc-card--interested {
    background: #13131f !important;
}

/* 2. Filter sidebar — fixed to viewport on desktop so it never scrolls away */
@media (min-width: 900px) {
    html body .ebr-filter-drawer {
        position: fixed !important;
        top: var(--header-h, 70px) !important;
        left: 0 !important;
        bottom: 0 !important;
        width: 280px !important;
        max-width: 280px !important;
        min-width: 280px !important;
        max-height: none !important;
        height: calc(100vh - var(--header-h, 70px)) !important;
        overflow-y: auto !important;
        z-index: 90 !important;
        border-right: 1px solid rgba(255,255,255,0.08) !important;
        background: #111120 !important;
    }
    /* Push the main content area right to account for fixed sidebar */
    html body .ebr-main {
        margin-left: 280px !important;
    }
}

/* 3. Member photo — remove unwanted bottom space */
html body .emc-photo-col {
    display: flex !important;
    flex-direction: column !important;
    align-self: stretch !important;
}
html body .emc-photo-img {
    flex: 1 1 auto !important;
    min-height: 0 !important;       /* let flex control height, not fixed min */
    height: 100% !important;
    width: 100% !important;
    object-fit: cover !important;
    object-position: top center !important;
    display: block !important;
    vertical-align: top !important;
}

/* 4 & 5. Birth star fact cell — ensure it is always visible */
html body .emc-fact-grid {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
}
html body .emc-fact-cell {
    display: inline-flex !important;
}
/* Highlight birth star chip */
html body .emc-fact-cell--birth-star {
    border-color: rgba(245,158,11,0.35) !important;
    background: rgba(245,158,11,0.08) !important;
}
html body .emc-fact-cell--birth-star .emc-fact-label {
    color: #f59e0b !important;
}
html body .emc-fact-cell--birth-star .emc-fact-icon svg {
    color: #f59e0b !important;
}

/* ── Fix: Registration phone row — narrow CC select, number input right-side ──
   Screenshots showed the country-code dropdown taking full width.
   Now it's compact (fits flag + code) and the phone number input
   fills the remaining space, number right-side via text-align:right.    ── */
.eros-phone-row {
    display: flex !important;
    gap: 8px !important;
    align-items: stretch !important;
}
.eros-phone-cc-wrap { flex-shrink: 0 !important; width: auto !important; }
.eros-phone-cc {
    width: auto !important;
    min-width: 90px !important;
    max-width: 110px !important;
    flex-shrink: 0 !important;
}
.eros-phone-input {
    flex: 1 !important;
    min-width: 0 !important;
    text-align: right !important;
}
/* eros_auth_page shortcode uses .eam-phone-row / .eam-phone-cc */
.eam-phone-row {
    display: flex !important;
    gap: 8px !important;
    align-items: stretch !important;
}
.eam-phone-cc {
    width: auto !important;
    min-width: 90px !important;
    max-width: 110px !important;
    flex-shrink: 0 !important;
}
.eam-phone-row > input[type="tel"] {
    flex: 1 !important;
    min-width: 0 !important;
    text-align: right !important;
}

/* ── Contact Details section — locked/upgrade state ── */
.eros-mp-contact-locked {
    position: relative;
}
.eros-mp-contact-gate {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: rgba(var(--dark-bg-rgb,247,247,251),.85);
    border-radius: 12px;
    padding: 16px;
    text-align: center;
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}
.eros-mp-contact-lock-icon { font-size: 2rem; margin-bottom: 6px; }
.eros-mp-contact-gate-msg  { margin: 0 0 4px; font-size: .85rem; color: var(--clr-text,#1a1a2e); }
.eros-mp-contact-gate-msg small { color: #6b7280; }

/* ═══════════════════════════════════════════════════════════════════════
   BUG-FIX: Duplicate Continue button on /register/ page
   ───────────────────────────────────────────────────────────────────────
   Steps 2-4 carry `style="display:none"` from PHP but inline styles can
   be stripped by page-builders / CDNs / Elementor layout resets.
   This CSS rule is a hard fallback: hides non-active steps at the CSS
   layer so even if the inline attr is gone they won't show.
   JS calls showStep(n) which adds display:'' on the target, and the
   inline style (empty) beats this stylesheet rule — so JS still works.
   ═══════════════════════════════════════════════════════════════════════ */
#eros-register-form .eros-reg-step {
    display: none;
}
/* Step 1 is the initial active step — always visible on page load */
#eros-register-form .eros-reg-step#step-1 {
    display: block;
}
/* When JS sets display:'' (empty) on a step the inline style wins and
   the step becomes visible. No JS change needed — showStep() already
   does el.style.display = ''. */

/* Same defensive hide for Profile Wizard steps (wizard.php shortcode) */
#eros-wizard .eros-wiz-step {
    display: none;
}
#eros-wizard .eros-wiz-step.active {
    display: block;
}

/* ── Step-nav visibility ────────────────────────────────────────────────────
   Step 1 uses .reg-id-next (full-width button), NOT an .eros-step-nav block,
   so suppress any accidental .eros-step-nav rendered inside step-1.
   Steps 2-4 own their Back+Continue nav; showStep() sets display:block on the
   active step so the nav inside it must be visible — no blanket hide here. */
#eros-register-form #step-1 .eros-step-nav {
    display: none !important;
}
/* FIX: padding-top confirmed value */
body.eros-page-browse .ebr-content,
body.eros-page-search .ebr-content {
    padding-top: 95px !important;
}

/* FIX: location badge contained within sidebar
   Root cause: .ebr-fg is a grid item — without min-width:0 grid items
   can overflow their track. Fixing that collapses the whole chain correctly.
   overflow:hidden is NOT added to .ebr-location-wrap (would clip dropdown). */
.ebr-filter-row.full .ebr-fg {
    min-width: 0 !important;
    max-width: 100% !important;
}

.ebr-location-wrap {
    max-width: 100% !important;
    min-width: 0 !important;
    width: 100% !important;
}

#bf-location-badge {
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}

#bf-location-badge-text {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}