/* 透明度付き背景・枠線（Tailwind CDN が bg-palette-yellow/30 等を生成しない場合の確定スタイル） */

/* --- イエロー系（マップガイド・ペアリングのワイン名ボタン） --- */
body.otaru-winecarnival-page .bg-palette-yellow\/20,
body.otaru-winecarnival-page [class*="bg-palette-yellow/20"] {
  background-color: rgba(254, 245, 200, 0.2) !important;
}

body.otaru-winecarnival-page .bg-palette-yellow\/30,
body.otaru-winecarnival-page [class*="bg-palette-yellow/30"],
body.otaru-winecarnival-page #pairing button[class*="bg-palette-yellow/30"] {
  background-color: rgba(254, 245, 200, 0.3) !important;
}

body.otaru-winecarnival-page .bg-palette-yellow\/65,
body.otaru-winecarnival-page [class*="bg-palette-yellow/65"],
body.otaru-winecarnival-page #food-map-section [class*="bg-palette-yellow/65"] {
  background-color: rgba(254, 245, 200, 0.65) !important;
}

/* --- ミント系 --- */
body.otaru-winecarnival-page .bg-palette-mint\/5,
body.otaru-winecarnival-page [class*="bg-palette-mint/5"] {
  background-color: rgba(162, 217, 206, 0.05) !important;
}

body.otaru-winecarnival-page .bg-palette-mint\/20,
body.otaru-winecarnival-page [class*="bg-palette-mint/20"],
body.otaru-winecarnival-page .hover\:bg-palette-mint\/20:hover,
body.otaru-winecarnival-page [class*="hover:bg-palette-mint/20"]:hover {
  background-color: rgba(162, 217, 206, 0.2) !important;
}

body.otaru-winecarnival-page .bg-palette-mint\/35,
body.otaru-winecarnival-page [class*="bg-palette-mint/35"] {
  background-color: rgba(162, 217, 206, 0.35) !important;
}

/* --- 白の半透明 --- */
body.otaru-winecarnival-page .bg-white\/10,
body.otaru-winecarnival-page [class*="bg-white/10"] {
  background-color: rgba(255, 255, 255, 0.1) !important;
}

body.otaru-winecarnival-page .bg-white\/50,
body.otaru-winecarnival-page [class*="bg-white/50"] {
  background-color: rgba(255, 255, 255, 0.5) !important;
}

body.otaru-winecarnival-page .bg-white\/80,
body.otaru-winecarnival-page [class*="bg-white/80"] {
  background-color: rgba(255, 255, 255, 0.8) !important;
}

body.otaru-winecarnival-page .bg-white\/95,
body.otaru-winecarnival-page [class*="bg-white/95"] {
  background-color: rgba(255, 255, 255, 0.95) !important;
}

/* --- ネイビー枠線（半透明） --- */
body.otaru-winecarnival-page .border-brand-darkblue\/10,
body.otaru-winecarnival-page [class*="border-brand-darkblue/10"] {
  border-color: rgba(15, 37, 71, 0.1) !important;
}

body.otaru-winecarnival-page .border-brand-darkblue\/20,
body.otaru-winecarnival-page [class*="border-brand-darkblue/20"] {
  border-color: rgba(15, 37, 71, 0.2) !important;
}

body.otaru-winecarnival-page .border-palette-mint\/30,
body.otaru-winecarnival-page [class*="border-palette-mint/30"] {
  border-color: rgba(162, 217, 206, 0.3) !important;
}

body.otaru-winecarnival-page .border-palette-mint\/40,
body.otaru-winecarnival-page [class*="border-palette-mint/40"] {
  border-color: rgba(162, 217, 206, 0.4) !important;
}

body.otaru-winecarnival-page .border-palette-mint\/50,
body.otaru-winecarnival-page [class*="border-palette-mint/50"] {
  border-color: rgba(162, 217, 206, 0.5) !important;
}

