/* =====================================================
   THEME LIGHT / DARK MODE - GLOBAL OVERRIDE
   À placer à la FIN du CSS
===================================================== */

/* ---------- VARIABLES ---------- */

:root {

  /* Backgrounds */
  --bg-main: #ffffff;
  --bg-secondary: #f4f3f3;
  --bg-card: #f4f3f3;
  --bg-navbar: #ffffff;
  --bg-footer: #454545;

  /* Splash */
  --bg-splash: url(../img/bg.jpg);

  /* Text */
  --text-main: #454545;
  --text-secondary: #555555;
  --text-muted: #9b9b9b;
  --text-invert: #ffffff;
  --text-title: rgb(0, 83, 102);

  /* Accent */
  --accent-main: #ffba3a;
  --accent-secondary: rgb(0, 83, 102);
  --accent-hover: #e0a52f;

  /* Borders */
  --border-main: #888;
  --border-light: #f4f3f3;

  /* Links */
  --link: rgb(0, 83, 102);
  --link-hover: #000;
  --link-active: #A36A00;

  /* Buttons */
  --btn-bg: #ffffff;
  --btn-border: #acadaf;
  --btn-text: #48565e;

  /* Tables */
  --table-header: #ffba3a;
  --table-border: #adaeb0;

  /* Shadow */
  --shadow-soft: 0 0 10px rgba(0,0,0,0.15);
}


/* ---------- DARK MODE ---------- */

@media (prefers-color-scheme: dark) {
  :root {

    --bg-main: #121212;
    --bg-secondary: #1a1a1a;
    --bg-card: #1e1e1e;
    --bg-navbar: #1c1c1c;
    --bg-footer: #000000;

    --bg-splash: #000000;

    --text-main: #e5e5e5;
    --text-secondary: #bbbbbb;
    --text-muted: #888888;
    --text-invert: #ffffff;
    --text-title:: #ddd;

    --accent-main: #ffb347;
    --accent-secondary: #4fb3c6;
    --accent-hover: #ffcc70;

    --border-main: #ccc;
    --border-light: #222222;

    --link: #e5e5e5;
    --link-hover: #bbbbbb;
    --link-active: #ffb347;

    --btn-bg: #1e1e1e;
    --btn-border: #444444;
    --btn-text: #e5e5e5;

    --table-header: #ffb347;
    --table-border: #444444;

    --shadow-soft: 0 0 10px rgba(0,0,0,0.6);
  }

  #iframe_top {
    background: #000 !important;
  }
  .subContentTable h3 {
    color: #454545 !important;
  }
}


/* =====================================================
   GLOBAL OVERRIDES (APPLICATION DU THEME)
===================================================== */

/* BODY */

body {
  background-color: var(--bg-main) !important;
  color: var(--text-main) !important;
}


/* LINKS */

a {
  color: var(--link) !important;
}

a:hover {
  color: var(--link-hover) !important;
}

a:active,
a:focus {
  color: var(--link-active) !important;
}


/* HEADERS */

h1, h3, h4 {
  color: var(--text-main) !important;
}

h2:not(.h4) {
  color: var(--accent-main) !important;
}

.mainTxt h2 {
  color: #A36A00 !important;
}

/* NAVBARS */

.navbar,
.navbar-principale,
.navbar-comparti {
  background-color: var(--bg-navbar) !important;
  color: var(--text-main) !important;
}

.navbar-principale .navbar-nav > .active > a,
.navbar-principale .navbar-nav > .current-menu-parent > a {
  color: var(--link) !important;
}


/* PANELS / CARDS / BOXES */

.panel,
.panel-default,
.userInfo,
.sfondoBianco,
.sfondoGrigio,
.nav-interno,
.testoContenuto {
  background-color: var(--bg-card) !important;
  color: var(--text-main) !important;
}

.subContentTable {
  color: var(--text-main) !important;
  background-color: var(--bg-main);
}


/* FOOTER */

.chiusura {
  background-color: var(--bg-footer) !important;
  color: var(--text-invert) !important;
}

.chiusura a {
  color: var(--text-invert) !important;
}


/* BUTTONS */

.btn,
.btn-min,
.btn-neam {
  background-color: var(--btn-bg) !important;
  border-color: var(--btn-border) !important;
  color: var(--btn-text) !important;
}

.btn:hover,
.btn-min:hover {
  background-color: var(--bg-secondary) !important;
}


/* TABLES */

table,
.table,
.tableNav,
.tabellePerformance,
.tabelleRiepilogo,
.tabelleCaratteristiche {
  color: var(--text-main) !important;
  background-color: var(--bg-main) !important;
}

.tableNav th,
.tabellePerformance thead th,
.tabelleRiepilogo thead th,
.tabelleCaratteristiche thead th {
  color: var(--table-header) !important;
}

.table td,
.table th,
.tableNav td,
.tabellePerformance td {
  border-color: var(--table-border) !important;
}


/* INPUTS / FORMS */

input,
select,
textarea {
  background-color: var(--bg-card) !important;
  color: var(--text-main) !important;
  border-color: var(--border-main) !important;
}


/* DROPDOWNS */

.dropdown-menu {
  background-color: var(--bg-card) !important;
  color: var(--text-main) !important;
  border-color: var(--border-main) !important;
}

.dropdown-menu a {
  color: var(--text-main) !important;
}


/* ACCORDION */

.panel-heading {
  background-color: var(--bg-secondary) !important;
}

.panel-title {
  color: var(--accent-secondary) !important;
}


/* SPLASH PAGE */

body.splashPage {
  background: var(--bg-splash) no-repeat center top fixed !important;
  background-size: cover !important;
}

.title-category-doc {
  color: var(--text-title) !important;
}

/* NAV TABS */

.nav-tabs > li > a {
  background-color: var(--bg-secondary) !important;
  color: var(--text-main) !important;
}

.nav-tabs > li.active > a {
  background-color: var(--accent-main) !important;
  color: var(--text-invert) !important;
}


/* NEWS / MEDIA */

.hp-news,
.media,
.media-list {
  color: var(--text-main) !important;
}


/* SEPARATORS */

.lineaSeparazione {
  background-color: var(--border-main) !important;
}


/* USER BOX */

.userName,
.logout {
  background-color: var(--bg-secondary) !important;
  color: var(--text-main) !important;
}


/* =====================================================
   DARK / LIGHT PATCH - mainTxt & sub-menu
===================================================== */

/* Texte principal */

.mainTxt {
  color: var(--text-secondary) !important;
  background-color: var(--bg-card) !important;
}


/* Sous-menu navbar */

.navbar-principale .navbar-nav .sub-menu {
  background-color: var(--bg-secondary) !important;
  color: var(--text-main) !important;
  box-shadow: var(--shadow-soft);
}

.navbar-principale .navbar-nav .sub-menu a {
  color: var(--text-main) !important;
}

.navbar-principale .navbar-nav .sub-menu a:hover {
    color: var(--text-main) !important;
  background-color: var(--bg-main) !important;

}

h1.logoNeam {
  color: #A5A4AC !important;
}

.scegliLingua h3 {
  color: #A5A4AC !important;
}

.scegliLingua a,
.splashSlogan,
.disclaimerTxt,
.disclaimerTxt h3,
.disclaimerTxt p {
  color: #ffffff !important;
}

.btn-neam {
  background-color: #cccccc !important;
  border-color: #cccccc !important;
  color: #555555 !important;
}

.panel-group a.active {
    color: #fff !important;
}

.smartButton {
  color: var(--text-main);
}
/* END THEME */

#wpadminbar,
#wpadminbar * {
  color: #fff !important;
}