/*
 * Local Rank Grid – External CSS  v7
 * IntentiveSEO · https://intentiveseo.com/
 * Only styles Leaflet elements appended outside widget DOM.
 */

/* ── Popup ── */
.lrg-popup .leaflet-popup-content-wrapper {
    border-radius:12px !important;box-shadow:0 8px 30px rgba(0,0,0,.14) !important;
    padding:0 !important;border:1px solid #e8eaf2 !important;overflow:hidden !important;
}
.lrg-popup .leaflet-popup-content { margin:14px 16px !important;min-width:195px !important; }
.lrg-popup .leaflet-popup-tip { background:#fff !important; }

/* ── Hint ── */
.lrg-hint-ctrl {
    display:flex !important;align-items:center !important;gap:8px !important;
    background:rgba(26,31,54,.85) !important;color:#fff !important;
    padding:10px 18px !important;border-radius:40px !important;
    font-size:13px !important;font-weight:500 !important;
    pointer-events:none !important;box-shadow:0 4px 20px rgba(0,0,0,.2) !important;
    margin-bottom:10px !important;animation:lrg-fade 2.5s ease-in-out infinite;
}
@keyframes lrg-fade { 0%,100%{opacity:1} 50%{opacity:.7} }

/* ── Pins ── */
.gpin {
    width:32px !important;height:32px !important;background:#FF914C !important;
    border:2.5px solid rgba(255,255,255,.92) !important;border-radius:50% 50% 50% 4px !important;
    transform:rotate(-45deg) !important;box-shadow:0 2px 10px rgba(255,145,76,.45) !important;
    cursor:pointer !important;display:flex !important;align-items:center !important;
    justify-content:center !important;transition:transform .12s,background .12s,box-shadow .12s;
}
.gpin:hover { background:#e87d38 !important;box-shadow:0 4px 18px rgba(255,145,76,.6) !important;transform:rotate(-45deg) scale(1.18) !important; }
.gpin--ctr  { background:#e11d48 !important;box-shadow:0 2px 10px rgba(225,29,72,.4) !important; }
.gpin--ctr:hover { background:#be123c !important; }
.gpin-lbl { transform:rotate(45deg) !important;color:#fff !important;font-size:12px !important;font-weight:700 !important;line-height:1 !important;pointer-events:none !important; }