/* --- 会場図マップのグラデーション背景 --- */
body.otaru-winecarnival-page .from-palette-mint\/5,
body.otaru-winecarnival-page [class*="from-palette-mint/5"] {
  --tw-gradient-from: rgba(162, 217, 206, 0.05) var(--tw-gradient-from-position);
  --tw-gradient-to: rgba(162, 217, 206, 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

body.otaru-winecarnival-page .to-palette-mint\/20,
body.otaru-winecarnival-page [class*="to-palette-mint/20"] {
  --tw-gradient-to: rgba(162, 217, 206, 0.2) var(--tw-gradient-to-position);
}

body.otaru-winecarnival-page .bg-gradient-to-br[class*="from-palette-mint/5"][class*="to-palette-mint/20"] {
  background-image: linear-gradient(
    to bottom right,
    rgba(162, 217, 206, 0.05),
    rgba(162, 217, 206, 0.2)
  ) !important;
}

/* --- ペアリング：ワイン名・店舗ボタン（ブロック版・HTML版共通の確定スタイル） --- */
body.otaru-winecarnival-page #pairing a.pairing-wine-btn,
body.otaru-winecarnival-page #pairing .pairing-wine-btn-wrap a,
body.otaru-winecarnival-page #pairing button[class*="bg-palette-yellow/30"] {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.375rem !important;
  width: 100% !important;
  max-width: 100% !important;
  padding: 0.25rem 0.625rem !important;
  background-color: rgba(254, 245, 200, 0.3) !important;
  border: 1px solid rgba(15, 37, 71, 0.2) !important;
  border-radius: 0.25rem !important;
  color: #0f2547 !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  line-height: 1.35 !important;
  text-align: left !important;
  text-decoration: none !important;
  cursor: pointer !important;
  appearance: none !important;
  box-sizing: border-box !important;
  transition: background-color 0.15s, color 0.15s !important;
}

body.otaru-winecarnival-page #pairing a.pairing-wine-btn:hover,
body.otaru-winecarnival-page #pairing .pairing-wine-btn-wrap a:hover,
body.otaru-winecarnival-page #pairing button[class*="bg-palette-yellow/30"]:hover {
  background-color: rgba(162, 217, 206, 0.2) !important;
}

body.otaru-winecarnival-page #pairing a.pairing-wine-btn .fa-location-dot,
body.otaru-winecarnival-page #pairing .pairing-wine-btn-wrap a .fa-location-dot,
body.otaru-winecarnival-page #pairing button[class*="bg-palette-yellow/30"] .fa-location-dot {
  flex-shrink: 0 !important;
  color: #0f2547 !important;
  font-size: 0.75rem !important;
}

body.otaru-winecarnival-page #pairing .pairing-wine-btn-wrap {
  margin: 0 !important;
}

body.otaru-winecarnival-page #pairing .pairing-shop-btns {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.375rem !important;
  padding-top: 0.125rem !important;
}

body.otaru-winecarnival-page #pairing .wp-block-button.pairing-shop-btn .wp-block-button__link,
body.otaru-winecarnival-page #pairing .pairing-shop-btns .wp-block-button__link,
body.otaru-winecarnival-page #pairing .pairing-panel .flex.flex-wrap button.bg-brand-darkblue {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.375rem !important;
  padding: 0.25rem 0.625rem !important;
  background-color: #0f2547 !important;
  color: #fff !important;
  border: none !important;
  border-radius: 0.25rem !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  line-height: 1.35 !important;
  white-space: normal !important;
  text-align: left !important;
  text-decoration: none !important;
  cursor: pointer !important;
  appearance: none !important;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;
  box-sizing: border-box !important;
  width: auto !important;
  transition: background-color 0.15s !important;
}

body.otaru-winecarnival-page #pairing .wp-block-button.pairing-shop-btn .wp-block-button__link:hover,
body.otaru-winecarnival-page #pairing .pairing-shop-btns .wp-block-button__link:hover,
body.otaru-winecarnival-page #pairing .pairing-panel .flex.flex-wrap button.bg-brand-darkblue:hover {
  background-color: #e74c3c !important;
  color: #fff !important;
}

body.otaru-winecarnival-page #pairing .wp-block-button.pairing-shop-btn .fa-location-dot,
body.otaru-winecarnival-page #pairing .pairing-shop-btns .fa-location-dot,
body.otaru-winecarnival-page #pairing .pairing-panel .flex.flex-wrap button.bg-brand-darkblue .fa-solid {
  color: #fff !important;
  font-size: 10px !important;
}

/* ペアリング左イラスト：本番 index.html 準拠 128×128px（min-w-[128px] + w-32 h-32） */
body.otaru-winecarnival-page #pairing .pairing-card-img-wrap {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 128px !important;
  width: 128px !important;
  max-width: 128px !important;
  flex-shrink: 0 !important;
  margin: 0 !important;
}

body.otaru-winecarnival-page #pairing .pairing-card-inner > .wp-block-column:first-child,
body.otaru-winecarnival-page #pairing .pairing-card .wp-block-columns > .wp-block-column:first-child {
  flex: 0 0 128px !important;
  width: 128px !important;
  max-width: 128px !important;
  min-width: 128px !important;
}

body.otaru-winecarnival-page #pairing .pairing-card-img,
body.otaru-winecarnival-page #pairing figure.pairing-card-img,
body.otaru-winecarnival-page #pairing .pairing-card-inner .wp-block-image.w-32 {
  width: 128px !important;
  height: 128px !important;
  max-width: 128px !important;
  margin: 0 !important;
  overflow: hidden !important;
}

body.otaru-winecarnival-page #pairing .pairing-card-img img,
body.otaru-winecarnival-page #pairing figure.pairing-card-img img,
body.otaru-winecarnival-page #pairing .pairing-card-inner .wp-block-image.w-32 img {
  width: 128px !important;
  height: 128px !important;
  max-width: 128px !important;
  object-fit: cover !important;
  display: block !important;
}