/* ═══════════════════════════════════════════
   PROJETO BIKER — Custom Overrides
   Estilos específicos do Biker sobre SocialV.
   ═══════════════════════════════════════════ */

/* ── Logo customization ── */
.iq-header-logo .logo-title,
.sidebar-header .logo-title {
    font-weight: 800;
    letter-spacing: -0.5px;
}

/* ── Sidebar: ícone de moto quando Phosphor não tem ── */
/* ph-motorcycle não existe no Phosphor, então usamos fallback */
.ph-motorcycle::before {
    content: "\e900"; /* fallback - será substituído por SVG icon se necessário */
}

/* ── Feed: post composer ── */
.create-post-modal .form-control:focus {
    box-shadow: none;
}

/* ── Biker-specific card styles ── */
.card-biker-ride {
    border-left: 4px solid var(--bs-primary);
}

.card-biker-club {
    border-left: 4px solid var(--bs-success);
}

.card-biker-emergency {
    border-left: 4px solid var(--bs-danger);
}

/* ── Badge/Achievement styles ── */
.biker-badge-card {
    transition: transform 0.2s ease;
}

.biker-badge-card:hover {
    transform: translateY(-2px);
}

.biker-badge-locked {
    opacity: 0.4;
    filter: grayscale(1);
}

/* ── Mobile: bottom navigation enhancement ── */
@media (max-width: 991.98px) {
    .content-inner {
        padding-bottom: 70px;
    }
}

/* ── Auth pages: scroll fix for mobile ── */
.sign-in-page {
    min-height: 100vh;
}

.sign-in-page .auth-page {
    min-height: 100vh;
    padding: 2rem 1rem;
}

@media (max-width: 767.98px) {
    .sign-in-page .auth-page {
        min-height: auto;
        padding: 3rem 1rem;
    }
}

/* ── Loading overlay ── */
#loading {
    z-index: 9999;
}

/* ── Toast position for mobile ── */
@media (max-width: 767.98px) {
    .toast-container {
        bottom: 70px !important;
    }
}