
/* =========================================================
   NIHH GLOBAL PRESENCE & WEBSITE ANALYTICS
========================================================= */
.nihh-global-section{padding:100px 0;background:linear-gradient(180deg,#f7fbf8 0%,#ffffff 100%);}
.nihh-global-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:42px;}
.nihh-map-card,.nihh-analytics-panel{background:#fff;border:1px solid rgba(15,107,75,.12);border-radius:24px;box-shadow:0 16px 45px rgba(11,74,53,.09);overflow:hidden;}
.nihh-map-card-head{display:flex;justify-content:space-between;gap:15px;align-items:flex-start;padding:25px 26px 18px;}
.nihh-map-kicker{display:inline-flex;align-items:center;gap:7px;color:#0f6b4b;font:700 12px Poppins,sans-serif;text-transform:uppercase;letter-spacing:.8px;}
.nihh-map-card h3,.nihh-analytics-panel h3{margin:7px 0 0;font:700 23px "Playfair Display",serif;color:#123d2d;}
.nihh-map-badge{font:600 11px Poppins,sans-serif;color:#7b5b00;background:#fff4c9;border:1px solid #f0d36d;border-radius:999px;padding:7px 10px;white-space:nowrap;}
.nihh-map{height:390px;background:#eef5f1;}
.nihh-map .leaflet-container{font-family:Poppins,sans-serif;}
.nihh-map-note{padding:14px 22px 19px;color:#64736c;font:400 12px/1.65 Poppins,sans-serif;background:#fbfdfc;border-top:1px solid #edf2ef;}
.nihh-analytics-panel{margin-top:28px;padding:28px;}
.nihh-analytics-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;}
.nihh-live-badge{display:inline-flex;align-items:center;gap:7px;color:#0f6b4b;background:#effaf3;border:1px solid #c9ead6;border-radius:999px;padding:8px 12px;font:700 11px Poppins,sans-serif;white-space:nowrap;}
.nihh-live-badge span{width:8px;height:8px;border-radius:50%;background:#20a85a;box-shadow:0 0 0 5px rgba(32,168,90,.12);animation:nihhAnalyticsPulse 1.5s infinite;}
@keyframes nihhAnalyticsPulse{50%{box-shadow:0 0 0 9px rgba(32,168,90,0)}}
.nihh-analytics-grid{display:grid;grid-template-columns:1fr 1fr .75fr;gap:20px;margin-top:25px;}
.nihh-analytics-card,.nihh-analytics-summary{border:1px solid #e7eee9;border-radius:18px;padding:20px;background:#fbfdfc;}
.nihh-analytics-card h4{margin:0 0 15px;font:700 17px Poppins,sans-serif;color:#174d38;}
.nihh-ranking-list{display:flex;flex-direction:column;gap:10px;}
.nihh-rank-row{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:8px;padding:9px 10px;border-radius:10px;background:#fff;border:1px solid #edf2ef;font:500 12px Poppins,sans-serif;color:#30443a;}
.nihh-rank-row b{font-size:11px;color:#0f6b4b;}
.nihh-rank-value{font-weight:700;color:#123d2d;}
.nihh-loading{font:400 12px Poppins,sans-serif;color:#83908a;padding:8px 0;}
.nihh-stat{padding:13px 0;border-bottom:1px solid #e8efea;}
.nihh-stat:last-child{border-bottom:0;}
.nihh-stat strong{display:block;color:#0f6b4b;font:800 27px Poppins,sans-serif;}
.nihh-stat span{display:block;color:#718078;font:400 11px Poppins,sans-serif;margin-top:2px;}
.nihh-privacy-note{margin:18px 0 0;color:#78857f;font:400 11px/1.6 Poppins,sans-serif;}
.nihh-privacy-note i{color:#0f6b4b;margin-right:5px;}
.nihh-presence-pin{background:#0f6b4b;border:3px solid #fff;border-radius:50%;box-shadow:0 5px 16px rgba(15,107,75,.35);}
.nihh-world-pin{background:#d49b00;border:3px solid #fff;border-radius:50%;box-shadow:0 5px 16px rgba(212,155,0,.35);}
@media(max-width:991px){.nihh-global-grid{grid-template-columns:1fr}.nihh-analytics-grid{grid-template-columns:1fr 1fr}.nihh-analytics-summary{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.nihh-stat{border-bottom:0;border-right:1px solid #e8efea;padding-right:12px}.nihh-stat:last-child{border-right:0}}
@media(max-width:576px){.nihh-global-section{padding:70px 0}.nihh-map-card-head,.nihh-analytics-head{padding:20px;flex-direction:column}.nihh-map{height:320px}.nihh-analytics-panel{padding:20px}.nihh-analytics-grid{grid-template-columns:1fr}.nihh-analytics-summary{grid-column:auto;display:block}.nihh-stat{border-right:0;border-bottom:1px solid #e8efea;padding:12px 0}.nihh-stat:last-child{border-bottom:0}.nihh-map-card h3,.nihh-analytics-panel h3{font-size:20px}.nihh-map-badge{align-self:flex-start}}


/* =========================================================
   LEAFLET MAP RENDERING FIX
   Prevent global website img rules from breaking Leaflet tiles.
========================================================= */

.nihh-map{
    position:relative;
    width:100%;
    height:390px;
    min-height:390px;
    overflow:hidden !important;
    isolation:isolate;
}

.nihh-map.leaflet-container{
    width:100% !important;
    height:390px !important;
    min-height:390px !important;
    overflow:hidden !important;
    background:#eaf3ef;
}

.nihh-map .leaflet-map-pane,
.nihh-map .leaflet-tile-pane,
.nihh-map .leaflet-overlay-pane,
.nihh-map .leaflet-shadow-pane,
.nihh-map .leaflet-marker-pane,
.nihh-map .leaflet-tooltip-pane,
.nihh-map .leaflet-popup-pane{
    position:absolute;
}

.nihh-map .leaflet-tile-container img,
.nihh-map .leaflet-tile{
    width:256px !important;
    height:256px !important;
    max-width:none !important;
    max-height:none !important;
    object-fit:initial !important;
    display:block !important;
}

.nihh-map .leaflet-container img{
    max-width:none !important;
}


.nihh-map .leaflet-popup-content{
    font-family:Poppins,sans-serif;
    font-size:12px;
    line-height:1.55;
}

.nihh-map .leaflet-popup-content strong{
    color:#0f6b4b;
}

@media(max-width:576px){
    .nihh-map,
    .nihh-map.leaflet-container{
        height:320px !important;
        min-height:320px !important;
    }
}
