/* Habitas: Buy / Rent dropdown panels in the top menu (desktop only), modelled on famproperties.com. */
.hrl-mm-item { position: relative; }
.hrl-mm-item > a { display: inline-flex; align-items: center; gap: 6px; }
.hrl-mm-chev { width: 12px; height: 12px; margin-bottom: 8px; transition: transform .2s; } /* matches the theme link's 8px bottom padding */
.hrl-mm-item:hover .hrl-mm-chev, .hrl-mm-item:focus-within .hrl-mm-chev { transform: rotate(180deg); }
.hrl-mm-item::after { /* invisible bridge, so the panel stays open while the mouse moves down to it */
  content: ""; position: absolute; left: -24px; right: -24px; top: 100%; height: 36px;
}

.hrl-mm {
  position: fixed; left: 0; right: 0; top: 80px; z-index: 49;
  background: #fff; border-top: 1px solid #ece7e1; box-shadow: 0 22px 44px rgba(28, 25, 23, .10);
  font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  text-transform: none; letter-spacing: normal; text-align: left; cursor: default;
  opacity: 0; visibility: hidden; transform: translateY(-6px);
  transition: opacity .18s ease .12s, transform .18s ease .12s, visibility 0s linear .3s;
}
.hrl-mm-item:hover > .hrl-mm, .hrl-mm-item:focus-within > .hrl-mm {
  opacity: 1; visibility: visible; transform: none;
  transition: opacity .18s ease, transform .18s ease, visibility 0s;
}
.hrl-mm-inner {
  width: min(1216px, 100% - 48px); margin: 0 auto; padding: 36px 0 40px;
  display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 48px; align-items: start;
}
.hrl-mm-label {
  margin: 0 0 18px; padding-bottom: 14px; border-bottom: 1px solid #ece7e1;
  font-size: 12px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: #78716c;
}
.hrl-mm-links { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px 32px; }
.hrl-mm-links li { margin: 0; }
.hrl-mm-links a { font-size: 15px; line-height: 1.4; color: #3f3a36; text-decoration: none; text-transform: none; letter-spacing: normal; }
.hrl-mm-links a:hover { color: #a9894f; text-decoration: underline; }
.hrl-mm-card {
  display: flex; flex-direction: column; gap: 10px; padding: 26px; border-radius: 14px;
  background: #3b2a20; color: #fff; text-decoration: none; text-transform: none; letter-spacing: normal;
  transition: background .2s;
}
.hrl-mm-card:hover { background: #2a1d16; }
.hrl-mm-kicker { font-size: 11px; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; color: #c9a96e; }
.hrl-mm-card strong { font-family: "Playfair Display", Georgia, serif; font-size: 22px; font-weight: 500; line-height: 1.3; color: #fff; }
.hrl-mm-cta { display: inline-flex; align-items: center; gap: 6px; margin-top: 12px; font-size: 14px; font-weight: 600; color: #fff; }
.hrl-mm-card:hover .hrl-mm-cta { color: #c9a96e; }

@media (max-width: 1023px) {
  .hrl-mm, .hrl-mm-chev, .hrl-mm-item::after { display: none; }
}