/* Homepage announcement card, first item in the hero copy. Colours come from
   the theme tokens so the card follows each monthly season theme. */

.wrn-ann{background:var(--wrn-cream);color:var(--wrn-ink);border-radius:var(--wrn-radius);max-width:760px;margin:0 auto clamp(28px,4vw,48px);padding:24px 28px 24px 24px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:6px 20px;align-items:center;text-align:left;box-shadow:0 24px 60px -20px rgba(0,0,0,.55);border-top:6px solid var(--wrn-ice)}
.wrn-ann-icon{grid-row:1 / span 2;width:44px;height:44px;border-radius:50%;background:var(--wrn-navy);color:var(--wrn-cream);padding:10px;align-self:start}
.wrn-ann-icon svg{width:100%;height:100%;display:block}
.wrn-ann-title{font-family:var(--wrn-font-display);text-transform:uppercase;letter-spacing:.02em;line-height:1.05;margin:0;text-wrap:balance;font-size:1.75rem;color:var(--wrn-navy);overflow-wrap:anywhere}
.wrn-ann-desc{font-family:var(--wrn-font-body);margin:0;text-wrap:pretty;grid-column:2;font-size:1.0625rem;line-height:1.5;overflow-wrap:anywhere}
.wrn-ann-btn{grid-column:3;grid-row:1 / span 2;display:inline-flex;align-items:center;justify-content:center;font-family:var(--wrn-font-display);text-transform:uppercase;letter-spacing:.06em;text-decoration:none;border-radius:999px;max-width:20rem;text-align:center;overflow-wrap:anywhere;background:var(--wrn-navy);color:var(--wrn-cream);padding:14px 24px;font-size:1rem;transition:background-color .2s}
.wrn-ann-btn:hover{background:var(--wrn-ink);color:var(--wrn-cream)}
.wrn-ann-btn:focus-visible{outline:3px solid var(--wrn-navy);outline-offset:3px}

@media (max-width:767px){
	.wrn-ann{grid-template-columns:auto minmax(0,1fr);padding:20px;gap:8px 14px;margin-bottom:28px}
	.wrn-ann-icon{grid-row:1;width:36px;height:36px;padding:8px;align-self:center}
	.wrn-ann-title{font-size:1.3125rem}
	.wrn-ann-desc{grid-column:1 / -1;font-size:1rem}
	.wrn-ann-btn{grid-column:1 / -1;grid-row:auto;margin-top:6px;padding:12px 20px;max-width:none}
}

/* The card takes the season badge's place while it shows. */
.wrn-hero-copy:has(.wrn-ann) .wrn-hero-badge{display:none}

/* With no announcement the Breakdance shortcode wrapper takes no space. */
.wrn-hero-copy > .bde-shortcode:not(:has(.wrn-ann)){display:none}