.elementor-kit-547{--e-global-color-primary:#67E9B3;--e-global-color-secondary:#F08010;--e-global-color-text:#27C8CC;--e-global-color-accent:#FFFFFF;--e-global-color-7823ea4:#FF4237;--e-global-color-62ba711:#FF7C40;--e-global-color-22c267d:#2DD140;--e-global-color-feb8222:#2DD7A2;--e-global-color-0c0df9c:#4D4D4D;--e-global-color-d24916e:#161616;--e-global-typography-primary-font-family:"Space Grotesk";--e-global-typography-primary-font-weight:400;--e-global-typography-secondary-font-family:"Space Grotesk";--e-global-typography-secondary-font-weight:700;--e-global-typography-text-font-family:"Space Grotesk";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"geom-graphic";--e-global-typography-accent-font-weight:700;--e-global-typography-accent-font-style:italic;}.elementor-kit-547 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ================== ULTIMATE MEMBER ACCOUNT - STILE COMPLETO ================== */

/* ====== BACKGROUND PAGINA ====== */
body {
  background-color: #000 !important;
}

/* ====== SPAZIO SOPRA/SOTTO ====== */
#main,
#primary,
.um-account-wrap {
  padding-top: 100px !important;
  padding-bottom: 100px !important;
}

/* ====== FONT ADOBE: GEOM GRAPHIC BOLD ITALIC ====== */
.um-account-wrap,
.um-account-main,
.um-form,
.um-account-side li,
.um-account-side .um-account-nav ul li a,
.um-account-profile-link a,
.um-account-name.uimob800-hide a,
.um-account-heading,
.um-account-title.uimob800-hide,
.um-faicon-user,
.um-account-icon.uimob800-hide {
  font-family: "geom-graphic", sans-serif !important;
  font-weight: 700 !important;
  font-style: italic !important;
  text-transform: uppercase !important;
  color: #8ce6b7 !important;
}

/* Escludi input password */
.um-form .um-field input[type="password"] {
  text-transform: lowercase !important;
}


/* ====== FORM ====== */
.um-account-wrap,
.um-account-main,
.um-form {
  background-color: #000 !important;
  border: none !important;
  box-shadow: none !important;
}

.um-form .um-field-label {
  color: #8ce6b7 !important;
  font-weight: 700 !important;
  font-style: italic !important;
  text-transform: uppercase !important;
}

.um-form .um-field input,
.um-form .um-field textarea,
.um-form .um-field select {
  background: transparent !important;
  border: 2px solid #fff !important;
  border-radius: 8px !important;
  padding: 12px !important;
  font-size: 16px !important;
  color: #fff !important;
  font-family: "geom-graphic", sans-serif !important;
  font-weight: 700 !important;
  font-style: italic !important;
  text-transform: uppercase !important;
}

.um-form .um-field input::placeholder,
.um-form .um-field textarea::placeholder {
  color: #fff !important;
  opacity: 0.7 !important;
  font-style: italic !important;
  text-transform: uppercase !important;
}

.um-form .um-field input:focus,
.um-form .um-field textarea:focus,
.um-form .um-field select:focus {
  border-color: #8ce6b7 !important;
  box-shadow: 0 0 8px rgba(140,230,183,0.7) !important;
  outline: none !important;
}

/* Pulsanti */
.um-form .um-button {
  background: transparent !important;
  border: 2px solid #fff !important;
  border-radius: 8px !important;
  padding: 12px 20px !important;
  color: #fff !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
  font-family: "geom-graphic", sans-serif !important;
  font-weight: 700 !important;
  font-style: italic !important;
  text-transform: uppercase !important;
}

.um-form .um-button:hover {
  background: #8ce6b7 !important;
  color: #000 !important;
  border-color: #8ce6b7 !important;
}

/* ====== SIDEBAR ====== */
.um-account-side,
.um-account-side .um-account-nav,
.um-account-side .um-account-nav ul,
.um-account-side .um-account-meta {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

.um-account-side li {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

.um-account-side li:hover,
.um-account-side li.active {
  background: #8ce6b7 !important;
  color: #000 !important;
}

.um-account-side ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.um-account-side .um-account-nav ul li a {
  display: block !important;
  color: #8ce6b7 !important;
  padding: 10px 0 !important;
  text-decoration: none !important;
  font-size: 16px !important;
  transition: all 0.3s ease !important;
}

.um-account-side .um-account-nav ul li a:hover,
.um-account-side .um-account-nav ul li a.current {
  background: #8ce6b7 !important;
  color: #000 !important;
}

/* ====== TITOLI E ICONE ====== */
.um-account-heading,
.um-account-title.uimob800-hide,
.um-faicon-user,
.um-account-icon.uimob800-hide {
  color: #8ce6b7 !important;
}

/* ====== LINK PROFILO E NOME ====== */
.um-account-profile-link a,
.um-account-name.uimob800-hide a,
.um-account-name.uimob800-hide .um-account-profile-link a {
  color: #8ce6b7 !important;
  text-decoration: none !important;
  display: inline-block;
  padding: 2px 6px;
  transition: all 0.3s ease !important;
}

.um-account-profile-link a:hover,
.um-account-name.uimob800-hide a:hover,
.um-account-name.uimob800-hide .um-account-profile-link a:hover {
  background-color: #8ce6b7 !important;
  color: #000 !important;
  text-decoration: none !important;
}
/* ====== HOVER/ACTIVE SIDEBAR LINK ====== */
.um-account-side .um-account-link:hover,
.um-account-side .um-account-link.current,
.um-account-side .um-account-nav ul li a:hover,
.um-account-side .um-account-nav ul li a.current {
  background-color: #8ce6b7 !important;
  color: #000 !important;
}

/* Forza anche il colore delle icone e titoli dentro */
.um-account-side .um-account-link:hover i,
.um-account-side .um-account-link.current i,
.um-account-side .um-account-link:hover .um-account-title,
.um-account-side .um-account-link.current .um-account-title {
  color: #000 !important;
}

/* A) Password e conferma password - niente maiuscolo */
.um-form .um-field input[type="password"] {
  text-transform: none !important;

}

/* B) Dropdown anno - sfondo bianco, testo nero */
select[name="birth_year"],
select#birth_year {
  background-color: white !important;
  color: black !important;
}

/* C + D) Select2: campi nazionalità e club con testo visibile mentre si digita */
.select2-container--default .select2-search--dropdown .select2-search__field {
  background-color: white !important;
  color: black !important;
}

/* Forza anche lo sfondo della lista risultati se serve */
.select2-results {
  background-color: white !important;
  color: black !important;
}

/* Stile datepicker jQuery UI + Ultimate Member */

/* Contenitore principale del calendario */
.ui-datepicker,
.ui-datepicker.ui-widget,
.ui-datepicker-inline,
.ui-datepicker-popup {
  background-color: white !important;
  color: black !important;
  border: 1px solid #ccc !important;
  box-shadow: 0 0 10px rgba(0,0,0,0.2) !important;
}

/* Header (mese / anno) */
.ui-datepicker-header {
  background-color: #8ce6b7 !important;
  color: black !important;
  border-bottom: none !important;
}

/* Titolo mese / anno */
.ui-datepicker-title {
  color: black !important;
}

/* Pulsanti prev / next */
.ui-datepicker-prev span,
.ui-datepicker-next span {
  color: black !important;
}

/* Le celle del calendario (i giorni) */
.ui-datepicker-calendar td a,
.ui-datepicker-calendar td {
  background: white !important;
  color: black !important;
}

/* Giorno selezionato / attivo */
.ui-datepicker .ui-state-active,
.ui-datepicker .ui-state-highlight,
.ui-datepicker .ui-state-default.ui-state-active {
  background-color: #8ce6b7 !important;
  color: black !important;
}

/* Hover sui giorni */
.ui-datepicker-calendar td a:hover,
.ui-datepicker td:hover {
  background-color: #a5e1be !important;
  color: black !important;
}

/* Se ci sono select per mese/anno dentro datepicker */
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  background-color: white !important;
  color: black !important;
}
/* AUMENTA LA LARGHEZZA DEL SELECT DELL'ANNO */
.picker__select--year {
  min-width: 90px !important; /* più spazio per numeri tipo 2025 */
}

/* SISTEMA IL CONTENITORE HEADER (dove ci sono mese, anno e frecce) */
.picker__header {
  display: flex !important;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}

/* SISTEMA I SELECT MENSILI/ANNUALI */
.picker__select--month,
.picker__select--year {
  margin: 0 5px !important;
  font-size: 14px !important;
  height: auto !important;
}

/* Aggiungi ancora più spazio sopra i select */
.picker__header {
  position: relative;
  padding-top: 50px !important; /* prima era 30px, ora 50px */
}

/* Posiziona le frecce ancora più in alto */
.picker__nav--prev,
.picker__nav--next {
  position: absolute;
  top: 10px !important; /* più in alto rispetto ai select */
  z-index: 2;
  width: 28px;
  height: 28px;
  background: transparent;
  cursor: pointer;
}

/* Freccia sinistra */
.picker__nav--prev {
  left: 10px !important;
}

/* Freccia destra */
.picker__nav--next {
  right: 10px !important;
}/* End custom CSS */