/* ===== DARK MODE STYLES FOR PUBLIC PAGES ===== */

html {
  background: #0E1720 url(/_images/body-bg_darkmode.png) repeat !important;
  min-height: 100% !important;
}

body {
  background: #0E1720 url(/_images/body-bg_darkmode.png) repeat !important;
  min-height: 100vh !important;
  color: #E8E8E8 !important;
}

/* Logo dark mode */
#logo {
	background: transparent url(/_images/logo2_darkmode.png) 0 50% no-repeat !important;
}
    

#contenuto {
  color: #D0D0D0 !important;
}

h2 {
  color: #E8E8E8 !important;
}

a {
  color: #7db8ff !important;
}

a:hover {
  color: #a0d0ff !important;
}

a.logo:link,
a.logo:visited,
a.logo:hover,
a.logo:active {
  background: #2C4A68 !important;
}

#content {
  background-color: #2C4A68 !important;
  color: #D0D0D0 !important;
}

/* Pagine condizioni del servizio e informativa privacy */
div[style*="background-color:#fff"],
div[style*="background-color: #fff"] {
	background-color: #2C4A68 !important;
	color: #D0D0D0 !important;
}

div[style*="background-color:#fff"] h2,
div[style*="background-color: #fff"] h2,
div[style*="background-color:#fff"] h3,
div[style*="background-color: #fff"] h3,
div[style*="background-color:#fff"] h4,
div[style*="background-color: #fff"] h4 {
	color: #E8E8E8 !important;
}

div[style*="background-color:#fff"] a,
div[style*="background-color: #fff"] a {
	color: #7db8ff !important;
}

div[style*="background-color:#fff"] a:hover,
div[style*="background-color: #fff"] a:hover {
	color: #a0d0ff !important;
}

input,
text,
textarea {
  color: #D0D0D0 !important;
  background-color: #152332 !important;
  border: 1px solid #446079 !important;
}

input:focus,
textarea:focus {
  border-color: #5DADE2 !important;
  box-shadow: 0 0 0 2px rgba(93, 173, 226, 0.2) !important;
}

/* Placeholder */
input::placeholder,
textarea::placeholder {
  color: #A0A0A0 !important;
  opacity: 1 !important;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #A0A0A0 !important;
  opacity: 1 !important;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
  color: #A0A0A0 !important;
  opacity: 1 !important;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #A0A0A0 !important;
  opacity: 1 !important;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #A0A0A0 !important;
  opacity: 1 !important;
}

/* Mobile-only styles */
.mobile-only {
  color: #D0D0D0 !important;
}

.mobile-only .mui-panel {
  background: #2C4A68 !important;
  color: #D0D0D0 !important;
}

.mobile-only div[style*="background-color:#FAFCFF"],
.mobile-only div[style*="background-color: #FAFCFF"],
.mobile-only div[style*="background-color:#fff3cd"],
.mobile-only div[style*="background-color: #fff3cd"],
.mobile-only div[style*="background-color:#f8f9fa"],
.mobile-only div[style*="background-color: #f8f9fa"],
.mobile-only div[style*="background:#fff"],
.mobile-only div[style*="background: #fff"],
.mobile-only div[style*="background-color:#fff"],
.mobile-only div[style*="background-color: #fff"] {
  background-color: #2C4A68 !important;
  background: #2C4A68 !important;
  color: #D0D0D0 !important;
}

.mobile-only .mui-panel[style*="background:#fff"],
.mobile-only .mui-panel[style*="background: #fff"] {
  background: #2C4A68 !important;
}

.mobile-only h3[style*="color:#2A4D8C"],
.mobile-only h3[style*="color: #2A4D8C"] {
  color: #E8E8E8 !important;
}

.mobile-only p[style*="color:#555"],
.mobile-only p[style*="color: #555"] {
  color: #D0D0D0 !important;
}

.mobile-only .mui-textfield > input,
.mobile-only .mui-textfield > textarea {
  background-color: #152332 !important;
  border: 1px solid #446079 !important;
  color: #D0D0D0 !important;
}

.mobile-only .mui-textfield > input::placeholder,
.mobile-only .mui-textfield > textarea::placeholder {
  color: #A0A0A0 !important;
  opacity: 1 !important;
}

.mobile-only .mui-textfield > input::-webkit-input-placeholder,
.mobile-only .mui-textfield > textarea::-webkit-input-placeholder {
  color: #A0A0A0 !important;
  opacity: 1 !important;
}

.mobile-only .mui-textfield > input::-moz-placeholder,
.mobile-only .mui-textfield > textarea::-moz-placeholder {
  color: #A0A0A0 !important;
  opacity: 1 !important;
}

