/*
 * Contacts section style.
 *
 * Companion stylesheet for includes/contacts-section.php (optional title
 * + static map image with a directions button overlaid at the bottom
 * center). Kept in its own file so the whole section (markup + style)
 * can be copied together into another template.
 *
 * Ported from Templates/oleificio-gallura/style/includes/contacts-section.css.
 * Height (25em) matches the old `section#mapSection div#map { height:
 * 25em; }` rule this replaces (see style/main.css).
 *
 * Renamed contacts-section.css -> contacts-section-v2.css: this asset is
 * served with `Cache-Control: public, max-age=31536000` (1 year) with no
 * cache-busting query string appended by doCMS, so browsers keep serving
 * a stale cached copy indefinitely after any content change. Renaming
 * forces a fresh, never-cached URL (see Templates/namar/pages/index.php).
 */

section#mapSection {
    width: 100%;
    padding: 0;
}

section#mapSection div.title {
    text-align: center;
    padding-top: 2em;
    margin-bottom: 1em;
}

section#mapSection div.title i {
    margin-bottom: .5em;
}

section#mapSection div#map {
    display: block;
    height: 25em;
    overflow: hidden;
    position: relative;
}

section#mapSection div#map img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

section#mapSection div#map a.button {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 1.5em;
    margin: 0 auto;
    width: fit-content;
}