/* 基本設定 */
body {
    background-color: #1a1a1a;
    color: #f0f0f0;
    font-family: 'Zen Maru Gothic', sans-serif;
}

/* フォントとカラー */
h1, .section-title {
    font-family: 'Shippori Mincho', serif;
}

h1 a, .gold-text {
    color: #e0c587;
    text-shadow: 0 0 8px rgba(224, 197, 135, 0.5);
}

.gold-bg {
    background-color: #e0c587;
    box-shadow: 0 0 15px rgba(224, 197, 135, 0.4);
}

/* ヒーローセクション背景 */
.hero {
    background-image: url('https://placehold.co/1920x1080/000000/e0c587?text=Ella+Noir');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}

/* セクションタイトル下線 */
.section-title::after {
    content: '';
    display: block;
    width: 80px;
    height: 3px;
    background-color: #e0c587;
    margin: 1rem auto 0;
    box-shadow: 0 0 10px rgba(224, 197, 135, 0.6);
}

/* iframe内のスクロールバーのスタイル */
.custom-scrollbar::-webkit-scrollbar {
    height: 8px;
}
.custom-scrollbar::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.1);
    border-radius: 10px;
}
.custom-scrollbar::-webkit-scrollbar-thumb {
    background: #e0c587;
    border-radius: 10px;
}
.custom-scrollbar::-webkit-scrollbar-thumb:hover {
    background: #c9a768;
}

/* 座席アイコン */
.sofa {
    width: 100%;
    aspect-ratio: 1 / 1;
    background-color: #4a5568; /* gray-600 */
    border: 1px solid #718096; /* gray-500 */
    border-radius: 0.375rem; /* rounded-md */
    transition: all 0.3s ease;
}

.sofa.occupied {
    background-color: #e0c587;
    border-color: #b8860b; /* darkgoldenrod */
    box-shadow: 0 0 10px rgba(224, 197, 135, 0.7);
}