/*
	Theme Name: Inox Services Modern
	Description: Stili base per il sito Inox Services
	Version: 2.0.0
*/

/* --- Importazione stili base e layout --- */
/* 
   NOTA: In un progetto reale, i file sottostanti andrebbero uniti (bundled) 
   in un unico file CSS per migliori performance, invece di usare @import.
   Per ora, li lasciamo per mantenere la funzionalità del tema originale.
*/
@import url('_layout/base.css');
@import url('_layout/grid.css'); /* Questo è il vecchio sistema a griglia. Andrebbe sostituito con Flexbox/Grid */
@import url('_layout/layout.css');


/* --- Stili personalizzati e correzioni degli stili inline --- */

/* Utility */
.responsive-img {
    max-width: 100%;
    height: auto;
}

/* Header */
.site-header .logo img {
    max-width: 100%;
    height: auto;
}

.header-top {
    /* Stili per la barra superiore */
}

.header-top .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header-main .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* Sezioni */
.container {
    width: 960px; /* Esempio basato sulla vecchia griglia */
    margin: 0 auto;
    padding: 0 15px;
}

/* Esempio di layout moderno con Flexbox per le sezioni */
.intro-section .container,
.footer-bottom .container {
    display: flex;
    justify-content: space-between;
    gap: 30px; /* Spazio tra le colonne */
}

.intro-text { flex: 2; } /* Occupa 2/3 dello spazio */
.intro-quote { flex: 1; } /* Occupa 1/3 dello spazio */

.services-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* 4 colonne di uguale larghezza */
    gap: 20px;
}

.partners-grid {
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
}

/* Footer */
.footer-info, .footer-links {
    flex: 1;
}

.footer-links {
    text-align: right;
}

/* Responsive per schermi piccoli (esempio) */
@media (max-width: 768px) {
    .container,
    .intro-section .container,
    .footer-bottom .container {
        flex-direction: column;
        text-align: center;
    }

    .services-grid {
        grid-template-columns: repeat(2, 1fr); /* 2 colonne su tablet */
    }
    
    .footer-links {
        text-align: center;
        margin-top: 15px;
    }
}

@media (max-width: 480px) {
    .services-grid {
        grid-template-columns: 1fr; /* 1 colonna su mobile */
    }
}