/* ON211 Google Maps — shared skin, info window, and map container styles */

/* Info window container */
.gm-style-iw-c { border-radius: 8px !important; padding: 0 !important; box-shadow: 0 4px 16px rgba(0,0,0,.12) !important; }
.gm-style-iw-d { overflow: auto !important; padding: 16px 20px !important; }
.gm-style-iw-tc::after { display: none; }
button.gm-ui-hover-effect { top: -5px !important; right: 12px !important; width: 28px !important; height: 28px !important; }

/* Info window content */
.tl-iw { font-family: inherit; min-width: 200px; max-width: 320px; }
.tl-iw-title { font-size: 0.95rem; font-weight: 700; color: #1a1a1a; line-height: 1.3; margin-bottom: 6px; }
.tl-iw-title a { color: inherit; text-decoration: none; }
.tl-iw-title a:hover { color: #A9231A; text-decoration: underline; }
.tl-iw-address,
.tl-iw-phone { font-size: 0.82rem; color: #333; margin-bottom: 4px; display: flex; align-items: center; gap: 5px; }
.tl-iw-distance { font-size: 0.82rem; color: #A9231A; font-weight: 600; margin-bottom: 4px; }
.tl-iw-hours { font-size: 0.8rem; color: #333; margin-bottom: 4px; }
.tl-iw-desc { font-size: 0.8rem; color: #333; margin-top: 6px; }
.tl-iw-link { display: inline-block; margin-top: 8px; font-size: 0.8rem; color: #A9231A; font-weight: 600; text-decoration: none; }
.tl-iw-link:hover { text-decoration: underline; }
.tl-iw-clip {
    display: flex; align-items: center; justify-content: center; gap: 5px;
    width: 100%; margin: 10px 0; padding: 8px 10px; border: 1px solid #ddd; border-radius: 6px;
    background: #fff; font-size: 0.8rem; font-weight: 600; color: #A9231A;
    cursor: pointer; transition: background 0.15s, border-color 0.15s;
}
.tl-iw-clip:hover { background: #FDE8E6; border-color: #A9231A; }
.tl-iw-clip.is-saved { color: #666; border-color: #ddd; cursor: default; }
.tl-iw-clip.is-saved:hover { background: #fff; border-color: #ddd; }
.tl-iw-clip:disabled { opacity: 0.7; }

/* Map container base */
.agency-detail-map { border-radius: 8px; overflow: hidden; min-height: 250px; }