/**
 * Theme Name:     YOOtheme Child
 * Author:         YOOtheme
 * Template:       yootheme
 * Text Domain:	   yootheme-child
 * Description:    A powerful, flexible and elegant website builder that allows you to create complex pages within minutes and customize every aspect of the theme.
 */
 /* ==========================================================================
   NAVBAR - Bordo inferiore
   ========================================================================== */
.uk-navbar-container {
  border-bottom: 1px solid #0000001f;
}


/* ==========================================================================
   LINK IN GRASSETTO AL HOVER (articoli e box contenuto)
   ========================================================================== */
.uk-article a:hover,
.el-content a:hover {
  font-weight: bold !important;
}


/* ==========================================================================
   BOX A SCACCHIERA PER PAGINE CON SOLI FIGLI
   La griglia deve avere la classe .grigliaTemplate.
   Questo CSS lavora su griglie a 4 COLONNE e usa i CHILD DA 1 A 8.
   Se il numero di colonne della griglia cambia, NON FUNZIONA.
   ========================================================================== */

/* Altezza minima box */
.grigliaTemplate .uk-grid > div {
  min-height: 200px;
}

/* Alternanza base (mobile, 1 colonna per riga) */
.grigliaTemplate .uk-grid > div:nth-child(odd) .uk-card {
  background-color: #ffffff;
  transition: background-color 0.2s ease, box-shadow 0.2s ease;
}

.grigliaTemplate .uk-grid > div:nth-child(even) .uk-card {
  background-color: #f8f9fa;
  transition: background-color 0.2s ease, box-shadow 0.2s ease;
}

/* Effetto scacchiera per la griglia a 4 colonne (breakpoint @m UIkit, >=960px) */
@media (min-width: 960px) {
  .grigliaTemplate .uk-grid > div:nth-child(8n + 1) .uk-card,
  .grigliaTemplate .uk-grid > div:nth-child(8n + 3) .uk-card,
  .grigliaTemplate .uk-grid > div:nth-child(8n + 6) .uk-card,
  .grigliaTemplate .uk-grid > div:nth-child(8n + 8) .uk-card {
    background-color: #ffffff;
  }

  .grigliaTemplate .uk-grid > div:nth-child(8n + 2) .uk-card,
  .grigliaTemplate .uk-grid > div:nth-child(8n + 4) .uk-card,
  .grigliaTemplate .uk-grid > div:nth-child(8n + 5) .uk-card,
  .grigliaTemplate .uk-grid > div:nth-child(8n + 7) .uk-card {
    background-color: #f8f9fa;
  }
}

/* Hover box */
.grigliaTemplate .uk-grid > div .uk-card:hover {
  background-color: #eef0f2;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}


/* ==========================================================================
   BOTTONI - Altezza e padding verticale
   Definisce altezza e padding del bottone per impostare nativamente
   su YOOtheme una line-height accettabile.
   ========================================================================== */
.uk-button {
  min-height: 40px;
  padding: 10px;
}


/* ==========================================================================
   TABLEPRESS - Scroll orizzontale su mobile
   ========================================================================== */
.tablepress-table-description,
div.dt-layout-row.dt-layout-table {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

/* Forza la larghezza minima della tabella */
.tablepress {
  min-width: 600px;
}

/* Indicatore visivo di scroll disponibile (solo mobile) */
@media (max-width: 768px) {
  div.dt-layout-row.dt-layout-table::after {
    content: "← scorri →";
    display: block;
    padding: 4px 0;
    text-align: center;
    font-size: 12px;
    color: #888;
  }
}


/* ==========================================================================
   MENU NAVIGAZIONE - Chevron per voci con sottomenu (widget_nav_menu)
   ========================================================================== */
.widget_nav_menu .uk-parent > a {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.widget_nav_menu .chevron-icon {
  display: inline-flex;
  margin-left: 8px;
  transition: transform 0.2s ease;
}

.widget_nav_menu .uk-parent.uk-open > a .chevron-icon {
  transform: rotate(180deg);
}


/* ==========================================================================
   BADGE STATI DI BANDI, AVVISI, APPALTI E NORMATIVE
   ========================================================================== */
#listaBandi .el-item .el-meta,
#statoBando,
#appartenenzaNormative .el-meta,
#sezioneNormative.uk-text-meta {
  width: fit-content;
  min-width: 80px;
  padding: 5px 15px;
  text-align: center;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 300;
  border-radius: 100px;
}

#listaBandi .el-item .el-meta,
#appartenenzaNormative .el-meta,
#sezioneNormative.uk-text-meta {
  background-color: #edf2f4;
  color: #012849;
}

/* Attivo - verde pastello */
#listaBandi .el-item.Attivo .el-meta,
#statoBando.Attivo {
  background-color: #d9f2df;
  color: #14532d;
}

