@layer native {
  [data-platform~=native] {
    /* The mobile apps may inject their own custom insets based on native elements on screen, like a floating navigation */
    --custom-safe-inset-top: var(--injected-safe-inset-top, env(safe-area-inset-top, 0px));
    --custom-safe-inset-right: var(--injected-safe-inset-right, env(safe-area-inset-right, 0px));
    --custom-safe-inset-bottom: var(--injected-safe-inset-bottom, env(safe-area-inset-bottom, 0px));
    --custom-safe-inset-left: var(--injected-safe-inset-left, env(safe-area-inset-left, 0px));

    -webkit-tap-highlight-color: transparent;

    .hide-on-native {
      display: none;
    }

    /* Header
    /* ------------------------------------------------------------------------ */

    .header:is(
      :not(:has(.header__title, .header__actions)),
      :not(:has(.header__title, .header__actions--end)):has(.header__actions--start .btn--back:only-child)
    ) {
      display: none;
    }

    .header__actions {
      .btn--back {
        display: none;
      }
    }

    /* Card perma
    /* ------------------------------------------------------------------------ */

    .card-perma {
      margin-block-start: 0;
    }

    .card-perma__bg {
      padding-block: clamp(0.25rem, 2vw, var(--padding-block));
    }

    .card-perma__closure-message {
      margin-block: var(--block-space);
      translate: unset;
    }

    /* Search
    /* ------------------------------------------------------------------------ */

    .search__title {
      text-decoration: none;
    }
  }
}

[data-bridge-components~=form] {
  [data-controller~=bridge--form] {
    [data-bridge--form-target~=submit] {
      display: none;
    }
  }
}

[data-bridge-components~=overflow-menu] {
  [data-controller~=bridge--overflow-menu] {
    [data-bridge--overflow-menu-target~=item] {
      display: none;
    }
  }
}

[data-bridge-components~=buttons] {
  [data-bridge--buttons-target~=button] {
    display: none;
  }
}