/* ============================================================
   MASTER FOOTER
   Single source of truth for the complete site footer.
   Quick Links = site navigation. Our Services = service offerings.
   ============================================================ */

/* ------------------------------------------------------------
   1. FOOTER SHELL
   ------------------------------------------------------------ */
.main-footer{
  padding:78px 5% 32px;
  background:#151311;
  color:#fff;
  border-top:1px solid rgba(214,173,99,.10);
  margin-top:auto;
  position:relative;
  flex-shrink:0;
}
.footer-container{
  width:100%;
  max-width:1200px;
  margin:0 auto;
  display:grid;
  grid-template-columns:1.4fr 1fr 1fr 1fr;
  gap:54px;
  align-items:flex-start;
}

/* ------------------------------------------------------------
   2. BRAND COLUMN
   ------------------------------------------------------------ */
.footer-brand{text-align:left;}
.footer-logo{
  display:inline-block;
  margin-bottom:16px;
  color:#d6ad63;
  text-decoration:none;
  font:400 32px/1.2 var(--font-heading,Georgia,"Times New Roman",serif);
  transition:.3s ease;
}
.footer-logo:hover{color:#d6ad63;}
.footer-brand p{
  max-width:320px;
  color:rgba(255,255,255,.70);
  font:400 14px/1.9 var(--font-body,Georgia,"Times New Roman",serif);
}

/* ------------------------------------------------------------
   3. QUICK LINKS / SERVICES / CONTACT
   ------------------------------------------------------------ */
.footer-column{text-align:left;padding-left:0;}
.footer-column h3{
  margin:0 0 20px;
  color:#d6ad63;
  font:700 13px/1.4 var(--font-body,Arial,Helvetica,sans-serif);
  letter-spacing:2.2px;
  text-transform:uppercase;
}
.footer-column ul{list-style:none;padding:0;margin:0;}
.footer-column li{
  display:flex;
  align-items:flex-start;
  gap:10px;
  margin-bottom:13px;
  color:rgba(255,255,255,.75);
  font:400 14px/1.85 var(--font-body,Georgia,"Times New Roman",serif);
}
.footer-column li i{width:18px;color:#d6ad63;margin-top:4px;flex-shrink:0;}
.footer-column a{
  color:rgba(255,255,255,.75);
  text-decoration:none;
  text-underline-offset:3px;
  transition:.3s ease;
}
.footer-column a:hover{color:#d6ad63;}

/* ------------------------------------------------------------
   4. SOCIAL + LEGAL
   ------------------------------------------------------------ */
.footer-bottom{
  margin-top:58px;
  padding-top:28px;
  border-top:1px solid rgba(255,255,255,.12);
  text-align:center;
}
.footer-social{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:16px;
  margin-bottom:20px;
}
.footer-social a{
  display:flex;
  align-items:center;
  justify-content:center;
  width:44px;
  height:44px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:50%;
  color:#fff;
  font-size:18px;
  transition:.3s ease;
  text-decoration:none;
  text-decoration-line:none;
}
.footer-social a:hover{background:#b68b42;border-color:#b68b42;color:#fff;transform:translateY(-2px);}
.footer-bottom p{color:rgba(255,255,255,.55);font:400 13px/1.75 var(--font-body,Georgia,"Times New Roman",serif);}
.footer-legal{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:5px 7px;
  margin-top:14px;
  padding:0 8px;
  text-align:center;
}
.footer-legal a,
.footer-legal-separator{
  color:rgba(255,255,255,.78);
  font:400 13px/1.8 Georgia,"Times New Roman",serif;
  text-decoration:none;
}
.footer-legal a:hover{color:#d6ad63;}
.footer-legal-separator{color:rgba(255,255,255,.48);}
.main-footer a:focus-visible{outline:2px solid #b68b42;outline-offset:3px;}

/* ------------------------------------------------------------
   5. RESPONSIVE FOOTER
   ------------------------------------------------------------ */
@media (max-width:900px){
  .footer-container{grid-template-columns:1fr 1fr;gap:40px;}
}
@media (max-width:768px){
  .main-footer{padding:64px 20px 25px;}
  .footer-container{grid-template-columns:1fr;gap:35px;}
  .footer-brand,.footer-column{text-align:left;padding-left:0;}
  .footer-bottom{margin-top:46px;padding-top:24px;}
}
@media (max-width:480px){
  .footer-logo{font-size:28px;}
  .footer-brand p,.footer-column li{font-size:13px;}
  .footer-social{gap:14px;}
  .footer-social a{width:40px;height:40px;font-size:16px;}
  .footer-legal{gap:4px 6px;padding:0 8px;}
  .footer-legal a,.footer-legal-separator{font-size:13px;}
}