/* ============================================================
   MJ Footer Widgets
   ============================================================ */

/* ---- Footer Logo ---- */
.mjfl-wrap { display: flex; flex-direction: column; gap: 12px; }

.mjfl-logo { display: block; }
.mjfl-logo a { display: inline-block; }
.mjfl-logo-light { display: block; }
.mjfl-logo-dark  { display: none; }

[data-bs-theme="dark"] .mjfl-logo-light { display: none; }
[data-bs-theme="dark"] .mjfl-logo-dark  { display: block; }

.mjfl-about { color: #64748b; font-size: 13px; line-height: 1.7; }
.mjfl-about p { margin: 0 0 4px; }
.mjfl-about a { color: inherit; text-decoration: none; }
.mjfl-about a:hover { text-decoration: underline; }

/* ---- Footer Social ---- */
.mjfs-wrap { display: flex; flex-direction: column; gap: 10px; }

.mjfs-label { font-size: 16px; font-weight: 700; color: #111827; }

.mjfs-icons { display: flex; flex-wrap: wrap; gap: 6px; justify-content: flex-end; flex-direction: row-reverse; }

.mjfs-icon-link { display: inline-block; text-decoration: none; }

.mjfs-icon-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #374151;
    color: #fff;
    border-radius: 8px;
    transition: opacity 0.2s, transform 0.2s;
    cursor: pointer;
}
.mjfs-icon-btn i, .mjfs-icon-btn svg { color: inherit; fill: currentColor; }
.mjfs-icon-link:hover .mjfs-icon-btn { opacity: 0.8; transform: translateY(-2px); }

/* ---- Footer Policy Links ---- */
.mjfp-wrap { display: flex; flex-wrap: wrap; justify-content: center; gap: 0; }

.mjfp-link {
    display: inline-block;
    padding: 5px 10px;
    border-left: 1px solid #ccc;
    color: #333;
    text-decoration: none;
    font-size: 13px;
    transition: color 0.2s;
}
.mjfp-link:last-child { border-left: none; }
.mjfp-link:hover { color: #d32f2f; }

/* ---- Footer Copyright ---- */
.mjfc-wrap { text-align: center; }
.mjfc-text { margin: 0; font-size: 13px; color: #64748b; }

/* ---- Responsive ---- */
@media (max-width: 767px) {
    .mjfs-label { font-size: 14px; }
    .mjfp-link { font-size: 12px; padding: 4px 8px; }
}