/* UMSIDA Premium v6 | CSS pendukung OPS 3.4
   Pasang bersama plugin OPS_UMSIDA_Premium_Plugin_3.4_v6.zip.
   Unggah berkas ini sebagai Custom Stylesheet di Website > Appearance.
   Desain utama dan font dimuat oleh plugin; CSS ini menangani blok tambahan
   yang sudah memakai .menu-item, .social-buttons, dan .faculty.
   Ganti CSS v4/v5 lama dengan berkas ini, jangan ditumpuk.

   Warna dapat disesuaikan di sini bila diperlukan, contoh:
   :root { --umsida-accent: #c8b487; }
*/

/* Menu tambahan sidebar */
.pkp_structure_sidebar .menu-item { margin: 0; padding: 0; }
.pkp_structure_sidebar .menu-item a {
    display: block; position: relative; padding: 9px 0;
    border-bottom: 1px solid #edf0f3; color: #445369;
    font-size: .81rem; line-height: 1.6;
    transition: color .2s, padding-inline-start .22s var(--umsida-ease);
}
.pkp_structure_sidebar .menu-item:last-child a { border-bottom: 0; }
.pkp_structure_sidebar .menu-item a:hover,
.pkp_structure_sidebar .menu-item a:focus-visible {
    padding-inline-start: 5px; color: var(--umsida-blue-dark); text-decoration: none;
}
/* Social links: self-contained icons, no /public image dependency */
.pkp_structure_sidebar .social-buttons {
    display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px;
    margin: 0; padding: 0; list-style: none;
}
.pkp_structure_sidebar .pkp_block .social-buttons li { margin: 0; padding: 0; }
.pkp_structure_sidebar .social-buttons li a {
    display: flex; align-items: center; gap: 7px; min-height: 39px;
    padding: 8px 9px; border: 1px solid #e0e6ec; border-radius: 5px;
    color: #445369; background: #fff; font-size: .73rem; line-height: 1.4;
    text-decoration: none; transition: background-color .18s, border-color .18s, color .18s;
}
.pkp_structure_sidebar .social-buttons li a::before {
    content: ""; flex: 0 0 15px; width: 15px; height: 15px;
    background-color: currentColor;
    -webkit-mask: var(--umsida-social-icon) center / contain no-repeat;
    mask: var(--umsida-social-icon) center / contain no-repeat;
}
.social-buttons .x { --umsida-social-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18.9 2H22l-7 8 8.2 12h-6.4l-5-7.3L5.4 22H2.2l7.5-8.7L1.8 2h6.5l4.5 6.6L18.9 2Zm-1.7 18h1.7L7.2 4H5.4l11.8 16Z'/%3E%3C/svg%3E"); }
.social-buttons .facebook { --umsida-social-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14 22v-9h3l.5-4H14V7c0-1.2.4-2 2-2h2V1.5A27 27 0 0 0 15 1c-3 0-5 1.8-5 5v3H7v4h3v9Z'/%3E%3C/svg%3E"); }
.social-buttons .whatsapp { --umsida-social-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='1.8' stroke-linejoin='round' d='M21 11.5a9 9 0 0 1-13.6 7.8L3 21l1.5-4.5A9 9 0 1 1 21 11.5Z'/%3E%3Cpath d='M8 7c-.5 0-1 1-1 2 0 2.7 4.3 7 7 7 1 0 2-.5 2-1v-1l-3-1-1 1c-1.4-.6-2.5-1.8-3-3l1-1-1-3H8Z'/%3E%3C/svg%3E"); }
.social-buttons .email { --umsida-social-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='2.5' y='5' width='19' height='14' rx='2' fill='none' stroke='black' stroke-width='1.8'/%3E%3Cpath d='m3.5 6.5 8.5 7 8.5-7' fill='none' stroke='black' stroke-width='1.8'/%3E%3C/svg%3E"); }
.social-buttons .youtube { --umsida-social-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21 5.5C20.4 4 18 4 12 4S3.6 4 3 5.5C2 8 2 16 3 18.5 3.6 20 6 20 12 20s8.4 0 9-1.5c1-2.5 1-10.5 0-13ZM10 16V8l7 4-7 4Z' fill-rule='evenodd'/%3E%3C/svg%3E"); }
.social-buttons .instagram { --umsida-social-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='3' y='3' width='18' height='18' rx='5' fill='none' stroke='black' stroke-width='1.8'/%3E%3Ccircle cx='12' cy='12' r='4' fill='none' stroke='black' stroke-width='1.8'/%3E%3Ccircle cx='17.5' cy='6.5' r='1.2'/%3E%3C/svg%3E"); }
.pkp_structure_sidebar .social-buttons li a:hover,
.pkp_structure_sidebar .social-buttons li a:focus-visible {
    color: var(--umsida-blue-dark); border-color: #b9cddc; background: #f1f6f9; text-decoration: none;
}

/* Tabel fakultas */
.faculty { width: 100%; margin: 24px 0; overflow-x: auto; border: 1px solid var(--umsida-line); border-radius: 6px; background: #fff; }
.faculty-header { padding: 14px 16px; border-bottom: 1px solid var(--umsida-line); background: #f5f7fa; color: var(--umsida-navy); font-weight: 700; }
.faculty table { width: 100%; border-collapse: collapse; font-size: .84rem; }
.faculty th, .faculty td { padding: 12px 14px; border: 0; border-bottom: 1px solid #e7ebf0; text-align: start; vertical-align: top; }
.faculty th { color: var(--umsida-navy); background: #f8fafc; }
.faculty tbody tr:hover { background: #f8fafc; }
.faculty tr:last-child td { border-bottom: 0; }

@media (prefers-reduced-motion: reduce) {
    .pkp_structure_sidebar .menu-item a,
    .pkp_structure_sidebar .social-buttons li a { transition: none; }
}