/* ==========================================================================
   Site-wide footer (2026-11) — deep green with gold accents, used on every page.
   Loaded from layout/master.blade.php after site-header.css.
   ========================================================================== */
.sf{--sf-green:#0f4a35;--sf-green-deep:#0a3424;--sf-gold:#7cc66f;--sf-line:rgba(124,198,111,.35);position:relative;overflow:hidden;padding:clamp(18px,1.3vw,28px) 0 0;background:radial-gradient(120% 150% at 50% 0%,#145a40 0%,var(--sf-green) 45%,var(--sf-green-deep) 100%);color:#e9efe9;font-family:'DM Sans',sans-serif}
/* gold light streaks: top-left and bottom-right corners, clear of the text (as in the reference) */
.sf-deco{position:absolute;pointer-events:none;opacity:.55}
.sf-deco svg{display:block;width:100%;height:100%}
.sf-deco--tl{top:0;left:0;width:min(17vw,330px);height:min(11.5vw,220px);-webkit-mask-image:linear-gradient(135deg,#000 30%,transparent 85%);mask-image:linear-gradient(135deg,#000 30%,transparent 85%)}
.sf-deco--br{right:0;bottom:min(5vw,96px);width:min(15vw,290px);height:min(13vw,250px);-webkit-mask-image:linear-gradient(315deg,#000 30%,transparent 85%);mask-image:linear-gradient(315deg,#000 30%,transparent 85%)}
/* layout measured from the reference: content across ~90%, columns ≈ 1.78 : 1 : 1.03 : 1.8 */
.sf-inner{position:relative;width:89.5%;max-width:1800px;margin:0 auto}
.sf-grid{display:grid;grid-template-columns:1.78fr 1fr 1.03fr 1.8fr;align-items:start}
.sf-col{padding:0 0 0 clamp(18px,4.4vw,90px)}
.sf-col+.sf-col{border-left:1px solid var(--sf-line)}
.sf-col:first-child{padding-left:clamp(0px,calc(7.6vw - 38px),114px);padding-right:clamp(12px,2.6vw,52px)}
.sf-col:last-child{padding-right:0}
.sf-logo{display:block;width:max-content;margin:0 0 clamp(4px,.4vw,8px) clamp(0px,2.5vw,50px)}
.sf-logo img{display:block;width:clamp(92px,7vw,140px);height:auto}
.sf-about{margin:0;max-width:410px;font-size:var(--fs-sm);line-height:1.38;color:#e2eae4}
.sf-h{position:relative;margin:clamp(6px,.6vw,12px) 0 clamp(12px,1vw,20px);padding-bottom:clamp(6px,.5vw,10px);font:500 var(--fs-h4)/1.15 'DM Sans',sans-serif;color:#fff}
.sf-h:after{content:"";position:absolute;left:0;bottom:0;width:clamp(26px,2.8vw,56px);height:2px;border-radius:2px;background:var(--sf-gold)}
.sf-list{margin:0;padding:0;list-style:none}
.sf-list li{margin:0 0 clamp(3px,.32vw,7px)}
.sf-list li:last-child{margin-bottom:0}
.sf-list a,.sf-list span{display:inline-flex;align-items:center;gap:clamp(8px,1.1vw,22px);font-size:var(--fs-sm);line-height:1.5;color:#eef3ef;transition:color .2s}
.sf-list a:hover{color:var(--sf-gold)}
.sf-list svg{flex:0 0 auto;width:clamp(16px,1.3vw,26px);height:clamp(16px,1.3vw,26px);color:var(--sf-gold)}
.sf-list--links svg{width:clamp(11px,.85vw,17px);height:clamp(11px,.85vw,17px);color:#fff}
.sf-contact li{display:flex;align-items:flex-start;gap:clamp(10px,1.2vw,24px);margin-bottom:clamp(8px,.85vw,17px);font-size:var(--fs-sm);line-height:1.42}
.sf-contact svg{flex:0 0 auto;width:clamp(18px,1.45vw,29px);height:clamp(18px,1.45vw,29px);margin-top:0;color:var(--sf-gold)}
.sf-contact a{color:#eef3ef}
.sf-contact a:hover{color:var(--sf-gold)}
.sf-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:clamp(14px,1.9vw,38px);padding:clamp(8px,.9vw,18px) 0 clamp(10px,1vw,20px);border-top:1px solid rgba(255,255,255,.4)}
.sf-legal{display:flex;flex-direction:column;gap:4px}
.sf-rera{margin:0;font-size:var(--fs-xs);color:#cfe0d5}
.sf-rera strong{font-weight:700;color:#fff;letter-spacing:.02em}
.sf-copy{margin:0;font-size:var(--fs-xs);color:#eef3ef}
.sf-credit{display:flex;align-items:center;gap:clamp(10px,1.2vw,24px);font-size:var(--fs-xs);color:#eef3ef}
.sf-credit-sep{width:1px;height:clamp(24px,2vw,40px);background:rgba(255,255,255,.45)}
.sf-brand{display:inline-flex;align-items:center;padding:6px 12px;border-radius:8px;background:#fff;box-shadow:0 4px 12px rgba(0,0,0,.18);transition:transform .2s}
.sf-brand img{display:block;width:auto;height:clamp(32px,2.6vw,48px)}
.sf-brand:hover{transform:translateY(-1px)}

@media (max-width:992px){
  .sf{padding-top:48px}
  .sf-inner{width:auto;padding:0 32px}
  .sf-logo{margin-left:0}
  .sf-col:first-child{padding-left:0}
  .sf-grid{grid-template-columns:1fr 1fr;row-gap:36px}
  .sf-col,.sf-col:first-child{padding:0}
  .sf-col+.sf-col{border-left:0}
  .sf-col:nth-child(2n){padding-left:28px;border-left:1px solid var(--sf-line)}
  .sf-deco{opacity:.35}
  .sf-h{}
  .sf-list a,.sf-list span,.sf-contact li,.sf-about{}
}
@media (max-width:640px){
  .sf{padding-top:40px}
  .sf-inner{padding:0 18px}
  .sf-grid{grid-template-columns:1fr 1fr;row-gap:30px;column-gap:16px}
  .sf-col:first-child,.sf-col:last-child{grid-column:1 / -1}
  .sf-col:nth-child(2n){padding-left:0;border-left:0}
  .sf-h{margin-bottom:16px;}
  .sf-list a,.sf-list span,.sf-contact li,.sf-about{}
  .sf-copy,.sf-credit{}
  .sf-logo img{width:120px}
  .sf-brand img{height:40px}
  .sf-bottom{flex-direction:column;gap:14px;margin-top:32px;text-align:center}
  .sf-deco{display:none}
}