/**
 * Meet Our Authors Section
 * Styles match Figma design exactly
 *
 * @package Bonusovekody
 * @since 2.0.0
 */

/* ============================================
 * SECTION WRAPPER
 * ============================================ */

#meet-our-authors {
    background: transparent;
    position: relative;
}

#meet-our-authors .container {
    padding: 0;
    background: transparent;
}

.meet-our-authors__wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 48px;
    align-items: center;
    position: relative;
}

/* ============================================
 * LEFT SIDE - AUTHOR ILLUSTRATIONS
 * ============================================ */

.meet-our-authors__image {
    display: flex;
    justify-content: center;
    align-items: center;
}

.meet-our-authors__image img {
    border-radius: 16px;
    max-width: 100%;
    height: auto;
}

/* ============================================
 * RIGHT SIDE - CONTENT
 * ============================================ */

.meet-our-authors__content {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.meet-our-authors__title {
    font-family: Rubik, 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 32px;
    font-weight: 700;
    line-height: 40px;
    margin: 0;
}

.meet-our-authors__description {
    color: #666;
    margin: 0;
}

/* ============================================
 * WARNING SECTION WITH ICON
 * ============================================ */

.meet-our-authors__warning {
    display: flex;
    gap: 8px;
    align-items: center;
}

.meet-our-authors__warning-icon {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    display: block;
}

.meet-our-authors__warning-text {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    color: #666;
    margin: 0;
}

.meet-our-authors__warning-link {
    color: #2D7AE9;
    text-decoration: none;
}

.meet-our-authors__warning-link:hover {
    text-decoration: underline;
    color: #2D7AE9;
}

/* ============================================
 * BUTTON
 * ============================================ */

.meet-our-authors__button a:hover {
    background: #fff;
}

/* ============================================
 * RESPONSIVE - MOBILE
 * ============================================ */

@media (max-width: 767px) {

    #meet-our-authors {
        padding: 0;
    }

    .meet-our-authors__wrapper {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    /* Image at top on mobile */
    .meet-our-authors__image {
        order: 1;
    }

    /* Content below image */
    .meet-our-authors__content {
        order: 2;
        gap: 20px;
    }

    .meet-our-authors__title {
        font-size: 24px;
        line-height: 32px;
    }

    .meet-our-authors__description {
        font-size: 16px;
        line-height: 24px;
    }

    .meet-our-authors__warning {
        gap: 8px;
    }

    .meet-our-authors__button .btn {
        width: 100%;
        display: block;
        text-align: center;
    }
}

/* ============================================
 * RESPONSIVE - TABLET
 * ============================================ */

@media (min-width: 768px) and (max-width: 1024px) {
    .meet-our-authors__wrapper {
        grid-template-columns: 1fr 1fr;
        gap: 32px;
    }

    .meet-our-authors__title {
        font-size: 28px;
        line-height: 36px;
    }
}