/* ============================================================
   Shared Footer Styles - sharjahapproval.com
   Reference design: Home page (main.css)
   ============================================================ */

/* Full Footer (used on main pages) */
.footer{background:var(--text-dark);color:#fff;padding:80px 0 30px}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:50px;margin-bottom:50px}
.footer-brand .logo{margin-bottom:20px}
.footer-brand .logo-text h1,
.footer-brand .logo-text .logo-name{color:#fff;font-size:1.4rem;font-family:var(--font-heading);font-weight:600;display:block}
.footer-brand .logo-text span{color:rgba(255,255,255,0.6)}
.footer-brand p{color:rgba(255,255,255,0.7);margin-bottom:25px;line-height:1.8}
.social-links{display:flex;gap:15px}
.social-links a{width:45px;height:45px;background:rgba(255,255,255,0.1);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;transition:var(--transition)}
.social-links a:hover{background:var(--accent-gold);color:var(--text-dark);transform:translateY(-5px)}
.footer-column h4{font-size:1.1rem;margin-bottom:25px;color:#fff;position:relative;padding-bottom:12px}
.footer-column h4::after{content:'';position:absolute;bottom:0;left:0;width:40px;height:3px;background:var(--accent-gold);border-radius:3px}
.footer-column ul{list-style:none}
.footer-column ul li{margin-bottom:12px}
.footer-column ul a{color:rgba(255,255,255,0.7);transition:var(--transition);display:flex;align-items:center;gap:8px}
.footer-column ul a:hover{color:var(--accent-gold);padding-left:5px}
.footer-column ul a i{font-size:0.8rem;color:var(--accent-gold)}
.footer-bottom{padding-top:30px;border-top:1px solid rgba(255,255,255,0.1);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}
.footer-bottom p{color:rgba(255,255,255,0.6);font-size:0.9rem}
.footer-bottom-links{display:flex;gap:30px}
.footer-bottom-links a{color:rgba(255,255,255,0.6);font-size:0.9rem}
.footer-bottom-links a:hover{color:var(--accent-gold)}

/* Minimal Footer (used on service subpages) */
.footer-inner{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px}
.footer-copy{margin:0;color:rgba(255,255,255,0.8)}
.footer-socials{display:flex;gap:12px}
.footer-social{width:36px;height:36px;background:rgba(255,255,255,0.1);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;transition:var(--transition)}
.footer-social:hover{background:var(--accent-gold);color:var(--text-dark);transform:translateY(-3px)}

/* Responsive */
@media(max-width:1024px){
    .footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:768px){
    .footer-grid{grid-template-columns:1fr;text-align:center}
    .footer-column h4::after{left:50%;transform:translateX(-50%)}
    .footer-brand{display:flex;flex-direction:column;align-items:center}
    .social-links{justify-content:center}
    .footer-bottom{flex-direction:column;text-align:center}
    .footer-inner{justify-content:center;text-align:center}
    .footer-socials{justify-content:center}
}