.elementor-63989 .elementor-element.elementor-element-51745ac9:not(.elementor-motion-effects-element-type-background), .elementor-63989 .elementor-element.elementor-element-51745ac9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-63989 .elementor-element.elementor-element-51745ac9 > .elementor-container{min-height:100px;}.elementor-63989 .elementor-element.elementor-element-51745ac9{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 0px 0px 0px;}.elementor-63989 .elementor-element.elementor-element-51745ac9 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-63989 .elementor-element.elementor-element-d00ba7b > .elementor-element-populated{padding:0px 20px 40px 20px;}.elementor-widget-theme-archive-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-63989 .elementor-element.elementor-element-71363e43 .elementor-heading-title{font-family:"Raleway", Sans-serif;font-weight:700;color:var( --e-global-color-1288f48 );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-63989 .elementor-element.elementor-element-7d12997{text-align:center;}.elementor-63989 .elementor-element.elementor-element-7d12997 .elementor-heading-title{font-family:"Raleway", Sans-serif;font-weight:600;color:var( --e-global-color-1288f48 );}.elementor-63989 .elementor-element.elementor-element-8078d8c:not(.elementor-motion-effects-element-type-background), .elementor-63989 .elementor-element.elementor-element-8078d8c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-d4895d5 ) 0%, var( --e-global-color-6ddff4d ) 100%);}.elementor-63989 .elementor-element.elementor-element-8078d8c > .elementor-background-overlay{opacity:0.23;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-63989 .elementor-element.elementor-element-8078d8c{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-63989 .elementor-element.elementor-element-a2226f9 > .elementor-widget-container{background-color:var( --e-global-color-1288f48 );}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-63989 .elementor-element.elementor-element-51745ac9 > .elementor-container{min-height:100px;}}@media(max-width:767px){.elementor-63989 .elementor-element.elementor-element-51745ac9 > .elementor-container{min-height:100px;}.elementor-63989 .elementor-element.elementor-element-d00ba7b > .elementor-element-populated{padding:20px 20px 40px 20px;}}/* Start custom CSS for heading, class: .elementor-element-6b98008 */.elementor-63989 .elementor-element.elementor-element-6b98008,
.elementor-63989 .elementor-element.elementor-element-6b98008 * {
  box-shadow: none !important;
  text-shadow: none !important;
  filter: none !important;           /* drop-shadow */
  background: transparent !important;
  border: 0 !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7d12997 */.elementor-63989 .elementor-element.elementor-element-7d12997,
.elementor-63989 .elementor-element.elementor-element-7d12997 * {
  box-shadow: none !important;
  text-shadow: none !important;
  filter: none !important;           /* drop-shadow */
  background: transparent !important;
  border: 0 !important;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-51745ac9 *//* ========================= BARRA VIOLA USER ========================= */

/* Reset ombre/gradient SOLO in questa sezione */
.elementor-63989 .elementor-element.elementor-element-51745ac9,
.elementor-63989 .elementor-element.elementor-element-51745ac9::before,
.elementor-63989 .elementor-element.elementor-element-51745ac9::after {
  box-shadow: none !important;
  filter: none !important;
  text-shadow: none !important;
  border: 0 !important;
  border-radius: 0 !important;
}

/* Niente overlay/shape solo qui */
.elementor-63989 .elementor-element.elementor-element-51745ac9 .elementor-background-overlay,
.elementor-63989 .elementor-element.elementor-element-51745ac9 .elementor-shape,
.elementor-63989 .elementor-element.elementor-element-51745ac9 .elementor-shape-top,
.elementor-63989 .elementor-element.elementor-element-51745ac9 .elementor-shape-bottom,
.elementor-63989 .elementor-element.elementor-element-51745ac9::before,
.elementor-63989 .elementor-element.elementor-element-51745ac9::after {
  background-image: none !important;
  box-shadow: none !important;
  filter: none !important;
}

/* Contenitori interni senza ombre */
.elementor-63989 .elementor-element.elementor-element-51745ac9 .elementor-container,
.elementor-63989 .elementor-element.elementor-element-51745ac9 .elementor-column > .elementor-widget-wrap {
  box-shadow: none !important;
  filter: none !important;
  border: 0 !important;
  border-radius: 0 !important;
}

/* Mantieni il viola di sfondo */
.elementor-63989 .elementor-element.elementor-element-51745ac9 {
  background-color: var(--primary) !important; 
  overflow: visible !important; 
  position: relative !important;
}

/* Dropdown e menu sempre sopra */
.elementor-63989 .elementor-element.elementor-element-51745ac9 .um-dropdown,
.elementor-63989 .elementor-element.elementor-element-51745ac9 .elementor-nav-menu--dropdown,
.elementor-63989 .elementor-element.elementor-element-51745ac9 .sub-menu {
  position: absolute !important;
  z-index: 99999 !important;
}

/* Navbar UM: niente sfondo bianco nei tab */
.elementor-63989 .elementor-element.elementor-element-51745ac9 .um-profile-navbar a {
  background: transparent !important;
  color: #fff !important;
  box-shadow: none !important;
  border: 0 !important;
}

/* Hover e tab attivi */
.elementor-63989 .elementor-element.elementor-element-51745ac9 .um-profile-navbar a:hover,
.elementor-63989 .elementor-element.elementor-element-51745ac9 .um-profile-navbar .current a,
.elementor-63989 .elementor-element.elementor-element-51745ac9 .um-profile-navbar a.current {
  background: rgba(255,255,255,.15) !important; /* highlight tenue */
  color: #fff !important;
  box-shadow: none !important;
  border: 0 !important;
}

/* Testo meta sopra (es. Profilo/Account): pulito */
.elementor-63989 .elementor-element.elementor-element-51745ac9 .um-profile-meta,
.elementor-63989 .elementor-element.elementor-element-51745ac9 .um-profile-meta * {
  text-shadow: none !important;
  box-shadow: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-a2226f9 *//* --- Link preview nei post della bacheca --- */
.um-activity-widget .um-activity-body .um-activity-bodyinner-txt .post-meta a {
  display: block;
  margin: 0px;
  padding: 10px;
}
.um-activity-widget .um-activity-body .um-activity-bodyinner-txt .post-meta a .post-image {
  float: left;
  margin-left: 0px;
  margin-right: 10px;
  max-width: 200px!important;
}
/* FIX CLIP MOBILE per Ultimate Member (tab profilo) */
@media (max-width: 768px) {

  /* i wrapper UM spesso tagliano a destra */
  .um, .um * {
    box-sizing: border-box;
  }

  .um .um-profile,
  .um .um-profile-body,
  .um .um-profile-content,
  .um .um-profile-body .um-row,
  .um .um-profile-body .um-col,
  .um .um-profile-body .um-col-alt {
    max-width: 100% !important;
    overflow-x: visible !important;
    min-width: 0 !important;
  }

  /* se il tema forza nowrap su titoli/link, evitiamo sbordi */
  .um .um-profile-body * {
    white-space: normal;
    word-break: break-word;
    overflow-wrap: anywhere;
  }

  /* il contenuto della tab deve poter “respirare” */
  .um .um-profile-body {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-8078d8c */p.um_request_name {
    position:absolute;
    z-index:-9999;
    opacity:0;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-2b0160f *//* rimuove TUTTE le ombre/bordi/overlay SOLO su questa sezione */
.elementor-63989 .elementor-element.elementor-element-2b0160f,
.elementor-63989 .elementor-element.elementor-element-2b0160f *{
  box-shadow:none !important;
  text-shadow:none !important;
  filter:none !important;
  border:0 !important;
}
.elementor-63989 .elementor-element.elementor-element-2b0160f::before,
.elementor-63989 .elementor-element.elementor-element-2b0160f::after,
.elementor-63989 .elementor-element.elementor-element-2b0160f .elementor-background-overlay,
.elementor-63989 .elementor-element.elementor-element-2b0160f .elementor-shape,
.elementor-63989 .elementor-element.elementor-element-2b0160f .elementor-shape-top,
.elementor-63989 .elementor-element.elementor-element-2b0160f .elementor-shape-bottom,
.elementor-63989 .elementor-element.elementor-element-2b0160f .elementor-divider,
.elementor-63989 .elementor-element.elementor-element-2b0160f .elementor-divider__text,
.elementor-63989 .elementor-element.elementor-element-2b0160f [style*="box-shadow"],
.elementor-63989 .elementor-element.elementor-element-2b0160f [style*="drop-shadow"]{
  box-shadow:none !important;
  filter:none !important;
  background:none !important;
  border:0 !important;
}/* End custom CSS */
/* Start custom CSS *//* ========================= VARIABILI (come le tue) ========================= */
:root{
  --primary:#5E359D;
  --secondary:#FAD332;
  --card:#fff;
  --text:#111;
  --muted:#6B6B6B;
  --radius:18px;
  --shadow:0 6px 18px rgba(0,0,0,.08);
  --shadow-lg:0 12px 28px rgba(0,0,0,.12);
  --border:1px solid rgba(0,0,0,.07);
  --radius-m:16px;
  --shadow-m:0 6px 16px rgba(0,0,0,.08);
}

/* ===================================================== A) PROFILO UM – il tuo stile moderno (INVARIATO) ===================================================== */
/* 1) HERO (cover area) */
body .um .um-profile-header{
  border-radius:var(--radius);
  overflow:hidden;
  box-shadow:var(--shadow);
  border:var(--border);
  position:relative;
}
body .um .um-profile-header:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(0,0,0,.15) 0%, rgba(0,0,0,0) 70%);
  pointer-events:none;
}

/* 2) TAB stile pill */
body .um .um-profile-navbar{
  margin-top:10px;
  border:var(--border);
  border-radius:var(--radius);
  background:#fff;
  box-shadow:var(--shadow);
  padding:8px;
}
body .um .um-profile-navbar a{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 12px;
  border-radius:12px;
  color:var(--text)!important;
  font-weight:600;
  text-decoration:none;
  margin:4px;
  transition:background .2s,color .2s;
}
body .um .um-profile-navbar a:hover{
  background:#f6f4ff;
  color:var(--primary)!important;
}
body .um .um-profile-navbar .current a,
body .um .um-profile-navbar a.current{
  background:var(--primary)!important;
  color:#fff!important;
}

/* 3) Card uniformi */
body .um .um-profile-body .um-profile-section,
body .um .um-profile-body .um-field,
body .um .um-profile-body .um-profile-note,
body .um .um-profile-body .um-form,
body .um .um-profile-body .um-profile-content{
  background:#fff;
  border:var(--border);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
  padding:16px;
  margin-bottom:18px;
}
body .um .um-profile-body h3,
body .um .um-profile-body h4{
  margin:0 0 10px;
  font-weight:800;
  color:var(--text);
}

/* 4) Campi profilo */
body .um .um-field-label{
  font-weight:700;
  color:var(--text);
}
body .um .um-field-area input[type=text],
body .um .um-field-area input[type=url],
body .um .um-field-area input[type=email],
body .um .um-field-area textarea,
body .um .um-field-area select{
  border:1px solid rgba(0,0,0,.12)!important;
  border-radius:12px!important;
  padding:.55rem .8rem!important;
  box-shadow:inset 0 1px 2px rgba(0,0,0,.03);
}

/* 5) Media */
body .um iframe,
body .um video,
body .um .wp-video{
  border-radius:14px;
  overflow:hidden;
  box-shadow:var(--shadow);
}

/* 6) Feed nel profilo */
body .um .um-activity{
  padding:16px;
  border-radius:var(--radius);
  box-shadow:var(--shadow);
  border:var(--border);
}
body .um .um-activity .um-activity-head{
  padding-bottom:10px;
  border-bottom:1px solid rgba(0,0,0,.07);
  margin-bottom:12px;
}

/* 7) Pulsanti */
body .um a.um-button,
body .um input[type=submit],
body .um .um-button{
  background:var(--primary)!important;
  color:#fff!important;
  border:none!important;
  border-radius:12px!important;
  padding:.65rem 1rem!important;
  font-weight:700;
  transition:transform .05s, filter .2s;
}
body .um a.um-button:hover{
  filter:brightness(.94);
  transform:translateY(-1px);
}
body .um a.um-alt,
body .um .um-button.um-alt{
  background:#fff!important;
  color:var(--primary)!important;
  border:2px solid var(--primary)!important;
  border-radius:12px!important;
}

/* 8) Progress / badge */
body .um .um-progress-bar{
  height:10px;
  border-radius:999px;
  background:#eee;
}
body .um .um-progress-bar .um-progress-value{
  background:var(--secondary)!important;
}
body .um .um-badges .um-badge{
  border-radius:999px;
  padding:4px 10px;
  font-weight:700;
}

/* 9) Micro-animazioni */
body .um .um-profile-body .um-profile-section,
body .um .um-activity{
  transition:box-shadow .2s, transform .08s;
}
body .um .um-profile-body .um-profile-section:hover{
  box-shadow:var(--shadow-lg);
  transform:translateY(-1px);
}

/* 10) Responsive (tuo) */
@media (max-width:1024px){
  body .um .um-profile-navbar{ padding:6px; }
  body .um .um-profile-navbar a{ padding:8px 10px; margin:3px; }
  body .um .um-profile-body .um-profile-section{ padding:14px; }
}

/* ===================================================== B) SOFT-UI ESTESO (profilo, messaggi, contenuti) — scoping: NIENTE su header/footer viola ===================================================== */
/* 1) NON applicare ombre/radius su header & footer Elementor */
.elementor-location-header,
.elementor-location-footer,
header .elementor *,
footer .elementor *{
  box-shadow:none !important;
  border-radius:0 !important;
  background:transparent !important;
}
/* Safety: barra viola senza righe */
.elementor-location-header,
.elementor-location-footer{
  box-shadow:none !important;
}

/* 2) Elementor nel CONTENUTO (site-main/#content) con smusso */
.site-main .elementor .elementor-widget-container,
#content .elementor .elementor-widget-container,
.site-main .elementor .elementor-column .elementor-widget-wrap,
#content .elementor .elementor-column .elementor-widget-wrap,
.site-main .elementor .elementor-post,
#content .elementor .elementor-post,
.widget,
.card,
.indie-card{
  border-radius:var(--radius-m);
  box-shadow:var(--shadow-m);
  border:var(--border);
  overflow:hidden;
}
.site-main .elementor img,
.site-main .elementor iframe,
.site-main .elementor .wp-block-embed,
.site-main .elementor .wp-video,
#content .elementor img,
#content .elementor iframe,
#content .elementor .wp-block-embed,
#content .elementor .wp-video{
  border-radius:14px;
  overflow:hidden;
}
.site-main .elementor a.elementor-button,
#content .elementor a.elementor-button{
  border-radius:12px;
}

/* 3) UM – rafforzo smusso sezioni interne (no barra viola) */
body .um.um-profile .um-profile-body .um-profile-section,
body .um.um-profile .um-activity{
  border-radius:var(--radius-m) !important;
  box-shadow:var(--shadow-m);
  border:var(--border);
  overflow:hidden;
}
/* tab profilo “pill” smussati */
body .um.um-profile .um-profile-navbar{
  border-radius:var(--radius-m);
  box-shadow:var(--shadow-m);
}

/* 4) UM – MESSAGGI (bolle, mantieni i tuoi colori) */
body .um .um-message-item{
  margin:10px 8px !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  display:flex;
  gap:8px;
}
body .um .um-message-item .um-message{
  max-width:74%;
  padding:10px 14px;
  border-radius:18px;
  line-height:1.45;
  font-size:14.5px;
  box-shadow:0 2px 6px rgba(0,0,0,.06);
  border:1px solid rgba(0,0,0,.06);
}
body .um .um-message-item.right_m .um-message{
  background:var(--primary) !important;
  color:#fff !important;
  border-top-right-radius:6px;
  margin-left:auto;
  border-color:rgba(0,0,0,.08);
}
body .um .um-message-item.left_m .um-message{
  background:#fff !important;
  color:var(--text) !important;
  border-top-left-radius:6px;
  margin-right:auto;
}
body .um .um-message-item .um-message-meta{
  display:block;
  margin-top:4px;
  font-size:11px;
  color:#777;
  text-align:right;
}
body .um .um-message-item.right_m .um-message-meta{ color:rgba(255,255,255,.85); }
body .um .um-message-textarea textarea{
  border:1px solid rgba(0,0,0,.12) !important;
  border-radius:12px !important;
  padding:.6rem .8rem !important;
}

/* 5) Responsive: larghezza bolle */
@media (max-width:1024px){
  body .um .um-message-item .um-message{ max-width:82%; }
}
@media (max-width: 767px){
  body .um .um-message-item .um-message{ max_width:86%; }
}

/* Soft UI SOLO nel contenuto (NON header/footer) */
.site-main .elementor .elementor-widget-container,
#content .elementor .elementor-widget-container,
.site-main .elementor .elementor-column .elementor-widget-wrap,
#content .elementor .elementor-column .elementor-widget-wrap,
.site-main .elementor .elementor-post,
#content .elementor .elementor-post {
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  border: var(--border);
  overflow: hidden;
}
/* Media dentro contenuto */
.site-main .elementor img,
.site-main .elementor iframe,
#content .elementor img,
#content .elementor iframe {
  border-radius: 14px;
  overflow: hidden;
}

/* Forza smussatura barra GRIGIA menu profilo UM */
body .um.um-profile .um-profile-navbar,
body .um.um-profile .um-profile-navbar > div,
body .um.um-profile .um-profile-navbar .um-profile-nav,
body .um.um-profile .um-profile-nav {
  border-radius: 22px !important;
  overflow: hidden !important;
  box-shadow: none !important; /* niente ombre */
  -webkit-mask-image: -webkit-radial-gradient(white, black); /* fix Safari */
}
/* Se la barra è composta da un wrapper interno con bg */
body .um.um-profile .um-profile-navbar > * {
  border-radius: inherit !important;
  overflow: hidden !important;
}
/* Le “pill” (tab) dentro la barra: arrotonda anche loro */
body .um.um-profile .um-profile-navbar a,
body .um.um-profile .um-profile-navbar .current a {
  border-radius: 14px !important;
}
/* In caso il tema rimetta radius:0 da qualche parte */
.um.um-profile .um-profile-navbar.um-profile-navbar {
  border-radius: 22px !important;
  overflow: hidden !important;
}

/* ======================= TITOLI CASE STUDY ======================= */
.indievisione-case-study h2,
.indievisione-case-study h3 {
  color: var(--primary) !important; /* Viola */
  font-size: 1.3rem; /* più piccolo */
  font-weight: 700;
  margin-bottom: 12px;
}

/* ======================= TITOLI ADVICE (Spotify, Instagram…) ======================= */
.indievisione-advice h3 {
  color: var(--secondary) !important; /* Giallo */
  font-size: 1.1rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .02em;
  margin-bottom: 10px;
}

/* ======================= PULSANTE UPLOAD CSV ======================= */
.indievisione-upload-form input[type="submit"],
.indievisione-upload-form button {
  background: var(--secondary) !important; /* Giallo */
  color: #111 !important; /* Testo scuro */
  border: none !important;
  border-radius: 8px; /* moderno e snello */
  padding: 10px 22px;
  font-size: 0.95rem;
  font-weight: 400 !important; /* NO BOLD */
  cursor: pointer;
  box-shadow: 0 4px 12px rgba(0,0,0,.12);
  transition: all 0.2s ease-in-out;
}
/* Hover elegante */
.indievisione-upload-form input[type="submit"]:hover,
.indievisione-upload-form button:hover {
  background: #e5bd2d !important; /* giallo leggermente più scuro */
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(0,0,0,.16);
}

/* ======= UPLOAD CSV BUTTON FORZATO ======= */
.um .um-profile-body.indievisione .indievisione-upload-form input[type="submit"],
.um .um-profile-body.indievisione .indievisione-upload-form button,
#indievisione-dashboard .indievisione-upload-form input[type="submit"],
#indievisione-dashboard .indievisione-upload-form button {
  background: var(--secondary) !important; /* giallo */
  color: #111 !important; /* testo scuro */
  border: none !important;
  border-radius: 8px !important;
  padding: 10px 22px !important;
  font-size: 0.95rem !important;
  font-weight: 400 !important; /* NO BOLD */
  cursor: pointer;
  box-shadow: 0 4px 12px rgba(0,0,0,.12) !important;
  transition: all 0.2s ease-in-out;
}
/* Hover */
.um .um-profile-body.indievisione .indievisione-upload-form input[type="submit"]:hover,
.um .um-profile-body.indievisione .indievisione-upload-form button:hover,
#indievisione-dashboard .indievisione-upload-form input[type="submit"]:hover,
#indievisione-dashboard .indievisione-upload-form button:hover {
  background: #e5bd2d !important;
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(0,0,0,.16) !important;
}