.mobile-only .mui-textfield > input:-ms-input-placeholder,
.mobile-only .mui-textfield > textarea:-ms-input-placeholder {
  color: #A0A0A0 !important;
  opacity: 1 !important;
}

.mobile-only .mui-textfield > input:-moz-placeholder,
.mobile-only .mui-textfield > textarea:-moz-placeholder {
  color: #A0A0A0 !important;
  opacity: 1 !important;
}

/* Sezione "Prima volta su Incontrissimi?" */
div[style*="background-color: #fafafa"],
div[style*="background-color:#fafafa"] {
  background-color: #2C4A68 !important;
}

div[style*="background-color: #fafafa"] h3[style*="color:#2A4D8C"],
div[style*="background-color:#fafafa"] h3[style*="color:#2A4D8C"],
div[style*="background-color: #fafafa"] h3[style*="color: #2A4D8C"],
div[style*="background-color:#fafafa"] h3[style*="color: #2A4D8C"] {
  color: #E8E8E8 !important;
}

div[style*="background-color: #fafafa"] hr,
div[style*="background-color:#fafafa"] hr {
  border-color: #446079 !important;
}

.form_control_alert {
  border-color: #ff4d4f !important;
}

.formbutton {
  background: #2874A6 !important;
  border-top-color: #3D5A7A !important;
  border-left-color: #3D5A7A !important;
  border-bottom-color: #152332 !important;
  border-right-color: #152332 !important;
}

.formbutton:hover {
  background: #344D66 !important;
}

#link_footer {
  background-color: #2C4A68 !important;
  border-bottom: 1px solid #446079 !important;
}

#link_footer a {
  color: #D0D0D0 !important;
}

#footer {
  color: #A0A0A0 !important;
}

.footer_2 {
  opacity: 0.7;
}

.footer_3 {
  background: #3D5A7A !important;
  border-top: 1px solid #446079 !important;
}

#navlist {
  background-color: #2C4A68 !important;
  border-bottom: 1px solid #446079 !important;
}

#navlist a {
  color: #D0D0D0 !important;
}

.spiffy * {
  background: #2C4A68 !important;
}

.spiffy1 {
  border-left: 1px solid #446079 !important;
  border-right: 1px solid #446079 !important;
  background: #39485d !important;
}

.spiffy2 {
  border-left: 1px solid #3D5A7A !important;
  border-right: 1px solid #3D5A7A !important;
  background: #2C4A68 !important;
}

.spiffy3 {
  border-left: 1px solid #2C4A68 !important;
  border-right: 1px solid #2C4A68 !important;
}

.spiffy4 {
  border-left: 1px solid #446079 !important;
  border-right: 1px solid #446079 !important;
}

.spiffy5 {
  border-left: 1px solid #39485d !important;
  border-right: 1px solid #39485d !important;
}

.spiffyfg {
  background: #2C4A68 !important;
}

/* MUI Components */
.mui-panel {
  background-color: #1D2F44 !important;
  color: #D0D0D0 !important;
}

.mui-btn.mui-btn--primary {
  background-color: #2874A6 !important;
  color: #fff !important;
  border: 1px solid #344D66 !important;
}

.mui-btn.mui-btn--primary:hover {
  background-color: #344D66 !important;
}

.mui-textfield > input,
.mui-textfield > textarea {
  background-color: #152332 !important;
  border: 1px solid #446079 !important;
  color: #D0D0D0 !important;
}

.mui-textfield > input:focus,
.mui-textfield > textarea:focus {
  border-color: #5DADE2 !important;
  box-shadow: 0 0 0 2px rgba(93, 173, 226, 0.2) !important;
}

.admininfo1 {
  background: #162331 !important;
  color: #D0D0D0 !important;
}

/* Form password recovery styles */
.mui-panel h2 {
  color: #E8E8E8 !important;
}

.mui-panel p {
  color: #D0D0D0 !important;
}

.mui-panel b {
  color: #E8E8E8 !important;
}

.mui-textfield > label {
  color: #D0D0D0 !important;
}

/* Form registrazione - Riquadri di errore */
div[style*="background-color: #fff3f7"],
div[style*="background-color:#fff3f7"] {
  background-color: #3D1A1A !important;
  border-color: #FF6B6B !important;
}

/* Messaggi di errore in rosso - più leggibili in dark mode */
div[style*="color:#FF0A89"],
div[style*="color: #FF0A89"],
span[style*="color:#FF0A89"],
span[style*="color: #FF0A89"] {
  color: #FF8A8A !important;
}

