/*
 * General WordPress template shells built from the existing component tokens.
 */

.bhw-template-shell {
    padding-block: var(--bhw-space-6) var(--bhw-layout-section-space);
}

.bhw-template-shell__breadcrumb {
    margin-block-end: var(--bhw-space-6);
}

.bhw-content-shell,
.bhw-search-shell,
.bhw-error-shell {
    display: grid;
    gap: var(--bhw-space-6);
}

.bhw-content-shell > *,
.bhw-search-shell > *,
.bhw-error-shell > * {
    min-width: 0;
}

.bhw-content-shell__header,
.bhw-search-shell__header {
    display: grid;
    gap: var(--bhw-space-3);
    max-width: var(--bhw-layout-reading-max);
}

.bhw-content-shell__header > *,
.bhw-search-shell__header > * {
    margin: 0;
}

.bhw-content-shell__lead {
    color: var(--bhw-color-text-secondary);
    font-size: var(--bhw-text-lg);
    line-height: var(--bhw-leading-loose);
}

.bhw-reading-content {
    width: min(100%, var(--bhw-layout-reading-max));
}

.bhw-reading-content > :first-child {
    margin-block-start: 0;
}

.bhw-reading-content > :last-child {
    margin-block-end: 0;
}

.bhw-reading-content :where(p, ul, ol, blockquote) {
    max-width: var(--bhw-layout-reading-max);
}

.bhw-reading-content :where(ul, ol) {
    padding-inline-start: var(--bhw-space-6);
}

.bhw-content-shell__note {
    max-width: var(--bhw-layout-reading-max);
}

.bhw-content-shell__editor {
    padding-block-start: var(--bhw-space-4);
    border-block-start: var(--bhw-border-thin) solid var(--bhw-color-border);
    font-size: var(--bhw-text-sm);
}

.bhw-template-state {
    max-width: var(--bhw-layout-reading-max);
}

.bhw-template-state__actions {
    display: flex;
    flex-wrap: wrap;
    gap: var(--bhw-space-3);
}

.bhw-template-search {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: var(--bhw-space-3);
    width: min(100%, var(--bhw-layout-reading-max));
}

.bhw-template-search label {
    grid-column: 1 / -1;
    font-weight: var(--bhw-weight-semibold);
}

.bhw-template-search input[type="search"] {
    min-width: 0;
    min-height: var(--bhw-control-min-size);
    padding: var(--bhw-space-3) var(--bhw-space-4);
    border: var(--bhw-border-thin) solid var(--bhw-color-border-strong);
    border-radius: var(--bhw-radius-small);
    background: var(--bhw-color-background-secondary);
    color: var(--bhw-color-text-primary);
}

.bhw-search-shell__query {
    color: var(--bhw-color-text-secondary);
}

.bhw-search-results {
    display: grid;
    gap: var(--bhw-layout-grid-gap);
}

.bhw-search-result h2,
.bhw-search-result p {
    margin: 0;
}

.bhw-search-result h2 {
    font-size: var(--bhw-text-xl);
}

.bhw-search-guidance {
    margin: 0;
    padding-inline-start: var(--bhw-space-5);
}

@media (max-width: 34.999rem) {
    .bhw-template-shell {
        padding-block-start: var(--bhw-space-5);
    }

    .bhw-template-search {
        grid-template-columns: minmax(0, 1fr);
    }

    .bhw-template-search label {
        grid-column: auto;
    }

    .bhw-template-search button {
        width: 100%;
    }
}