/* ===== DARK MODE STYLES FOR PUBLIC HOME PAGE ===== */

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

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

#footer {
  color: #A0A0A0 !important;
}

.footer_2 {
  opacity: 0.7;
}

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

a:link {
  color: #7db8ff !important;
}

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

#link_footer a:hover {
  color: #fff !important;
  background: #2874A6 !important;
}

#link_footer a:active {
  color: #fff !important;
  background: #344D66 !important;
}

#contenuto {
  color: #D0D0D0 !important;
}

#top_right {
  background-color: #1D2F44 !important;
  color: #D0D0D0 !important;
}

#content_top_right {
  color: #D0D0D0 !important;
}

#tmb_foto_container {
  background-color: #2F3B4C !important;
  color: #D0D0D0 !important;
}

#tmb_foto {
  background-color: #1E3043 !important;
}

#search_container {
  background-color: #1D2F44 !important;
}

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

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

#titolo_login {
  color: #E8E8E8 !important;
}

a.col_box {
  color: #7db8ff !important;
  background-color: #1D2F44 !important;
}

a.col_box:hover {
  color: #ff6b9d !important;
}

.sty1 {
  border-top-color: #446079 !important;
  border-left-color: #446079 !important;
  border-bottom-color: #5DADE2 !important;
  border-right-color: #5DADE2 !important;
}

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

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

/* Input fields */
input[type="text"],
input[type="password"],
input[type="email"],
textarea,
select {
  background-color: #1E3043 !important;
  border: 1px solid #446079 !important;
  color: #D0D0D0 !important;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
textarea:focus,
select: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;
}

/* 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;
}

/* Mobile-only styles */
.mobile-only .mui-panel {
  background: #1D2F44 !important;
  color: #D0D0D0 !important;
}

.mobile-only div[style*="background-color:#FAFCFF"],
.mobile-only div[style*="background-color: #FAFCFF"] {
  background-color: #1D2F44 !important;
}

.mobile-only h3 {
  color: #E8E8E8 !important;
}

.mobile-only p {
  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;
}

/* Select in dark mode - usa gli stessi stili di .date-select del form privato */
.mui-select > select,
.mui-select select {
  background-color: #3D5A7A !important;
  border: 1px solid #4A6B8C !important;
  color: #E8E8E8 !important;
  padding: 8px !important;
  border-radius: 4px !important;
  font-size: 14px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

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

.mui-select > select option,
.mui-select select option {
  background-color: #3D5A7A !important;
  color: #E8E8E8 !important;
  padding: 8px !important;
}

/* Forza gli stili anche per select standard */
select {
  background-color: #3D5A7A !important;
  border: 1px solid #4A6B8C !important;
  color: #E8E8E8 !important;
}

select option {
  background-color: #3D5A7A !important;
  color: #E8E8E8 !important;
}

/* Dropdown menu dark mode */
.mui-dropdown__menu {
  background-color: #1E3043 !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: #1E3043 !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;
}

/* Sezione "Prima volta su Incontrissimi?" */
div[style*="background-color: #fafafa"],
div[style*="background-color:#fafafa"] {
  background-color: #1D2F44 !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;
}

/* Override stili inline nella versione mobile */
.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: #1D2F44 !important;
  background-color: #1D2F44 !important;
}

.mobile-only div[style*="background-color:#FAFCFF"],
.mobile-only div[style*="background-color: #FAFCFF"] {
  background-color: #1D2F44 !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 .home-m-login-expand-summary {
  background: #1d2f44 !important;
  border-color: #446079 !important;
}

.mobile-only .home-m-login-expand-label {
  color: #e8f2ff !important;
}

.mobile-only .home-m-login-expand-panel {
  background: #1d2f44 !important;
  border-color: #446079 !important;
}

.mobile-only .home-m-login-expand-lead {
  color: #d0d0d0 !important;
}

.mobile-only .home-m-cta-micro {
  color: #a8b4c4 !important;
}

.mobile-only .home-m-intro {
  color: #d0d0d0 !important;
}

.mobile-only .home-m-intro strong {
  color: #9ec9ff !important;
}

.mobile-only .home-m-testimonials-heading {
  color: #e8e8e8 !important;
}