/* Scroll navigator buttons — active at ≥768px (tablets + desktop).
   CSS scroll-snap is intentionally NOT used — it interferes with
   normal mouse-wheel scrolling. The JS button handles section navigation
   via window.scrollTo() without touching the native scroll behaviour. */

/* ---- Below 768px: hide the trio entirely — phones can't use them ---- */
@media (max-width: 767px) {
  .qms-scroll-to-top,
  .qms-scroll-up,
  .qms-scroll-down { display: none !important; }
}

/* ---- ≥768px: fixed-position navigator + hide Neve's built-in button ---- */
@media (min-width: 768px) {
  #scroll-to-top { display: none !important; }

  /* ---- Shared styles for all three navigator buttons ---- */
  .qms-scroll-to-top,
  .qms-scroll-up,
  .qms-scroll-down {
    position: fixed;
    bottom: 110px;
    width: 36px;
    height: 32px;
    min-width: 0;
    padding: 0;
    margin: 0;
    background: #b62025;
    color: #fff;
    border: none;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 9999;
    opacity: 0;
    transition: opacity .25s;
    visibility: hidden;
    pointer-events: none;
    line-height: 1;
  }

  .qms-scroll-to-top.is-visible,
  .qms-scroll-up.is-visible,
  .qms-scroll-down.is-visible {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }

  /* ---- Individual positions (left to right: to-top | up | down) ---- */
  /* Each button is 36px; 8px gap between them.                         */
  .qms-scroll-down    { right: 108px; } /* leftmost  */
  .qms-scroll-up      { right: 64px;  } /* middle    */
  .qms-scroll-to-top  { right: 20px;  } /* rightmost */
}

@media (min-width: 1025px) {

  /* ---- Logo slider visual separation ---- */
  #wp-block-themeisle-blocks-advanced-columns-da13d7b1 {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }

  /* ---- Strip vertical padding from tall sections (reversible) ----
     These sections have 80px top+bottom padding that adds ~160px height.
     Content itself still exceeds viewport; this just removes dead space.
     To revert: delete this entire block.                                 */
  #wp-block-themeisle-blocks-advanced-columns-b67c39f1,  /* Who is for    */
  #wp-block-themeisle-blocks-advanced-columns-3ac7614f,  /* The problem   */
  #wp-block-themeisle-blocks-advanced-columns-d96b6b86,  /* AI runs QMS   */
  #wp-block-themeisle-blocks-advanced-columns-a1cce931 { /* FAQ           */
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }

  /* ---- AI section: compact flipcards + tighter spacing (reversible) ----
     Cards were 200px tall; 30px col padding; 35px h3; two 35px row margins;
     128px closing tagline. Otter applies --height via JS so !important needed.
     To revert: delete this entire block.                                      */

  /* Cards */
  #wp-block-themeisle-blocks-advanced-columns-d96b6b86 .wp-block-themeisle-blocks-flip {
    --height: 130px !important;
    --padding: 8px 14px !important;
  }
  #wp-block-themeisle-blocks-advanced-columns-d96b6b86 .o-flip-content h3 {
    font-size: 16px !important;
    line-height: 1.3 !important;
    margin: 0 !important;
  }
  #wp-block-themeisle-blocks-advanced-columns-d96b6b86 .o-flip-back p {
    font-size: 14px !important;
    line-height: 1.4 !important;
    margin: 0 !important;
  }
  #wp-block-themeisle-blocks-advanced-columns-d96b6b86 .wp-block-column {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }

  /* Card row bottom margins (were 35px each — 70px total) */
  #wp-block-themeisle-blocks-advanced-columns-d96b6b86 .wp-block-columns {
    margin-bottom: 8px !important;
  }

  /* Closing tagline ("This is not automation.") — reduce large-font-size to medium */
  #wp-block-themeisle-blocks-advanced-columns-2fc9d42a p {
    font-size: 20px !important;
    line-height: 1.4 !important;
    margin-bottom: 6px !important;
  }

  /* ---- FAQ: compact accordion items so section fits comfortably ----
     Items were 71px (18px pad top/bottom, 20px font, 34px lh); reduced to ~45px.
     9 items × 26px saved = 234px.
     To revert: delete this block.                                                     */
  #wp-block-themeisle-blocks-advanced-columns-a1cce931 .wp-block-themeisle-blocks-accordion-item__title {
    font-size: 16px !important;
    line-height: 1.5 !important;
    padding-top: 11px !important;
    padding-bottom: 11px !important;
  }
}