/* ==========================================================================
   FACILITYRF PUBLIC FOOTER - DARK B2B SAAS STYLE
   ========================================================================== */

.frf-footer {
    background-color: #1e2229; /* Dark Slate Charcoal chuẩn ảnh mẫu */
    color: #94a3b8;
    font-size: 0.95rem;
    line-height: 1.6;
    padding-top: 4.5rem;
    padding-bottom: 2rem;
    border-top: 1px solid #2d333f;
}

    /* Company Info / Brand Column */
    .frf-footer .footer-logo {
        max-height: 52px;
        width: auto;
        background-color: #ffffff; /* Nền trắng ôm logo giống trong ảnh */
        padding: 6px 12px;
        border-radius: 6px;
        display: inline-block;
    }

    .frf-footer .company-desc {
        color: #94a3b8;
        font-size: 0.95rem;
        max-width: 380px;
    }

        .frf-footer .company-desc strong {
            color: #f1f5f9; /* Làm nổi bật con số 500 facilities & 6,000+ users */
            font-weight: 600;
        }

    /* Footer Section Titles */
    .frf-footer .footer-title {
        color: #ffffff;
        font-size: 1.15rem;
        font-weight: 700;
        margin-bottom: 1.25rem;
        letter-spacing: 0.2px;
    }

    /* Links List */
    .frf-footer .footer-links {
        list-style: none;
        padding-left: 0;
        margin-bottom: 0;
    }

        .frf-footer .footer-links li {
            margin-bottom: 0.75rem;
        }

        .frf-footer .footer-links a {
            color: #cbd5e1;
            text-decoration: none;
            transition: all 0.2s ease-in-out;
            display: inline-block;
        }

            .frf-footer .footer-links a:hover {
                color: #38bdf8; /* Highlight màu xanh khi hover */
                transform: translateX(4px);
            }

    /* Bottom Bar / Copyright */
    .frf-footer .footer-bottom {
        margin-top: 3.5rem;
        padding-top: 1.75rem;
        border-top: 1px solid #2d333f;
        color: #64748b;
        font-size: 0.875rem;
    }

        .frf-footer .footer-bottom a {
            color: #64748b;
            text-decoration: none;
            transition: color 0.2s ease;
        }

            .frf-footer .footer-bottom a:hover {
                color: #94a3b8;
            }