/* Esito definitivo - blu pastello */
#listaBandi .el-item.Esitio-definitivo .el-meta,
#statoBando.Esitio-definitivo {
  background-color: #dbe7fb;
  color: #1e3a6e;
}

/* In attesa di esito definitivo - ambra pastello */
#listaBandi .el-item.In-attesa-di-esito-definitivo .el-meta,
#statoBando.In-attesa-di-esito-definitivo {
  background-color: #fbe8ce;
  color: #7a4405;
}

/* Archivio esiti - grigio pastello */
#listaBandi .el-item.Archivio-esiti .el-meta,
#statoBando.Archivio-esiti {
  background-color: #e4e4e7;
  color: #3f3f46;
}


/* ==========================================================================
   AVATAR DOCENTI
   ========================================================================== */
.avatar-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: #dce6f2;
  color: #1a3a6e;
  font-weight: 700;
  text-transform: uppercase;
}


/* ==========================================================================
   BACK TO TOP - Bottone con indicatore di progresso
   ========================================================================== */
#progress-back-to-top {
  position: fixed; /* Posizionamento fisso */
  right: 30px;     /* Distanza da destra */
  bottom: 30px;    /* Distanza dal basso */
  z-index: 999;    /* Assicura che sia sopra gli altri elementi */
  width: 50px;     /* Larghezza del contenitore */
  height: 50px;    /* Altezza del contenitore */
  visibility: hidden; /* Nascosto e non interagibile inizialmente */
  opacity: 0;         /* Nascosto inizialmente */
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}

/* Mostra il bottone quando la classe 'visible' è aggiunta via JS */
#progress-back-to-top.visible {
  visibility: visible;
  opacity: 1;
}

#progress-back-to-top a {
  position: relative; /* Necessario per posizionare l'SVG */
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7); /* Sfondo leggermente trasparente */
  border-radius: 50%; /* Rende il contenitore circolare */
  color: #ffffff; /* Colore dell'icona */
  text-decoration: none;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); /* Ombra opzionale */
}

#progress-back-to-top a:hover {
  background-color: rgba(0, 0, 0, 0.9); /* Sfondo più scuro all'hover */
  color: #ffffff; /* Mantiene il colore icona */
}

/* Stili per l'SVG */
.progress-circle-svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: visible; /* Permette all'ombra del tratto di essere visibile se necessario */
  transform: rotate(-90deg); /* Ruota per iniziare il progresso dall'alto */
}

/* Cerchio di sfondo */
.progress-circle-bg {
  stroke: rgba(255, 255, 255, 0.2); /* Colore del tracciato di sfondo */
  /* stroke-width è già nell'HTML, ma può essere sovrascritto qui */
}

/* Cerchio indicatore di progresso */
.progress-circle-indicator {
  stroke: #ffffff; /* Colore del progresso (bianco) */
  stroke-linecap: round; /* Estremità arrotondate del tratto */
  transition: stroke-dashoffset 0.1s linear; /* Transizione fluida del progresso */
  /* stroke-width, stroke-dasharray, stroke-dashoffset sono nell'HTML/JS */
}

/* Stile per l'icona UIkit */
#progress-back-to-top [uk-icon] {
  position: relative; /* Assicura che sia sopra l'SVG */
  z-index: 1;
  width: 20px;  /* Dimensione icona */
  height: 20px; /* Dimensione icona */
}