/* ═══════════════════════════════════════════════════════
   COMPONENTS — Footer Page Modal
   Extracted from layout_desktop.php
   ═══════════════════════════════════════════════════════ */

@keyframes fpModalFadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

#fpModalSidebar::-webkit-scrollbar { width: 4px; }
#fpModalSidebar::-webkit-scrollbar-track { background: transparent; }
#fpModalSidebar::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.1); border-radius: 10px; }
#fpModalBody::-webkit-scrollbar { width: 6px; }
#fpModalBody::-webkit-scrollbar-track { background: transparent; }
#fpModalBody::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.1); border-radius: 10px; }

.fp-sidebar-cat-title {
    font-size: 0.7rem; font-weight: 800; text-transform: uppercase;
    letter-spacing: 1.2px; color: #55657E;
    padding: 16px 12px 8px; display: flex; align-items: center; gap: 6px;
}
.fp-sidebar-cat-title i { color: #C9A84C; font-size: 0.75rem; }

.fp-sidebar-link {
    display: block; padding: 8px 12px; color: #7F8C9B;
    font-size: 0.85rem; font-weight: 500; text-decoration: none;
    border-radius: 8px; margin-bottom: 2px; transition: all 0.2s; cursor: pointer;
}
.fp-sidebar-link:hover {
    background: rgba(255,255,255,0.06); color: #fff; padding-left: 16px;
}
.fp-sidebar-link.active {
    background: rgba(20,117,225,0.15); color: #fff;
    border-left: 3px solid #1475E1; padding-left: 14px;
}

#fpModalBody h2 {
    font-size: 1.4rem; font-weight: 700; color: #fff;
    margin-bottom: 16px; padding-bottom: 12px;
    border-bottom: 1px solid rgba(255,255,255,0.06);
}
#fpModalBody h3 { font-size: 1.1rem; font-weight: 700; color: #fff; margin: 20px 0 10px; }
#fpModalBody h4 { font-size: 1rem; font-weight: 600; color: #B1BAD3; margin: 16px 0 8px; }
#fpModalBody p { color: #B1BAD3; font-size: 0.9rem; line-height: 1.7; margin-bottom: 12px; }
#fpModalBody ul, #fpModalBody ol { color: #B1BAD3; font-size: 0.9rem; line-height: 1.8; padding-left: 20px; margin-bottom: 12px; }
#fpModalBody li { margin-bottom: 4px; }
#fpModalBody strong { color: #fff; }
#fpModalBody em { color: #7F8C9B; }