/* Pannello di attenzione */
.mui-panel[style*="background-color: #fff3f7"],
.mui-panel[style*="background-color:#fff3f7"] {
  background-color: #3D1A1A !important;
  border-color: #FF6B6B !important;
}

.mui-panel[style*="background-color: #fff3f7"] span[style*="color:#FF0A89"],
.mui-panel[style*="background-color:#fff3f7"] span[style*="color:#FF0A89"],
.mui-panel[style*="background-color: #fff3f7"] span[style*="color: #FF0A89"],
.mui-panel[style*="background-color:#fff3f7"] span[style*="color: #FF0A89"] {
  color: #FF8A8A !important;
}

/* Avviso ambiente locale */
div[style*="background-color: #fff3cd"],
div[style*="background-color:#fff3cd"] {
  background-color: #3D2F1A !important;
  border-color: #FFC107 !important;
}

div[style*="background-color: #fff3cd"] div[style*="color: #856404"],
div[style*="background-color:#fff3cd"] div[style*="color: #856404"],
div[style*="background-color: #fff3cd"] div[style*="color:#856404"],
div[style*="background-color:#fff3cd"] div[style*="color:#856404"] {
  color: #FFD54F !important;
}

/* Checkbox con errore */
label.mui-checkbox[style*="color: #ff0a89"],
label.mui-checkbox[style*="color:#ff0a89"] {
  color: #FF8A8A !important;
}

/* Select con bordo rosso in dark mode */
select[style*="border-color: #ff0a89"],
select[style*="border-color:#ff0a89"] {
  border-color: #FF6B6B !important;
}

/* Input con bordo rosso in dark mode */
input[style*="border-color: #ff0a89"],
input[style*="border-color:#ff0a89"] {
  border-color: #FF6B6B !important;
}

/* Titoli e sottotitoli form registrazione */
.mui--text-title,
.mui--text-subhead {
  color: #E8E8E8 !important;
}

.mui--text-subhead b {
  color: #E8E8E8 !important;
}

/* Select in dark mode - usa gli stessi stili di .date-select del form privato */
/* Esattamente come nel form privato: .date-select e .profile-select */
.date-select {
	background-color: #152332 !important;
	border: 1px solid #4A6B8C !important;
	color: #E8E8E8 !important;
	flex: 1;
	padding: 8px;
	border-radius: 4px;
	font-size: 14px;
}

.profile-select {
	background-color: #152332 !important;
	border: 1px solid #4A6B8C !important;
	color: #E8E8E8 !important;
	width: 100%;
	padding: 8px;
	border-radius: 4px;
	font-size: 14px;
	box-sizing: border-box;
}


/* Dropdown menu dark mode */
.mui-dropdown__menu {
  background-color: #152332 !important;
  border: 1px solid #0E1720 !important;
}

.mui-dropdown__menu a {
  color: #eaeaea !important;
}

.mui-dropdown__menu a:hover {
  background-color: #263C54 !important;
}

.mui-dropdown__menu.mui-dropdown__menu--right {
  background-color: #162331 !important;
  border: 1px solid #263C54 !important;
}

.mui-dropdown__menu.mui-dropdown__menu--right a {
  color: #eaeaea !important;
}

.mui-dropdown__menu.mui-dropdown__menu--right a:hover {
  background-color: #263C54 !important;
}

/* Button dropdown toggle dark mode */
button[data-mui-toggle="dropdown"],
.mui-btn[data-mui-toggle="dropdown"] {
  background-color: #152332 !important;
  color: #D0D0D0 !important;
  border: 1px solid #446079 !important;
}

button[data-mui-toggle="dropdown"]:hover,
.mui-btn[data-mui-toggle="dropdown"]:hover {
  background-color: #263C54 !important;
  color: #E8E8E8 !important;
}

button[data-mui-toggle="dropdown"]:focus,
.mui-btn[data-mui-toggle="dropdown"]:focus {
  border-color: #5DADE2 !important;
  box-shadow: 0 0 0 2px rgba(93, 173, 226, 0.2) !important;
}

/* Utility classes dark mode */
.form-error-container {
	background-color: #3D1A1A !important;
	border-color: #FF6B6B !important;
}

.form-alert-panel .mui-panel {
	background-color: #3D1A1A !important;
	border-color: #FF6B6B !important;
}

.form-alert-panel span {
	color: #FF8A8A !important;
}

.form-panel h2 {
	color: #E8E8E8 !important;
}

.form-panel p {
	color: #D0D0D0 !important;
}

.form-warning-box {
	background-color: #3D2F1A !important;
	border-color: #FFC107 !important;
}

.form-warning-box-title,
.form-warning-box-text,
.form-warning-box-note {
	color: #FFD54F !important;
}