/* 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; }
}

/* =========================================================
   Department dropdown
   Konsisten dengan Social Media sidebar UMSIDA Premium v6
   ========================================================= */

.pkp_structure_sidebar .department-dropdown {
    width: 100%;
    margin: 0;
    padding: 0;
}

/* Hilangkan marker bawaan browser */
.pkp_structure_sidebar .department-dropdown > summary {
    list-style: none;
}

.pkp_structure_sidebar .department-dropdown > summary::-webkit-details-marker {
    display: none;
}

/* Tombol dropdown */
.pkp_structure_sidebar .department-dropdown > summary {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 39px;

    padding: 8px 34px 8px 11px;

    border: 1px solid #e0e6ec;
    border-radius: 5px;

    background: #fff;
    color: #445369;

    font-size: .73rem;
    line-height: 1.4;
    font-weight: 400;

    cursor: pointer;
    user-select: none;

    transition:
        background-color .18s,
        border-color .18s,
        color .18s;
}

/* Chevron */
.pkp_structure_sidebar .department-dropdown > summary::after {
    content: "";
    position: absolute;

    right: 13px;
    top: 50%;

    width: 6px;
    height: 6px;

    border-right: 1.5px solid currentColor;
    border-bottom: 1.5px solid currentColor;

    transform:
        translateY(-65%)
        rotate(45deg);

    transition: transform .2s var(--umsida-ease);
}

/* Chevron ketika terbuka */
.pkp_structure_sidebar .department-dropdown[open] > summary::after {
    transform:
        translateY(-30%)
        rotate(225deg);
}

/* Hover sama dengan tombol Social Media */
.pkp_structure_sidebar .department-dropdown > summary:hover,
.pkp_structure_sidebar .department-dropdown > summary:focus-visible {
    color: var(--umsida-blue-dark);
    border-color: #b9cddc;
    background: #f1f6f9;
    outline: none;
}

/* Saat terbuka */
.pkp_structure_sidebar .department-dropdown[open] > summary {
    color: var(--umsida-blue-dark);
    border-color: #b9cddc;
    background: #f8fafc;
}

/* Container daftar */
.pkp_structure_sidebar .department-dropdown-list {
    max-height: 360px;
    margin-top: 8px;

    overflow-y: auto;
    overflow-x: hidden;

    border: 1px solid #e0e6ec;
    border-radius: 5px;

    background: #fff;

    scrollbar-width: thin;
    scrollbar-color: #c9d2dc transparent;
}

/* Item department */
.pkp_structure_sidebar .department-dropdown-list a {
    display: block;
    position: relative;

    padding: 9px 11px;

    border-bottom: 1px solid #edf0f3;

    background: #fff;
    color: #445369;

    font-size: .73rem;
    line-height: 1.45;

    text-decoration: none;

    transition:
        background-color .18s,
        color .18s,
        padding-inline-start .22s var(--umsida-ease);
}

.pkp_structure_sidebar .department-dropdown-list a:last-child {
    border-bottom: 0;
}

/* Hover item mengikuti menu sidebar */
.pkp_structure_sidebar .department-dropdown-list a:hover,
.pkp_structure_sidebar .department-dropdown-list a:focus-visible {
    padding-inline-start: 15px;

    color: var(--umsida-blue-dark);
    background: #f1f6f9;

    text-decoration: none;
    outline: none;
}

/* Scrollbar Chrome / Edge / Safari */
.pkp_structure_sidebar .department-dropdown-list::-webkit-scrollbar {
    width: 5px;
}

.pkp_structure_sidebar .department-dropdown-list::-webkit-scrollbar-track {
    background: transparent;
}

.pkp_structure_sidebar .department-dropdown-list::-webkit-scrollbar-thumb {
    background: #c9d2dc;
    border-radius: 10px;
}

.pkp_structure_sidebar .department-dropdown-list::-webkit-scrollbar-thumb:hover {
    background: #aebbc7;
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
    .pkp_structure_sidebar .department-dropdown > summary,
    .pkp_structure_sidebar .department-dropdown > summary::after,
    .pkp_structure_sidebar .department-dropdown-list a {
        transition: none;
    }
}

/* =========================================================
   INDEXING SERVICES
   UMSIDA Premium v6
   Logo + nama layanan
   ========================================================= */


/* Intro */
.pkp_structure_sidebar .indexing-intro {
    margin: 0 0 13px;
    padding: 0;

    color: #445369;

    font-size: .76rem;
    line-height: 1.65;
}


/* =========================================================
   GRID
   ========================================================= */

