/* =============================================================
   Author Card
   Component: .author-card
   ============================================================= */

.author-card {
    overflow: hidden;
    display: flex;
    flex-direction: column;
    height: 100%;
    background-color: var(--wp--preset--color--background-quaternary);
    border-radius: .5rem;
}

.author-card__header {
    position: relative;
}
.author-card__image {
    position: relative;
    width: 100%;
    height: 10.5rem;
    margin: 0;
    overflow: hidden;
}

.author-card__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 25%;
    display: block;
}

.author-card__name-overlay {
    color: var(--wp--preset--color--text);
    margin-bottom: 16px;
}

.author-card__posts {
    display: flex;
    flex-direction: column;
    padding: var(--wp--preset--spacing--s);
    border-bottom-left-radius: .5rem;
    border-bottom-right-radius: .5rem;
}

.author-card__post-item {
    display: flex;
    flex-direction: column;
    padding-bottom: .75rem;
    margin-bottom: .75rem;
    border-bottom: 1px solid var(--wp--preset--color--border-primary);
}

.author-card__post-item:last-child {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}

.author-card__cta {
    /* padding: var(--wp--preset--spacing--s) var(--wp--preset--spacing--s) 0; */
}

.author-card__cta a {
    /* width: 100%;
    display: block;
    border-radius: 0 !important;
    justify-content: flex-start !important; */
}

.author-card__footer {
    display: flex;
    flex-direction: column;
    gap: var(--wp--preset--spacing--xs);
    margin-top: auto;
    padding: 0 var(--wp--preset--spacing--s) var(--wp--preset--spacing--s);
}

.author-card__footer a {
    width: 100%;
}

.author-card__footer .author-card__button {
    width: 100%;
}

.author-card__post-date {
    font-family: var(--wp--preset--font-family--clash-display);
    font-size: 10px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: var(--wp--preset--color--text-secondary) !important;
    white-space: nowrap;
}

.author-card__post-title {
    font-family: var(--wp--preset--font-family--clash-display);
    font-weight: 500;
    font-size: var(--wp--preset--font-size--sm);
    line-height: var(--line-height-third);
    letter-spacing: 0;
}

.author-card__post-meta {
    display: flex;
    gap: var(--wp--preset--spacing--xs);
    margin-bottom: var(--wp--preset--spacing--xs);
    font-family: var(--wp--preset--font-family--clash-display);
    font-weight: 500;
    font-size: var(--wp--preset--font-size--2-xs);
    line-height: 1;
    letter-spacing: 0.15em;
    text-transform: uppercase;
}

.author-card__post-category {
    display: none;
    align-items: baseline;
    color: var(--wp--preset--color--accent);
}

.author-card__post-category::before {
    content: "";
    display: inline-block;
    width: .25rem;
    height: .25rem;
    min-width: .25rem;
    flex-shrink: 0;
    border-radius: 1.25rem;
    background-color: #D9D9D9;
    opacity: 1;
    margin-right: 10px;
    vertical-align: middle;
    transform: translateY(-0.0625rem);
}

.author-card__button {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .5rem;
    font-family: var(--wp--preset--font-family--clash-display);
    font-weight: 500;
    font-size: var(--wp--preset--font-size--sm);
    line-height: 1.25rem;
    letter-spacing: 0;
    text-transform: uppercase;
    color: var(--wp--preset--color--text);
}

/* Context: overlay style variant (WP block style) */
.wp-block-rothcocpa-author-card.is-style-author-overlay .author-card__image::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(185deg, rgba(0, 0, 0, 0) 64%, #000000 98%);
    z-index: 0;
    pointer-events: none;
}

.author-card.is-style-author-overlay .author-card__name-overlay {
    position: absolute;
    right: var(--wp--preset--spacing--s);
    bottom: var(--wp--preset--spacing--s);
    left: var(--wp--preset--spacing--s);
    margin: 0;
    color: var(--wp--preset--color--text-inverted);
    z-index: 1;
}

/* Responsive: specific layout override */
@media (min-width: 48rem) and (max-width: 75rem) {
    .wp-container-core-columns-is-layout-28f84493.wp-block-columns {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: var(--wp--style--block-gap, 32px);
    }

    .wp-container-core-columns-is-layout-28f84493.wp-block-columns > .wp-block-column:nth-child(4) {
        grid-column: 1 / -1;
    }

    .wp-container-core-columns-is-layout-28f84493.wp-block-columns > .wp-block-column:nth-child(4) .wp-block-cover {
        min-height: 16.25rem !important;
    }

    .wp-container-core-columns-is-layout-28f84493.wp-block-columns > .wp-block-column:nth-child(4) .wp-block-cover__image-background {
        height: 16.25rem !important;
        width: 100%;
        object-fit: cover;
        object-position: 50% 32%;
    }
}

/* Context: header button layout */
.is-layout-header-button .author-card__header {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    gap: var(--wp--preset--spacing--xs);
    height: 16rem;
    padding: var(--wp--preset--spacing--s);
}
.is-layout-header-button .author-card__image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.author-card.wp-block-rothcocpa-author-card.is-layout-header-button .author-card__name-overlay {
    position: relative;
    inset: auto;
}
.is-layout-header-button .author-card__cta {
    position: relative;
    z-index: 1;
}