/* Mobile Map Styles */

.is-mobile #map-section {
    width: 100%;
    margin-top: 95px; /* Mobile specific margin */
}

.is-mobile .map-section-container {
    height: auto;
}

.is-mobile .map-iframe-container {
    width: 100%;
    height: 480px; /* This height is for all mobile per user request */
    /* The @media (max-width: 768px) specified height: 300px, but 480px is preferred for all mobile. */
}

.is-mobile .map-top-row,
.is-mobile .map-bottom-row {
    display: flex;
    justify-content: flex-start;   /* Mobile: left-align children */
    align-items: center;           /* Vertically align children to center */
    width: 100%;                   /* Ensure the row takes full width */
    flex-grow: 1;                  /* Distribute space like desktop */
    padding: 10px 0;               /* Base vertical padding */
    padding-left: 8px;             /* Mobile: specific left padding */
}

.is-mobile .map-findus-message1 {
    font-family: 'Inter', sans-serif;
    font-size: 12px;
    font-weight: 600; /* SemiBold */
    line-height: 18px;
    color: #1E1E1E;
    margin-bottom: 2px; /* Reduce bottom spacing */
}

.is-mobile .map-findus-message2 {
    font-family: 'Inter', sans-serif;
    font-size: 13px;
    font-weight: 700; /* Bold */
    line-height: 18px;
    color: #1E1E1E;
    margin-top: -2px; /* Reduce space between messages */
}

.is-mobile .map-address-text {
    font-size: 13px;
    text-align: left;
    padding: 0 10px;
}

.is-mobile .map-arrow-location-icon {
    width: 32px;
    height: 32px;
    margin-right: 10px;
}

/* Base styles that might be common and were in the general desktop section, 
   but could also apply to mobile if not overridden. These are added for completeness 
   and can be fine-tuned if they conflict or are not desired for mobile. */

.is-mobile .map-section-container {
    /* Duplicates height: auto from above, ensure no conflict or merge if other properties differ */
    /* width: 100%; from desktop, assumed shared */
    /* background-color: #FFBF3E; from desktop, assumed shared */
    /* display: flex; from desktop, assumed shared */
    /* flex-direction: column; from desktop, assumed shared */
    /* justify-content: space-between; from desktop, assumed shared */
    /* align-items: center; from desktop, assumed shared */
}

.is-mobile .map-top-row, 
.is-mobile .map-bottom-row {
    /* display: flex; from desktop, assumed shared */
    /* align-items: center; from desktop, assumed shared */
    /* width: 100%; from desktop, assumed shared */
    /* flex-grow: 1; from desktop, assumed shared */
    /* padding: 10px 0; from desktop, now potentially overridden by padding-left: 8px above */
}

.is-mobile .map-bottom-row {
    cursor: pointer; /* from desktop, assumed shared */
}

.is-mobile .map-arrow-location-icon {
    /* width: 30px; height: 30px; margin-right: 16px; from desktop, overridden by 24px/10px above */
}

.is-mobile .map-findus-text p {
    margin: 2px 0; /* from desktop, assumed shared */
    color: #1E1E1E; /* from desktop, assumed shared */
}

.is-mobile .map-iframe-container iframe {
    display: block; /* from desktop, assumed shared */
}

.is-mobile .map-address-text {
    /* font-family: 'Inter', sans-serif; from desktop, assumed shared */
    /* font-weight: 600; from desktop, assumed shared */
    /* color: #1E1E1E; from desktop, assumed shared */
    /* text-decoration: underline; from desktop, assumed shared */
    /* font-size: 14px; from desktop, matches above */
}