/**
 * B2B New UI layout fixes (load after b2b_NewUI + Component CSS).
 * SME / internet-connectivity: remove white band under fixed nav on scroll.
 */

body.b2b-newui-app main.b2b-newui-main#main:has(.internet-connectivity),
body.b2b-newui-app main.b2b-newui-main#main:has(.sme-landing),
body.b2b-newui-app main.b2b-newui-main#main:has(.solutions-page),
body.b2b-newui-app main.b2b-newui-main#main:has(.help-support) {
  background: transparent !important;
}

body.b2b-newui-app .b2b-newui-main > .b2b-newui-html-body:has(.internet-connectivity),
body.b2b-newui-app .b2b-newui-main > .b2b-newui-html-body:has(.sme-landing),
body.b2b-newui-app .b2b-newui-html-body > main.internet-connectivity,
body.b2b-newui-app .b2b-newui-html-body > .internet-connectivity,
body.b2b-newui-app .b2b-newui-html-body > main.sme-landing,
body.b2b-newui-app .b2b-newui-html-body > .sme-landing {
  padding-top: 0 !important;
  margin-top: 0;
  background: transparent;
}

body.b2b-newui-app .b2b-newui-html-body > main:has(.internet-connectivity),
body.b2b-newui-app .b2b-newui-html-body > main:has(.sme-landing) {
  padding-top: 0 !important;
  margin-top: 0;
}

/* Pull dark SME heroes under fixed chrome (same pattern as business-objective-hero). */
body.b2b-newui-app:not(.b2b-newui-home-hero):not(:has(.hero.home-banner)) .internet-connectivity > .hero,
body.b2b-newui-app:not(.b2b-newui-home-hero):not(:has(.hero.home-banner)) .internet-connectivity section.hero:first-of-type,
body.b2b-newui-app:not(.b2b-newui-home-hero):not(:has(.hero.home-banner)) .sme-landing > .hero,
body.b2b-newui-app:not(.b2b-newui-home-hero):not(:has(.hero.home-banner)) .sme-landing section.hero:first-of-type {
  margin-top: calc(-1 * var(--header-h, 158px));
  padding-top: calc(var(--header-h, 158px) + 64px);
  box-sizing: border-box;
}

body.b2b-newui-app:not(.b2b-newui-home-hero):not(:has(.hero.home-banner)) .sme-landing > .hero,
body.b2b-newui-app:not(.b2b-newui-home-hero):not(:has(.hero.home-banner)) .sme-landing section.hero:first-of-type {
  padding-top: calc(var(--header-h, 158px) + 40px);
}

@media (max-width: 767px) {
  body.b2b-newui-app:not(.b2b-newui-home-hero):not(:has(.hero.home-banner)) .internet-connectivity > .hero,
  body.b2b-newui-app:not(.b2b-newui-home-hero):not(:has(.hero.home-banner)) .internet-connectivity section.hero:first-of-type,
  body.b2b-newui-app:not(.b2b-newui-home-hero):not(:has(.hero.home-banner)) .sme-landing > .hero,
  body.b2b-newui-app:not(.b2b-newui-home-hero):not(:has(.hero.home-banner)) .sme-landing section.hero:first-of-type {
    padding-top: calc(var(--header-h, 62px) + 32px);
  }
}

@media (max-width: 720px) {
  body.b2b-newui-app:has(.internet-connectivity) .b2b-newui-main > .b2b-newui-blocks,
  body.b2b-newui-app:has(.sme-landing) .b2b-newui-main > .b2b-newui-blocks,
  body.b2b-newui-app:has(.internet-connectivity) .b2b-newui-main > .b2b-newui-html-body,
  body.b2b-newui-app:has(.sme-landing) .b2b-newui-main > .b2b-newui-html-body {
    padding-top: 0 !important;
  }
}