/**
 * Course Block - Common CSS
 * コースブロック共通スタイル
 */

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


/* ==========================================================================
   Course Item
   ========================================================================== */
.course-block {
    margin-bottom: 2rem;
}


/* ==========================================================================
   Price Display
   ========================================================================== */
.course-price {
    text-align: right;
    font-size: 1.1em;
    margin-bottom: 1rem;
}

.course-price strong {
    display: inline-block;
}

/* ==========================================================================
   Description
   ========================================================================== */
.course-description {
    font-size: 0.9em;
    margin: 0.5em 0 1em;
}

/* ==========================================================================
   Editor Styles
   ========================================================================== */
.course-block-editor {
    padding: 20px;
}

.course-block-preview {
    margin-top: 20px;
}

/* ドラッグ&ドロップスタイル */
.course-draggable-item {
    transition: all 0.2s ease;
}

.course-draggable-item:hover {
    background-color: #e8e8e8 !important;
}

.course-draggable-item.is-drag-over {
    background-color: #d0e6ff !important;
    border-color: #0073aa !important;
}