.pkp_structure_sidebar .indexing-buttons {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap: 8px;

    width: 100%;

    margin: 0;
    padding: 0;
}


/* =========================================================
   CARD
   ========================================================= */

.pkp_structure_sidebar .indexing-buttons > a {
    display: flex;
    flex-direction: column;

    align-items: center;
    justify-content: center;

    gap: 7px;

    width: 100%;
    min-width: 0;

    min-height: 88px;

    padding: 10px 8px 9px;

    box-sizing: border-box;

    border: 1px solid #e0e6ec;
    border-radius: 5px;

    background: #fff;
    color: #445369;

    text-align: center;
    text-decoration: none;

    overflow: hidden;

    transition:
        background-color .18s,
        border-color .18s,
        color .18s,
        box-shadow .18s,
        transform .18s var(--umsida-ease);
}


/* =========================================================
   AREA LOGO
   ========================================================= */

.pkp_structure_sidebar .indexing-logo {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 100%;
    height: 47px;

    margin: 0;
    padding: 0;
}


/* Logo default */
.pkp_structure_sidebar .indexing-logo img {
    display: block;

    width: auto;
    height: auto;

    max-width: 92%;
    max-height: 43px;

    margin: 0 auto;

    object-fit: contain;
    object-position: center;

    transition:
        transform .18s var(--umsida-ease),
        opacity .18s;
}


/* =========================================================
   NAMA INDEXING SERVICE
   ========================================================= */

.pkp_structure_sidebar .indexing-name {
    display: block;

    width: 100%;

    margin: 0;
    padding: 0;

    color: #445369;

    font-size: .69rem;
    line-height: 1.3;
    font-weight: 600;

    text-align: center;

    white-space: normal;

    transition: color .18s;
}


/* =========================================================
   UKURAN KHUSUS PER LOGO
   ========================================================= */


/* Scilit */
.pkp_structure_sidebar
.indexing-buttons
a[title="Scilit"]
.indexing-logo img {

    width: 92%;
    max-width: 112px;

    max-height: 40px;
}


/* Google Scholar */
.pkp_structure_sidebar
.indexing-buttons
a[title="Google Scholar"]
.indexing-logo img {

    width: auto;

    max-width: 100px;
    max-height: 43px;
}


/* BASE */
.pkp_structure_sidebar
.indexing-buttons
a[title="BASE"]
.indexing-logo img {

    width: 90%;
    max-width: 108px;

    max-height: 37px;
}


/* CORE */
.pkp_structure_sidebar
.indexing-buttons
a[title="CORE"]
.indexing-logo img {

    width: auto;

    max-width: 105px;
    max-height: 43px;
}


/* ResearchGate */
.pkp_structure_sidebar
.indexing-buttons
a[title="ResearchGate"]
.indexing-logo img {

    width: 92%;
    max-width: 110px;

    max-height: 38px;
}


/* OATD */
.pkp_structure_sidebar
.indexing-buttons
a[title="Open Access Theses and Dissertations"]
.indexing-logo img {

    width: auto;

    max-width: 105px;
    max-height: 44px;
}


/* =========================================================
   HOVER
   Sama seperti Social Media
   ========================================================= */

.pkp_structure_sidebar .indexing-buttons > a:hover,
.pkp_structure_sidebar .indexing-buttons > a:focus-visible {

    color: var(--umsida-blue-dark);

    border-color: #b9cddc;

    background: #f1f6f9;

    text-decoration: none;
    outline: none;

    box-shadow:
        0 3px 8px rgba(22, 53, 77, .07);
}


/* Nama ikut berubah */
.pkp_structure_sidebar
.indexing-buttons > a:hover
.indexing-name,

.pkp_structure_sidebar
.indexing-buttons > a:focus-visible
.indexing-name {

    color: var(--umsida-blue-dark);
}


/* Logo sedikit membesar */
.pkp_structure_sidebar
.indexing-buttons > a:hover
.indexing-logo img,

.pkp_structure_sidebar
.indexing-buttons > a:focus-visible
.indexing-logo img {

    transform: scale(1.04);
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 768px) {

    .pkp_structure_sidebar .indexing-buttons {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    .pkp_structure_sidebar
    .indexing-buttons > a {

        min-height: 84px;

        padding: 9px 7px 8px;
    }

    .pkp_structure_sidebar
    .indexing-logo {

        height: 44px;
    }

    .pkp_structure_sidebar
    .indexing-name {

        font-size: .68rem;
    }
}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .pkp_structure_sidebar
    .indexing-buttons > a,

    .pkp_structure_sidebar
    .indexing-logo img,

    .pkp_structure_sidebar
    .indexing-name {

        transition: none;
    }
}

