/* Responsive Simplified - Bootstrap優先版 */
/* Bootstrap 5のレスポンシブ機能では足りない部分のみ */

/* ==================== 日本地図レスポンシブ対応 ==================== */
#map-container {
    width: 100% !important;
    max-width: 600px;
    margin: 0 auto;
    overflow: hidden;
}

@media (max-width: 767.98px) {
    #map-container svg {
        width: 100% !important;
        height: auto !important;
        max-width: none !important;
    }
}

/* ==================== タッチデバイス用ボタンサイズ ==================== */
@media (max-width: 768px) {
    .btn {
        min-height: 44px; /* WCAG推奨タッチターゲットサイズ */
        font-size: 16px; /* iOS zoom防止 */
    }
    
    .form-control {
        font-size: 16px; /* iOS zoom防止 */
        min-height: 44px;
    }
}

/* ==================== Google Translate widget レスポンシブ ==================== */
@media (max-width: 768px) {
    .goog-te-gadget-simple {
        min-height: 44px !important;
        font-size: 16px !important;
    }
}