/* Acertronix — mobile & tablet responsiveness (2026-07-23) */

html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

body {
  overflow-x: clip;
  width: 100%;
  max-width: 100%;
}

#root,
.page-root {
  width: 100%;
  max-width: 100%;
}

.section-root,
.section-inner,
.section-content,
.grid-row-root {
  max-width: 100%;
}

img,
video,
svg {
  max-width: 100%;
  height: auto;
}

/* Footer Novaspex link — theme sets .navigation-root-footer { background: purple } */
[data-zone-type="footer"] .navigation-root,
[data-zone-type="footer"] .navigation-root-footer {
  background: none !important;
  background-color: transparent !important;
}

/* --- Tablet --- */

@media (max-width: 1024px) {
  :root,
  .page-root {
    --theme-heading-font-sizes-large-h1-size: 36px;
    --theme-heading-font-sizes-large-h2-size: 30px;
    --theme-heading-font-sizes-large-h3-size: 26px;
    --theme-heading-font-sizes-large-h4-size: 22px;
    --theme-fonts-pair-body-sizes-large-body-size: 17px;
  }

  .section-content {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}

@media (max-width: 1023px) {
  /* Footer: always show Novaspex link — no hamburger menu */
  [data-zone-type="footer"] .navigation-menu-toggle-trigger,
  [data-zone-type="footer"] .navigation-mobile-icons,
  [data-zone-type="footer"] .navigation-bg-replacer {
    display: none !important;
  }

  [data-zone-type="footer"] .navigation-root {
    justify-content: center !important;
  }

  [data-zone-type="footer"] .navigation-list {
    display: flex !important;
    position: static !important;
    width: auto !important;
    max-height: none !important;
    overflow: visible !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
  }

  [data-zone-type="footer"] .navigation-list a {
    display: inline !important;
    line-height: inherit;
    word-break: normal;
  }
}

@media (max-width: 899px) {
  /* Stack split top-level section rows (fixes side-by-side hero / empty column) */
  .grid-row-top-level.grid-row-has-rows {
    flex-direction: column !important;
    align-items: stretch !important;
  }

  .grid-row-top-level > .grid-row-root {
    width: 100% !important;
    max-width: 100% !important;
    flex: 1 1 auto !important;
  }

  /* Stack multi-column content rows */
  .grid-row-has-columns:not(.grid-row-top-level) {
    flex-direction: column !important;
    align-items: stretch !important;
  }

  .grid-row-has-columns:not(.grid-row-top-level) > [class*="grid-column-"] {
    width: 100% !important;
    max-width: 100% !important;
    flex: 1 1 auto !important;
  }

  .grid-row-top-level {
    --grid-row-top-level-padding: 12px;
  }

  .section-inner.section-edge18Inner:not([data-styled-section-id="86b682cb-66f9-48a8-99a3-5032a3c06550"]) {
    min-height: clamp(170px, 42vw, 280px) !important;
    background-size: cover !important;
    background-position: center center !important;
  }

  /* Banniere Acericulture — scale with viewport (851×246) */
  .section-inner[data-styled-section-id="86b682cb-66f9-48a8-99a3-5032a3c06550"] {
    min-height: clamp(200px, calc(100vw * 246 / 851), 280px) !important;
    background-size: 100% auto !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
  }

  .grid-row-74aee451-ef8a-4905-8304-283e49bb1725 {
    min-height: clamp(200px, calc(100vw * 246 / 851), 280px) !important;
    padding: 8px !important;
  }

}

/* --- Mobile --- */

@media (max-width: 767px) {
  :root,
  .page-root {
    --theme-heading-font-sizes-large-h1-size: 28px;
    --theme-heading-font-sizes-large-h2-size: 24px;
    --theme-heading-font-sizes-large-h3-size: 21px;
    --theme-heading-font-sizes-large-h4-size: 18px;
    --theme-heading-font-sizes-large-h5-size: 16px;
    --theme-fonts-pair-body-sizes-large-body-size: 16px;
  }

  .section-content {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  /* Hero intro: logo + copy — stack instead of row-reverse squeeze */
  .grid-row-e5c4d35d-45e0-4618-97ee-ddca77c82e67 {
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    text-align: center;
  }

  .grid-row-e5c4d35d-45e0-4618-97ee-ddca77c82e67 [class*="grid-column-"] {
    text-align: center;
  }

  .grid-row-top-level[style*="padding-top:40px"] {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }

  .section-inner.section-edge18Inner:not([data-styled-section-id="86b682cb-66f9-48a8-99a3-5032a3c06550"]) {
    min-height: clamp(140px, 38vw, 220px) !important;
  }

  .section-inner[data-styled-section-id="86b682cb-66f9-48a8-99a3-5032a3c06550"] {
    min-height: clamp(180px, calc(100vw * 246 / 851), 240px) !important;
  }

  .grid-row-74aee451-ef8a-4905-8304-283e49bb1725 {
    min-height: clamp(180px, calc(100vw * 246 / 851), 240px) !important;
  }

  .grid-row-5d14724b-60af-4109-94dd-4bd2d6af6c8f [class*="grid-column-"] {
    padding: 0 !important;
  }

  /* Navigation touch targets (header only) */
  [data-zone-type="header"] .navigation-menu-toggle-trigger,
  [data-zone-type="header"] .navigation-item a,
  [data-zone-type="header"] .navigation-root a {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
  }

  [data-zone-type="footer"] .navigation-item a {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
  }

  .heading-root,
  .text-root {
    overflow-wrap: anywhere;
    word-wrap: break-word;
  }

  .module-container-root {
    max-width: 100% !important;
  }

  /* Footer / contact row */
  .grid-row-2b1d8d27-9e12-4f6f-9b73-93e15e5ed275 {
    flex-direction: column !important;
    align-items: center !important;
    text-align: center;
  }

  .grid-row-2b1d8d27-9e12-4f6f-9b73-93e15e5ed275 [class*="grid-column-"] {
    width: 100% !important;
    text-align: center;
  }
}

@media (max-width: 480px) {
  :root,
  .page-root {
    --theme-heading-font-sizes-large-h1-size: 24px;
    --theme-heading-font-sizes-large-h2-size: 22px;
    --theme-heading-font-sizes-large-h3-size: 19px;
  }

  .section-content {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}

/* Tablet landscape / small desktop: 2-up project columns where applicable */
@media (min-width: 600px) and (max-width: 899px) {
  .grid-row-7c715e92-f833-4620-b9a4-e8fae3e5cc49 .grid-row-has-columns,
  .grid-row-c21f7f8c-582d-4b44-a3fe-bdcd463bb1fc .grid-row-has-columns {
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 12px;
  }

  .grid-row-7c715e92-f833-4620-b9a4-e8fae3e5cc49 .grid-row-has-columns > [class*="grid-column-"],
  .grid-row-c21f7f8c-582d-4b44-a3fe-bdcd463bb1fc .grid-row-has-columns > [class*="grid-column-"] {
    flex: 1 1 calc(50% - 12px) !important;
    width: calc(50% - 12px) !important;
    max-width: calc(50% - 12px) !important;
  }
}