/* =========================================================
   Multipliers Real Estate — header, footer & floating buttons
   Loaded by header.php, so it works on every page.
   ========================================================= */
:root{
  --mx-navy:#0b1b2b; --mx-navy-2:#132a40;
  --mx-gold:#c9a24b; --mx-gold-2:#e3c682;
  --mx-ink:#1d2733; --mx-muted:#6b7785; --mx-line:#e7e3da; --mx-cream:#faf7f1;
  --mx-ease:cubic-bezier(.2,.7,.2,1);
}
.mx-wrap{width:100%;max-width:1320px;margin:0 auto;padding:0 24px;box-sizing:border-box;}
.mx-lock,.mx-lock body{overflow:hidden;}

.mx-skip{position:absolute;left:-9999px;top:8px;z-index:10000;background:var(--mx-navy);color:#fff;padding:10px 16px;border-radius:8px;}
.mx-skip:focus{left:8px;}

/* ---------- Top bar ---------- */
.mx-topbar{background:var(--mx-navy);color:#b9c5d2;font:500 .8rem/1 'Inter',system-ui,sans-serif;}
.mx-topbar__inner{display:flex;justify-content:space-between;align-items:center;height:40px;}
.mx-topbar__left,.mx-topbar__right{display:flex;gap:22px;align-items:center;}
.mx-topbar a{color:#b9c5d2;text-decoration:none;transition:color .2s;}
.mx-topbar a:hover{color:var(--mx-gold-2);}
.mx-topbar i{color:var(--mx-gold);margin-right:6px;}
.mx-topbar__right a i{margin:0;color:inherit;}
@media(max-width:991px){.mx-topbar{display:none;}}

/* ---------- Header ---------- */
.mx-header{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.96);backdrop-filter:saturate(1.4) blur(10px);-webkit-backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid transparent;transition:box-shadow .3s,border-color .3s;font-family:'Inter',system-ui,sans-serif;}
.mx-header.is-scrolled{box-shadow:0 10px 30px -18px rgba(11,27,43,.35);border-bottom-color:var(--mx-line);}
.mx-header__inner{display:flex;align-items:center;justify-content:space-between;height:84px;transition:height .3s var(--mx-ease);}
.mx-header.is-scrolled .mx-header__inner{height:70px;}
.mx-logo img{height:58px;width:auto;display:block;transition:height .3s var(--mx-ease);}
.mx-header.is-scrolled .mx-logo img{height:48px;}

.mx-nav{display:flex;gap:6px;}
.mx-nav__link{position:relative;padding:10px 16px;color:var(--mx-ink);font-weight:500;font-size:.95rem;text-decoration:none;border-radius:999px;transition:color .2s,background .2s;}
.mx-nav__link::after{content:"";position:absolute;left:16px;right:16px;bottom:4px;height:2px;background:var(--mx-gold);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--mx-ease);}
.mx-nav__link:hover{color:var(--mx-navy);}
.mx-nav__link:hover::after,.mx-nav__link.is-active::after{transform:scaleX(1);}
.mx-nav__link.is-active{color:var(--mx-navy);font-weight:600;}

.mx-header__actions{display:flex;align-items:center;gap:12px;}
.mx-icon-btn{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-size:1.2rem;text-decoration:none;transition:transform .2s;}
.mx-icon-btn--wa{background:#e9faf0;color:#1fa855;}
.mx-icon-btn--ig{background:#fdeef4;color:#d62976;}
.mx-icon-btn:hover{transform:scale(1.06);}
.mx-hbtn{display:inline-flex;align-items:center;padding:12px 24px;border-radius:999px;background:var(--mx-navy);color:#fff;font-weight:600;font-size:.9rem;text-decoration:none;transition:all .3s var(--mx-ease);}
.mx-hbtn:hover{background:var(--mx-gold);color:var(--mx-navy);}

.mx-burger{display:none;width:46px;height:46px;border:1px solid var(--mx-line);border-radius:12px;background:#fff;flex-direction:column;justify-content:center;align-items:center;gap:5px;cursor:pointer;padding:0;}
.mx-burger span{display:block;width:20px;height:2px;background:var(--mx-navy);border-radius:2px;}
.mx-burger span:nth-child(2){width:14px;margin-left:6px;}

@media(max-width:991px){
  .mx-nav,.mx-hbtn{display:none;}
  .mx-burger{display:flex;}
  .mx-header__inner{height:72px;}
  .mx-logo img{height:48px;}
}

/* ---------- Mobile drawer ---------- */
.mx-drawer-overlay{position:fixed;inset:0;background:rgba(11,27,43,.55);z-index:1500;opacity:0;transition:opacity .3s;}
.mx-drawer-overlay.is-open{opacity:1;}
.mx-drawer{position:fixed;top:0;right:0;bottom:0;width:min(360px,88vw);background:#fff;z-index:1600;transform:translateX(100%);transition:transform .35s var(--mx-ease);display:flex;flex-direction:column;font-family:'Inter',system-ui,sans-serif;overflow-y:auto;}
.mx-drawer.is-open{transform:none;box-shadow:-20px 0 50px -20px rgba(0,0,0,.4);}
.mx-drawer__head{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;border-bottom:1px solid var(--mx-line);}
.mx-drawer__head img{height:46px;}
.mx-drawer__close{width:42px;height:42px;border-radius:50%;border:none;background:var(--mx-cream);color:var(--mx-navy);font-size:1.1rem;cursor:pointer;}
.mx-drawer__nav{padding:10px 22px;}
.mx-drawer__nav a{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid var(--mx-line);color:var(--mx-ink);font-weight:500;font-size:1.05rem;text-decoration:none;}
.mx-drawer__nav a i{font-size:.75rem;color:var(--mx-muted);}
.mx-drawer__nav a.is-active{color:var(--mx-gold);font-weight:600;}
.mx-drawer__cta{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:22px;}
.mx-dbtn{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;border-radius:12px;font-weight:600;font-size:.92rem;text-decoration:none;}
.mx-dbtn--dark{background:var(--mx-navy);color:#fff;}
.mx-dbtn--wa{background:#25d366;color:#fff;}
.mx-drawer__info{margin-top:auto;padding:22px;background:var(--mx-cream);display:flex;flex-direction:column;gap:10px;font-size:.85rem;color:var(--mx-muted);}
.mx-drawer__info a{color:var(--mx-ink);text-decoration:none;}
.mx-drawer__info i{color:var(--mx-gold);width:18px;}

/* ---------- Footer ---------- */
.mx-footer{background:var(--mx-navy);color:#a9b6c4;font-family:'Inter',system-ui,sans-serif;padding-top:70px;margin-top:40px;}
.mx-footer a{color:#dfe6ee;text-decoration:none;transition:color .2s;}
.mx-footer a:hover{color:var(--mx-gold-2);}
.mx-footer__cta{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;padding:32px 36px;border-radius:20px;background:linear-gradient(120deg,rgba(201,162,75,.18),rgba(201,162,75,.05));border:1px solid rgba(201,162,75,.3);margin-bottom:60px;}
.mx-footer__cta h2{font-family:'Playfair Display',Georgia,serif;color:#fff;font-size:clamp(1.4rem,2.6vw,2rem);margin:0 0 6px;}
.mx-footer__cta p{margin:0;}
.mx-footer__cta-btns{display:flex;gap:12px;flex-wrap:wrap;}
.mx-fbtn{display:inline-flex;align-items:center;gap:8px;padding:13px 22px;border-radius:999px;font-weight:600;font-size:.9rem;transition:all .3s var(--mx-ease);}
.mx-footer a.mx-fbtn--gold{background:var(--mx-gold);color:var(--mx-navy);}
.mx-footer a.mx-fbtn--gold:hover{background:var(--mx-gold-2);color:var(--mx-navy);}
.mx-footer a.mx-fbtn--ghost{border:1px solid rgba(255,255,255,.4);color:#fff;}
.mx-footer a.mx-fbtn--ghost:hover{background:#fff;color:var(--mx-navy);}

.mx-footer__grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.3fr;gap:40px;padding-bottom:50px;}
.mx-footer__logo{display:inline-block;background:#fff;border-radius:14px;padding:10px 16px;margin-bottom:20px;}
.mx-footer__logo img{height:56px;display:block;}
.mx-footer__brand p{font-size:.9rem;line-height:1.75;margin:0 0 22px;max-width:380px;}
.mx-social{display:flex;gap:10px;}
.mx-social a{width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.15);display:grid;place-items:center;font-size:.95rem;}
.mx-social a:hover{background:var(--mx-gold);border-color:var(--mx-gold);color:var(--mx-navy);}
.mx-footer__col h3{color:#fff;font-size:1rem;font-weight:600;margin:0 0 20px;letter-spacing:.02em;}
.mx-footer__col ul{list-style:none;margin:0;padding:0;}
.mx-footer__col li{margin-bottom:12px;font-size:.9rem;}
.mx-footer__contact li{display:flex;gap:12px;align-items:flex-start;}
.mx-footer__contact i{color:var(--mx-gold);margin-top:4px;width:16px;}
.mx-footer__bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:22px 0;border-top:1px solid rgba(255,255,255,.1);font-size:.82rem;}

@media(max-width:991px){.mx-footer__grid{grid-template-columns:1fr 1fr;}}
@media(max-width:575px){
  .mx-footer__grid{grid-template-columns:1fr;gap:30px;}
  .mx-footer__cta{padding:24px;}
  .mx-fbtn{flex:1;justify-content:center;}
  .mx-footer__bottom{justify-content:center;text-align:center;padding-bottom:90px;}
}

/* ---------- Scroll progress + floating buttons ---------- */
.mx-progress{position:fixed;top:0;left:0;height:3px;width:100%;transform:scaleX(0);transform-origin:0 50%;background:linear-gradient(90deg,var(--mx-gold),var(--mx-gold-2));z-index:9999;pointer-events:none;will-change:transform;}
.mx-float{position:fixed;right:20px;bottom:20px;z-index:999;display:flex;flex-direction:column;gap:12px;}
.mx-float a,.mx-float button{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;font-size:1.4rem;border:none;text-decoration:none;box-shadow:0 10px 24px -8px rgba(0,0,0,.4);transition:transform .3s;cursor:pointer;}
.mx-float a:hover,.mx-float button:hover{transform:scale(1.08);}
.mx-float__wa{background:#25d366;color:#fff;animation:mx-pulse 2.4s infinite;}
.mx-float__wa:hover{color:#fff;}
.mx-float__call{background:var(--mx-navy);color:var(--mx-gold-2);}
.mx-float__call:hover{color:var(--mx-gold-2);}
.mx-float__top{background:#fff;color:var(--mx-navy);font-size:1rem!important;opacity:0;pointer-events:none;transition:opacity .3s!important;}
.mx-float__top.is-visible{opacity:1;pointer-events:auto;}
@keyframes mx-pulse{0%{box-shadow:0 0 0 0 rgba(37,211,102,.55);}70%{box-shadow:0 0 0 16px rgba(37,211,102,0);}100%{box-shadow:0 0 0 0 rgba(37,211,102,0);}}

@media (prefers-reduced-motion: reduce){
  .mx-header,.mx-header *,.mx-drawer,.mx-float *{transition:none!important;animation:none!important;}
}

/* =========================================================
   MOBILE + PERFORMANCE (site-wide)
   ========================================================= */
/* Safety net against sideways scrolling (clip keeps position:sticky working) */
html,body{overflow-x:clip;max-width:100%;}
img,video,iframe{max-width:100%;}
img{height:auto;}

/* Reserve icon space so icons don't shift text when the icon font arrives */
.fa-solid,.fa-regular,.fa-brands{display:inline-block;min-width:1em;text-align:center;}

/* Lightweight scroll-reveal (replaces the AOS library) */
html.mx-js [data-aos]{opacity:0;transition:opacity .7s var(--mx-ease),transform .7s var(--mx-ease);transition-delay:var(--mx-d,0ms);}
html.mx-js [data-aos="fade-up"]{transform:translateY(28px);}
html.mx-js [data-aos="fade-left"]{transform:translateX(28px);}
html.mx-js [data-aos="fade-right"]{transform:translateX(-28px);}
html.mx-js [data-aos="zoom-in"]{transform:scale(.94);}
html.mx-js [data-aos].is-in{opacity:1;transform:none;}
@media(max-width:767px){
  html.mx-js [data-aos="fade-left"],html.mx-js [data-aos="fade-right"]{transform:translateY(20px);}
  html.mx-js [data-aos]{transition-duration:.5s;transition-delay:0ms;}
}
@media (prefers-reduced-motion: reduce){ html.mx-js [data-aos]{opacity:1!important;transform:none!important;transition:none!important;} }

/* Tablet & phone layout tweaks */
@media(max-width:991px){
  .row.g-5{--bs-gutter-x:1.5rem;--bs-gutter-y:2rem;}
  .mx-section{padding:72px 0;}
}
@media(max-width:767px){
  .container{padding-left:16px;padding-right:16px;}
  .mx-section{padding:56px 0;}
  .mx-title{margin-bottom:12px;}
  .mx-lead{font-size:.98rem;}
  .mx-btn{padding:13px 22px;}
  /* iOS zooms into any field under 16px — keep all inputs at 16px on phones */
  input:not([type=checkbox]):not([type=radio]),select,textarea{font-size:16px!important;}
  /* comfortable tap targets */
  .mx-contact-list a,.mx-footer__col li a,.mx-footer__contact a{display:inline-block;padding:6px 0;}
  .mx-float{right:14px;bottom:14px;gap:10px;}
  .mx-float a,.mx-float button{width:50px;height:50px;font-size:1.25rem;}
}
@media(max-width:767px){
  .mx-footer__bottom{padding-right:70px;}
}
@media(max-width:400px){
  .mx-hero__ctas .mx-btn,.mx-cta .mx-btn{width:100%;}
}