/* =====================================================================
   Temi "Sole" di Gestigo: colori forti e saturi (blu forte, azzurro,
   rosso...) con testo bianco in grassetto, pensati per lavorare all'aperto
   con lo schermo al sole (es. spiaggia). Scelti dall'ingranaggio in alto
   (stesso meccanismo delle skin AdminLTE, classe skin-sun-* sul body).
   Ogni tema imposta solo le variabili qui sotto; le regole comuni in fondo
   le applicano a barra in alto, menu classico e (menu_touch.php) menu touch.
   Voce attiva: riquadro bianco con bordo giallo, in contrasto col tema.
   ===================================================================== */
body[class*="skin-sun-"] { --s-head-fg: #ffffff; --s-side-fg: #ffffff; --s-sub-fg: #ffffff; --s-active-bg: #ffffff; --s-accent: #facc15;
                           --s-line: rgba(255, 255, 255, .25); --s-sep: rgba(255, 255, 255, .7); --s-dash: rgba(255, 255, 255, .4); --s-muted: #ffffff; }
body.skin-sun-blue     { --s-head-bg: #1d4ed8; --s-head-hover: #1e40af; --s-logo-bg: #1e3a8a; --s-side-bg: #1e40af; --s-side-hover: #2563eb; --s-sub-bg: #1e3a8a; --s-active-fg: #1e3a8a; }
body.skin-sun-azure    { --s-head-bg: #0284c7; --s-head-hover: #0369a1; --s-logo-bg: #075985; --s-side-bg: #0369a1; --s-side-hover: #0ea5e9; --s-sub-bg: #075985; --s-active-fg: #075985; }
body.skin-sun-red      { --s-head-bg: #dc2626; --s-head-hover: #b91c1c; --s-logo-bg: #991b1b; --s-side-bg: #b91c1c; --s-side-hover: #ef4444; --s-sub-bg: #991b1b; --s-active-fg: #7f1d1d; }
body.skin-sun-green    { --s-head-bg: #16a34a; --s-head-hover: #15803d; --s-logo-bg: #166534; --s-side-bg: #15803d; --s-side-hover: #22c55e; --s-sub-bg: #166534; --s-active-fg: #14532d; }
body.skin-sun-orange   { --s-head-bg: #ea580c; --s-head-hover: #c2410c; --s-logo-bg: #9a3412; --s-side-bg: #c2410c; --s-side-hover: #f97316; --s-sub-bg: #9a3412; --s-active-fg: #7c2d12; --s-accent: #1d4ed8; }
body.skin-sun-purple   { --s-head-bg: #7c3aed; --s-head-hover: #6d28d9; --s-logo-bg: #5b21b6; --s-side-bg: #6d28d9; --s-side-hover: #8b5cf6; --s-sub-bg: #5b21b6; --s-active-fg: #4c1d95; }
body.skin-sun-fuchsia  { --s-head-bg: #db2777; --s-head-hover: #be185d; --s-logo-bg: #9d174d; --s-side-bg: #be185d; --s-side-hover: #ec4899; --s-sub-bg: #9d174d; --s-active-fg: #831843; }
/* Giallo forte: testo nero (sul giallo il bianco non si legge). */
body.skin-sun-yellow   { --s-head-bg: #facc15; --s-head-fg: #000000; --s-head-hover: #eab308; --s-logo-bg: #eab308; --s-side-bg: #eab308; --s-side-fg: #000000; --s-side-hover: #fde047;
                         --s-sub-bg: #ca8a04; --s-sub-fg: #000000; --s-active-bg: #000000; --s-active-fg: #facc15; --s-accent: #000000;
                         --s-line: rgba(0, 0, 0, .2); --s-sep: rgba(0, 0, 0, .6); --s-dash: rgba(0, 0, 0, .35); --s-muted: #000000; }
/* Contrasto: nero e giallo, massima leggibilità sotto il sole diretto. */
body.skin-sun-contrast { --s-head-bg: #000000; --s-head-fg: #facc15; --s-head-hover: #1f2937; --s-logo-bg: #000000; --s-side-bg: #000000; --s-side-fg: #facc15; --s-side-hover: #262626;
                         --s-sub-bg: #171717; --s-sub-fg: #fde047; --s-active-bg: #facc15; --s-active-fg: #000000; --s-accent: #ffffff; }

/* ---- Regole comuni ---- */
body[class*="skin-sun-"] .content-wrapper { background: #ffffff; }
body[class*="skin-sun-"] .main-header .navbar { background: var(--s-head-bg); }
body[class*="skin-sun-"] .main-header .navbar .nav > li > a,
body[class*="skin-sun-"] .main-header .navbar .sidebar-toggle { color: var(--s-head-fg); font-weight: 700; }
body[class*="skin-sun-"] .main-header .navbar .nav > li > a:hover,
body[class*="skin-sun-"] .main-header .navbar .nav > li > a:focus,
body[class*="skin-sun-"] .main-header .navbar .nav .open > a,
body[class*="skin-sun-"] .main-header .navbar .sidebar-toggle:hover { background: var(--s-head-hover); color: var(--s-head-fg); }
body[class*="skin-sun-"] .main-header .logo,
body[class*="skin-sun-"] .main-header .logo:hover { background: var(--s-logo-bg); color: var(--s-head-fg); font-weight: 800; }
body[class*="skin-sun-"] .main-header li.user-header { background: var(--s-head-bg); }
body[class*="skin-sun-"] .main-header li.user-header p { color: var(--s-head-fg); }

body[class*="skin-sun-"] .main-sidebar,
body[class*="skin-sun-"] .left-side,
body[class*="skin-sun-"] .wrapper { background: var(--s-side-bg); }
body[class*="skin-sun-"] .user-panel > .info,
body[class*="skin-sun-"] .user-panel > .info > a,
body[class*="skin-sun-"] .sidebar a { color: var(--s-side-fg); }
body[class*="skin-sun-"] .sidebar-menu > li.header { color: var(--s-sep); background: var(--s-sub-bg); font-weight: 800; }
body[class*="skin-sun-"] .sidebar-menu > li > a { color: var(--s-side-fg); font-weight: 700; border-left: 4px solid transparent; }
body[class*="skin-sun-"] .sidebar-menu > li:hover > a { background: var(--s-side-hover); color: var(--s-side-fg); }
body[class*="skin-sun-"] .sidebar-menu > li.active > a,
body[class*="skin-sun-"] .sidebar-menu > li.menu-open > a { background: var(--s-active-bg); color: var(--s-active-fg); border-left-color: var(--s-accent); font-weight: 800; }
body[class*="skin-sun-"] .sidebar-menu > li > .treeview-menu { background: var(--s-sub-bg); }
body[class*="skin-sun-"] .sidebar-menu .treeview-menu > li > a { color: var(--s-sub-fg); font-weight: 600; opacity: .9; }
body[class*="skin-sun-"] .sidebar-menu .treeview-menu > li.active > a,
body[class*="skin-sun-"] .sidebar-menu .treeview-menu > li > a:hover { color: var(--s-sub-fg); font-weight: 800; opacity: 1; }
body[class*="skin-sun-"] .sidebar-form { border-color: var(--s-line); }
body[class*="skin-sun-"] .sidebar-form input[type="text"],
body[class*="skin-sun-"] .sidebar-form .btn { background: #ffffff; color: #111827; border: 0; }