/**
 * @file
 * Styles for field groups display.
 */

/* Field group sections */
.field-group-html-element {
    background: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 6px;
    padding: 20px;
    margin-bottom: 20px;
}

.field-group-html-element:last-child {
    margin-bottom: 0;
}

/* Individual field items within groups */
.field-group-html-element .field {
    margin-bottom: 15px;
}

.field-group-html-element .field:last-child {
    margin-bottom: 0;
}

/* Field labels within groups */
.field-group-html-element .field__label {
    font-weight: 600;
    color: #495057;
    margin-bottom: 5px;
}

/* Field items */
.field-group-html-element .field__item {
    color: #212529;
}

/* Table-like layout for fields with inline labels */
section .field--label-inline {
    display: grid;
    grid-template-columns: minmax(150px, 200px) 1fr;
    gap: 10px 20px;
    align-items: start;
    margin-bottom: 0;
    padding: 0;
    border-bottom: 1px solid #f0f0f0;
}

section .field--label-inline:last-child {
    border-bottom: none;
}

section .field--label-inline .field__label {
    margin-bottom: 0;
    text-align: left;
    font-weight: 600;
}

section .field--label-inline .field__items {
    text-align: left;
}

/* Stack layout for fields with above labels (default) */
section .field--label-above .field__label {
    margin-bottom: 5px;
    display: block;
    font-weight: 600;
}

section .field--label-above .field__items {
    display: block;
}

/* Add spacing between multiple field items */
section .field__items .field__item {
    margin-bottom: 5px;
}

section .field__items .field__item:last-child {
    margin-bottom: 0;
}

/* Add spacing between multiple field items */
section .field__items>.field__item {
    margin-bottom: 20px;
}

section .field__items>.field__item:last-child {
    margin-bottom: 0;
}

/* Separator line for entity reference items */
section .field--type-entity-reference > .field__items > .field__item {
    padding-bottom: 15px;
    margin-bottom: 15px !important;
    border-bottom: 1px solid rgb(200, 210, 220);
}

section .field--type-entity-reference > .field__items > .field__item:last-child {
    border-bottom: none;
    margin-bottom: 0 !important;
    padding-bottom: 0;
}


/* Style embedded ebook titles within sections */
section .field__item article h2 {
    font-size: 1rem;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 10px;
}

section .field__item article h2 a {
    text-decoration: none;
    color: #007bff;
}

section .field__item article h2 a:hover {
    text-decoration: underline;
}

/* Specific group styling if needed */
section {
    background: #ffffff;
    border: 1px solid #e1e8ed;
    border-radius: 12px;
    padding: 16px 20px;
    margin-bottom: 16px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
    transition: box-shadow 0.2s ease;
}

.workflow-current-state strong {
    font-weight: 600;
}

/* section#metadata {
    border-color: #007bff;
}

section#sales {
    border-color: #28a745;
}

section#materials {
    border-color: #ffc107;
}

section#ebooks {
    border-color: #17a2b8;
}

section#notes {
    border-color: #6c757d;
} */