/* ===========================================================================
   sections-fullheight.css  —  LAPTOP & ABOVE ONLY (min-width: 1024px)

   Only these sections fill the whole view under the fixed navbar:
     • hero                (#hl-hero)
     • About MADDS         (.about-section)
     • Idea behind MADDS   (.main-parallax)
     • What we specialise in (.madds-specialisation)
     • Solutions           (.customized)
     • Managed IT services (.managed)
     • OUR NEWSLETTER      (.madds-news)

   Section height = viewport height − navbar height (--hdr-compact, measured by
   header-glass.js; 64px fallback), so each of them is filled from the navbar
   down to the bottom of the screen. Every other section keeps its own height.

   Loaded LAST (see layout/base.html) so these rules win on equal specificity.
   Phone / tablet layouts (<= 1023px) are completely untouched.
   =========================================================================== */

@media (min-width: 1024px) {

    /* ---------- 1. the listed sections span the space under the navbar -------
       • box-sizing: border-box → the section's own vertical padding is counted
         INSIDE that height (otherwise a section with padding would end up
         taller than the view and push the next one below the fold).
       • min-height, never a fixed height → sections whose content is taller
         than one screen still grow, nothing is ever clipped.
       • #hl-hero and .main-parallax already have their own full-height boxes
         (100svh / 100vh with navbar clearance) — listing them is intentional
         and does not change their size. */
    #hl-hero,
    .about-section,
    .main-parallax,
    .madds-specialisation,
    .customized,
    .managed,
    .madds-news {
        box-sizing: border-box;
        min-height: calc(100vh - var(--hdr-compact, 64px));
        min-height: calc(100svh - var(--hdr-compact, 64px));
    }

    /* ---------- 2. content fills the section instead of floating in it -------
       align-content works on plain block containers in current browsers
       (Chrome 123+ / Firefox 125+ / Safari 17.4+); where it is not supported
       it is simply ignored and the content stays top-aligned as before. */
    .madds-specialisation,
    .managed,
    .madds-news {
        align-content: center;
    }

    /* ---------- 3. About MADDS (flower + copy) -------------------------------
       Both columns stretch to the full height of the section and the copy on
       the right spreads from the heading at the top to the stats at the
       bottom, so the text fills the height up to the navbar / bottom edge. */
    .ag-panel__inner {
        align-items: stretch;
    }

    .ag-visual {
        align-items: center;            /* the flower scene stays centred */
    }

    .ag-copy {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
}