@charset "UTF-8";

/* =========================================================
   レジーナ regina/tickets/index.php #seat セクション固有スタイル
   座席表の共通スタイルは tickets-seat_chart.css に切り出し済み。
   本ファイルにはレジーナの SVG（seat_chart_svg_regina.php）の ID に
   依存する指定のみを置く。TOP の SVG では同じ wrap-sNN が別の席種を指すため、
   ルート要素の修飾クラス .seat-chart--regina でスコープする。
   ========================================================= */

/* =========================================================
   未販売席種のグレー配色
   一般販売を行わない席種を、SVG原本を無加工のままCSSでグレー化する。
   TOP（tickets-price_list.css の .seat-chart--men）と同じ考え方・同じ配色。
   減光マスク（opacity）とは分離し、fill / stroke のみ上書きするため、
   クリック時の「選択席種のみ100%、他は透過0.3」連動はそのまま維持される。

   対象は形状要素（rect / path / polygon / circle）のみに限定する。
   - fill="none" / "transparent" は透明ヒットボックスと白フチ円のため除外する
   - text / tspan は表示番号（36〜42）の文字。除外して視認性を保つ
     （レジーナのSVGは TOP と異なり、表示番号を text で描画している）
   - g は対象にしない。g に stroke が付くと text へ継承され、text が持つ
     stroke-width / stroke-dasharray が効いて表示番号が破線で縁取られるため

   対象の10グループは、いずれも seat_chart_data_regina.php に席種定義を持たない
   （＝ボタン・詳細スライドが無く、JSのクリック対象にもならない）表示専用エリア。
   ========================================================= */

/* 36 */
.seat-chart--regina #wrap-s14 rect:not([fill="none"]):not([fill="transparent"]),
.seat-chart--regina #wrap-s14 path:not([fill="none"]):not([fill="transparent"]),
.seat-chart--regina #wrap-s14 polygon:not([fill="none"]):not([fill="transparent"]),
.seat-chart--regina #wrap-s14 circle:not([fill="none"]):not([fill="transparent"]),
/* 37 */
.seat-chart--regina #wrap-s15 rect:not([fill="none"]):not([fill="transparent"]),
.seat-chart--regina #wrap-s15 path:not([fill="none"]):not([fill="transparent"]),
.seat-chart--regina #wrap-s15 polygon:not([fill="none"]):not([fill="transparent"]),
.seat-chart--regina #wrap-s15 circle:not([fill="none"]):not([fill="transparent"]),
/* 38（西側 / 東側の2グループ） */
.seat-chart--regina #wrap-s52 rect:not([fill="none"]):not([fill="transparent"]),
.seat-chart--regina #wrap-s52 path:not([fill="none"]):not([fill="transparent"]),
.seat-chart--regina #wrap-s52 polygon:not([fill="none"]):not([fill="transparent"]),
.seat-chart--regina #wrap-s52 circle:not([fill="none"]):not([fill="transparent"]),
.seat-chart--regina #wrap-s51 rect:not([fill="none"]):not([fill="transparent"]),
.seat-chart--regina #wrap-s51 path:not([fill="none"]):not([fill="transparent"]),
.seat-chart--regina #wrap-s51 polygon:not([fill="none"]):not([fill="transparent"]),
.seat-chart--regina #wrap-s51 circle:not([fill="none"]):not([fill="transparent"]),
/* 39（西側 / 東側の2グループ） */
.seat-chart--regina #wrap-s17 rect:not([fill="none"]):not([fill="transparent"]),
.seat-chart--regina #wrap-s17 path:not([fill="none"]):not([fill="transparent"]),
.seat-chart--regina #wrap-s17 polygon:not([fill="none"]):not([fill="transparent"]),
.seat-chart--regina #wrap-s17 circle:not([fill="none"]):not([fill="transparent"]),
.seat-chart--regina #wrap-s53 rect:not([fill="none"]):not([fill="transparent"]),
.seat-chart--regina #wrap-s53 path:not([fill="none"]):not([fill="transparent"]),
.seat-chart--regina #wrap-s53 polygon:not([fill="none"]):not([fill="transparent"]),
.seat-chart--regina #wrap-s53 circle:not([fill="none"]):not([fill="transparent"]),
/* 40 */
.seat-chart--regina #wrap-s18 rect:not([fill="none"]):not([fill="transparent"]),
.seat-chart--regina #wrap-s18 path:not([fill="none"]):not([fill="transparent"]),
.seat-chart--regina #wrap-s18 polygon:not([fill="none"]):not([fill="transparent"]),
.seat-chart--regina #wrap-s18 circle:not([fill="none"]):not([fill="transparent"]),
/* 41 */
.seat-chart--regina #wrap-s19 rect:not([fill="none"]):not([fill="transparent"]),
.seat-chart--regina #wrap-s19 path:not([fill="none"]):not([fill="transparent"]),
.seat-chart--regina #wrap-s19 polygon:not([fill="none"]):not([fill="transparent"]),
.seat-chart--regina #wrap-s19 circle:not([fill="none"]):not([fill="transparent"]),
/* 42（西側 / 東側の2グループ） */
.seat-chart--regina #wrap-s54 rect:not([fill="none"]):not([fill="transparent"]),
.seat-chart--regina #wrap-s54 path:not([fill="none"]):not([fill="transparent"]),
.seat-chart--regina #wrap-s54 polygon:not([fill="none"]):not([fill="transparent"]),
.seat-chart--regina #wrap-s54 circle:not([fill="none"]):not([fill="transparent"]),
.seat-chart--regina #wrap-s55 rect:not([fill="none"]):not([fill="transparent"]),
.seat-chart--regina #wrap-s55 path:not([fill="none"]):not([fill="transparent"]),
.seat-chart--regina #wrap-s55 polygon:not([fill="none"]):not([fill="transparent"]),
.seat-chart--regina #wrap-s55 circle:not([fill="none"]):not([fill="transparent"]) {
    fill: #d2d2d2 !important;
    stroke: #a0a0a0 !important;
}
