/*
 * Follow buttons and the language directory (channels_assets() in lgbt-scripture-companion.php).
 *
 * Moved out of PHP into this stylesheet by D-397 part 3; the rules below are byte-identical to the CSS the PHP
 * printed before the move.
 *
 * Notes from the PHP source:
 * Brand colours, from theme.json settings.custom.brand (D-392, toned by 678B). Each button keeps its brand's own
 * hue (WhatsApp #25D366, Facebook #0866FF) at the theme gold's saturation (OKLCH chroma 0.108, the gold button
 * #9a6f1e), so the three read as one family (Jason, 2026-10-12: "colors that have a similar range", "our gold is
 * our theme", "a green/blue that is within relationship to our theme and the social brand they represent").
 * WhatsApp #1d6533 (white label 7.09:1), hover #3e834f (4.60:1); Facebook #365896 (7.02:1), hover #5175b5
 * (4.60:1). Both are filled with a white label in every state (D-392: "facebook needs same button type"): a
 * phone's forced dark mode keeps a mid fill and a white label as they are but pales a dark label on a light
 * fill, so the hover brightens the fill and keeps the white label. The selectors
 * outrank the theme's outline rule rather than rely on order: a block theme prints this inline style
 * BEFORE style.css.
 * 44px: an easy target on a phone (the commentary team: 'easy to tap on mobile').
 * border-box: the theme leaves button links content-box, so width:100% and the
 * 44px minimum were measured without their padding and border, and every card
 * button came out 28px wider than its card and 64px tall (measured 2026-09-22).
 * At most three across, and a card never narrower than 12.5rem, so the
 * width alone picks 3x2, 2x3 or 1x6 (Jason, 2026-09-22); the live band
 * uses the same rule. Every row is as tall as the tallest card, so the
 * cards stay one size.
 * every button the card's full width; a label too long for one line (Bengali,
 * Hindi, Marathi in a 3-across card) wraps inside its button, centred
 * the longest labels (Bengali, Hindi) fit one line in a 3-across card at this size
 * level 2: the one-line entries in one centred row under the cards, wrapping
 * as languages are added; each boxed like the cards (same border, radius and
 * background), one line high
 * a 44px target, the height of the follow buttons beside it in the row
 */
