@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/


/* ==============================================
   推し活フラワーマーケット カスタムスタイル
   ============================================== */

/* ギャラリー: 縦写真対応 */
.venue-gallery .gallery-thumb {
    aspect-ratio: 1 / 1;
    overflow: hidden;
}
.venue-gallery .gallery-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
}

/* 会場一覧カード */
.venue-card {
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .08);
    transition: transform .2s ease, box-shadow .2s ease;
}
.venue-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 6px 20px rgba(0, 0, 0, .12);
}

/* 申込状況バッジ */
.venue-status-badge {
    display: inline-block;
    padding: 2px 10px;
    border-radius: 20px;
    font-size: .75rem;
    font-weight: bold;
}
.venue-status-badge.open   { background: #e8f5e9; color: #2e7d32; }
.venue-status-badge.full   { background: #fce4ec; color: #c62828; }
.venue-status-badge.coming { background: #f3e5f5; color: #6a1b9a; }

/* SP3: 会社概要テーブルの th を折り返さない（「メー」「ル」分割防止） */
.page-id-12 table th {
    white-space: nowrap;
    word-break: normal;
}
/* SP2: 利用方法ページ デザインプランカード — SP縦積み */
@media (max-width: 599px) {
  body.page-id-417 .wp-block-columns:has(.plan-card) > .wp-block-column,
  body.page-id-417 .wp-block-column:has(.plan-card) {
    flex-basis: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
  }
}