/* =====================================================================
   Luxury Estates — mobile logo lockup  (header / mobile menu / footer)
   Matches luxuryestates.qa: gold monogram mark + serif "Luxury Estates"
   Applies on screens <= 991px ONLY. Desktop stays exactly as before.
   ===================================================================== */

/* Lockup = monogram image + wordmark text. Hidden by default (desktop). */
.le-mlock{
  display:none;
  align-items:center;
  gap:10px;
  line-height:1;
}
.le-mlock > img{
  height:36px;
  width:auto;
  display:block;
  flex:0 0 auto;
}
.le-mlock > b{
  font-family:'Cormorant Garamond',Georgia,'Times New Roman',serif;
  font-weight:600;
  font-size:21px;
  letter-spacing:.02em;
  color:#ffffff;
  white-space:nowrap;
}
.le-mlock > b > span{ color:#ffffff; }

/* Footer variant — uppercase with gold "Estates", like the QA footer */
.le-mlock--foot > img{ height:42px; }
.le-mlock--foot > b{
  font-size:19px;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.le-mlock--foot > b > span{ color:#c9a24d; }

/* Mobile menu (drawer) head: size the monogram mark */
#mobile-drawer .drawer-head .brand > img{
  height:34px;
  width:auto;
  flex:0 0 auto;
}

/* ---------------- MOBILE / TABLET (<= 991px) ---------------- */
@media (max-width:991px){

  /* Header: hide the round badge, show monogram + wordmark */
  #site-header .brand > img.brand-logo{ display:none !important; }
  #site-header .brand > .le-mlock{ display:flex !important; }

  /* Footer: same swap (badge + old text out, lockup in) */
  footer .foot-logo > img.foot-badge,
  footer .foot-logo > b.foot-name{ display:none !important; }
  footer .foot-logo > .le-mlock{ display:flex !important; }
}