/* docs/stylesheets/extra.css */

:root {
  /* Colori primari */
  --md-primary-fg-color: #F6C345; /* Giallo (F6C345) per la barra principale */
  --md-primary-fg-color--light: #F6C345;
  --md-primary-fg-color--dark: #8E7941;
  
  /* Colore accent */
  --md-accent-fg-color: #F6C345;
  --md-accent-fg-color--light: #F5F5F5;
  --md-accent-fg-color--dark: #000000;

  /* Colori di sfondo */
  --md-default-bg-color: #FFFFFF;
  --md-code-bg-color: #F5F5F5;

  /* Colore per i titoli e testo nel tema chiaro */
  --md-default-fg-color: #000000;
  --md-default-fg-color--light: #333333;

  /* NUOVE DEFINIZIONI PER LA NAVIGAZIONE SUPERIORE (TAB) - Questi potrebbero non essere sufficienti da soli */
  --md-tabs-link-color: #000000; /* Testo nero per i tab non attivi */
  --md-tabs-link-color--active: #FFFFFF; /* Testo bianco per il tab attivo (contrasto su sfondo giallo) */
  --md-tabs-link-color--hover: #8E7941; /* Marrone scuro all'hover */
  --md-tabs-underline-color: #FFFFFF; /* Sottolineatura bianca o #F6C345 per giallo */

  /* NUOVA DEFINIZIONE PER IL TITOLO DEL SITO E DESCRIZIONE - Questi potrebbero non essere sufficienti da soli */
  --md-header-fg-color: #000000; /* Testo nero per il site_name e site_description nel header */
}

/* Colori specifici per il tema scuro */
[data-md-color-scheme="slate"] {
  --md-primary-fg-color: #F6C345;
  --md-primary-fg-color--dark: #8E7941;
  --md-accent-fg-color: #F6C345;
  --md-accent-fg-color--dark: #FFFFFF;
  --md-default-bg-color: #000000;
  --md-code-bg-color: #333333;
  --md-default-fg-color: #FFFFFF;
  --md-default-fg-color--light: #DDDDDD;

  /* Colori per la navigazione superiore nel tema scuro */
  --md-tabs-link-color: #FFFFFF;
  --md-tabs-link-color--active: #F6C345;
  --md-tabs-link-color--hover: #DDDDDD;
  --md-tabs-underline-color: #F6C345;

  /* NUOVA DEFINIZIONE PER IL TITOLO DEL SITO E DESCRIZIONE NEL TEMA SCURO */
  --md-header-fg-color: #000000; /* Anche nel tema scuro, se la barra resta gialla, lo vogliamo nero */
}

/* -------------------------------------------------------------------------- */
/* FORZARE IL COLORE DEL TITOLO DEL SITO E DELLA DESCRIZIONE NELL'HEADER */
/* -------------------------------------------------------------------------- */
.md-header__button.md-logo .md-text, /* Il testo del sito quando c'è anche il logo */
.md-header__title .md-text {
  color: #000000 !important; /* Forziamo il nero per il titolo del sito */
}

/* -------------------------------------------------------------------------- */
/* FORZARE IL COLORE DEI TAB DELLA NAVIGAZIONE SUPERIORE */
/* -------------------------------------------------------------------------- */

/* Colore dei tab non attivi */

.md-tabs__link {
  color: #000000 !important;  
font-weight:bold;  
}

/* Colore all'hover */
.md-tabs__link:hover {
  color: #8E7941 !important; 
}

.md-tabs__item--active .md-tabs__link {
  /*color: #000000 !important; */
  border-bottom-style: solid;
  border-bottom-color: #8E7941;
  border-bottom-width: 1px;
  /*background-color:#8E7941;*/
}

/* Assicurati che i titoli H1-H6 usino il colore del testo principale */
h1, h2, h3, h4, h5, h6 {
  color: var(--md-default-fg-color);
}


/* aumenta la dimensione e cambia colore al titolo del sito */
.md-header__title .md-ellipsis {
    font-size: 1.3rem;   /* default ˜ 1.2rem */
    color: white !important; 
    font-weight: 700;
}

.md-header__title,
.md-header__ellipsis {
    /*display: none !important;*/
	visibility: hidden !important;
}

/* Aumenta lo spazio tra i metodi/documentation blocks */
/*
.md-api .md-api-block {
    margin-bottom: 12em !important;   /* spazio tra i metodi */
}*/

/* Opzionale: spazio sopra i nomi dei metodi */
/*
.md-api .md-api-block > .md-api-title {
    margin-top: 12em !important;
}*/