/**
 * recipe-author-box CSS
 * Component-specific styles only
 * Uses global: .card, .text-primary, .text-sm, .btn .btn-icon .btn-sm .btn-primary
 */

/* ==========================================================================
   COMPONENT: AUTHOR BOX
   ========================================================================== */

/* Layout overrides for .card base */
.fbl-author-box {
    display: flex;
    gap: var(--spacing-6);
    padding: var(--spacing-8);
    align-items: center;
    margin: var(--spacing-8) 0;
    border-radius: var(--radius-2xl);
    box-shadow: var(--shadow-md);
}

.fbl-author-box .author-image {
    flex-shrink: 0;
}

.fbl-author-box .author-image img {
    object-fit: cover;
    border-radius: var(--radius-full);
    width: 72px;
    height: 72px;
}

/* Author name heading */
.fbl-author-box .author-name {
    margin: 0 0 var(--spacing-2);
    font-size: var(--font-size-xl);
    font-weight: var(--font-weight-semibold);
}

/* Description paragraph - uses .text-sm for font-size */
.fbl-author-box .author-content p {
    margin: 0;
    color: var(--color-neutral-600);
    line-height: var(--line-height-relaxed);
}

/* Author Social Links */
.author-social-links {
    display: flex;
    gap: var(--spacing-3);
    margin-top: var(--spacing-4);
    flex-wrap: wrap;
}

/* Social icon sizing - buttons use global .btn .btn-icon .btn-sm .btn-primary */
.author-social-links .social-icon {
    width: 16px;
    height: 16px;
    fill: currentColor;
}

.author-social-links .social-icon--custom {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: var(--radius-full);
}

@media (max-width: 600px) {
    .fbl-author-box {
        flex-direction: column;
        text-align: center;
    }

    .author-social-links {
        justify-content: center;
    }
}