/**
 * Reviewed By EEAT Box — Front-End Styles
 *
 * Intentionally does NOT set font-family so the box inherits
 * typography from the active theme / Breakdance.
 *
 * Dynamic overrides (border, bg, padding, etc.) are injected
 * via wp_add_inline_style from admin settings.
 */

/* Box container — structural defaults only */
.rb-eeat-box {
    border: 1px solid #e0e0e0;
    background-color: #f9f9f9;
    padding: 20px;
    margin: 30px 0;
    border-radius: 8px;
    line-height: 1.6;
    box-sizing: border-box;
}

/* Heading */
.rb-eeat-heading {
    font-size: 1.1em;
    font-weight: 600;
    margin: 0 0 12px 0;
    padding: 0;
    color: inherit;
}

/* Reviewers container */
.rb-eeat-reviewers {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

/* Individual reviewer */
.rb-eeat-reviewer {
    display: flex;
    gap: 16px;
    align-items: flex-start;
}

/* Headshot */
.rb-eeat-headshot {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
}

/* Details block */
.rb-eeat-details {
    flex: 1;
    min-width: 0;
}

/* Name */
.rb-eeat-name {
    font-weight: 600;
    font-size: 1em;
}

.rb-eeat-name a {
    color: inherit;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.rb-eeat-name a:hover {
    text-decoration-thickness: 2px;
}

/* Credentials (inline after name) */
.rb-eeat-credentials {
    font-weight: 400;
    font-size: 1em;
    color: inherit;
}

/* Professional title */
.rb-eeat-title {
    display: block;
    font-size: 0.9em;
    opacity: 0.8;
    margin-top: 2px;
}

/* Specialty & License */
.rb-eeat-specialty,
.rb-eeat-license {
    display: block;
    font-size: 0.85em;
    opacity: 0.7;
    margin-top: 2px;
}

/* Short bio */
.rb-eeat-bio {
    font-size: 0.9em;
    margin: 8px 0 4px;
    opacity: 0.85;
}

/* About link */
.rb-eeat-about-link {
    display: inline-block;
    font-size: 0.85em;
    margin-top: 4px;
    color: inherit;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.rb-eeat-about-link:hover {
    text-decoration-thickness: 2px;
}

/* Last reviewed date */
.rb-eeat-date {
    font-size: 0.85em;
    opacity: 0.7;
    margin: 12px 0 0;
    padding-top: 10px;
    border-top: 1px solid rgba(0, 0, 0, 0.08);
}

/* Social media icons */
.rb-eeat-social-links {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 8px;
    align-items: center;
}

.rb-eeat-social-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    color: inherit;
    opacity: 0.55;
    transition: opacity 0.2s ease, color 0.2s ease, transform 0.2s ease;
    text-decoration: none;
    border-radius: 4px;
}

.rb-eeat-social-icon:hover {
    opacity: 1;
    transform: scale(1.15);
    text-decoration: none;
}

.rb-eeat-social-icon svg {
    width: 20px;
    height: 20px;
    display: block;
}

/* Platform-specific hover colors */
.rb-eeat-social-linkedin:hover { color: #0A66C2; }
.rb-eeat-social-x:hover        { color: #000000; }
.rb-eeat-social-facebook:hover  { color: #1877F2; }
.rb-eeat-social-youtube:hover   { color: #FF0000; }
.rb-eeat-social-tiktok:hover    { color: #FE2C55; }

/* Responsive: stack on small screens */
@media (max-width: 480px) {
    .rb-eeat-reviewer {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .rb-eeat-headshot {
        margin-bottom: 4px;
    }

    .rb-eeat-social-links {
        justify-content: center;
    }
}