/**
 * Drink Block - 共通CSS
 * 全パターン共通のベーススタイル
 */

/* ==========================================================================
   Block Container
   ========================================================================== */

.drink-block {
    margin-bottom: 2rem;
}

/* ==========================================================================
   Editor Styles
   ========================================================================== */

.drink-block-editor-preview {
    /* インラインスタイルで定義済み */
}

/* Sortable category list */
.sortable-category-list .category-item:hover {
    background-color: #e8e8e8 !important;
}

.sortable-category-list .category-item.drag-over {
    background-color: #e3f2fd !important;
}

/* ==========================================================================
   Category Structure
   ========================================================================== */

.drink-block__category {
    margin-bottom: 3rem;
}

.drink-block__category-title {
    font-size: 1.75rem;
    margin-bottom: 1.5rem;
    padding-bottom: 0.5rem;
    border-bottom: 2px solid #e0e0e0;
}

.drink-block__category-image {
    display: block;
    margin-bottom: 2rem;
    text-align: center;
}

.drink-block__category-image img {
    max-width: 400px;
    width: 100%;
    height: auto;
}

.drink-block__items {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

/* ==========================================================================
   Default Pattern Specific
   ========================================================================== */

.drink-block--default {
    /* defaultパターン固有のスタイルはパターンCSSファイルに記述 */
}

/* ==========================================================================
   Card Pattern Base
   ========================================================================== */

.drink-block--card {
    /* cardパターン固有のスタイルはパターンCSSファイルに記述 */
}