/**
 * SEA GOLD Framework
 * Passweb Bridge
 *
 * File: sea-passweb.css
 * Version: 0.1.0
 * Status: DEVELOPMENT
 *
 * Scopo:
 * - integrare SEA GOLD con la struttura generata da Passweb;
 * - neutralizzare gutter e limiti del contenitore solo quando richiesto;
 * - evitare dipendenze da ID dinamici;
 * - non modificare globalmente Bootstrap o i componenti Passweb.
 */

/* =========================================================
   1. LAYOUT WIDTH
   ========================================================= */

/**
 * Rende fluido il contenitore Passweb su cui viene applicata.
 *
 * Uso consigliato:
 * aggiungere la classe al Contenitore Passweb principale
 * quando la sezione deve occupare tutta la larghezza disponibile.
 */
.sea-layout-full {
    width: 100%;
    max-width: none;
}

/**
 * Mantiene il contenitore al 100% della larghezza disponibile,
 * lasciando al componente interno la gestione della max-width.
 */
.sea-layout-contained {
    width: 100%;
}

/* =========================================================
   2. PASSWEB GUTTER RESET
   ========================================================= */

/**
 * Neutralizza esclusivamente i gutter orizzontali del nodo
 * al quale la classe viene applicata.
 *
 * Non usare come selettore globale.
 */
.sea-passweb-reset-gutter {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/**
 * Passweb può aggiungere .container-fluid al componente HTML.
 * La regola interviene solo quando il componente si trova
 * dentro un contenitore esplicitamente marcato con
 * .sea-passweb-reset-gutter.
 */
.sea-passweb-reset-gutter > .htmlComp.container-fluid,
.sea-passweb-reset-gutter .htmlComp.container-fluid {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
}

/* =========================================================
   3. BOX SIZING LOCALE
   ========================================================= */

/**
 * Garantisce calcoli dimensionali prevedibili nell'area SEA GOLD
 * senza applicare un reset globale all'intero sito.
 */
.sea-layout-full,
.sea-layout-full *,
.sea-layout-full *::before,
.sea-layout-full *::after,
.sea-layout-contained,
.sea-layout-contained *,
.sea-layout-contained *::before,
.sea-layout-contained *::after {
    box-sizing: border-box;
}

/* =========================================================
   4. OVERFLOW SAFETY
   ========================================================= */

/**
 * Evita che contenuti flex/grid allarghino involontariamente
 * il nodo principale. Lo scroll intenzionale resta responsabilità
 * del singolo componente, ad esempio .sea-table-scroll.
 */
.sea-layout-full,
.sea-layout-contained {
    min-width: 0;
}

/* =========================================================
   5. ACCESSIBILITY / PRINT
   ========================================================= */

@media print {
    .sea-layout-full,
    .sea-layout-contained {
        width: 100%;
        max-width: none;
    }
}