/* OGP Partner call-out — product roundup singles, after article, before related posts */

.ogp-partner-callout {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
    margin: 1.6rem 0;
    padding: 1rem 1.25rem;
    border-radius: 10px;
    background: color-mix(in srgb, var(--ogp-accent, #1fb566) 8%, #ffffff);
    border: 1px solid color-mix(in srgb, var(--ogp-accent, #1fb566) 30%, #ffffff);
    border-left: 4px solid var(--ogp-accent, #1fb566);
}

.ogp-partner-callout__tag {
    display: inline-block;
    font-size: 1.2rem !important;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #ffffff !important;
    background: var(--ogp-accent, #1fb566);
    padding: 0.3rem 0.75rem;
    border-radius: 999px;
    flex: none;
    white-space: nowrap;
    line-height: 1.5;
}

.ogp-partner-callout__text {
    margin: 0;
    font-size: 17px !important;
    font-weight: 500;
    color: #1c1c1c;
}

.ogp-partner-callout__spacer {
    flex: 1 1 20px;
}

/* Darken the accent 40% so light channels (yellow, pink, lavender) stay readable */
.ogp-partner-callout .ogp-partner-callout__link {
    font-weight: 700;
    font-size: 20px !important;
    color: color-mix(in srgb, var(--ogp-accent, #1fb566) 60%, #000000) !important;
    text-decoration: none !important;
    white-space: nowrap;
    border-bottom: none !important;
    line-height: 1.65;
}

.ogp-partner-callout .ogp-partner-callout__link:hover {
    text-decoration: underline !important;
}

@media (max-width: 540px) {
    .ogp-partner-callout {
        flex-direction: column;
        align-items: flex-start;
    }
    .ogp-partner-callout__spacer {
        display: none;
    }
}