/* 999 Project Map. Wendy, 2026-10-19. Colours: 999 navy #1e2a4a, gold #c2a26a. */
.wendy-999map{position:relative;width:100%;height:var(--wm-h,560px);border-radius:14px;overflow:hidden;background:#ece6db;line-height:1.3;isolation:isolate;box-shadow:0 2px 10px rgba(20,28,50,.12)}
@media (max-width:767px){.wendy-999map{height:min(var(--wm-h,560px),470px);border-radius:10px}}
.wendy-999map .wm-canvas{position:absolute;inset:0}
.wendy-999map .wm-note{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:24px;text-align:center;color:#1e2a4a;font-size:15px;background:#f3efe8}
.wendy-999map .wm-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#fff}

/* Project pins: navy box with gold edge, like the brochure map. The outer .wm-pinwrap is positioned by the map engine: never style its position. */
.wendy-999map .wm-pinwrap{z-index:2}
.wendy-999map .wm-pin{all:unset;box-sizing:border-box;position:relative;display:block;cursor:pointer;padding-bottom:13px;-webkit-tap-highlight-color:transparent;z-index:2}
.wendy-999map .wm-pin__box{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:2px;background:#1e2a4a;color:#fff;border:1.5px solid #c2a26a;border-radius:8px;padding:5px 10px 6px;box-shadow:0 4px 12px rgba(20,28,50,.35);white-space:nowrap;transition:transform .15s ease,background-color .15s ease}
.wendy-999map .wm-pin__logo{font:700 15px/1 Georgia,'Times New Roman',serif;letter-spacing:.5px;color:#fff}
.wendy-999map .wm-pin__name{font:600 10.5px/1.1 system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;letter-spacing:.9px;color:#ecd9b0;text-transform:uppercase}
.wendy-999map .wm-pin::after{content:'';position:absolute;bottom:6px;left:50%;width:10px;height:10px;margin-left:-6px;background:#1e2a4a;border-right:1.5px solid #c2a26a;border-bottom:1.5px solid #c2a26a;transform:rotate(45deg)}
.wendy-999map .wm-pin__dot{position:absolute;bottom:-6px;left:50%;width:12px;height:12px;margin-left:-6px;border-radius:50%;background:#c2a26a;border:2px solid #fff;box-shadow:0 1px 4px rgba(0,0,0,.45);box-sizing:border-box}
.wendy-999map .wm-pin--right::after{left:16px}
.wendy-999map .wm-pin--right .wm-pin__dot{left:0}
.wendy-999map .wm-pin--left::after{left:auto;right:10px}
.wendy-999map .wm-pin--left .wm-pin__dot{left:auto;right:-6px;margin-left:0}
.wendy-999map .wm-pin:hover .wm-pin__box{transform:translateY(-2px);background:#26355f}
.wendy-999map .wm-pin:focus-visible .wm-pin__box{outline:2px solid #c2a26a;outline-offset:2px}
.wendy-999map .wm-pin.is-active .wm-pin__box{background:#c2a26a;border-color:#1e2a4a}
.wendy-999map .wm-pin.is-active .wm-pin__logo,.wendy-999map .wm-pin.is-active .wm-pin__name{color:#1e2a4a}
.wendy-999map .wm-pin.is-active::after{background:#c2a26a;border-color:#1e2a4a}
@media (max-width:767px){.wendy-999map .wm-pin__box{padding:4px 7px 5px}.wendy-999map .wm-pin__logo{font-size:13px}.wendy-999map .wm-pin__name{font-size:9px;letter-spacing:.6px}}

/* Landmarks: shown, not clickable */
.wendy-999map .wm-lm{display:flex;align-items:center;gap:5px;pointer-events:none;font:500 12px/1.2 system-ui,-apple-system,'Segoe UI',Roboto,'Noto Sans Thai',sans-serif;color:#3a4462;text-shadow:0 0 2px #fff,0 0 2px #fff,0 0 4px #fff;z-index:1}
.wendy-999map .wm-lm__icon{flex:none;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#fff;border:1.5px solid #8f99b0;box-shadow:0 1px 3px rgba(0,0,0,.2);box-sizing:border-box}
.wendy-999map .wm-lm__icon svg{width:14px;height:14px;fill:#2b3a63}
.wendy-999map .wm-lm--school .wm-lm__icon{border-color:#b8433f}
.wendy-999map .wm-lm--school .wm-lm__icon svg,.wendy-999map .wm-lm--hospital .wm-lm__icon svg{fill:#b8433f}
.wendy-999map .wm-lm--airport .wm-lm__icon,.wendy-999map .wm-lm--city .wm-lm__icon{width:28px;height:28px;background:#2b3a63;border-color:#fff}
.wendy-999map .wm-lm--airport .wm-lm__icon svg,.wendy-999map .wm-lm--city .wm-lm__icon svg{width:16px;height:16px;fill:#fff}
.wendy-999map .wm-lm--airport,.wendy-999map .wm-lm--city{font-weight:600;color:#25325a}
.wendy-999map .wm-lm__label{white-space:nowrap}
.wendy-999map.wm-z-low .wm-lm--minor .wm-lm__label{display:none}
@media (max-width:767px){.wendy-999map .wm-lm--minor .wm-lm__label{display:none}.wendy-999map:not(.wm-z-low) .wm-lm--school .wm-lm__label{display:none}}

/* Card */
.wm-card{width:270px;max-width:100%;color:#1e2a4a;font-family:inherit;text-align:left}
.wm-card__img{display:block;width:100%;height:120px;object-fit:cover;background:#e9e4da;margin:0;border:0}
.wm-card__body{padding:11px 13px 12px}
.wm-card__title{font-weight:700;font-size:16px;line-height:1.25;margin:0 0 3px;color:#1e2a4a}
.wm-card__line{font-size:12.5px;line-height:1.35;color:#5a6380;margin:0 0 10px}
.wm-card__btns{display:grid;grid-template-columns:1fr;gap:7px}
.wm-card .wm-btn--link{grid-column:1/-1}
.wm-card .wm-btn{display:block;text-align:center;padding:9px 6px;border-radius:7px;font-size:13px;font-weight:600;line-height:1.2;text-decoration:none!important;box-sizing:border-box}
.wm-card .wm-btn--primary{background:#1e2a4a;color:#fff!important}
.wm-card .wm-btn--primary:hover{background:#26355f}
.wm-card .wm-btn--gold{background:#fff;color:#1e2a4a!important;border:1.5px solid #c2a26a}
.wm-card .wm-btn--gold:hover{background:#faf5ea}
.wm-card .wm-btn--link{color:#2b3a63!important;font-weight:500;padding:3px}

/* MapLibre popup + controls */
.wendy-999map .maplibregl-popup.wm-popup{z-index:5}
.wendy-999map .wm-popup .maplibregl-popup-content{padding:0;border-radius:12px;overflow:hidden;box-shadow:0 10px 28px rgba(20,28,50,.28)}
.wendy-999map .wm-popup .maplibregl-popup-close-button{width:30px;height:30px;font-size:22px;line-height:28px;color:#fff;background:rgba(30,42,74,.55);border-radius:0 12px 0 10px;right:0;top:0;padding:0}
.wendy-999map .wm-popup .maplibregl-popup-close-button:hover{background:rgba(30,42,74,.8)}
.wendy-999map .maplibregl-ctrl-group{border-radius:8px;box-shadow:0 1px 6px rgba(20,28,50,.2)}
.wendy-999map .maplibregl-ctrl-attrib{font-size:11px}

/* Google InfoWindow: let our card fill it */
.wendy-999map .gm-style .gm-style-iw-c{padding:0!important;border-radius:12px!important}
.wendy-999map .gm-style .gm-style-iw-d{overflow:hidden!important;padding:0!important;max-height:none!important}
.wendy-999map .gm-style .gm-style-iw-chr{position:absolute;right:0;top:0;z-index:2}
/* 0.1.7 project pages (focus="KEY"): this project's pin in gold and on top, the other projects smaller */
.wendy-999map .wm-pinwrap--focus{z-index:4}
.wendy-999map .wm-pin--focus .wm-pin__box{background:#c2a26a;border-color:#1e2a4a;transform:scale(1.12);transform-origin:50% 100%}
.wendy-999map .wm-pin--focus .wm-pin__logo,.wendy-999map .wm-pin--focus .wm-pin__name{color:#1e2a4a}
.wendy-999map .wm-pin--focus::after{background:#c2a26a;border-color:#1e2a4a}
.wendy-999map .wm-pin--focus:hover .wm-pin__box{transform:scale(1.12) translateY(-2px);background:#cfb27e}
.wendy-999map .wm-pin--other{opacity:.82}
.wendy-999map .wm-pin--other .wm-pin__box{transform:scale(.86);transform-origin:50% 100%}
.wendy-999map .wm-pin--other:hover{opacity:1}