.lgbt-reader-channels{display:flex;flex-direction:column;align-items:center;gap:1.25rem;margin:1.5rem 0}.lgbt-rc-email{justify-content:center}.lgbt-rc-follow{align-self:stretch;display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:1rem 1.5rem}.lgbt-reader-channels .wp-block-button.lgbt-rc-primary>.wp-block-button__link,.lgbt-ld-card .wp-block-button.lgbt-rc-primary>.wp-block-button__link,.lgbt-ld-extra .wp-block-button.lgbt-rc-primary>.wp-block-button__link{background-color:var(--wp--custom--brand--whatsapp-button);color:var(--wp--preset--color--white);border:2px solid var(--wp--custom--brand--whatsapp-button)}.lgbt-reader-channels .wp-block-button.lgbt-rc-primary>.wp-block-button__link:hover,.lgbt-reader-channels .wp-block-button.lgbt-rc-primary>.wp-block-button__link:focus-visible,.lgbt-ld-card .wp-block-button.lgbt-rc-primary>.wp-block-button__link:hover,.lgbt-ld-card .wp-block-button.lgbt-rc-primary>.wp-block-button__link:focus-visible,.lgbt-ld-extra .wp-block-button.lgbt-rc-primary>.wp-block-button__link:hover,.lgbt-ld-extra .wp-block-button.lgbt-rc-primary>.wp-block-button__link:focus-visible{background-color:var(--wp--custom--brand--whatsapp-button-hover);border-color:var(--wp--custom--brand--whatsapp-button-hover);color:var(--wp--preset--color--white)}.lgbt-reader-channels .wp-block-button.lgbt-rc-facebook>.wp-block-button__link,.lgbt-ld-card .wp-block-button.lgbt-rc-facebook>.wp-block-button__link,.lgbt-ld-extra .wp-block-button.lgbt-rc-facebook>.wp-block-button__link{background-color:var(--wp--custom--brand--facebook-button);color:var(--wp--preset--color--white);border:2px solid var(--wp--custom--brand--facebook-button)}.lgbt-reader-channels .wp-block-button.lgbt-rc-facebook>.wp-block-button__link:hover,.lgbt-reader-channels .wp-block-button.lgbt-rc-facebook>.wp-block-button__link:focus-visible,.lgbt-ld-card .wp-block-button.lgbt-rc-facebook>.wp-block-button__link:hover,.lgbt-ld-card .wp-block-button.lgbt-rc-facebook>.wp-block-button__link:focus-visible,.lgbt-ld-extra .wp-block-button.lgbt-rc-facebook>.wp-block-button__link:hover,.lgbt-ld-extra .wp-block-button.lgbt-rc-facebook>.wp-block-button__link:focus-visible{background-color:var(--wp--custom--brand--facebook-button-hover);border-color:var(--wp--custom--brand--facebook-button-hover);color:var(--wp--preset--color--white)}.lgbt-reader-channels .wp-block-button__link,.lgbt-ld-card .wp-block-button__link,.lgbt-commentary-cta .wp-block-button__link{min-height:2.75rem;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center}.lgbt-rc-item{flex:0 1 20rem;display:flex;flex-direction:column;align-items:center;text-align:center}.lgbt-reader-channels .wp-block-button__link,.lgbt-ld-card .wp-block-button__link{display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.lgbt-rc-icon{margin-inline-end:.5rem}.lgbt-rc-note{margin:.6rem 0 0;font-size:var(--wp--preset--font-size--small);line-height:1.5;color:var(--wp--preset--color--meta)}.lgbt-lang-dir{margin:2rem 0}.lgbt-ld-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(max(12.5rem,calc((100% - 2rem) / 3)),1fr));grid-auto-rows:1fr;gap:1rem;margin-top:1rem}.lgbt-ld-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.4rem;padding:1rem .75rem;background:var(--wp--preset--color--base);border:1px solid var(--wp--preset--color--border-cream);border-radius:var(--wp--preset--border-radius--card)}.lgbt-ld-name{margin:0;font-size:var(--wp--preset--font-size--card-title)}.lgbt-ld-name a,.lgbt-ld-title a{color:var(--wp--custom--link--title);text-decoration:none}.lgbt-ld-name a:hover,.lgbt-ld-title a:hover,.lgbt-ld-name a:focus-visible,.lgbt-ld-title a:focus-visible{color:var(--wp--custom--link--hover)}.lgbt-ld-title{margin:0;font-size:var(--wp--preset--font-size--small);line-height:1.35}.lgbt-ld-actions{margin-top:auto;padding-top:.5rem;align-self:stretch;display:flex;flex-direction:column;gap:.5rem}.lgbt-ld-actions .wp-block-button,.lgbt-ld-actions .wp-block-button__link{width:100%;margin:0}.lgbt-ld-actions .wp-block-button__link{font-size:var(--wp--preset--font-size--x-small);line-height:1.3;padding:.5rem .4rem;gap:.35rem;text-align:center;white-space:normal;overflow-wrap:anywhere}.lgbt-ld-actions .lgbt-rc-icon{--lgbt-icon-size:16px;width:16px;height:16px;margin-inline-end:.35rem}.lgbt-ld-more{display:flex;flex-wrap:wrap;justify-content:center;align-items:stretch;gap:.75rem;margin-top:1rem}.lgbt-ld-extra{flex:0 1 auto;box-sizing:border-box;max-width:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.6rem .75rem;margin:0;padding:.375rem 1rem;background:var(--wp--preset--color--base);border:1px solid var(--wp--preset--color--border-cream);border-radius:var(--wp--preset--border-radius--card)}.lgbt-ld-line-link{color:var(--wp--custom--link--title);text-decoration:none;min-height:2.75rem;box-sizing:border-box;display:inline-flex;align-items:center}.lgbt-ld-line-link:hover,.lgbt-ld-line-link:focus-visible{color:var(--wp--custom--link--hover)}.lgbt-ld-extra .wp-block-button__link{min-height:2.75rem;box-sizing:border-box;display:inline-flex;align-items:center;gap:.4rem;font-size:var(--wp--preset--font-size--small);padding:.5rem .9rem}.lgbt-ld-extra .lgbt-rc-icon{--lgbt-icon-size:16px;width:16px;height:16px;margin-inline-end:.4rem}