/* MalaysiaProject.com — shared polish for every page */
/* 1. Phone bottom bar stays at the bottom on every page (some pages gave all menus a sticky top) */
@media (max-width:860px){
  nav.mbar, .mbar{ top:auto !important; bottom:0 !important; height:auto !important; position:fixed !important; box-shadow:0 -8px 24px rgba(11,27,58,.25) !important; }
  body{ padding-bottom:64px; }
}
/* 2. Calmer section labels: sentence case instead of spaced-out capitals */
.eyebrow{ text-transform:none !important; letter-spacing:.01em !important; font-size:.88rem !important; font-weight:700 !important; }
/* 3. Menu: the same readable style on every page */
.nav-links a{ text-transform:none !important; letter-spacing:.005em !important; font-size:.9rem !important; font-weight:600 !important; }
/* 4. Tidier corner: the WhatsApp hint repeats the button, so hide it on phones and fade it after a few seconds elsewhere */
@media (max-width:760px){ .wa-hint{ display:none !important; } }
.wa-hint{ animation:mpHintOut .5s ease 8s forwards; }
@keyframes mpHintOut{ to{ opacity:0; visibility:hidden; } }
/* 5. Clear keyboard focus */
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, summary:focus-visible{ outline:3px solid #F5D061 !important; outline-offset:2px; }
/* 6. Respect reduced-motion settings */
@media (prefers-reduced-motion:reduce){ *, *::before, *::after{ animation-duration:.01ms !important; transition-duration:.01ms !important; scroll-behavior:auto !important; } }
/* 7. Same menu everywhere: show every item (the homepage used to hide some) and keep it on one line */
html body .nav-links.nav-links a[href][href]{ display:block !important; }
@media (max-width:860px){ html body .nav-links:not(.open){ display:none !important; } }
.nav-links a.nl-list{ color:#F5D061 !important; }
@media (min-width:861px) and (max-width:1240px){ .nav-links a{ padding-left:9px !important; padding-right:9px !important; font-size:.84rem !important; } }
/* 8. Directory: "More filters" really folds away, and the mic sits inside the search box */
#fmore[hidden]{ display:none !important; }
.fg-wide{ position:relative; }
.fg-wide .mic-btn{ position:absolute !important; right:6px; bottom:5px; width:38px; height:38px; margin:0 !important; border:0 !important; background:transparent !important; box-shadow:none !important; font-size:1.05rem; cursor:pointer; }
.fg-wide input[type="search"]{ padding-right:46px !important; }
/* 9. Same logo and top strip on every page */
a.brand{ display:flex !important; align-items:center; gap:11px; color:#FFFFFF !important; text-decoration:none !important; }
a.brand .brand-name{ display:block; font-family:var(--font-d, Georgia, serif); font-weight:700; font-size:1.2rem; line-height:1.15; color:#F5D061; letter-spacing:0; }
a.brand .brand-tag{ display:block; font-size:.58rem; letter-spacing:.14em; text-transform:uppercase; color:#C9A24B; font-weight:600; }
.topbar{ text-transform:none !important; letter-spacing:.02em !important; font-size:.74rem !important; }
/* 10. Directory pictures: thumbnails in the list, 360° button on cards, gentler cards */
.row-thumb{ width:72px; height:54px; object-fit:cover; border-radius:8px; float:left; margin:2px 12px 2px 0; background:#E9EDF3; }
.pcover{ position:relative; }
.vr-btn{ position:absolute; left:10px; bottom:10px; z-index:2; background:rgba(11,27,58,.86); color:#fff !important; font-size:.74rem; font-weight:700; letter-spacing:.01em; padding:7px 11px; border-radius:999px; text-decoration:none !important; backdrop-filter:blur(4px); border:1px solid rgba(245,208,97,.5); }
.vr-btn:hover{ background:#F5D061; color:#0B1B3A !important; }
.pcard{ border-radius:16px; overflow:hidden; transition:transform .2s ease, box-shadow .2s ease; }
.pcard:hover{ transform:translateY(-3px); box-shadow:0 18px 36px -22px rgba(11,27,58,.55); }
#vrBtn{ white-space:nowrap; }
.fg-view{ display:inline-flex; vertical-align:bottom; margin:12px 0 0 12px; } .fg-view > span{ display:none; }