/* Squarespace Map Info Window Styling */
/* Main info window container */
.sqs-map-info-window {
background: #ffffff !important;
border-radius: 12px !important;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15) !important;
border: 1px solid #e0e0e0 !important;
padding: 16px !important;
min-width: 300px !important;
max-width: 400px !important;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif !important;
}
/* Info window content wrapper */
.sqs-map-info-window-content {
display: flex !important;
flex-direction: column !important;
gap: 12px !important;
}
/* Image in info window */
.sqs-map-info-window-image {
width: 100% !important;
height: 200px !important;
border-radius: 8px !important;
object-fit: cover !important;
margin-bottom: 8px !important;
}
/* Title styling */
.sqs-map-info-window-title,
.sqs-map-info-window h3,
.sqs-map-info-window strong {
font-size: 18px !important;
font-weight: 600 !important;
color: #2c2c2c !important;
line-height: 1.3 !important;
margin: 0 0 8px 0 !important;
}
/* Description text */
.sqs-map-info-window-description,
.sqs-map-info-window p {
font-size: 14px !important;
line-height: 1.6 !important;
color: #5f6368 !important;
margin: 0 0 8px 0 !important;
}
/* Links */
.sqs-map-info-window a {
color: #1a73e8 !important;
font-weight: 500 !important;
text-decoration: none !important;
transition: color 0.2s ease !important;
}
.sqs-map-info-window a:hover {
color: #1557b0 !important;
text-decoration: underline !important;
}
/* Close button */
.sqs-map-info-window-close,
.sqs-map-info-window button {
background: rgba(0, 0, 0, 0.1) !important;
border-radius: 50% !important;
width: 24px !important;
height: 24px !important;
border: none !important;
cursor: pointer !important;
transition: background 0.3s ease !important;
}
.sqs-map-info-window-close:hover {
background: rgba(0, 0, 0, 0.2) !important;
}
/* Alternative selectors for different Squarespace versions */
[class*="map-marker-info"],
[class*="map-info-bubble"] {
background: #ffffff !important;
border-radius: 12px !important;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15) !important;
padding: 16px !important;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif !important;
}
[class*="map-marker-info"] h3,
[class*="map-info-bubble"] h3 {
font-size: 18px !important;
font-weight: 600 !important;
color: #2c2c2c !important;
margin-bottom: 8px !important;
}
[class*="map-marker-info"] p,
[class*="map-info-bubble"] p {
font-size: 14px !important;
color: #5f6368 !important;
line-height: 1.6 !important;
}
/* Custom color theme - change these to match your brand */
:root {
--map-popup-bg: #ffffff;
--map-popup-text: #2c2c2c;
--map-popup-link: #1a73e8;
--map-popup-border: #e0e0e0;
}
