/*-------------------------------------------------------------------
     * software: .... AETHEROS PHP CUSTOMIZABLE FRAMEWORK
     * version:  .... 25.1
     * content:  .... stili per il layout principale delle pagine
     * author :  .... Poggi Donato 2025
     * copyright .... © 2020-2025 ITC-CS G. Poggi Donato - Gavi (AL)
    -------------------------------------------------------------------*/

/* Imposta il layout principale della pagina */
html, body {
    height: 100%;
    margin: 0;
    display: flex;
    flex-direction: column;
    background-color: var(--ae-bg,#f8f9fa);
    color: var(--ae-text,#212529);
}

/* imposta la transizione animata in caso di cambio tema */
html.ae-theme-transition * {
  transition: background-color 0.3s, color 0.3s, border-color 0.3s;
}

/* Il contenuto occupa spazio dinamico */
main {
    flex: 1 0 auto;
}

/* altre caratteristiche per il contenuto */
.main-content {
    margin-top: 80px; /* Sposta il contenuto sotto la topbar (personalizzare a seconda della topbar)*/
    padding: 20px; /* Aggiunge un po' di spazio interno */
    padding-bottom: 60px; /* Aggiunge più padding in basso se il footer è fisso a video*/
    box-sizing: border-box; /* Garantisce che il padding non aumenti le dimensioni complessive */
    transition: margin-left 0.3s ease-in-out;
}

/* titoli nell'app */
.app-title .title {
    margin-left: 0px;
    font-family: "Goldman", serif;
    font-weight: 400;
    font-style: normal;
    font-size: 40px;
    color: var(--ae-title-color,#0d3592);
    transition: color 0.3s ease-in-out;
  }


/* impostazioni per i device piccoli come smartphone */
@media (max-width: 768px) {  
    .main-content{
      margin-left: 0;
    }

  } 
      
/* Sidebar presente: applico spostamento solo da md in su */
@media (min-width: 768px) {
  body.has-sidebar .main-content {
      margin-left: 250px; /* o la tua larghezza sidebar */
  }
}