/* ============================================================================
   KHEAN & CLEAN — SHARED SITE FOOTER  (stylesheet)
   Pairs with footer.js. Edit here once and every page changes.
   Do not copy these rules back into a page's own <style> block.
   Copied as-is from carpet.html (the approved version).
   ============================================================================ */

.foot{ background:#0A0A0B; color:#ECE4D0; padding:clamp(3rem,5vw,4.5rem) 0 7rem; font-size:.875rem; }
/* some pages add side padding to .wrap on smaller screens; the footer ignores it */
.foot > .wrap{ padding-inline:0; }
.foot__top{ display:grid; grid-template-columns:1.4fr 1fr 1.15fr; gap:2.5rem; padding-bottom:2.5rem; border-bottom:1px solid rgba(236,228,210,.16); }
@media (max-width:860px){ .foot__top{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:520px){ .foot__top{ grid-template-columns:1fr; } }
.foot__blurb{ font-size:.875rem; color:#A89C8A; max-width:32ch; margin-top:1.1rem; margin-left:34px; }
.foot h4{ font-family:"Archivo Narrow",sans-serif; font-size:.6875rem; font-weight:600; letter-spacing:.2em; text-transform:uppercase; color:#A89C8A; margin:0 0 1.1rem; }
.foot ul{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:.6rem; }
.foot a{ color:rgba(231,233,227,.78); text-decoration:none; transition:color .2s ease; }
.foot li{ color:rgba(231,233,227,.78); }
.foot a:hover{ color:#ECE4D0; }
.foot__tel{ font-size:1.0125rem; color:#ECE4D0; letter-spacing:.01em; }
.foot .foot__deets{ gap:.55rem; }
.foot .foot__social{ flex-direction:row; flex-wrap:nowrap; gap:.5rem; margin:1.3rem 0 0; padding-top:1.3rem; border-top:1px solid rgba(236,228,210,.16); }
.foot__social a{ display:grid; place-items:center; flex:none; width:clamp(2.3rem,13vw,2.9rem); height:clamp(2.3rem,13vw,2.9rem); border-radius:50%; border:1px solid rgba(236,228,210,.16); color:#C9982D; transition:border-color .2s ease, background-color .2s ease; }
.foot__social a:hover{ color:#C9982D; border-color:#C9982D; background:rgba(236,228,210,.07); }
.foot__social svg{ width:clamp(1.15rem,6.5vw,1.45rem); height:clamp(1.15rem,6.5vw,1.45rem); display:block; }
.foot__legal{ padding-top:1.6rem; color:#A89C8A; font-family:"Archivo Narrow",sans-serif; font-size:.6875rem; letter-spacing:.14em; text-transform:uppercase; display:flex; flex-wrap:wrap; gap:.6rem 2rem; }

/* footer logo mark (service pages use the raster logo) */
.mark--img{ display:inline-flex; flex-direction:column; gap:.5rem; text-decoration:none; margin-left:18px; margin-top:-90px; }
.mark--img img{ height:220px; width:auto; display:block; filter:drop-shadow(0 1px 2px rgba(0,0,0,.45)); }
.mark--img .mark__sub{ display:block; margin-left:16px; font-family:"Archivo Narrow",sans-serif; font-size:.6875rem; font-weight:600; letter-spacing:.2em; text-transform:uppercase; color:#A89C8A; }
/* keep the sticky call bar clear of the footer */
.foot{ padding-bottom:calc(4rem + 96px); }

/* brand colors on the footer social icons */
.foot__social a[title="Instagram"]{ color:#E4405F; }
.foot__social a[title="Facebook"]{ color:#1877F2; }
.foot__social a[title="TikTok"]{ color:#25F4EE; }
.foot__social a[title="YouTube"]{ color:#FF0000; }
.foot__social a[title="Nextdoor"]{ color:#8ED500; }
.foot__social a[title="Google"]{ color:#4285F4; }
.foot__social a[title="Instagram"]:hover{ border-color:#E4405F; }
.foot__social a[title="Facebook"]:hover{ border-color:#1877F2; }
.foot__social a[title="TikTok"]:hover{ border-color:#25F4EE; }
.foot__social a[title="YouTube"]:hover{ border-color:#FF0000; }
.foot__social a[title="Nextdoor"]:hover{ border-color:#8ED500; }
.foot__social a[title="Google"]:hover{ border-color:#4285F4; }
.foot__social a:hover{ color:inherit; }