/* Navigation */
.navbar {
    position: fixed;
    top: 0;
    width: 100%;
    padding: 1rem 0;
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(10px);
    z-index: 1000;
    transition: all 0.3s ease;
}

.navbar-brand {
    font-family: 'Playfair Display', serif;
    font-size: 1.8rem;
    font-weight: 700;
    color: var(--primary-navy) !important;
    text-decoration: none;
}

.nav-link {
    color: var(--text-dark) !important;
    font-weight: 500;
    margin: 0 1rem;
    transition: color 0.3s ease;
}

.nav-link:hover {
    color: var(--primary-gold) !important;
}

.btn-book-now {
    background: linear-gradient(135deg, var(--primary-gold), #f6e05e);
    color: var(--primary-navy);
    font-weight: 600;
    padding: 0.5rem 1.5rem;
    border-radius: 25px;
    text-decoration: none;
    transition: all 0.3s ease;
    border: none;
}

.btn-book-now:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(212, 175, 55, 0.3);
    color: var(--primary-navy);
}

/* Language Selector */
.language-selector {
    position: relative;
}

.language-selector select {
    background: transparent;
    border: 1px solid var(--primary-gold);
    color: var(--text-dark);
    padding: 0.3rem 0.8rem;
    border-radius: 15px;
    font-size: 0.9rem;
}

/* Responsive */
@media (max-width: 768px) {
    .navbar-nav {
        text-align: center;
        padding: 1rem 0;
    }
    
    .btn-book-now {
        margin-top: 1rem;
    }

    /* モバイル表示でハンバーガーメニューのアイコンが表示されない問題の修正 */
    .navbar-toggler {
        /* アイコンが見えない場合でもボタンの領域がわかるように枠線を追加 */
        border-color: rgba(0, 0, 0, 0.1) !important;
    }

    .navbar-toggler-icon {
        /* BootstrapのデフォルトアイコンSVGを明示的に設定し、色を濃くして視認性を確保 */
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(45, 55, 72, 0.75)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
    }
}

/*
  日本語などの言語設定時に、ブラウザのデフォルトスタイルによってメニューが縦書きになるのを防ぎます。
  Force horizontal writing mode for the navbar and all its contents.
  This prevents menu items from displaying vertically when the page language
  is set to Japanese, Chinese, or Korean, which can trigger
  vertical writing mode in some browsers' default stylesheets.
*/
.navbar, .navbar * {
    writing-mode: horizontal-tb !important;
    direction: ltr !important;
}