/* Site footer (Views/Shared/_jobfooter.cshtml). Mobile-only footer styles stay inline in the partial (server-side mobile check). */

#footer.jrf-footer-v2 {
    background: linear-gradient(160deg, #0b0f19 0%, #131a2b 55%, #1a1033 100%);
    color: #cbd2e1;
    position: relative;
    overflow: hidden;
    padding-bottom: 0;
}
#footer.jrf-footer-v2::before {
    content: '';
    position: absolute; top: 0; left: 0; right: 0; height: 4px;
    background: linear-gradient(90deg, #4f46e5, #818cf8, #dc3545);
    z-index: 2;
}
/* Two soft radial glows for depth, plus a faint dot-grid texture -- purely decorative,
   sits behind everything (z-index:0) so it never interferes with content or links. */
#footer.jrf-footer-v2 .jrf-noise {
    position: absolute; inset: 0; z-index: 0; pointer-events: none;
    background:
        radial-gradient(520px 320px at 8% 0%, rgba(79,70,229,0.16), transparent 60%),
        radial-gradient(480px 300px at 96% 90%, rgba(220,53,69,0.10), transparent 60%),
        radial-gradient(rgba(255,255,255,0.05) 1px, transparent 1px);
    background-size: auto, auto, 22px 22px;
}
#footer.jrf-footer-v2 .footer-top {
    background: transparent;
    padding: 64px 0 36px;
    position: relative;
    z-index: 1;
}
/* Bootstrap's .row is a flex container with the browser default align-items:stretch, so
   every column stretches to match the tallest one (the brand column, with its longer
   paragraph + badge + social icons) -- leaving visible dead space under the shorter link
   columns. Columns should only be as tall as their own content. */
#footer.jrf-footer-v2 .footer-top .row {
    align-items: flex-start;
}
#footer.jrf-footer-v2 .jrf-brand {
    font-family: 'Berlin Sans FB', 'Montserrat', 'Montserrat Fallback', sans-serif;
    font-size: 2.1rem;
    font-weight: 800;
    color: #fff;
    margin: 0 0 16px;
    letter-spacing: .01em;
}
#footer.jrf-footer-v2 .jrf-brand .accent { color: #818cf8; }
#footer.jrf-footer-v2 .footer-info p {
    font-size: 0.88rem;
    line-height: 1.9;
    color: #9aa3b8;
    font-family: 'Montserrat', 'Montserrat Fallback', sans-serif;
    max-width: 380px;
}
#footer.jrf-footer-v2 .jrf-trust-badge {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-size: 0.76rem;
    font-weight: 600;
    color: #c7d2fe;
    background: rgba(129, 140, 248, 0.1);
    border: 1px solid rgba(129, 140, 248, 0.25);
    padding: 7px 14px;
    border-radius: 999px;
    margin: 4px 0 22px;
}
#footer.jrf-footer-v2 .jrf-trust-badge i { color: #818cf8; }
#footer.jrf-footer-v2 .jrf-col-title {
    display: flex;
    align-items: center;
    gap: 11px;
    font-size: 0.92rem;
    font-weight: 800;
    letter-spacing: 0.2px;
    color: #fff;
    margin-bottom: 22px;
}
#footer.jrf-footer-v2 .jrf-col-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    flex-shrink: 0;
    border-radius: 10px;
    background: linear-gradient(135deg, rgba(79,70,229,0.35), rgba(129,140,248,0.18));
    border: 1px solid rgba(129,140,248,0.3);
    color: #a5b4fc;
    font-size: 0.85rem;
}
#footer.jrf-footer-v2 .footer-top .footer-links ul li { padding: 0 0 13px; }
#footer.jrf-footer-v2 .footer-top .footer-links ul a {
    color: #9aa3b8;
    font-size: 0.86rem;
    transition: color .15s ease, padding-left .15s ease;
    display: inline-flex;
    align-items: center;
    gap: 0;
}
#footer.jrf-footer-v2 .footer-top .footer-links ul a i {
    font-size: 0.7rem;
    width: 0;
    opacity: 0;
    overflow: hidden;
    color: #818cf8;
    transition: width .15s ease, opacity .15s ease, margin .15s ease;
}
#footer.jrf-footer-v2 .footer-top .footer-links ul a:hover {
    color: #fff;
    padding-left: 2px;
    text-decoration: none;
}
#footer.jrf-footer-v2 .footer-top .footer-links ul a:hover i {
    width: 10px;
    opacity: 1;
    margin-right: 6px;
}
#footer.jrf-footer-v2 .footer-contact p { color: #9aa3b8; font-size: 0.86rem; line-height: 1.85; margin-bottom: 14px; }
#footer.jrf-footer-v2 .jrf-email-pill {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    font-size: 0.82rem;
    font-weight: 600;
    color: #fff;
    background: rgba(255,255,255,0.06);
    border: 1px solid rgba(255,255,255,0.14);
    padding: 10px 16px;
    border-radius: 10px;
    margin-bottom: 22px;
    transition: background .2s ease, border-color .2s ease, transform .2s ease;
}
#footer.jrf-footer-v2 .jrf-email-pill i { color: #818cf8; }
#footer.jrf-footer-v2 .jrf-email-pill:hover {
    background: linear-gradient(135deg, rgba(79,70,229,0.25), rgba(129,140,248,0.14));
    border-color: rgba(129,140,248,0.4);
    color: #fff;
    text-decoration: none;
    transform: translateY(-2px);
}
#footer.jrf-footer-v2 .social-links { display: flex; gap: 10px; flex-wrap: wrap; }
#footer.jrf-footer-v2 .social-links a {
    width: 38px;
    height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 11px;
    background: rgba(255,255,255,0.06);
    border: 1px solid rgba(255,255,255,0.14);
    color: #fff;
    transition: all .2s ease;
}
#footer.jrf-footer-v2 .social-links a:hover {
    background: linear-gradient(135deg, #4f46e5, #818cf8);
    border-color: transparent;
    color: #fff;
    transform: translateY(-3px);
}
#footer.jrf-footer-v2 .jrf-social-mobile { display: none; }
@media (max-width: 767px) {
    #footer.jrf-footer-v2 .jrf-social-desktop { display: none; }
    #footer.jrf-footer-v2 .jrf-social-mobile { display: flex; }
}
/* Popular Searches -- keyword-rich internal links to real, already-existing pages only
   (sarkari-result, category pages, etc.), never invented URLs. Standard SEO footer
   pattern for a job-listing site: crawlable anchor text to important sections from
   every single page on the site. Presented as its own card beside the brand column
   (see .jrf-row-brand) so the two naturally-tall pieces of content share a row, instead
   of the brand column sitting next to much-shorter link lists and leaving dead space. */
