/**
 * Listings group page CSS — birthdays (janmadivas, birthdays-monthly,
 * birthday-card), events, samachar and the single-sd_event / single-sd_news
 * templates. Loaded after Elementor's kit stylesheet.
 *
 * Elementor's kit rule `.elementor-kit-5 a` (0,1,1) ties with the widget
 * link selectors in samuday-listings.css on pages that use the Elementor
 * canvas (no .site-content wrapper) and wins on source order, so every link
 * colour the listing widgets rely on is restated here as `body a.…` (0,1,2).
 */

/* ------------------------------------------------------------ Buttons */
body a.sd-btn--primary,
body a.sd-btn--primary:hover,
body a.sd-btn--primary:focus-visible { color: var(--sd-text-on-dark); }
body a.sd-btn--primary:hover { background-color: var(--sd-primary-maroon-dark); border-color: var(--sd-primary-maroon-dark); }

body a.sd-btn--outline { color: var(--sd-primary-maroon); }
body a.sd-btn--outline:hover,
body a.sd-btn--outline:focus-visible { background-color: var(--sd-primary-maroon); border-color: var(--sd-primary-maroon); color: var(--sd-text-on-dark); }

body a.sd-btn--gold,
body a.sd-btn--gold:hover { color: var(--sd-bg-dark); }
body a.sd-btn--gold:hover { background-color: #b58f3c; border-color: #b58f3c; }

body a.sd-link { color: var(--sd-primary-maroon); }
body a.sd-link:hover { color: var(--sd-primary-maroon-dark); }

/* ------------------------------------------------------- Chips / pages */
body a.sd-chip { color: var(--sd-text-primary); }
body a.sd-chip:hover { color: var(--sd-primary-maroon); }
body a.sd-chip.is-active,
body a.sd-chip.is-active:hover { background-color: var(--sd-primary-maroon); border-color: var(--sd-primary-maroon); color: var(--sd-text-on-dark); }

body a.sd-pages__btn { color: var(--sd-text-primary); }
body a.sd-pages__btn:hover { border-color: var(--sd-primary-maroon); color: var(--sd-primary-maroon); }

/* --------------------------------------------------------- Card links */
body .sd-ecard h3.sd-ecard__title a,
body .sd-ncard .sd-ncard__title a { color: inherit; }
body .sd-ecard h3.sd-ecard__title a:hover,
body .sd-ncard .sd-ncard__title a:hover { color: var(--sd-primary-maroon); }

body a.sd-mcard,
body a.sd-mcard:hover { color: var(--sd-text-primary); }

body a.sd-share__btn { color: var(--sd-primary-maroon); }
body a.sd-share__btn:hover { color: var(--sd-text-on-dark); }

body a.sd-side__item { color: var(--sd-text-primary); }
body a.sd-side__item:hover { color: var(--sd-primary-maroon); }
body .sd-side--maroon a.sd-side__item { color: var(--sd-text-on-dark); }
body .sd-side--maroon a.sd-side__item:hover { color: var(--sd-accent-gold); }

body .sd-phero__crumbs a { color: var(--sd-text-on-dark-muted); }
body .sd-phero__crumbs a:hover { color: var(--sd-text-on-dark); }

/* ------------------------------------------------ Listing section shell */
/* Figma listing sections are 104px tall bands; the widget fills the box. */
.sd-listing > .elementor-widget-container,
.sd-listing .elementor-widget-samuday-birthdays,
.sd-listing .elementor-widget-samuday-events,
.sd-listing .elementor-widget-samuday-posts { width: 100%; }

/* Birthday detail page: card + wish column centred in its section. */
.sd-listing .sd-bdays--detail { width: 100%; }

/* Monthly mini cards: keep long names on one line where they fit. */
.sd-mcard__text b { overflow-wrap: anywhere; }

/* CTA band: keep the gold button on one line at tablet width. */
.sd-cta .elementor-widget-button .elementor-button-text { white-space: nowrap; }
/* The button widget wrapper also carries `sd-btn`, so the token stylesheet's
   `.sd-btn` padding lands on the wrapper and shrinks the real button. */
.sd-cta .elementor-widget-button.sd-btn { padding: 0; }