/* 
 * LeoPalace Resort Guam - Restaurants Specific Styles
 * レストラン個別ページ用スタイル
 */

/* -----------------------------------------
   1. 各レストランのヒーロー背景画像設定
----------------------------------------- */

/* Eataliano Restaurant */
.restaurant-page.eataliano-page .slideshow-item:nth-child(1) {
  background-image: url('/restaurants/img/eataliano-hero1.jpg');
}

/* Cafe Biba */
.restaurant-page.cafe-biba-page .slideshow-item:nth-child(1) {
  background-image: url('/restaurants/img/cafe-biba-hero1-1.jpg');
}

/* Amika Sana */
.restaurant-page.amika-sana-page .slideshow-item:nth-child(1) {
  background-image: url('/restaurants/img/amika-sana-hero1.jpg');
}

/* Sabana sports Bar */
.restaurant-page.sabana-sports-page .slideshow-item:nth-child(1) {
  background-image: url('/restaurants/img/sabana-sports-hero1.jpg');
}

/* Sabana Poolside Bar */
.restaurant-page.sabana-page .slideshow-item:nth-child(1) {
  background-image: url('/restaurants/img/sabana-hero1.jpg');
}

/* Tenku Yuzen */
.restaurant-page.tenku-yuzen-page .slideshow-item:nth-child(1) {
  background-image: url('/restaurants/img/tenku-yuzen-hero1.jpg');
}

/* -----------------------------------------
   2. レストラン固有の追加スタイル（必要に応じて）
----------------------------------------- */

/* Cafe Biba 特有スタイル */
.restaurant-page.cafe-biba-page .restaurant-hours {
  background-color: rgba(255, 255, 255, 0.8);
  padding: 20px;
  border-radius: 5px;
}

/* Eataliano 特有スタイル */
.restaurant-page.eataliano-page .restaurant-title {
  color: #8D2D1D;
}

/* Amika Sana 特有スタイル */
.restaurant-page.amika-sana-page .menu-nav-item.active {
  background-color: #2D458D;
}

/* Sabana 特有スタイル */
.restaurant-page.sabana-page .restaurant-intro p {
  font-style: italic;
}

/* -----------------------------------------
   3. レスポンシブ調整
----------------------------------------- */

@media (max-width: 768px) {
  /* モバイル用の背景画像調整など */
  .restaurant-page .slideshow-item {
    background-position: center center;
  }
}


/* -----------------------------------------
   4. 追加メニュー
----------------------------------------- */

.item-toppings {
    margin-top: 8px;
    padding: 8px 0;
    border-top: 1px dotted rgba(145, 138, 122, 0.2);
}

.item-toppings h4 {
    font-size: 13px;
    color: var(--color-primary);
    margin-bottom: 4px;
    font-weight: 400;
}

.toppings-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    font-size: 12px;
    color: var(--color-text-light);
}

.toppings-list li {
    background: rgba(145, 138, 122, 0.1);
    padding: 2px 6px;
    border-radius: 8px;
    font-size: 11px;
}

.item-extras {
    font-size: 13px;
    color: var(--color-text-light);
    margin-top: 4px;
    font-style: italic;
}