/* Forza il menu ingranaggio ad aprirsi verso sinistra */
body .um .um-dropdown {
  left: auto !important;
  right: 0 !important;
  transform-origin: top right !important;
}

/* Pulsante FOLLOW/FOLLOWING più ovale */
body .um .um-follow-btn,
body .um .um-following-btn {
  border-radius: 999px !important; /* lo rende perfettamente pill */
  padding: 6px 18px !important; /* dimensioni più equilibrate */
  font-weight: 600;
  font-size: 0.85rem;
}

/* ================================ FOLLOW / FOLLOWING — OVERRIDE HARD (specificità > dei tuoi .um-button) =================================== */
/* 1) Centro il blocco e disattivo allineamenti a destra */
body .um .um-profile-header .um-follow-wrap,
body .um .um-profile-header .um-follow-meta,
body .um .um-profile-header .um-header-actions{
  display: flex !important;
  align-items: center !important;
  justify-content: center !important; /* niente "troppo a destra" */
  gap: 8px !important;
  width: 100% !important;
}
/* Se il tema li spinge a destra via float/posizionamento, annullo */
body .um .um-profile-header .um-follow-wrap,
body .um .um-profile-header .um-follow-wrap *{
  float: none !important;
  position: static !important;
  right: auto !important;
  left: auto !important;
  transform: none !important;
}
/* 2) Forma pill perfetta + anti-spezzato con specificità ALTISSIMA */
body .um a.um-button.um-follow-btn,
body .um a.um-button.um-following-btn,
body .um .um-button.um-follow-btn,
body .um .um-button.um-following-btn,
body .um a[class*="um-"][class*="follow"][class*="btn"],
body .um button[class*="um-"][class*="follow"][class*="btn"]{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 10px 22px !important;
  min-height: 40px !important;
  border-radius: 9999px !important; /* ovale reale */
  line-height: 1 !important;
  font-weight: 600 !important; /* NON bold */
  font-size: .9rem !important;
  white-space: nowrap !important;
  box-sizing: border-box !important;
  background-clip: padding-box !important; /* anti artefatti bordo */
  background-image: none !important; /* elimina gradient/residui */
  border-width: 2px !important;
  border-style: solid !important;
  overflow: hidden !important;
  box-shadow: 0 6px 16px rgba(0,0,0,.10) !important;
}
/* 3) Stati (colori) — INVERTITI */
body .um a.um-button.um-follow-btn,
body .um .um-button.um-follow-btn{
  background: #fff !important; /* FOLLOW: bianco */
  color: var(--primary) !important; /* testo viola */
  border-color: var(--primary) !important;
}
body .um a.um-button.um-following-btn,
body .um .um-button.um-following-btn{
  background: var(--primary) !important; /* FOLLOWING: viola pieno */
  color: #fff !important;
  border-color: var(--primary) !important;
}
/* 4) Rimuovo pseudo-elementi che causano l'effetto “spezzato” */
body .um a.um-button.um-follow-btn::before,
body .um a.um-button.um-follow-btn::after,
body .um a.um-button.um-following-btn::before,
body .um a.um-button.um-following-btn::after{
  content: none !important;
}
/* 5) Hover coerenti */
body .um a.um-button.um-follow-btn:hover,
body .um .um-button.um-follow-btn:hover{
  background:#f6f4ff !important;
}
body .um a.um-button.um-following-btn:hover,
body .um .um-button.um-following-btn:hover{
  filter:brightness(.96);
  transform:translateY(-1px);
}

