/* =========================================================
   Al-Zahraa CMS V4.3 — Frontend stabilization layer
   ========================================================= */
:root{--az-navy:#082f68;--az-blue:#126fd6;--az-muted:#66758a;--az-line:#dfe8f3}
body{overflow-x:hidden}
img{max-width:100%}
.reveal{opacity:1!important;transform:none!important}

/* Home dynamic news imagery */
.news-photo{background-size:cover!important;background-position:center!important}

/* Dynamic lists */
.department-grid--page,.news-grid--page,.faculty-grid--page{padding-top:70px;padding-bottom:55px}
.department-card--with-image,.news-grid--page .news-card,.faculty-grid--page .faculty-card{height:100%}

/* Faculty directory */
.faculty-grid--page{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.faculty-grid--page .faculty-card{overflow:hidden;padding:0 0 22px;border:1px solid var(--az-line);border-radius:20px;background:#fff;box-shadow:0 14px 34px rgba(5,37,81,.07);text-align:center;transition:.22s ease}
.faculty-grid--page .faculty-card:hover{transform:translateY(-5px);box-shadow:0 22px 48px rgba(5,37,81,.12)}
.faculty-grid--page .faculty-card__photo{height:230px;margin-bottom:20px;background:linear-gradient(145deg,#eaf3ff,#aac8e9);overflow:hidden}
.faculty-grid--page .faculty-card__photo img{width:100%;height:100%;object-fit:cover}
.avatar-placeholder{width:100%;height:100%;display:grid;place-items:center;color:var(--az-navy);font-size:52px;font-weight:900}
.faculty-grid--page h3{margin:0 15px 7px;color:var(--az-navy);font-size:18px}
.faculty-grid--page span,.faculty-grid--page p{display:block;margin:0 15px 7px;color:var(--az-muted);font-size:12px}
.faculty-grid--page a{color:var(--az-blue);font-size:11px;font-weight:800;text-decoration:none}

/* Details */
.section--soft{background:#f4f8fd}
.detail-content p{white-space:pre-line}
.article__body{white-space:normal}

/* Laravel pagination */
.pagination nav>div:first-child{display:none}
.pagination nav>div:last-child{display:flex;align-items:center;justify-content:space-between;gap:15px}
.pagination nav span[aria-current=page]>span,.pagination nav a{border-radius:9px!important}

/* Common empty states */
.empty-state{width:100%;grid-column:1/-1}

@media(max-width:1100px){.faculty-grid--page{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.faculty-grid--page{grid-template-columns:repeat(2,minmax(0,1fr))}.pagination nav>div:last-child{flex-direction:column}}
@media(max-width:620px){.faculty-grid--page{grid-template-columns:1fr}.dynamic-page-hero h1{font-size:38px}.department-card__media,.news-card__image{height:215px}}