/* Expand only templates that do not render a native Storefront sidebar. */
.site-content > .col-full:not(:has(> .widget-area)) > .content-area { width: 100%; float: none; margin: 0; }

/* Beat Storefront's Gutenberg button selectors within the homepage hero. */
.preview-home .entry-content .preview-hero-card .wp-block-button { margin: 0; }
.preview-home .entry-content .preview-hero-card .wp-block-button .wp-block-button__link { padding: 11px 15px; font-size: 12px; line-height: 1.5; border-radius: 4px; background: var(--preview-blue); color: #fff; word-break: normal; overflow-wrap: normal; }
.preview-home .entry-content .preview-hero-card .wp-block-button .wp-block-button__link:hover,
.preview-home .entry-content .preview-hero-card .wp-block-button .wp-block-button__link:active { background: var(--preview-dark-blue); color: #fff; }
.preview-home .entry-content .preview-hero-small .wp-block-button .wp-block-button__link,
.preview-home .entry-content .preview-hero-tall .wp-block-button .wp-block-button__link { background: transparent; padding: 0; color: var(--preview-dark-blue); text-decoration: underline; text-underline-offset: 4px; }
.preview-home .entry-content .preview-hero-small .wp-block-button .wp-block-button__link:hover,
.preview-home .entry-content .preview-hero-small .wp-block-button .wp-block-button__link:active,
.preview-home .entry-content .preview-hero-tall .wp-block-button .wp-block-button__link:hover,
.preview-home .entry-content .preview-hero-tall .wp-block-button .wp-block-button__link:active { background: transparent; color: var(--preview-ink); }

/* Keep whole words readable as the three desktop card columns narrow. */
@media (min-width: 768px) and (max-width: 1100px) {
  .preview-hero-main, .preview-hero-small { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; }
  .preview-hero-main .preview-product-art { height: 180px; margin-top: 18px; }
  .preview-hero-small .preview-product-art { height: 110px; margin-top: 14px; }
  .preview-promo { grid-template-columns: minmax(0, 1fr); }
  .preview-promo .preview-product-art { grid-column: 1; grid-row: auto; height: 130px; }
}
@media (max-width: 767px) {
  .preview-home .entry-content .preview-hero-small .wp-block-button .wp-block-button__link { font-size: 11px; }
}