/* ================================================================
   responsive.css — Breakpoint overrides (tablet → mobile)
   ================================================================ */

/* ── Tablet: ≤ 1000px ────────────────────────────────────────── */
@media (max-width: 1000px) {
    .g-3,
    .steps,
    .val-grid     { grid-template-columns: repeat(2, 1fr); }

    .sectors      { grid-template-columns: repeat(3, 1fr); }
    .net-grid     { grid-template-columns: 1fr; }

    .featured     { grid-template-columns: 1fr; }
    .featured .fimg { min-height: 200px; }

    .contact-grid { grid-template-columns: 1fr; }

    .foot-grid    { grid-template-columns: 1fr 1fr; }
}

/* ── Mobile: ≤ 760px ─────────────────────────────────────────── */
@media (max-width: 760px) {
    /* Hide desktop nav; show burger */
    .menu,
    .nav-actions .btn,
    .nav-actions .lang { display: none; }

    .burger { display: flex; margin-inline-start: auto; }

    /* Mobile nav drawer (toggled by nav.js adding .open class) */
    .menu.open {
        display:       flex;
        position:      absolute;
        top:           var(--head-h);
        inset-inline:  0;
        flex-direction:column;
        background:    var(--navy-deep);
        padding:       14px 20px 22px;
        gap:           2px;
        border-bottom: 1px solid rgba(255, 255, 255, .10);
        z-index:       99;
    }
    .menu.open a {
        padding:       13px 10px;
        border-bottom: 1px solid rgba(255, 255, 255, .06);
        color:         #c7d0db;
    }
    .menu.open a.current-menu-item::after { display: none; }

    /* CTA link inside open mobile menu */
    .menu.open .m-cta {
        display:       block;
        margin-top:    14px;
        background:    var(--gold);
        color:         var(--navy-deep);
        border-radius: 40px;
        text-align:    center;
        font-weight:   800;
        border:        0;
        padding:       13px 20px;
    }

    /* Sections */
    .section { padding: 66px 0; }
    .hero    { padding: 84px 0 78px; }
    .wrap    { padding: 0 22px; }

    /* Grids collapse to single column */
    .g-3,
    .g-2,
    .why-grid,
    .val-grid,
    .steps,
    .sectors,
    .vm-grid      { grid-template-columns: 1fr; }

    .net-grid     { grid-template-columns: 1fr; }
    .foot-grid    { grid-template-columns: 1fr; }

    /* Service detail */
    .svc          { grid-template-columns: 1fr; }
    .svc-cols     { grid-template-columns: 1fr; }

    /* Contact form */
    .field-row    { grid-template-columns: 1fr; }

    /* Featured article */
    .featured     { grid-template-columns: 1fr; }
}

/* ── Reduced motion ──────────────────────────────────────────── */
@media (prefers-reduced-motion: reduce) {
    * { scroll-behavior: auto !important; }

    .reveal {
        opacity:    1;
        transform:  none;
        transition: none;
    }
}