/**
 * @file
 * Component styles for Vauva CTS blocks.
 */

/**
 * Wrapper of ads.
 */
.cts-wrapper {
  /* Info text (if any) should be the first element. */
  order: 1;
}

/**
 * Wrapper element of ad wrapper and the potential info text.
 */
.cts-wrapper__row-wrapper {
  display: flex;
  flex-direction: column;
  flex: 0 1 100%;
}

/**
 * Ads in blocks that render multiple slugs are displayed in the same row.
 */
.cts-wrapper__multiple-row-wrapper {
  display: flex;
  flex-direction: row;
}

/**
 * Info text element.
 */
.cts-wrapper__info-text {
  display: none;
}
/* Only display if ad wrapper is not empty. */
.sadblob-loaded:not(.sadblob-empty) ~ .cts-wrapper__info-text {
  display: block;
}

/* Specific styles for mobile ads block. */
[data-ad-position] iframe {
  display: initial;
  max-width: none;
}