/* ============================================================
   redflirt brand theme.
   Design tokens consumed by the dating3 template (ui_modern.css,
   premium_modern.css, chat upgrade overlay). Inert on the legacy
   'dating' template (nothing there reads --brand-primary), so safe
   either way. See docs/SUBSCRIPTION-TEMPLATE-DATING3.md §5.
   ============================================================ */
:root {
    --brand-primary:       #e11d48;
    --brand-primary-light: #fb7185;
    --brand-primary-dark:  #be123c;
    --brand-gradient:      linear-gradient(135deg, #fb7185 0%, #e11d48 100%);
}

/* Bootstrap primary buttons follow the brand (dating3 template). */
.btn-primary {
    background-color: var(--brand-primary);
    border-color: var(--brand-primary);
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: var(--brand-primary-dark);
    border-color: var(--brand-primary-dark);
}
.btn-outline-primary {
    color: var(--brand-primary);
    border-color: var(--brand-primary);
}
.btn-outline-primary:hover {
    background-color: var(--brand-primary);
    border-color: var(--brand-primary);
    color: #fff;
}
.text-primary { color: var(--brand-primary) !important; }

/* Landing / marketing */
body.landing { background: #000; }
body.landing .intro {
    background: url('/images/mainbgdark.jpg') repeat center top;
    min-height: 720px;
    padding-top: 140px;
}
.intro.bg-main {
    background: url('/images/mainbgdark.jpg') repeat center top;
    min-height: 1080px;
}
.navbar-image img { max-height: 28px; margin: .5rem 0; }
body.landing .intro h1 { color: #fff; text-shadow: 2px 2px 4px rgba(0,0,0,.8); }
body.landing .intro .container { color: #fff; text-shadow: 1px 1px 2px rgba(0,0,0,.8); }
@media screen and (max-width: 780px){ .navbar-image img { max-height: 20px; margin:.5rem 0; } }
@media screen and (max-width: 360px){ .navbar-image img { max-height: 15px; margin:.5rem 0; } }

/* landing nav stays transparent here; the modern landing (_landing_modern.php)
   forces a solid readable white bar. Avoids the pale-gray unreadable header. */
body.landing nav { background: transparent; border: none; }
.navbar .nav-link { color: #e11d48; }
.navbar .nav-link.active { color: #fff; }
.navbar .navbar-text { color: #e11d48; }
nav.navbar.navbar-main .nav-link.active { color: #fff; background-color: #e11d48; }
nav.navbar.navbar-main .navbar-profile { color: #e11d48; border-color: #e11d48 !important; }
.navbar-dark .navbar-toggler { color: #e11d48; }
.navbar-main { background-color: #fff; color: #e11d48; border-bottom: 1px solid #e11d48; }
.navbar-main .navbar-nav .nav-link { color: #e11d48; }
.navbar-main .navbar-nav .nav-link.btn { border: 2px solid #e11d48; }
.navbar-main .nav-item.active .nav-link, .navbar-main .nav-item:hover .nav-link { color: #e11d48; }
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover { color: #e11d48; }
.messenger .main-controller .tab.active { color: #e11d48; }
.messenger .main-controller .tab { color: #888; }
ul.nav .nav-link.active { border-bottom: 0.125rem solid #e11d48; }
.tab.active::after { background-color: #e11d48; }
a.nav-link { color: #000; }
a.nav-link .nav-pill {
    background-color: #e11d48; border: 1px solid #be123c;
    padding: 6px 12px; border-radius: 6px; color: #fff;
}
a.nav-link .nav-pill:hover { background-color: #be123c; border-color: #be123c; color: #fff; }
.navbar-dark .nav-link.active { background-color: #e11d48; }
.intro h1 { font-weight: 700; font-size: 5rem; }
body.landing .intro .btn.btn-primary {
    background: var(--brand-gradient);
    border-radius: 100px; font-weight: 400; color: #fff;
    letter-spacing: .02em; text-transform: uppercase; border: none;
}
body.landing .intro .btn.btn-primary:hover { background: #be123c; color: #fff; }
#accordion h5 a { text-decoration: none; }