:root {
  --cassiopeia-color-primary:#efb410;
  --cassiopeia-color-secondary:#800000;
  --card-border-color:#800000;
}

body a {
  color:black;
}

@media (min-width: 992px) {
  /* Ridefiniamo la griglia principale del sito */
  .site-grid {
    display: grid;
    /* Qui impostiamo: Margine-vuoto | Sidebar-Sinistra | Contenuto | Sidebar-Destra | Margine-vuoto */
    /* Cambia 150px con la larghezza che preferisci per le sidebar */
    grid-template-columns: [full-start] minmax(0, 1fr) [main-start] 10% [content-start] minmax(0, 100%) [content-end] 10% [main-end] minmax(0, 1fr) [full-end] !important;
    gap: 2px; /* Spazio tra le colonne */
  }

  /* Assicuriamoci che il contenuto centrale occupi lo spazio corretto */
  .container-component {
    grid-column: content-start / content-end !important;
    background-color:#cd853f !important;
    padding:20px;
  }

  /* Forza la posizione delle sidebar */
  .container-sidebar-left {
    grid-column: main-start / content-start !important;
    width: 100% !important;
  }

  .container-sidebar-right {
    grid-column: content-end / main-end !important;
    width: 100% !important;
  }
}

.container-header{
  background-image: linear-gradient(135deg, var(--cassiopeia-color-primary) 0%, #800000 100%);
}
body{
  background-color:#e2ad18 !important;
}
.site-grid {
  --background-color:#cd853f !important;
}
.mod-articles-title a{
  color:black !important;
  font-size:16px !important;
  font-weight: bold !important;
}
.card-body{
  background-color:#e2ad18 !important;
}
.card-header {
  background-color:#b3a18c !important;
  font-size:16px;
}
.mod-articlescategory.category-module.mod-list{
  font-size:14px;
}
.category-name a{
  color:#685e52 !important;
}
.mod-articles-items li{
  list-style-position:inside;
  border: 0px;
}
.mod-articles-item-content p span{
   font-size:12pt !important;
}
.card-body .btn{
 background-color: transparent!important;
}
.view-article .main-right {
    display: none;
}
.container-top-a .card{
    border: none !important;
} 

body.view-article .container-top-a,
body.view-article .container-top-b,

audio {
    width: 100%;
    border-radius: 8px;
    background-color: #f1f3f4; /* Colore di sfondo leggero */
}

.grid-child container-component{
  border-radius: 15px; /* Puoi aumentare o diminuire questo valore */
}
footer.footer .grid-child .mod-custom{
  width: 100%
}

.lista-custom ul {
    list-style: none;
    padding-left: 0;
}

.lista-custom ul li {
    position: relative;
    padding-left: 25px;
    margin-bottom: 10px;
}

.lista-custom ul li::before {
    content: "\f105"; /* Codice freccia FontAwesome */
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    position: absolute;
    left: 0;
    color: black; /* Colore personalizzato */
}

.navbar-brand img {
    max-width: 50% !important;
    width: 50% !important;
    height: auto !important;
}
.logo-fluid {
    max-width: 40% !important;
}

/* Uniforma le immagini nei moduli articoli */
.mod-articles-item-content img, 
.card-img-top {
    width: auto;
    height: 200px; /* Imposta l'altezza che preferisci */
    object-fit: cover; /* Ritaglia l'immagine per riempire lo spazio */
    object-position: center;
}

/* Configurazione del contenitore */
ul.mod-articles-items {
    display: block !important; /* Disattiva Flex e Grid */
    column-count: 3 !important;            /* Numero di colonne su desktop */
    column-gap: 20px !important;           /* Spazio tra le colonne */
    width: 100% !important;
    padding: 0 !important;
    list-style: none !important;
}

/* Configurazione delle singole card */
.mod-articles-items > div,
.mod-articles-items > li,
ul.mod-articles-items > li {
    display: block;
    width: 100% !important;
    margin-bottom: 20px !important;       /* Spazio tra una card e quella sotto */
    break-inside: avoid-column !important; /* Impedisce alla card di spezzarsi tra due colonne */
    background: #d68c44 !important;
    border: 1px solid #d68c44 !important;
    border-radius: 8px !important;
    padding: 15px !important;
    box-shadow: 0 2px 4px #d68c44 !important;
}

.mod-articles-item-content .breadcrumb {
   background: #d68c44 !important;
}

/* Responsive: 2 colonne su tablet */
@media (max-width: 992px) {
    ul.mod-articles-items {
        column-count: 2 !important;
    }
}

/* Responsive: 1 colonna su cellulare */
@media (max-width: 576px) {
    ul.mod-articles-items {
        column-count: 1 !important;
    }
}

/* Trasforma il bottone Read More in un link semplice */
.readmore .btn, 
.readmore a {
    background: none !important;
    border: none !important;
    padding: 0 !important;
    color: #0b0c0c !important; /* Colore classico dei link, personalizzabile */
    text-decoration: underline !important; /* Sottolineatura per chiarezza */
    box-shadow: none !important;
    display: inline-block !important;
    font-weight: normal !important;
    transition: color 0.2s ease;
}

/* Effetto al passaggio del mouse */
.readmore .btn:hover, 
.readmore a:hover {
    color: #0056b3 !important;
    text-decoration: none !important;
    background: none !important;
}

/* Aggiunge una freccina o un simbolo dopo il testo (opzionale) */
.readmore a::after {
    content: ' »';
}

.readmore {
  text-align:right;
}

.container-banner .mod-custom p img{
   border-radius: 8px !important;
}

/*form login*/
div.mod-login__remember.form-group {
    display: none !important;
}

.plg_system_webauthn_login_button {
    display: none !important;
}

ul.mod-stats.list-group .list-group-item {
  background-color:#cd853f !important;
}