/* Manyatta site updates - 26 October 2026
   Styles for the redesigned footer, the header social icons and hidden blog dates.
   Loaded last from frontdoor/templates/layouts/global.head.php */

/* Header: Facebook and Instagram icons (hidden on phones) */
.header_right li.hdr-social{float:left;height:100px;display:flex;align-items:center;gap:18px;padding:0 22px}
.header_right li.hdr-social a{color:#fff;font-size:19px;line-height:1}
.header_right li.hdr-social a:hover{color:#dcbd71}
@media(max-width:767px){.header_right li.hdr-social{display:none}
}

/* Footer redesign */
.mf-new{background:#2b2b2b;padding:28px 0 14px!important;color:#bbb;font-size:13px;line-height:1.6}
.mf-new .mf-row{display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap;max-width:1100px;margin:0 auto;padding:0 20px}
.mf-new .mf-logo img{width:230px;height:auto;display:block}
.mf-new .mf-contacts{display:flex;gap:40px}
.mf-new .mf-contacts p{margin:0}
.mf-new .mf-contacts strong{color:#fff;font-weight:400}
.mf-new a{color:#bbb}
.mf-new a:hover{color:#fff}
.mf-new .mf-social a{font-size:18px;margin-left:16px}
.mf-new .mf-bottom{border-top:1px solid #444;margin:20px auto 0;max-width:1100px;padding:12px 20px 0;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:12px}
.mf-new .footer-link{margin:0!important;padding:0!important}
.mf-new .footer-link ul{margin:0;padding:0}
.mf-new .footer-link li{display:inline-block;margin:0 12px 0 0;padding:0}
.mf-new .footer-link li:before,.mf-new .footer-link li:after{display:none}
@media(max-width:767px){.mf-new .mf-row,.mf-new .mf-bottom{flex-direction:column;text-align:center}.mf-new .mf-contacts{flex-direction:column;gap:12px}.mf-new .mf-social a{margin:0 8px}}

/* News: hide post dates (dates are still stored, so ordering is unaffected) */
.post-date{display:none}

/* Plots page: interactive map */
.mmap{max-width:900px;margin:0 auto;position:relative}
.mmap svg{width:100%;height:auto;display:block}
.mmap .base{fill:#6f7034}
.mmap .roads{fill:#fff;fill-rule:evenodd;stroke:#6f7034;stroke-width:4;stroke-linejoin:round;pointer-events:none}
.mmap .river{fill:none;stroke:#219ecc;stroke-width:16;stroke-linejoin:round;stroke-linecap:round}
.mmap .plot{cursor:pointer;outline:none}
.mmap .plot path{fill:#d9dd99;stroke:#6f7034;stroke-width:5;stroke-linejoin:round;transition:filter .15s}
.mmap .plot.is-reserved path{fill:#e8b56a}
.mmap .plot.is-sold path{fill:#c5c3ac}
.mmap .plot:hover path,.mmap .plot:focus path,.mmap .plot.on path{filter:brightness(1.12) drop-shadow(0 0 3px rgba(0,0,0,.35))}
.mmap .plot text{font-size:34px;font-weight:700;fill:#222;text-anchor:middle;pointer-events:none}
.mmap .lbl{font-size:32px;fill:#219ecc;font-weight:700;text-anchor:middle}
.mmap .north .n1{fill:#fff;stroke:#222;stroke-width:2}
.mmap .north .n2{fill:#222}
.mmap .north text{font-size:38px;font-weight:700;text-anchor:middle;fill:#111}
.mmap .legend{display:flex;gap:22px;justify-content:center;flex-wrap:wrap;margin:14px 0 4px;font-size:15px;color:#333}
.mmap .legend span{display:inline-flex;align-items:center;gap:8px}
.mmap .legend i{width:22px;height:16px;display:inline-block;border:1px solid #6f7034}
.mmap .legend .k-available{background:#d9dd99}
.mmap .legend .k-reserved{background:#e8b56a}
.mmap .legend .k-sold{background:#c5c3ac}
.mmap .tip{position:absolute;pointer-events:none;background:#2b2b2b;color:#fff;padding:7px 12px;border-radius:4px;font-size:14px;white-space:nowrap;text-align:center;line-height:1.45;transform:translate(-50%,-130%);display:none;z-index:5}

/* Plots map: larger plot numbers on phones */
@media (max-width: 600px) { .mmap .plot text { font-size: 46px; } .mmap .lbl { font-size: 40px; } }

/* Footer quick links on phones: no dividers, evenly spaced */
@media (max-width: 767px) { .mf-new .footer-link li { margin: 0; } .mf-new .footer-link li a { background: none; padding: 3px 9px; display: inline-block; } }

/* Plots map: public open spaces */
.mmap .oss{fill:#f6d75c;stroke:#6f7034;stroke-width:5;stroke-linejoin:round}
.mmap .legend .k-oss{background:#f6d75c}