/**
 * Written By Block Styles
 * Slim row layout: Logo | Text | Button
 * Inherits global button styles from components.css.
 */

.written-by-block {
    overflow: hidden;
    background-color: #b0262d;
    color: white;
    border-radius: 8px;
    padding: 60px 40px !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
    flex-wrap: wrap;
}

/* Logo — invert to white on red background */
.written-by-block .wp-block-site-logo img,
.written-by-block .wp-block-site-logo svg,
.written-by-block .custom-logo {
    filter: brightness(0) invert(1);
    max-width: 180px;
    height: auto;
}

/* Description text */
.written-by-block .written-by-description {
    font-size: var(--wp--preset--font-size--medium, 16px);
    line-height: 1.6;
    color: white;
    margin: 0;
    flex: 1;
    min-width: 250px;
    text-align: left;
}

/* Button sizing handled by inline block styles */

/* Responsive adjustments */
@media (max-width: 781px) {
    .written-by-block {
        padding: 40px 20px !important;
        flex-direction: column;
        align-items: flex-start;
        gap: 1.5rem;
    }

    .written-by-block .written-by-description {
        min-width: 100%;
    }
}