/*
Theme Name: ILOVESMILE Fullscreen
Theme URI: https://ilovesmile.it/
Author: ILOVESMILE / Ca.MI.Ca. srl
Description: Tema WordPress minimale, con sfondo bianco e portale ILOVESMILE a tutto schermo. Richiede il plugin ILOVESMILE Portal.
Version: 1.0.0
Requires at least: 6.4
Requires PHP: 8.0
Text Domain: ilovesmile-fullscreen
*/

/* Cornice WordPress neutra: nessuna intestazione, menu o piè di pagina visibile. */
:root { color-scheme: light; }
html { width: 100%; min-height: 100%; background: #fff; }
body { width: 100%; min-height: 100vh; margin: 0; padding: 0; background: #fff; color: #102335; overflow-x: hidden; }
*, *::before, *::after { box-sizing: border-box; }
.ils-theme-stage { display: block; width: 100%; min-height: 100vh; min-height: 100dvh; margin: 0; padding: 0; background: #fff; }
.ils-theme-stage > .ils-root { width: 100%; min-height: 100vh; min-height: 100dvh; }

/* Il plugin conserva la sua UI, ma riempie il viewport senza bordo né ombra. */
.ils-theme-stage .ils-app {
    width: 100%; max-width: none; min-height: 100vh; min-height: 100dvh;
    margin: 0; border: 0; border-radius: 0; box-shadow: none;
}
.ils-theme-stage .ils-sidebar { min-height: 100vh; min-height: 100dvh; }
.ils-theme-stage .ils-page { max-width: none; min-height: calc(100vh - 82px); min-height: calc(100dvh - 82px); }

/* Anche la pagina di accesso e registrazione copre tutta la schermata. */
.ils-theme-stage > .ils-auth {
    width: 100%; max-width: none; min-height: 100vh; min-height: 100dvh;
    margin: 0; border: 0; border-radius: 0; box-shadow: none;
}
.ils-theme-stage > .ils-auth .ils-auth-side {
    min-height: 100vh; min-height: 100dvh;
}

/* Pagine essenziali non-portal (ad es. informativa privacy): bianco e leggibilità. */
.ils-theme-document {
    width: min(100% - 40px, 850px); margin: 0 auto; padding: 56px 0 90px;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: 16px; line-height: 1.75; color: #233746; overflow-wrap: anywhere;
}
.ils-theme-document h1 { font-size: clamp(28px, 4vw, 42px); line-height: 1.2; margin: 0 0 28px; }
.ils-theme-document h2 { margin-top: 32px; font-size: 24px; }
.ils-theme-document a { color: #126f77; text-decoration: underline; }
.ils-theme-document :where(img, video, iframe) { max-width: 100%; height: auto; }
.ils-theme-document .ils-theme-back { display: inline-block; margin-top: 34px; }
.ils-theme-document .ils-theme-message {
    max-width: 540px; margin: 15vh auto 0; padding: 35px 28px;
    border: 1px solid #e2edf0; border-radius: 16px; background: #fff;
}
@media (max-width: 920px) {
    /* Lo sidebar del plugin è a scomparsa sui dispositivi più piccoli. */
    .ils-theme-stage .ils-sidebar { min-height: 100%; }
}
@media (max-width: 700px) {
    /* La zona brand del login torna compatta su telefono. */
    .ils-theme-stage > .ils-auth .ils-auth-side { min-height: 210px; }
    .ils-theme-stage .ils-page { min-height: calc(100vh - 65px); min-height: calc(100dvh - 65px); }
    .ils-theme-document { width: min(100% - 30px, 850px); padding-top: 32px; }
}