/**
 * File Path: assets/css/mbs-admin-settings-collections.css
 * Collections tab styles — mirrors series tab with collection-specific class names; loaded when tab is active.
 * @package MyBookShowroom
 * @since   1.0.0
 */

/* ----- Tab wrapper ----- */
.mbs-tab-collections {
    max-width: 1200px;
    padding-top: 12px;
}

.mbs-tab-collections > h2 {
    margin-bottom: 8px;
}

.mbs-collection-card-list {
    margin-top: 20px;
}

/* Full-width description field. */
.mbs-collection-field-wide {
    margin-bottom: 16px;
    clear: both;
}

.mbs-collection-field-wide > textarea,
.mbs-collection-description-field {
    width: 100%;
    box-sizing: border-box;
    font-size: 13px;
    min-height: 68px;
}

/* ----- Collection Type select ----- */
.mbs-collection-type-cell {
    margin-bottom: 18px;
}

.mbs-collection-type-cell > label {
    display: block;
    font-size: 13px;
    font-weight: 600;
    color: #2c3338;
    margin-bottom: 6px;
}

.mbs-collection-type-select {
    min-width: 260px;
    font-size: 13px;
}

.mbs-collection-type-cell > .description {
    margin-top: 6px;
    font-size: 12px;
    color: #646970;
}

/* ----- Reading-order section ----- */
/* Rules consolidated to mbs-admin-settings-entities.css as
   .mbs-entity-reading-order-section (P-003). */

/* ----- Banner image field (F-BNR-C) ----- */
.mbs-collection-field-banner {
    margin-bottom: 16px;
}

.mbs-collection-field-banner > label {
    display: block;
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 6px;
    color: #2c3338;
}

.mbs-collection-banner-wrap {
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: flex-start;
}

.mbs-collection-banner-img {
    max-width: 320px;
    max-height: 120px;
    object-fit: cover;
    border-radius: 3px;
    border: 1px solid #dcdcde;
}

.mbs-collection-banner-controls {
    display: flex;
    gap: 8px;
}

.mbs-collection-field-banner .description {
    font-size: 12px;
    color: #646970;
    margin: 0;
}

/* BNR-001 pattern: WP admin .button overrides UA [hidden]. Compound selector wins. */
.mbs-collection-banner-controls .mbs-collection-banner-remove[hidden] {
    display: none;
}
