/* ============================================================
   responsive.css — Bortolutti Digital Ltd
   Mobile-first: base = mobile, poi scale up
   Breakpoints: 480 / 768 / 1024 / 1440px
   ============================================================ */

/* === BASE (mobile < 480px) === */

/* Nav */
.nav-links { display: none; }
.nav-cta .btn-ghost { display: none; }
.nav-hamburger { display: flex; }

/* Container */
.container { padding: 0 1rem; }

/* Hero — gestito in home.css */

/* Griglie sezioni */
.services-grid { grid-template-columns: repeat(2, 1fr); }
.projects-grid { grid-template-columns: 1fr; }
.features-grid { grid-template-columns: 1fr; }
.partners-row  { gap: 1.5rem; }

/* Footer */
.footer-grid { grid-template-columns: 1fr; gap: 2rem; }
.footer-bottom { flex-direction: column; align-items: flex-start; }

/* Cookie wall */
#cookie-wall {
    flex-direction: column;
    align-items: flex-start;
    bottom: 1rem;
    width: calc(100% - 2rem);
}

/* === 480px === */
@media (min-width: 480px) {
    .hero-actions {
        flex-direction: row;
        align-items: center;
    }

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

/* === 768px (tablet) === */
@media (min-width: 768px) {
    /* Nav */
    .nav-links { display: flex; }
    .nav-cta .btn-ghost { display: inline-flex; }
    .nav-hamburger { display: none; }
    .nav-drawer { display: none !important; }

    /* Container */
    .container { padding: 0 1.5rem; }

    /* Griglie */
    .services-grid { grid-template-columns: repeat(2, 1fr); }
    .projects-grid { grid-template-columns: repeat(2, 1fr); }
    .features-grid { grid-template-columns: repeat(2, 1fr); }

    /* Footer */
    .footer-grid { grid-template-columns: repeat(2, 1fr); }
    .footer-bottom { flex-direction: row; }

    /* Cookie wall */
    #cookie-wall {
        flex-direction: row;
        align-items: center;
    }
}

/* === 1024px (desktop) === */
@media (min-width: 1024px) {
    /* Container */
    .container { padding: 0 2rem; }

    /* Griglie */
    .services-grid { grid-template-columns: repeat(4, 1fr); }
    .projects-grid { grid-template-columns: repeat(3, 1fr); }
    .features-grid { grid-template-columns: repeat(4, 1fr); }

    /* Footer */
    .footer-grid { grid-template-columns: 1.5fr repeat(3, 1fr); }

    /* Hero due colonne — gestito in home.css */
}

/* === 1440px (desktop grande) === */
@media (min-width: 1440px) {
    .container { max-width: 1320px; }

    .services-grid { gap: 0; }
}

/* === Sezioni specifiche === */

/* Partners strip */
.partners-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}

/* CTA banner */
.cta-banner-inner {
    flex-direction: column;
    align-items: flex-start;
    gap: 1.5rem;
}

@media (min-width: 768px) {
    .cta-banner-inner {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }
}

/* WIP projects grid */
.wip-grid { grid-template-columns: 1fr; }

@media (min-width: 768px) {
    .wip-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (min-width: 1024px) {
    .wip-grid { grid-template-columns: repeat(3, 1fr); }
}

/* Contatti split layout */
.contatti-grid { grid-template-columns: 1fr; }

@media (min-width: 1024px) {
    .contatti-grid { grid-template-columns: 1fr 1fr; gap: 4rem; }
}