#footer.jrf-footer-v2 .jrf-row-brand { margin-bottom: 44px; }
#footer.jrf-footer-v2 .jrf-row-links { padding-top: 4px; }
#footer.jrf-footer-v2 .jrf-seo-block {
    background: rgba(255,255,255,0.03);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 16px;
    padding: 22px 24px 20px;
    position: relative;
    z-index: 1;
    height: 100%;
}
#footer.jrf-footer-v2 .jrf-seo-title {
    font-size: 0.92rem;
    font-weight: 800;
    letter-spacing: 0.2px;
    color: #fff;
    margin-bottom: 16px;
}
#footer.jrf-footer-v2 .jrf-seo-links {
    display: flex;
    flex-wrap: wrap;
    gap: 9px 10px;
}
#footer.jrf-footer-v2 .jrf-seo-links a {
    font-size: 0.78rem;
    color: #8a92a6;
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(255,255,255,0.08);
    padding: 6px 13px;
    border-radius: 999px;
    transition: all .18s ease;
}
#footer.jrf-footer-v2 .jrf-seo-links a:hover {
    color: #fff;
    background: rgba(129,140,248,0.16);
    border-color: rgba(129,140,248,0.35);
    text-decoration: none;
}
#footer.jrf-footer-v2 .jrf-footer-bottom {
    border-top: 1px solid rgba(255,255,255,0.08);
    background: rgba(0,0,0,0.25);
    padding: 20px 0;
    position: relative; z-index: 1;
}
#footer.jrf-footer-v2 .jrf-bottom-row {
    display: flex; justify-content: space-between; align-items: center;
    flex-wrap: wrap; gap: 10px;
}
#footer.jrf-footer-v2 .copyright { text-align: left; padding-top: 0; font-size: 0.82rem; color: #8a92a6; }
#footer.jrf-footer-v2 .copyright a { color: #c7d2fe; text-decoration: none; }
#footer.jrf-footer-v2 .copyright a:hover { text-decoration: underline; }
#footer.jrf-footer-v2 .jrf-bottom-links { font-size: 0.82rem; }
#footer.jrf-footer-v2 .jrf-bottom-links a { color: #8a92a6; text-decoration: none; }
#footer.jrf-footer-v2 .jrf-bottom-links a:hover { color: #fff; }
#footer.jrf-footer-v2 .jrf-bottom-links span { color: #3d4459; margin: 0 8px; }
@media (max-width: 575px) {
    #footer.jrf-footer-v2 .jrf-bottom-row { flex-direction: column; text-align: center; }
}
#footer.jrf-footer-v2 #back-to-top1 {
    background: linear-gradient(135deg, #4f46e5, #818cf8) !important;
    box-shadow: 0 8px 20px -6px rgba(79, 70, 229, 0.6);
    transition: transform .2s ease, box-shadow .2s ease;
}
#footer.jrf-footer-v2 #back-to-top1:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 26px -6px rgba(79, 70, 229, 0.75);
}

/* 2026-10-10: badge row (trust + app), a second contact button, five even link columns */
#footer.jrf-footer-v2 .jrf-badges { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 4px; }
#footer.jrf-footer-v2 .jrf-badges .jrf-trust-badge { margin: 0; }
#footer.jrf-footer-v2 a.jrf-app-badge { text-decoration: none; }
#footer.jrf-footer-v2 a.jrf-app-badge i { color: #34d399; }
#footer.jrf-footer-v2 a.jrf-app-badge:hover { color: #fff; border-color: rgba(52, 211, 153, 0.45); }
#footer.jrf-footer-v2 .jrf-contact-pill { margin-top: 8px; }
#footer.jrf-footer-v2 .jrf-row-links > [class*="col"] { margin-bottom: 18px; }
@media (min-width: 992px) {
    #footer.jrf-footer-v2 .jrf-row-links .footer-contact { flex: 0 0 23%; max-width: 23%; }
}