/* ======================= Indievisione – Download (Card + Calendario) Giallo + ombra, testo VIOLA (safe: non alteriamo il comportamento dell'input submit) ======================= */
/* Stile base per ENTRAMBI i bottoni */
.um .um-profile-body.indievisione .indievisione-download-btn,
#indievisione-dashboard .indievisione-download-btn,
.site-main .indievisione-download-btn {
  background: var(--secondary) !important; /* giallo */
  color: var(--primary) !important; /* testo VIOLA */
  border: none !important;
  border-radius: 12px !important;
  padding: 10px 22px !important;
  font-size: 0.95rem !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  box-shadow: 0 8px 18px rgba(0,0,0,.10), 0 6px 16px rgba(250,211,50,.28) !important;
  transition: transform .06s, filter .2s, box-shadow .2s !important;
  text-shadow: none !important;
}
/* Hover/Active */
.um .um-profile-body.indievisione .indievisione-download-btn:hover,
#indievisione-dashboard .indievisione-download-btn:hover,
.site-main .indievisione-download-btn:hover {
  background: #e5bd2d !important;
  transform: translateY(-2px);
  box-shadow: 0 12px 24px rgba(0,0,0,.12), 0 10px 22px rgba(250,211,50,.32) !important;
}
.um .um-profile-body.indievisione .indievisione-download-btn:active { transform: translateY(0); }
.um .um-profile-body.indievisione .indievisione-download-btn:focus {
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(94,53,157,.25), 0 8px 18px rgba(0,0,0,.10) !important;
}
/* Calendario (BUTTON): ok resettare appearance */
.indievisione-cal-download-btn { -webkit-appearance: none; appearance: none; background-image: none !important; }
/* Card (INPUT SUBMIT): NON resettare appearance per non rompere il submit */
input[type="submit"].indievisione-download-btn {
  -webkit-appearance: auto; /* comportamento nativo */
  appearance: auto;
  background-image: none !important; /* solo estetica */
  display: inline-block;
  pointer-events: auto !important;
}
/* Fix bottone POST in user activity */
.um-activity-comment .um-button,
.um-activity-foot .um-button {
    float: none !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    margin-top: 0 !important;
    vertical-align: middle;
}
/* === USER > Feed UM: allinea il bottone COMMENTO accanto al campo === */

