/* Gando 9.7.39 — seasonal active-tab contrast + authored content media rhythm. */

/* Keep the active seasonal tab readable in dark mode on hover/focus as well.
   Some generic button hover rules run after the seasonal base layer, so pin
   both foreground and background for the active state. */
html[data-theme="dark"] body.home .season-switcher button.active,
html[data-theme="dark"] body.home .season-switcher button.active:hover,
html[data-theme="dark"] body.home .season-switcher button.active:focus,
html[data-theme="dark"] body.home .season-switcher button.active:focus-visible {
  color:#101914!important;
  background:var(--season-accent)!important;
  border-color:var(--season-accent)!important;
  -webkit-text-fill-color:#101914!important;
}

/* Authored-content images follow the site's design-system radius and keep a
   predictable 16px external rhythm above/below. Covers product long copy,
   posts, regular pages and product-category authored descriptions. */
:is(
  .entry-content,
  .article-content,
  .gando-story-copy,
  .category-term-description__content,
  .woocommerce-product-details__short-description,
  .woocommerce-Tabs-panel--description
) img:not(.emoji):not(.avatar) {
  display:block;
  max-width:100%;
  height:auto;
  margin-top:16px;
  margin-bottom:16px;
  border-radius:var(--r,20px);
}

/* Figures own the vertical spacing so an image inside a figure does not get
   double margins. */
:is(
  .entry-content,
  .article-content,
  .gando-story-copy,
  .category-term-description__content,
  .woocommerce-product-details__short-description,
  .woocommerce-Tabs-panel--description
) figure {
  margin-top:16px;
  margin-bottom:16px;
}
:is(
  .entry-content,
  .article-content,
  .gando-story-copy,
  .category-term-description__content,
  .woocommerce-product-details__short-description,
  .woocommerce-Tabs-panel--description
) figure img:not(.emoji):not(.avatar) {
  margin-top:0;
  margin-bottom:0;
}