.social-footer{box-sizing:border-box;width:100%;max-width:840px;margin:22px auto 28px;text-align:start;color:#163c35}.social-heading{display:flex;align-items:center;gap:10px;margin:0 0 16px;font:700 18px/1.5 Waraq,Tajawal,Arial,sans-serif}.social-heading>span{color:#a4874e;font-size:22px}.social-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;width:100%;margin:0;padding:0}.social-footer .social-links a{box-sizing:border-box;display:flex;align-items:center;gap:10px;min-height:76px;min-width:0;margin:0;padding:13px 12px;border:1px solid #d9e0d4;border-radius:16px;background:#fffdf7;color:#163c35;text-decoration:none;box-shadow:0 3px 0 #163c3505;transition:transform .18s,border-color .18s,box-shadow .18s,background .18s;direction:ltr;text-align:left;font-family:Waraq,Tajawal,Arial,sans-serif}.social-icon{display:grid;place-items:center;flex:0 0 36px;height:36px;border:1px solid #e0e6d9;border-radius:11px;color:var(--social-accent);background:#f2f4eb}.social-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.social-copy{display:flex;flex-direction:column;min-width:0;gap:2px}.social-name{font-size:14px;font-weight:700;line-height:1.35}.social-handle{font-size:11px;color:#708174;white-space:nowrap;line-height:1.4}.social-arrow{margin-left:auto;align-self:flex-start;font-size:15px;color:#a4874e}.social-footer .social-links a:hover{transform:translateY(-3px);border-color:var(--social-accent);background:#fffefb;box-shadow:0 7px 18px #163c3510}.social-footer .social-links a:focus-visible{outline:3px solid #a4874e;outline-offset:4px;border-color:var(--social-accent)}@media(max-width:760px){.social-links{grid-template-columns:repeat(2,minmax(0,1fr))}.social-footer{max-width:520px}.social-footer .social-links a{padding:14px;min-height:78px}}@media(max-width:360px){.social-links{gap:9px}.social-footer .social-links a{gap:8px;padding:11px 9px}.social-arrow{display:none}.social-icon{flex-basis:30px;height:32px}.social-name{font-size:13px}.social-handle{font-size:10px}}@media(prefers-reduced-motion:reduce){.social-footer .social-links a{transition:none}.social-footer .social-links a:hover{transform:none}}
