[data-component-id="lovekrakow:ad_banner"] {
  & {
    align-items: center;
    background-color: var(--_bg-color, #fff);
    display: flex;
    justify-content: center;
    margin: 1.25rem 0;
  }

  /* Do not display "empty" ad banners */
  &:not(.lk-ad-banner--source-custom):not(.lk-ad-banner--type-top-banner):not(.lk-ad-banner--type-header):not(:has(iframe)) {
    display: none;
  }

  /* Hide ads on pages with "no-ads" class (set in lovekrakow_preprocess_html) */
  .no-ads &:not(.lk-ad-banner--type-top-banner):not(.lk-ad-banner--type-header) {
    display: none;
  }

  @media (max-width: 1024px) {
      {
      margin: 0 0 0.75rem 0;
    }

    /* .layout-header-banner.layout-header-banner  {
    display: none;
  } */
  }

  .lk-ad-banner--caption {
    font-size: var(--other-xxs--font-size);
    color: var(--_third-color, var(--woodsmoke-400));

    a {
      color: inherit;
    }
  }

  .lk-ad-banner--caption--bottom:not([hidden]) {
    display: flex;
    justify-content: flex-end;
  }

  &.lk-ad-banner--source-custom .lk-ad-banner--link,
  &.lk-ad-banner--source-custom .lk-ad-banner--picture,
  &.lk-ad-banner--source-custom .lk-ad-banner--image {
    display: block;
  }

  &.lk-ad-banner--source-custom .lk-ad-banner--image {
    height: auto;
    max-width: 100%;
  }

  &.lk-ad-banner--type-top-banner .lk-ad-banner--content {
    width: 1340px;
    height: 200px;
  }

  &.lk-ad-banner--type-header .lk-ad-banner--content {
    width: 1200px;
    height: 200px;
  }

  &.lk-ad-banner--type-szkieletor .lk-ad-banner--content {
    width: 330px;
    height: 750px;
  }

  &.lk-ad-banner--type-belka-sg .lk-ad-banner--content {
    width: 1200px;
    height: 250px;
  }

  &.lk-ad-banner--type-lead-banner .lk-ad-banner--content {
    width: 750px;
    height: 250px;
  }

  &.lk-ad-banner--type-belka .lk-ad-banner--content {
    width: 750px;
    height: 250px;
  }

  &.lk-ad-banner--type-medium-rectangle .lk-ad-banner--content {
    width: auto;
    height: auto;
  }

  &.lk-ad-banner--type-after_article .lk-ad-banner--content {
    min-width: 200px;
    min-height: 200px;
    width: 100%;
    height: auto;
  }

  &.lk-ad-banner--type-similar-1 .lk-ad-banner--content,
  &.lk-ad-banner--type-similar-2 .lk-ad-banner--content {
    width: 100%;
    height: auto;
    min-width: 320px;
    min-height: 100px;

  }

  &.lk-ad-banner--type-similar-1,
  &.lk-ad-banner--type-similar-2 {
    margin: 0;
    align-items: center;
    background-color: #eee;
    display: flex;
    border-radius: .75rem;
    padding: 0.5rem 0;
  }


  @media (max-width: 1024px) {
    &.lk-ad-banner--type-top-banner .lk-ad-banner--content {
      width: 360px;
      height: 150px;
    }

    &.lk-ad-banner--type-header .lk-ad-banner--content {
      width: 360px;
      height: 150px;
    }

    &.lk-ad-banner--type-szkieletor .lk-ad-banner--content {
      width: 360px;
      height: 750px;
    }

    &.lk-ad-banner--type-belka-sg .lk-ad-banner--content {
      width: 360px;
      height: 200px;
    }

    &.lk-ad-banner--type-belka .lk-ad-banner--content {
      width: 360px;
      height: 200px;
    }

    &.lk-ad-banner--type-lead-banner .lk-ad-banner--content {
      width: 360px;
      height: 200px;
    }

    &.lk-ad-banner--type-belka .lk-ad-banner--content {
      width: 360px;
      height: 200px;
    }

    &.lk-ad-banner--type-medium-rectangle .lk-ad-banner--content {
      width: 360px;
      height: 250px;
    }
  }

  /* Scale ads on smaller screens */
  @media (max-width: 424px) {

    &.lk-ad-banner--type-top-banner,
    &.lk-ad-banner--type-header,
    &.lk-ad-banner--type-szkieletor,
    &.lk-ad-banner--type-belka,
    &.lk-ad-banner--type-lead-banner,
    &.lk-ad-banner--type-medium-rectangle {
      left: 50%;
      margin-left: -50vw;
      margin-right: -50vw;
      position: relative;
      right: 50%;
      width: 100dvw;
    }
  }
}