/* 会場の地図（Leaflet）の表示調整 */

.ec-venue-map-wrap {
    margin-bottom: 1.5em;
}

.ec-venue-map {
    width: 100%;
    height: 360px;
    position: relative;
    z-index: 0;
    isolation: isolate; /* 地図内部の重なり順がサイトのヘッダー等に影響しないようにする */
    border-radius: 6px;
}

/* テーマ側の「img { max-width: 100% }」等が地図タイルやマーカーを崩さないようにする */
.ec-venue-map img,
#ec-venue-map img {
    max-width: none !important;
    max-height: none !important;
    box-shadow: none;
}

/* 吹き出しの文字サイズ: 会場名は14px、連絡先などは12px */
.ec-venue-map .leaflet-popup-content p {
    margin: 0 0 0.3em;
    font-size: 12px;
    line-height: 1.5;
}

.ec-venue-map .leaflet-popup-content p.ec-venue-map-popup-name {
    font-size: 14px;
    line-height: 1.4;
    margin-bottom: 0.4em;
}

.ec-venue-map .leaflet-popup-content a {
    font-size: inherit;
}

.ec-venue-map .leaflet-popup-content p:last-child {
    margin-bottom: 0;
}

/* 管理画面の地図 */
#ec-venue-map {
    width: 100%;
    max-width: 720px;
    height: 360px;
    margin: 12px 0 6px;
    position: relative;
    z-index: 0;
    isolation: isolate;
    border: 1px solid #ccd0d4;
}

/* 管理画面の吹き出し（プレビュー）も同じ文字サイズ */
#ec-venue-map .leaflet-popup-content .ec-popup-name {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 4px;
}

#ec-venue-map .leaflet-popup-content .ec-popup-line {
    font-size: 12px;
    line-height: 1.5;
}