/**
 * File Path: assets/css/mbs-admin-settings-series.css
 * Series tab styles; loaded when the Series tab is active.
 * @package MyBookShowroom
 * @since   1.0.0
 */

/* SERIES TAB LAYOUT (Phase 4d — Round 3)                     */
/*                                                            */
/* Mirrors the Authors card layout: one <form>-wrapped        */
/* <details> per series. Adds a dedicated reading-order       */
/* section with a jQuery UI Sortable book list.               */
/* ========================================================= */

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

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

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

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

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

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

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

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

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

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

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

/* ----- Options grid: Default Sort + Complete checkbox ----- */
.mbs-series-options-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
    gap: 20px 28px;
    margin-bottom: 18px;
    align-items: start;
}

@media (max-width: 900px) {
    .mbs-series-options-grid {
        grid-template-columns: 1fr;
    }
}

/* Shared box chrome — sort fieldset and complete-cell share the same card look (R-002) */
.mbs-series-default-sort,
.mbs-series-complete-cell {
    padding: 12px 14px;
    border: 1px solid #dcdcde;
    border-radius: 4px;
    background: #fff;
}

/* Default-sort radio fieldset */
.mbs-series-default-sort {
    margin: 0; /* override fieldset default margin */
}

.mbs-series-default-sort > legend {
    padding: 0 6px;
    font-size: 13px;
    font-weight: 600;
    color: #2c3338;
}

.mbs-series-default-sort-option {
    display: grid;
    grid-template-columns: auto 1fr;
    column-gap: 10px;
    align-items: start;
    padding: 6px 0;
    cursor: pointer;
}

.mbs-series-default-sort-option > input[type="radio"] {
    margin-top: 3px;
}

/* Shared option-label typography — applies to both sort-option and complete-label (R-002) */
.mbs-series-options-grid strong {
    display: block;
    font-size: 13px;
    font-weight: 600;
    color: #2c3338;
}

.mbs-series-options-grid small {
    display: block;
    font-size: 12px;
    color: #646970;
    line-height: 1.4;
}

/* Complete checkbox cell */
.mbs-series-complete-label {
    display: grid;
    grid-template-columns: auto 1fr;
    column-gap: 10px;
    align-items: start;
    cursor: pointer;
}

.mbs-series-complete-label > input[type="checkbox"] {
    margin-top: 3px;
}

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

/* BNR-001: WordPress admin .button { display: inline-block } overrides the
   browser UA [hidden] { display: none } rule (equal specificity, author wins).
   Enforce display:none explicitly with a higher-specificity compound selector. */
.mbs-series-banner-controls .mbs-series-banner-remove[hidden] {
    display: none;
}