/* Riga del form commento in 2 colonne: [input   bottone] */
.um.um-profile .um-activity .um-activity-commentl,
.um.um-profile .um-activity .um-activity-comment,
.um.um-profile .um-activity .um-activity-comment-form {
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  align-items: center !important;
  gap: 8px !important;
  clear: none !important;
}

/* L’input/textarea: prende lo spazio, niente margini che lo spingono giù */
.um.um-profile .um-activity .um-activity-commentl input[type="text"],
.um.um-profile .um-activity .um-activity-commentl textarea,
.um.um-profile .um-activity .um-activity-comment input[type="text"],
.um.um-profile .um-activity .um-activity-comment textarea {
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  border-radius: 12px !important;
}

/* Il bottone COMMENTO a destra, auto-width (anche da disabilitato) */
.um.um-profile .um-activity a.um-button.um-activity-comment-post,
.um.um-profile .um-activity .um-activity-comment-post {
  display: inline-flex !important;
  width: auto !important;
  white-space: nowrap !important;
  margin: 0 !important;
  float: none !important;
  clear: none !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 12px !important;
}

/* Alcuni temi mettono clearfix che rompe la riga: lo neutralizziamo */
.um.um-profile .um-activity .um-activity-commentl .clear,
.um.um-profile .um-activity .um-activity-comment .clear {
  display: none !important;
}/* End custom CSS */