/* ==========================================================================
   AcademicLab — Template Members Styles
   Extracted from template-members.php
   ========================================================================== */

/* --- DARK MODE PATCH APPLIED --- */
.al-members-wrap{max-width:1200px;margin:0 auto;padding:3rem 2rem 5rem;}
.al-mem-section{margin-bottom:4rem;}
.al-mem-section__inner{max-width:1200px;margin:0 auto;}
.al-mem-section__heading{font-family:var(--font-display)!important;text-transform:uppercase;color:var(--dm-heading, var(--uh-slate))!important;font-size:1.25rem!important;border-bottom:3px solid var(--uh-red);padding-bottom:.5rem;margin-bottom:2rem!important;display:flex;align-items:center;gap:.75rem;}
.al-mem-section--pi .al-mem-section__heading{border-bottom-color:var(--uh-gold);}
.al-mem-section__count{background:var(--uh-red);color:#fff;font-size:.72rem;padding:.2rem .55rem;font-weight:700;}

.al-pi-card{display:grid;grid-template-columns:220px 1fr;gap:2.5rem;background:var(--dm-card-bg, #fff);border:1px solid var(--dm-border, #e8e8e8);border-top:4px solid var(--uh-red);padding:2rem;}
.al-pi-card__photo img{width:220px;height:220px;object-fit:cover;display:block;}
.al-pi-card__photo-placeholder{width:220px;height:220px;background:var(--dm-surface, #f0f0f0);display:flex;align-items:center;justify-content:center;}
.al-pi-card__photo-placeholder i{font-size:4rem;color:var(--dm-border, #ccc);}
.al-pi-card__body h3{font-family:var(--font-display)!important;text-transform:uppercase;font-size:1.5rem!important;color:var(--dm-heading, var(--uh-slate))!important;margin:0 0 .25rem!important;}
.al-pi-card__title{color:var(--uh-red);font-size:1rem;font-weight:500;margin:.15rem 0!important;}
.al-pi-card__info{font-size:.88rem;color:var(--dm-text-muted, #555);margin:.35rem 0!important;display:flex;align-items:center;gap:.5rem;}
.al-pi-card__info i{color:var(--uh-red);width:14px;flex-shrink:0;}
.al-pi-card__info a{color:var(--dm-text-muted, #555);text-decoration:none;}
.al-pi-card__info a:hover{color:var(--uh-red);}
.al-pi-card__bio{font-size:.92rem;color:var(--dm-text, #444);line-height:1.75;margin-top:1rem!important;padding-top:1rem;border-top:1px solid var(--dm-border, #eee);}
.al-pi-card__degrees{list-style:none;padding:0;margin:.5rem 0 0!important;}
.al-pi-card__degrees li{font-size:.83rem;color:var(--dm-text-muted, #666);padding:.15rem 0;}
.al-pi-card__degrees li::before{content:"◆ ";color:var(--uh-gold);font-size:.55rem;vertical-align:middle;}

.al-gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;}
.al-gallery-grid__item{margin:0;overflow:hidden;}
.al-gallery-grid__item img{width:100%;height:190px;object-fit:cover;display:block;transition:transform .4s;}
.al-gallery-grid__item:hover img{transform:scale(1.04);}
.al-gallery-grid__item figcaption{padding:.5rem .75rem;font-size:.78rem;color:var(--dm-text-muted, #666);background:var(--dm-surface, #f9fafb);border-top:2px solid var(--uh-gold);}

.al-mem-card{background:var(--dm-card-bg, #fff);}

.al-layout--directory-row .al-mem-grid{display:flex;flex-direction:column;gap:1px;background:var(--dm-border, #e8e8e8);}
.al-layout--directory-row .al-mem-card{display:grid;grid-template-columns:90px 1fr;gap:0;background:var(--dm-card-bg, #fff);border-left:4px solid transparent;transition:border-color .2s;}
.al-layout--directory-row .al-mem-card:hover{border-left-color:var(--uh-red);}
.al-layout--directory-row .al-mem-card__img{width:90px;height:90px;overflow:hidden;flex-shrink:0;}
.al-layout--directory-row .al-mem-card__img img{width:100%;height:100%;object-fit:cover;display:block;}
.al-layout--directory-row .al-mem-card__img-placeholder{width:90px;height:90px;background:var(--dm-surface, #f0f0f0);display:flex;align-items:center;justify-content:center;}
.al-layout--directory-row .al-mem-card__img-placeholder i{font-size:2rem;color:var(--dm-border, #ccc);}
.al-layout--directory-row .al-mem-card__body{padding:1rem 1.25rem;display:flex;flex-direction:column;justify-content:center;}

.al-layout--directory-2col .al-mem-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--dm-border, #e8e8e8);}
.al-layout--directory-2col .al-mem-card{display:grid;grid-template-columns:80px 1fr;background:var(--dm-card-bg, #fff);border-left:4px solid transparent;transition:border-color .2s;}
.al-layout--directory-2col .al-mem-card:hover{border-left-color:var(--uh-red);}
.al-layout--directory-2col .al-mem-card__img{width:80px;height:80px;overflow:hidden;}
.al-layout--directory-2col .al-mem-card__img img{width:100%;height:100%;object-fit:cover;display:block;}
.al-layout--directory-2col .al-mem-card__img-placeholder{width:80px;height:80px;background:var(--dm-surface, #f0f0f0);display:flex;align-items:center;justify-content:center;}
.al-layout--directory-2col .al-mem-card__img-placeholder i{font-size:1.8rem;color:var(--dm-border, #ccc);}
.al-layout--directory-2col .al-mem-card__body{padding:.9rem 1rem;}

.al-layout--profile-cards .al-mem-grid{display:flex;flex-direction:column;gap:1.5rem;}
.al-layout--profile-cards .al-mem-card{display:grid;grid-template-columns:200px 1fr;gap:0;border:1px solid var(--dm-border, #e8e8e8);border-top:4px solid var(--uh-red);overflow:hidden;}
.al-layout--profile-cards .al-mem-card__img{width:200px;height:100%;min-height:200px;overflow:hidden;flex-shrink:0;}
.al-layout--profile-cards .al-mem-card__img img{width:100%;height:100%;object-fit:cover;display:block;}
.al-layout--profile-cards .al-mem-card__img-placeholder{width:200px;min-height:200px;background:var(--dm-surface, var(--uh-slate));display:flex;align-items:center;justify-content:center;}
.al-layout--profile-cards .al-mem-card__img-placeholder i{font-size:4rem;color:var(--dm-border, rgba(255,255,255,.3));}
.al-layout--profile-cards .al-mem-card__body{padding:1.75rem 2rem;}

.al-layout--photo-wall .al-mem-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.5rem;}
.al-layout--photo-wall .al-mem-card{display:flex;flex-direction:column;border:1px solid var(--dm-border, #e8e8e8);overflow:hidden;background:var(--dm-card-bg, #fff);}
.al-layout--photo-wall .al-mem-card__img{height:230px;overflow:hidden;position:relative;}
.al-layout--photo-wall .al-mem-card__img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s;}
.al-layout--photo-wall .al-mem-card:hover .al-mem-card__img img{transform:scale(1.04);}
.al-layout--photo-wall .al-mem-card__img-placeholder{height:230px;background:linear-gradient(135deg,var(--uh-slate) 0%,#3a3d3f 100%);display:flex;align-items:center;justify-content:center;}
.al-layout--photo-wall .al-mem-card__img-placeholder i{font-size:3.5rem;color:rgba(255,255,255,.25);}
.al-layout--photo-wall .al-mem-card__body{padding:1.1rem 1.25rem;background:var(--dm-card-bg, #fff);border-top:3px solid var(--uh-red);}

.al-layout--compact-list .al-mem-grid{display:flex;flex-direction:column;gap:0;}
.al-layout--compact-list .al-mem-card{display:grid;grid-template-columns:1fr auto;gap:1rem;padding:.9rem 1.25rem;border-bottom:1px solid var(--dm-border, #eee);background:var(--dm-card-bg, #fff);align-items:center;transition:background .15s;}
.al-layout--compact-list .al-mem-card:hover{background:var(--dm-surface, #fafafa);}
.al-layout--compact-list .al-mem-card__img{display:none;}
.al-layout--compact-list .al-mem-card__links{display:flex;gap:.5rem;align-items:center;flex-direction:column;}
.al-layout--compact-list .al-mem-card__body{display:grid;grid-template-columns:1fr;}

.al-mem-card__name{font-family:var(--font-display)!important;text-transform:uppercase;font-size:.95rem!important;color:var(--dm-heading, var(--uh-slate))!important;margin:0 0 .2rem!important;}
.al-mem-card__name a{color:inherit;text-decoration:none;}
.al-mem-card__name a:hover{color:var(--uh-red);}
.al-layout--photo-wall .al-mem-card__name{font-size:.9rem!important;}
.al-mem-card__degree{font-size:.8rem;color:var(--uh-red);font-weight:600;margin:.1rem 0!important;}
.al-mem-card__tenure{font-size:.74rem;color:var(--dm-text-muted, #999);margin:.1rem 0!important;}
.al-mem-card__research{font-size:.8rem;color:var(--dm-text-muted, #555);line-height:1.5;margin:.35rem 0!important;}
.al-mem-card__quote{font-size:.78rem;color:var(--dm-text-light, #777);font-style:italic;margin:.35rem 0!important;}
.al-mem-card__links{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.5rem;}
.al-mem-card__links a{font-size:.74rem;color:var(--uh-red);text-decoration:none;display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .5rem;border:1px solid rgba(200,16,46,.2);}
.al-mem-card__links a:hover{background:var(--uh-red);color:#fff;}
.al-mem-card--former{opacity:.85;} /* Bumped opacity slightly for dark mode readability */

.al-layout--profile-cards .al-mem-card__name{font-size:1.1rem!important;}
.al-layout--profile-cards .al-mem-card__research,.al-layout--profile-cards .al-mem-card__quote{display:block;}

.al-pi-card__profiles{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--dm-border, #eee);}
.al-pi-profile-btn{display:inline-flex;align-items:center;gap:.55rem;padding:.55rem 1.1rem;font-size:.78rem;font-weight:600;text-decoration:none;border-radius:3px;transition:all .2s;letter-spacing:.3px;white-space:nowrap;}
.al-pi-profile-btn__icon{width:16px;height:16px;fill:currentColor;flex-shrink:0;}
.al-pi-profile-btn i{font-size:.9rem;}
.al-pi-profile-btn--scholar{background:#4285f4;color:#fff;}
.al-pi-profile-btn--scholar:hover{background:#2b6de0;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px rgba(66,133,244,.35);}
.al-pi-profile-btn--orcid{background:#a6ce39;color:#fff;}
.al-pi-profile-btn--orcid:hover{background:#8fb82e;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px rgba(166,206,57,.35);}
.al-pi-profile-btn--rg{background:#00ccbb;color:#fff;}
.al-pi-profile-btn--rg:hover{background:#00a899;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,204,187,.35);}
.al-pi-profile-btn--linkedin{background:#0077b5;color:#fff;}
.al-pi-profile-btn--linkedin:hover{background:#005e94;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,119,181,.35);}

/* Responsive */
@media(max-width:900px){
    .al-layout--profile-cards .al-mem-card { grid-template-columns:140px 1fr; }
    .al-layout--profile-cards .al-mem-card__img { width:140px; min-height:140px; }
    .al-layout--directory-2col .al-mem-grid { grid-template-columns:1fr; }
}

@media(max-width:600px){
    .al-pi-card { grid-template-columns:1fr; text-align:center; padding: 1.5rem; }
    .al-pi-card__photo img, .al-pi-card__photo-placeholder { width:160px; height:160px; margin:0 auto; }
    .al-pi-card__info, 
    .al-pi-card__bio, 
    .al-pi-card__degrees { 
        text-align: left !important; 
    }
    .al-pi-card__info { justify-content: flex-start; } 
    .al-pi-card__profiles { justify-content: center; }
    .al-layout--profile-cards .al-mem-card { grid-template-columns:1fr; }
    .al-layout--profile-cards .al-mem-card__img { width:100%; min-height:220px; }
    .al-layout--photo-wall .al-mem-grid { grid-template-columns:1fr; } 
    .al-gallery-grid { grid-template-columns:repeat(auto-fill, minmax(140px, 1fr)); }
    .al-layout--directory-row .al-mem-card { grid-template-columns: 75px 1fr; }
    .al-layout--directory-row .al-mem-card__img, 
    .al-layout--directory-row .al-mem-card__img-placeholder { width: 75px; height: 75px; }
}

/* --- Editor-only notice for a member section with nobody assigned --- */
.al-mem-section--empty .al-mem-section__heading{opacity:.55;border-bottom-color:var(--dm-border, #ddd);}
.al-mem-empty-note{background:var(--dm-surface, #fff8ec);border-left:4px solid var(--uh-gold);padding:.85rem 1.1rem;font-size:.86rem;line-height:1.6;color:var(--dm-text-muted, #6a5a3a);margin:0;}
.al-mem-empty-note a{color:var(--uh-red);font-weight:600;}