/* OpenAlex */
.pkp_structure_sidebar
.indexing-buttons
a[title="OpenAlex"]
.indexing-logo img {

    width: 92%;
    max-width: 112px;

    height: auto;
    max-height: 42px;
}

/* =========================================================
   VISITOR STATISTICS
   Vertical layout
   UMSIDA Premium v6
   ========================================================= */

.pkp_structure_sidebar .analytics-buttons {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;

    width: 100%;

    margin: 0;
    padding: 0;
}


/* =========================================================
   CARD
   ========================================================= */

.pkp_structure_sidebar .analytics-buttons > a {
    display: flex;
    flex-direction: column;

    align-items: center;
    justify-content: center;

    gap: 5px;

    width: 100%;

    min-height: 104px;

    padding: 11px 12px;

    box-sizing: border-box;

    border: 1px solid #e0e6ec;
    border-radius: 5px;

    background: #fff;
    color: #445369;

    text-align: center;
    text-decoration: none;

    overflow: hidden;

    transition:
        background-color .18s,
        border-color .18s,
        color .18s,
        box-shadow .18s;
}


/* =========================================================
   AREA GAMBAR
   ========================================================= */

.pkp_structure_sidebar .analytics-logo {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 100%;
    height: 54px;

    margin: 0 0 2px;
    padding: 0;

    overflow: hidden;
}

.pkp_structure_sidebar .analytics-logo img {
    display: block;

    width: auto;
    height: auto;

    max-width: 92%;
    max-height: 50px;

    margin: 0 auto;

    object-fit: contain;
    object-position: center;

    transition:
        transform .18s var(--umsida-ease),
        opacity .18s;
}


/* =========================================================
   STATCOUNTER
   ========================================================= */

.pkp_structure_sidebar
.analytics-buttons
a[title="StatCounter"]
.analytics-logo img {

    max-width: 150px;
    max-height: 46px;
}


/* =========================================================
   CLUSTRMAPS
   ========================================================= */

.pkp_structure_sidebar
.analytics-buttons
a[title="ClustrMaps"]
.analytics-logo {

    height: 62px;
}

.pkp_structure_sidebar
.analytics-buttons
a[title="ClustrMaps"]
.analytics-logo img {

    width: 100%;
    max-width: 190px;

    height: 58px;
    max-height: 58px;

    object-fit: cover;

    border-radius: 3px;
}


/* =========================================================
   TEXT
   ========================================================= */

.pkp_structure_sidebar .analytics-name {
    display: block;

    width: 100%;

    margin: 0;
    padding: 0;

    color: #445369;

    font-size: .72rem;
    line-height: 1.25;
    font-weight: 600;

    text-align: center;

    transition: color .18s;
}

.pkp_structure_sidebar .analytics-desc {
    display: block;

    width: 100%;

    margin: 0;
    padding: 0;

    color: #7a8796;

    font-size: .62rem;
    line-height: 1.25;
    font-weight: 400;

    text-align: center;

    transition: color .18s;
}


/* =========================================================
   HOVER
   ========================================================= */

.pkp_structure_sidebar .analytics-buttons > a:hover,
.pkp_structure_sidebar .analytics-buttons > a:focus-visible {

    color: var(--umsida-blue-dark);

    border-color: #b9cddc;

    background: #f1f6f9;

    text-decoration: none;
    outline: none;

    box-shadow:
        0 3px 8px rgba(22, 53, 77, .07);
}

.pkp_structure_sidebar
.analytics-buttons > a:hover
.analytics-name,

.pkp_structure_sidebar
.analytics-buttons > a:focus-visible
.analytics-name {

    color: var(--umsida-blue-dark);
}

.pkp_structure_sidebar
.analytics-buttons > a:hover
.analytics-desc,

.pkp_structure_sidebar
.analytics-buttons > a:focus-visible
.analytics-desc {

    color: #5e7184;
}

.pkp_structure_sidebar
.analytics-buttons > a:hover
.analytics-logo img,

.pkp_structure_sidebar
.analytics-buttons > a:focus-visible
.analytics-logo img {

    transform: scale(1.025);
}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .pkp_structure_sidebar
    .analytics-buttons > a,

    .pkp_structure_sidebar
    .analytics-logo img,

    .pkp_structure_sidebar
    .analytics-name,

    .pkp_structure_sidebar
    .analytics-desc {

        transition: none;
    }
}