/* =========================================================
   QUBELAB COMMON OVERRIDES
   File ini WAJIB di-load TERAKHIR
   ========================================================= */


/* =========================================================
   1. ROOT VARIABLES (optional, future proof)
   ========================================================= */
:root {
    --ql-overlay-bg: rgba(0, 0, 0, 0.55);
    --ql-icon-color: #ffffff;
    --ql-icon-size: 28px;
    --ql-transition: 0.3s ease;
}


/*#region For Image Facility */
/* =========================================================
   2. DEPARTMENTS – OVERLAY FIX
   ========================================================= */

/* parent wajib relative */
.departments .department-item .department-image {
    position: relative;
    overflow: hidden;
}

/* overlay default (hidden) */
.departments .department-item .department-image .department-overlay.qlink-facility {
    position: absolute;
    inset: 0;

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

    background: var(--ql-overlay-bg);

    visibility: hidden;
    opacity: 0;
    pointer-events: none;

    transition: opacity var(--ql-transition),
    visibility var(--ql-transition);
}

/* hover trigger */
.departments .department-item .department-image:hover .department-overlay.qlink-facility {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
}


/* =========================================================
   3. OVERLAY LINK & ICON
   ========================================================= */

.departments .department-item .department-overlay.qlink-facility a {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 56px;
    height: 56px;

    border-radius: 50%;
    background: rgba(255, 255, 255, 0.15);
    text-decoration: none;

    transition: transform var(--ql-transition),
    background var(--ql-transition);
}

.departments .department-item .department-overlay.qlink-facility a:hover {
    background: rgba(255, 255, 255, 0.25);
    transform: scale(1.1);
}

/* Font Awesome icon */
.departments .department-item .department-overlay.qlink-facility i {
    color: var(--ql-icon-color);
    font-size: var(--ql-icon-size);
    line-height: 1;
}
/*#endregion */

/*#region For PDF OurCertification */
.certification-card {
    cursor: pointer;
    transition: transform .3s ease;
}

.certification-card:hover {
    transform: translateY(-6px);
}

.cert-thumbnail {
    height: 260px;
    overflow: hidden;
    border-radius: 10px;
    background: #f5f5f5;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cert-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.thumb-loading {
    font-size: 14px;
    color: #999;
}

.cert-title {
    cursor: pointer;
    margin-top: 1rem;
}

.cert-title:hover {
    color: var(--color-primary);
}
.pdf-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 12px;
}

.pdf-header h5 {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*#endregion */