/*
 * «ارزینجا را در گوگل دنبال کنید» — Google Preferred Sources button
 * (template-parts/components/preferred-source.php). Enqueued by
 * src/Base/NewsSeo.php on single posts and the cryptonews archive.
 * Plain CSS: the Tailwind build cannot be re-run. Colours come from the
 * theme tokens in theme-mode.css; the fallbacks are the light values
 * (tokens are only defined under html.dark-mode). Logical properties only,
 * so RTL and LTR both lay out correctly.
 */
.arz-pref-source { display: flex; margin-block: .75rem 0; }
.arz-pref-source--archive { margin-block: .5rem; }

.arz-pref-source__btn {
    display: inline-flex; align-items: center; gap: .5rem;
    min-height: 40px; padding-block: .4rem; padding-inline: .9rem 1rem;
    border-radius: 999px;
    border: 1px solid rgb(var(--arz-c-border-strong, 229 231 235));
    background: rgb(var(--arz-c-block, 255 255 255));
    color: rgb(var(--arz-c-title, 31 41 55));
    font-size: .9rem; font-weight: 600; line-height: 1.4; text-decoration: none;
    transition: border-color .15s ease, background-color .15s ease;
}
.arz-pref-source__btn:hover {
    border-color: rgb(var(--arz-c-primary, 22 163 122));
    background: rgb(var(--arz-c-primary-tint, 230 248 241));
    color: rgb(var(--arz-c-title, 31 41 55));
}
.arz-pref-source__btn:focus-visible {
    outline: 3px solid rgb(var(--arz-c-primary, 22 163 122));
    outline-offset: 2px;
}
.arz-pref-source__logo { flex: none; width: 18px; height: 18px; }
.arz-pref-source__text { white-space: nowrap; }

@media (max-width: 420px) {
    .arz-pref-source__btn { font-size: .85rem; padding-inline: .75rem .85rem; }
    .arz-pref-source__text { white-space: normal; }
}