/* ============================================================
   MMUST CU Phase 36.4.3 — Official Social Media Restoration
   Exact legacy-source social links, modernized presentation.
   ============================================================ */

.social-links{display:flex;flex-wrap:wrap;gap:10px}
.social-link{color:inherit;text-decoration:none}
.social-link-icon{display:grid;place-items:center;flex:0 0 auto}
.social-link-icon svg{width:22px;height:22px;display:block;transition:transform .28s cubic-bezier(.22,.78,.22,1)}
@media(hover:hover) and (pointer:fine){.social-link:hover .social-link-icon svg,.social-link:focus-visible .social-link-icon svg{transform:scale(1.08) rotate(-5deg)}}

/* Compact — footer and mobile navigation */
.social-links-compact{align-items:center;gap:8px}
.social-links-compact .social-link{
    width:40px;height:40px;
    display:grid;place-items:center;
    border:1px solid #CCCCCC;
    border-radius:50%;
    background:#FFFFFF;
    color:#000000;
    transition:transform .2s ease,border-color .2s ease,background-color .2s ease,color .2s ease,box-shadow .2s ease
}
.social-links-compact .social-link:hover,
.social-links-compact .social-link:focus-visible{
    transform:translateY(-3px);
    border-color:#0099FF;
    background:#000000;
    color:#FFFFFF;
    box-shadow:0 9px 20px rgba(0,0,0,.13);
    outline:3px solid #FFCC66;
    outline-offset:2px
}
.social-links-compact .social-link:nth-child(even):hover,
.social-links-compact .social-link:nth-child(even):focus-visible{border-color:#FF9900}

/* Footer */
.footer-social-block{margin-top:20px}
.footer-social-block>span{
    display:block;
    margin-bottom:9px;
    font-size:12px;
    font-weight:900;
    letter-spacing:.08em;
    color:#CCCCCC
}
.footer-social-block .social-links-compact .social-link{
    border-color:#555;
    background:#111;
    color:#FFFFFF
}
.footer-social-block .social-links-compact .social-link:hover,
.footer-social-block .social-links-compact .social-link:focus-visible{
    border-color:#FF9900;
    background:#FFFFFF;
    color:#000000
}

/* Mobile drawer */
.mobile-social-connect{
    padding:15px 20px 4px;
    border-top:1px solid #CCCCCC;
    background:#f5f7fa
}
.mobile-social-label{
    display:flex;
    align-items:center;
    gap:7px;
    margin-bottom:10px;
    font-size:12px;
    font-weight:900;
    letter-spacing:.07em;
    color:#555
}
.mobile-social-label i{
    width:9px;height:9px;
    border-radius:50%;
    background:#0099FF;
    border:2px solid #FFCC66
}

/* Full social cards */
.social-links-cards{
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:12px
}
.social-links-cards .social-link{
    position:relative;
    min-width:0;
    min-height:184px;
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    padding:18px;
    border:1px solid #CCCCCC;
    border-top:5px solid #0099FF;
    border-radius:16px;
    background:#FFFFFF;
    color:#000000;
    overflow:hidden;
    transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease,background-color .25s ease
}
.social-links-cards .social-link:nth-child(2){border-top-color:#FF9900}
.social-links-cards .social-link:nth-child(3){border-top-color:#000000}
.social-links-cards .social-link:nth-child(4){border-top-color:#FFCC66}
.social-links-cards .social-link:nth-child(5){border-top-color:#0099FF}
.social-links-cards .social-link:hover,
.social-links-cards .social-link:focus-visible{
    transform:translateY(-5px);
    border-color:#0099FF;
    box-shadow:0 18px 34px rgba(0,0,0,.11);
    outline:none
}
.social-links-cards .social-link:nth-child(even):hover,
.social-links-cards .social-link:nth-child(even):focus-visible{border-color:#FF9900}
.social-links-cards .social-link-icon{
    width:48px;height:48px;
    border-radius:13px;
    background:#000000;
    color:#FFFFFF
}
.social-links-cards .social-link:nth-child(2) .social-link-icon{background:#FF9900;color:#000000}
.social-links-cards .social-link:nth-child(4) .social-link-icon{background:#FFCC66;color:#000000}
.social-links-cards .social-link-copy{display:block;min-width:0;margin-top:17px;padding-right:20px}
.social-links-cards .social-link-copy small,
.social-links-cards .social-link-copy strong,
.social-links-cards .social-link-copy span{display:block}
.social-links-cards .social-link-copy small{
    font-size:12px!important;
    font-weight:900;
    letter-spacing:.07em;
    color:#0099FF
}
.social-links-cards .social-link:nth-child(even) .social-link-copy small{color:#c86800}
.social-links-cards .social-link-copy strong{
    margin-top:5px;
    font-size:13px;
    line-height:1.35;
    overflow-wrap:anywhere
}
.social-links-cards .social-link-copy span{
    margin-top:7px;
    font-size:12px;
    line-height:1.5;
    color:#5b5b5b
}
.social-link-arrow{
    position:absolute;
    right:15px;
    top:18px;
    font-size:22px;
    font-weight:900;
    color:#0099FF
}
.social-links-cards .social-link:nth-child(even) .social-link-arrow{color:#FF9900}

/* Homepage / Contact framing */
.social-home-section{
    border-top:1px solid #CCCCCC;
    border-bottom:1px solid #CCCCCC;
    background:#FFFFFF
}
.social-section-head p{
    max-width:720px;
    margin:8px 0 0;
    color:#555;
    font-size:14px!important;
    line-height:1.55
}
.social-contact-section{background:#FFFFFF}
.social-contact-heading p{max-width:760px}

/* Reduced motion accessibility */
@media(prefers-reduced-motion:reduce){
    .social-link{transition:none!important}
    .social-link:hover,.social-link:focus-visible{transform:none!important}
}

@media(max-width:1050px){
    .social-links-cards{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:700px){
    .social-links-cards{grid-template-columns:1fr 1fr}
    .social-links-cards .social-link{min-height:165px;padding:15px}
}
@media(max-width:430px){
    .social-links-cards{grid-template-columns:1fr}
    .social-links-cards .social-link{min-height:0}
}


/* Restored public contact directory */
.restored-contact-stack{grid-template-columns:1fr 1fr}
.restored-contact-stack>a{min-height:138px}
.contact-location-line{
    display:flex;
    align-items:center;
    gap:9px;
    margin:18px 0 2px;
    padding:12px 14px;
    border:1px solid #CCCCCC;
    border-left:5px solid #0099FF;
    border-radius:11px;
    background:#f5f7fa
}
.contact-location-line>span{color:#FF9900;font-size:12px}
.contact-location-line>strong{font-size:14px;line-height:1.45}

.footer-contact-mini{
    display:grid;
    gap:5px;
    margin-top:16px;
    padding-top:14px;
    border-top:1px solid #444
}
.footer-contact-mini a,
.footer-contact-mini span{
    font-size:12px!important;
    line-height:1.5;
    color:#CCCCCC;
    overflow-wrap:anywhere
}
.footer-contact-mini a:hover,
.footer-contact-mini a:focus-visible{color:#FFCC66}

@media(max-width:700px){
    .restored-contact-stack{grid-template-columns:1fr}
    .restored-contact-stack>a{min-height:118px}
}