/**
 * Varumärkessidor – egna sektioner + video efter produkterna.
 * Laddas bara på /varumärke/... (assets/php/brand-page-sections.php).
 * Sektionerna använder i övrigt stilen från blocket "Text/Bild"
 * (template-parts/smort-blocks/smort-text-image/smort-text-image.css).
 */

.archive-product-brand-extras {
  padding-top: var(--space-10);
}

/* Avstånd mellan sektionerna (blocket har egen padding via --padding-small). */
.archive-product-brand-section.smort-text-image {
  padding-left: 0;
  padding-right: 0;
}

.archive-product-brand-section .smort-text-image__img {
  aspect-ratio: 4 / 3;
  height: auto;
}

/* Sektion utan bild: texten i en läsvänlig kolumn i full bredd. */
.archive-product-brand-section--no-image .smort-text-image__container {
  grid-template-columns: minmax(0, 1fr);
  max-width: 80ch;
}

.archive-product-brand-section .smort-text-image__content.prose a {
  color: var(--primary);
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* Video – responsiv 16:9 */
.archive-product-brand-video {
  max-width: 1100px;
  margin-inline: auto;
  padding-top: var(--space-8);
  padding-bottom: var(--space-10);
}

.archive-product-brand-video__title {
  margin: 0 0 var(--space-5);
  color: var(--text);
  font-size: var(--h2-lg-size);
  font-weight: var(--font-weight-heading);
  line-height: var(--h2-lg-height);
}

.archive-product-brand-video__frame {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border-radius: var(--border-radius-smort);
  background: #000;
}

.archive-product-brand-video__frame iframe,
.archive-product-brand-video__frame video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
  object-fit: contain;
}

@media (max-width: 768px) {
  .archive-product-brand-extras {
    padding-top: var(--space-6);
  }

  .archive-product-brand-video {
    padding-top: var(--space-6);
    padding-bottom: var(--space-8);
  }

  .archive-product-brand-video__title {
    font-size: var(--h2-sm-size);
    line-height: var(--h2-sm-height);
  }
}