/*
 * File Path: assets/css/admin/entities/entities-card.css
 * Entity card chrome -- collapsible <details>/<summary> card used by
 * Authors, Series, Collections, and Universes tabs.
 * Component of mbs-admin-settings-entities.css (R-017).
 */

/* ==========================================================================
   ENTITY CARD CHROME
   Collapsible <details>/<summary> card used by Authors, Series, Collections.
   ========================================================================== */

/* Outer <form> wrapper — no visible styling; spacing only. */
.mbs-entity-card-form {
    margin: 0 0 12px 0;
}

/* The <details> element itself — overrides .mbs-settings-card default padding
   so the <summary> header fills the full card width. */
.mbs-entity-card {
    padding: 0;
    margin-bottom: 0;
}

/* Strip the browser default disclosure triangle. */
.mbs-entity-card > summary {
    list-style: none;
    cursor: pointer;
}

.mbs-entity-card > summary::-webkit-details-marker {
    display: none;
}

/* Card header row (collapsed state). */
.mbs-entity-card-summary {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 12px 20px;
    user-select: none;
}

.mbs-entity-card-summary:hover {
    background: #f6f7f7;
}

/* Chevron is provided by the consolidated multi-selector rule in
   mbs-admin-settings.css. No chevron rule needed here. */

/* Name + count/meta text column. */
.mbs-entity-card-heading {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.mbs-entity-card-name {
    font-size: 14px;
    font-weight: 600;
    color: #2c3338;
    line-height: 1.3;
}

.mbs-entity-card-meta {
    font-size: 12px;
    color: #646970;
    line-height: 1.3;
}

/* Expanded body. */
.mbs-entity-card-body {
    padding: 18px 20px 20px;
    border-top: 1px solid #f0f0f1;
    background: #fafafa;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

/* Nav-links row: "Edit slug in WordPress" + "View [X]" sit side-by-side, flush right. */
.mbs-entity-card-nav-links {
    display: flex;
    gap: 14px;
    justify-content: flex-end;
    align-items: center;
    margin-bottom: 10px;
}

.mbs-entity-card-edit-link {
    font-size: 12px;
    white-space: nowrap;
}

/* View button: WP button-small handles sizing; just prevent wrapping. */
.mbs-entity-card-view-link {
    white-space: nowrap;
}

.mbs-entity-card-edit-link:focus,
.mbs-entity-card-view-link:focus {
    outline: 1px dotted var(--mbs-status-info);
    outline-offset: 2px;
}

/* Save-button row at the bottom of each card body. */
.mbs-entity-card-body .mbs-settings-actions {
    margin-top: 18px;
    justify-content: flex-end;
}

