/* BAU Staff — consolidated styles (standalone CSS file) */
.bau-staff-profile {
    --staff-primary: #15345b;
    --staff-accent: #d6a64b;
    --staff-muted: #64748b;
}

    /* Profile sidebar */
    .bau-staff-profile .staff-sidebar {
        background: #fff;
        border: 1px solid #e7ebf0;
        border-radius: 12px;
        overflow: hidden;
        box-shadow: 0 5px 22px rgba(20, 45, 78, .07);
    }

    .bau-staff-profile .staff-photo {
        display: block;
        width: 70%;
        max-width: 100%;
        height: auto;
        margin: 0 auto;
    }

    .bau-staff-profile .staff-identity {
        padding: 23px 22px 18px;
        border-bottom: 1px solid #edf0f4;
    }

    .bau-staff-profile .staff-name {
        font-size: 1.25rem;
        font-weight: 700;
        color: var(--staff-primary);
        line-height: 1.4;
        margin: 0 0 8px;
        text-align:center!important;
    }

    .bau-staff-profile .staff-position {
        font-size: .88rem;
        color: var(--staff-muted);
        line-height: 1.65;
        margin: 0;
        text-align: center !important;
    }

    .bau-staff-profile .staff-contact {
        padding: 20px 22px;
     
    }

    .bau-staff-profile .staff-contact-item {
        display: flex;
        align-items: flex-start;
        gap: 10px;
        font-size: .88rem;
        color: #455468;
        line-height: 1.6;
        margin-bottom: 15px;
        overflow-wrap: anywhere;
    }

        .bau-staff-profile .staff-contact-item i {
            color: var(--staff-primary);
            width: 18px;
            margin-top: 4px;
            flex-shrink: 0;
        }

        .bau-staff-profile .staff-contact-item:last-child {
            margin-bottom: 0;
        }

    .bau-staff-profile .staff-contact a,
    .bau-staff-profile .staff-links a {
        color: var(--staff-primary);
        text-decoration: none;
    }

        .bau-staff-profile .staff-contact a:hover {
            text-decoration: underline;
        }

    /* Profile links: equal-sized outlined buttons; directory LinkedIn is separate */
    .bau-staff-profile .staff-links {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        padding: 0 22px 22px;
    }

        .bau-staff-profile .staff-links a {
            display: inline-flex;
            align-items: center;
           /* justify-content: center;*/
            gap: 8px;
            width: 160px;
            min-height: 44px;
            padding: 10px 15px;
            border: 1px solid #d9e1eb;
            border-radius: 7px;
            font-size: .83rem;
            font-weight: 600;
            text-align: center;
            box-sizing: border-box;
            transition: all .2s ease;
        }

            .bau-staff-profile .staff-links a:hover {
                background: #f5f8fc;
                border-color: #142d4e;
                text-decoration: none;
            }

    /* Profile sections */
    .bau-staff-profile .staff-main {
        background: #fff;
        border: 1px solid #e7ebf0;
        border-radius: 12px;
        padding: 8px 32px;
        box-shadow: 0 5px 22px rgba(20, 45, 78, .05);
    }

    .bau-staff-profile .staff-section {
        padding: 27px 0;
        border-bottom: 1px solid #edf0f4;
    }

        .bau-staff-profile .staff-section:last-child {
            border-bottom: 0;
        }

    .bau-staff-profile .staff-section-heading {
        display: flex;
        align-items: center;
        gap: 12px;
        margin: 0 0 15px;
        font-size: 1.15rem;
        font-weight: 700;
        color: var(--staff-primary);
    }

    .bau-staff-profile .staff-section-icon {
        width: 36px;
        height: 36px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        background: #eef3f8;
        border-radius: 9px;
        color: var(--staff-primary);
        font-size: .95rem;
    }

    .bau-staff-profile .staff-section-content {
        color: #465569;
        font-size: .96rem;
        line-height: 1.9;
        white-space: pre-line;
        overflow-wrap: anywhere;
        text-align: justify;
    }

/* Staff directory */
.bau-staff-directory {
    --staff-primary: #15345b;
    --staff-border: #e7ebf0;
    --staff-muted: #64748b;
}

    .bau-staff-directory .staff-card-shell {
        border: 1px solid var(--staff-border);
        border-radius: 12px !important;
        box-shadow: 0 5px 22px rgba(20, 45, 78, .07);
        transition: transform .2s ease, box-shadow .2s ease;
    }

        .bau-staff-directory .staff-card-shell:hover {
            transform: translateY(-3px);
            box-shadow: 0 9px 26px rgba(20, 45, 78, .12);
        }

    .bau-staff-directory .staff-card-image-area,
    .bau-staff-directory .staff-card-image-area img {
        background-color: #fff;
    }

        .bau-staff-directory .staff-card-image-area img {
            max-width: 100%;
            object-fit: cover !important;
        }

    .bau-staff-directory .staff-card-name {
        color: var(--staff-primary) !important;
        line-height: 1.5;
    }

        .bau-staff-directory .staff-card-name a {
            color: inherit !important;
        }

    .bau-staff-directory .staff-card-contact-item {
        display: flex;
        align-items: flex-start;
        gap: 10px;
        margin-bottom: 10px;
        text-align: left;
        overflow-wrap: anywhere;
    }

        .bau-staff-directory .staff-card-contact-item i {
            color: var(--staff-primary);
            width: 16px;
            flex-shrink: 0;
            margin-top: 4px;
        }

    .bau-staff-directory .staff-card-social {
        margin-top: 16px;
        text-align: left;
    }

        /* Directory LinkedIn: plain link, no button border */
        .bau-staff-directory .staff-card-social a {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            min-height: 40px;
            border: 0;
            border-radius: 0;
            box-shadow: none;
            background: transparent;
            padding: 0;
            color: var(--staff-primary);
            font-size: .83rem;
            font-weight: 600;
            text-decoration: none;
        }

            .bau-staff-directory .staff-card-social a:hover {
                background: transparent;
                border: 0;
                text-decoration: underline;
            }

    .bau-staff-directory .staff-card-button {
        background: #15345b !important;
        border-radius: 7px !important;
    }

        .bau-staff-directory .staff-card-button:hover {
            background: #254d78 !important;
        }

        .bau-staff-directory .staff-card-button:focus-visible,
        .bau-staff-directory a:focus-visible {
            outline: 2px solid #d6a64b;
            outline-offset: 3px;
        }

    .bau-staff-directory .staff-directory-heading {
        border-radius: 7px;
    }

/* Responsive */
@media (max-width: 767.98px) {
    .bau-staff-profile .staff-photo {
        width: 100%;
    }

    .bau-staff-profile .staff-main {
        padding: 4px 20px;
        margin-top: 24px;
    }

    .bau-staff-profile .staff-section {
        padding: 22px 0;
    }

    .bau-staff-directory .staff-card-shell {
        max-width: 400px;
        margin: 0 auto;
    }
}