/* Nasconde ovunque i termini/categorie dei corsi MasterStudy */
.stm_lms_instructor_courses__single--term{
  display: none !important;
}

/* Nasconde ovunque lo stato "started" nei corsi MasterStudy */
.stm_lms_instructor_courses__single--started{
  display: none !important;
}

/* ======================================================
   TANA – ACCOUNT (mobile-first, safe con MasterStudy)
   ====================================================== */



/* Wrapper coerente */
body.tana-account-page.woocommerce-account .woocommerce{
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 16px; /* respiro su mobile */
  box-sizing: border-box;
}

/* Default mobile: tutto in colonna */
body.tana-account-page.woocommerce-account .woocommerce-MyAccount-navigation,
body.tana-account-page.woocommerce-account .woocommerce-MyAccount-content{
  width: 100%;
  box-sizing: border-box;
}

/* NAV: card pulita (solo il contenitore ha angoli) */
body.tana-account-page.woocommerce-account .woocommerce-MyAccount-navigation{
  background: #fff;
  border: 1px solid rgba(0,0,0,.10);
  border-radius: 6px;
  padding: 0;
  overflow: hidden; /* mantiene gli angoli puliti */
  box-shadow: none;
  margin-bottom: 18px; /* separazione su mobile */
}

/* reset lista */
body.tana-account-page.woocommerce-account .woocommerce-MyAccount-navigation ul{
  margin: 0;
  padding: 0;
  list-style: none;
}

body.tana-account-page.woocommerce-account .woocommerce-MyAccount-navigation li{
  margin: 0;
}

/* link piatti */
body.tana-account-page.woocommerce-account .woocommerce-MyAccount-navigation a{
  display: block;
  padding: 14px 14px;
  text-decoration: none;
  border: 0;
  border-radius: 0;
}

/* separatori tra voci */
body.tana-account-page.woocommerce-account .woocommerce-MyAccount-navigation li + li a{
  border-top: 1px solid rgba(0,0,0,.08);
}

/* hover */
body.tana-account-page.woocommerce-account .woocommerce-MyAccount-navigation a:hover{
  background: rgba(0,0,0,.04);
}

/* active */
body.tana-account-page.woocommerce-account .woocommerce-MyAccount-navigation .is-active > a{
  background: rgba(0,0,0,.06);
  font-weight: 600;
}

/* Contenuto */
body.tana-account-page.woocommerce-account .woocommerce-MyAccount-content{
  padding: 0;
}

/* Dashboard Woo: nascondo SOLO il testo descrittivo (secondo paragrafo) */
body.tana-account-page.woocommerce-account
.woocommerce-MyAccount-content > p:nth-of-type(2){
  display: none !important;
}

/* Nasconde completamente il saluto WooCommerce di default */
body.tana-account-page.woocommerce-account
.woocommerce-MyAccount-content > p:first-of-type{
  display: none !important;
}

/* Saluto personalizzato (quello stampato dal tuo PHP) */
body.tana-account-page .tana-account-greeting{
  margin: 6px 0 14px;
  font-size: 24px;
  line-height: 1.15;
}

/* ======================================================
   Welcome text (NO BOX) – mobile/iPhone first
   ====================================================== */

.tana-account-welcome{
  all: unset;
  display: block;
  margin: 0 0 22px;
}

.tana-account-welcome-title{
  margin: 0 0 8px;
  font-size: 15px;
  font-weight: 600;
}

.tana-account-welcome-text{
  margin: 0;
  font-size: 15px;
  line-height: 1.55;
  opacity: .90;
}

/* Tablet (>=768px) */
@media (min-width: 768px){
  .tana-account-welcome{
    margin-bottom: 24px;
  }
  .tana-account-welcome-title{
    font-size: 15.5px;
  }
  .tana-account-welcome-text{
    font-size: 15.5px;
    line-height: 1.6;
  }
}

/* Desktop (>=1024px) */
@media (min-width: 1024px){
  .tana-account-welcome{
    margin-bottom: 26px;
  }
  .tana-account-welcome-title{
    font-size: 16px;
  }
  .tana-account-welcome-text{
    font-size: 16px;
    line-height: 1.6;
    max-width: 760px;
  }
}

/* ======================================================
   Extra: evita che MasterStudy "sfori" su schermi stretti
   ====================================================== */

body.tana-account-page.woocommerce-account img{
  max-width: 100%;
  height: auto;
}

/* MasterStudy wrapper: margini a 0 (fisso) */
body.tana-account-page.tana-has-courses .stm-lms-wrapper{
  margin: 0 !important;
}

.stm-lms-wrapper{
  position: relative;
  padding: 10px 0 30px;
}

/* Forza dimensione titolo "Corsi iscritti" */
body.tana-account-page
.stm_lms_user_info_top
.masterstudy-enrolled-courses__title{
  font-size: 22px !important;
  font-weight: 700;
  line-height: 1.25;
}

/* ======================================================
   PROFILO CAT SITTER – STILI MINIMALI
   ====================================================== */

.tana-sitter-profile{
  max-width: 720px;
}

/* Intro */
.tana-cs-intro{
  margin: 6px 0 6px;
}

.tana-cs-required-note{
  margin: 0 0 14px;
  font-size: 12px;
}

/* Asterischi rossi (nota + stelline) */
.tana-cs-required-note,
.tana-required-star{
  color: #c0392b;
  font-weight: 600;
}

/* Form base */
.tana-cs-form p{
  margin-bottom: 18px;
}

.tana-cs-form label{
  display: block;
  font-weight: 600;
  margin-bottom: 6px;
}

.tana-cs-form small{
  display: block;
  margin-top: 6px;
  font-size: 12px;
  opacity: .85;
}

/* Input e textarea */
.tana-cs-form input[type="text"],
.tana-cs-form input[type="email"],
.tana-cs-form input[type="number"],
.tana-cs-form select,
.tana-cs-form textarea{
  width: 100%;
  max-width: 100%;
  padding: 8px 10px;
  border-radius: 6px;
  border: 1px solid #ccc;
  background: #fff;
}

/* File upload */
.tana-cs-form input[type="file"]{
  margin-top: 4px;
}

/* Checkbox group */
.tana-cs-checkboxes{
  margin-top: 6px;
}

.tana-cs-checkboxes label{
  font-weight: normal;
  cursor: pointer;
}

/* Counter */
.tana-cs-counter{
  margin-top: 2px;
  opacity: .75;
}

/* Province chips */
.tana-province-chips{
  margin-top: 10px;
  margin-bottom: 14px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.tana-chip{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 10px;
  border: 1px solid #e6e6e6;
  border-radius: 999px;
  background: #fff;
  font-size: 13px;
}

.tana-chip-x{
  border: 0;
  background: transparent;
  cursor: pointer;
  font-size: 16px;
  line-height: 1;
  padding: 0;
  opacity: 1;
  color: #c0392b;
}

.tana-chip-x:hover{
  color: #a93226;
}

/* Pulsante */
.tana-cs-form button.button{
  padding: 10px 18px;
  font-size: 15px;
}

/* Messaggi Woo più respirabili */
.woocommerce-message,
.woocommerce-error{
  margin-top: 20px;
}

/* Spazio finale dopo il pulsante Pubblica */
.tana-cs-form{
  padding-bottom: 40px;
}

.tana-cs-form button[type="submit"]{
  margin-bottom: 30px;
}

/* ======================================================
   Layout: Desktop 2 colonne (da 960px in su)
   ====================================================== */

@media (min-width: 960px){

  body.tana-account-page.woocommerce-account .woocommerce-MyAccount-navigation{
    float: left;
    width: 260px;
    margin-bottom: 0;
    box-sizing: border-box;
  }

  body.tana-account-page.woocommerce-account .woocommerce-MyAccount-content{
    overflow: hidden;
    box-sizing: border-box;
    min-width: 0;
    padding-top: 20px;
  }

  body.tana-account-page.woocommerce-account .woocommerce-MyAccount-content > *:first-child{
    margin-top: 0;
  }
}


.tana-account-greeting-wrap{
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 6px 0 14px;
}

.tana-account-avatar{
  width: 44px;
  height: 44px;
  border-radius: 999px;
  object-fit: cover;
  display: block;
}

.tana-avatar-row{
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}


/* Avatar box in "Dettagli account" */
.tana-avatar-box{
margin: 18px 0 22px
}

.tana-avatar-title{
  margin: 0 0 10px;
  font-size: 16px;
  font-weight: 700;
}

.tana-avatar-preview{
  width: 44px;
  height: 44px;
  border-radius: 999px;
  object-fit: cover;
  border: 1px solid rgba(0,0,0,.12);
  flex: 0 0 auto;
}

.tana-avatar-controls input[type="file"]{
  max-width: 100%;
}

.tana-avatar-actions{
  margin-top: 12px;
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.tana-avatar-actions .button{
  border-radius: 6px;
  padding: 10px 14px;
  line-height: 1;
}

.tana-avatar-remove{
  background: transparent !important;
  border: 1px solid rgba(220, 53, 69, .35) !important;
  color: #d9534f !important;
}

/* Mobile/iPhone */
@media (max-width: 767px){
  .tana-avatar-box{
margin: 18px 0 22px
  }
  .tana-avatar-preview{
    width: 40px;
    height: 40px;
  }
  .tana-avatar-actions .button{
    width: 100%;
    justify-content: center;
  }
}

/* Tablet */
@media (min-width: 768px) and (max-width: 1024px){
  .tana-avatar-box{
margin: 18px 0 22px
  }
}

/* Avatar: sempre tondo e coerente */
.tana-account-avatar,
.tana-avatar-preview,
#tana-avatar-preview,
.tana-cs-form .tana-avatar-preview,
.tana-cs-form img,
.woocommerce-MyAccount-content .avatar,
.woocommerce-MyAccount-content img.avatar {
  border-radius: 999px !important;
  object-fit: cover;
}

.tana-account-avatar,
.tana-avatar-preview,
#tana-avatar-preview{
  border: 1px solid rgba(0,0,0,.12);
}

/* Bottoni account: stile unico */
body.tana-account-page .woocommerce-MyAccount-content .button,
body.tana-account-page .woocommerce-MyAccount-content button.button,
body.tana-account-page .woocommerce-MyAccount-content input.button,
body.tana-account-page .tana-cs-form button.button,
body.tana-account-page .tana-avatar-form button.button{
  border-radius: 6px !important;
  padding: 12px 18px !important;
  line-height: 1.1 !important;
  font-weight: 600;
}

/* Hover leggero */
body.tana-account-page .woocommerce-MyAccount-content .button:hover,
body.tana-account-page .woocommerce-MyAccount-content button.button:hover{
  filter: brightness(0.97);
}

/* Bottone secondario (rimuovi) */
body.tana-account-page .tana-avatar-remove{
  background: transparent !important;
  border: 1px solid rgba(220, 53, 69, .45) !important;
  color: #d9534f !important;
}
body.tana-account-page .tana-avatar-remove:hover{
  background: rgba(220,53,69,.06) !important;
}

@media (max-width: 767px){
  body.tana-account-page .woocommerce-MyAccount-content .button,
  body.tana-account-page .woocommerce-MyAccount-content button.button,
  body.tana-account-page .tana-avatar-actions .button,
  body.tana-account-page .tana-cs-form button.button{
    width: 100%;
    justify-content: center;
  }
}

.tana-inline-notice{
  display:none;
  margin: 10px 0 6px;
  padding: 10px 12px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.3;
}

.tana-inline-notice.is-success{
  display:block;
  background: rgba(40,167,69,.10);
  border: 1px solid rgba(40,167,69,.25);
}

.tana-inline-notice.is-error{
  display:block;
  background: rgba(220,53,69,.08);
  border: 1px solid rgba(220,53,69,.22);
}

@media (max-width: 480px){
  .tana-account-greeting{ font-size: 18px; }
  .tana-account-welcome-text{ font-size: 14px; }
  .tana-avatar-actions .button{ width:100%; }
  .tana-avatar-row{ gap: 10px; }
}

/* Stato caricamento upload avatar */
.tana-avatar-form.is-loading .button{
  opacity: .7;
  pointer-events: none;
}

.tana-inline-notice.is-loading{
  display: block;
  background: rgba(0,0,0,.04);
  border: 1px solid rgba(0,0,0,.08);
}

.tana-inline-notice .tana-spinner{
  display:inline-block;
  width:14px;
  height:14px;
  margin-right:8px;
  vertical-align:-2px;
  border-radius:100px;
  border:2px solid rgba(0,0,0,.18);
  border-top-color: rgba(0,0,0,.55);
  animation: tanaSpin 0.8s linear infinite;
}

@keyframes tanaSpin{
  to { transform: rotate(360deg); }
}

/* Woo Dettagli account: campi più morbidi */
body.tana-account-page .woocommerce-EditAccountForm input[type="text"],
body.tana-account-page .woocommerce-EditAccountForm input[type="email"],
body.tana-account-page .woocommerce-EditAccountForm input[type="password"],
body.tana-account-page .woocommerce-EditAccountForm input[type="tel"],
body.tana-account-page .woocommerce-EditAccountForm input[type="number"],
body.tana-account-page .woocommerce-EditAccountForm textarea,
body.tana-account-page .woocommerce-EditAccountForm select{
  border-radius: 6px !important;
  padding: 10px 12px;
  border: 1px solid rgba(0,0,0,.16);
}

.tana-dependent-field { margin-bottom: 18px; }

/* Prezzi: campo compatto + simbolo euro */
.tana-price-field{
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.tana-price-input{
  width: 120px;   /* se lo vuoi ancora più piccolo metti 100px */
  max-width: 100%;
}

.tana-price-suffix{
  font-weight: 600;
}

/* Nasconde i tab MasterStudy nella pagina enrolled-courses */
.stm_lms_acc_tabs{
  display: none !important;
}

/* Se resta spazio vuoto sopra */
#enrolled-courses{
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* SOLO su /account/enrolled-courses/ : nascondo header e footer del tema */
body.tana-lms-enrolled-courses footer.site-footer,
body.tana-lms-enrolled-courses footer#colophon,
body.tana-lms-enrolled-courses .elementor-location-footer {
  display: none !important;
}

/* Tolgo padding/margini extra del tema per layout "vuoto" */
body.tana-lms-enrolled-courses #content,
body.tana-lms-enrolled-courses .site-content,
body.tana-lms-enrolled-courses .ast-container {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* Layout 2 colonne SOLO su enrolled-courses */
body.tana-lms-enrolled-courses{
  background: #fff;
}

body.tana-lms-enrolled-courses .tana-enrolled-layout{
  position: relative;
  max-width: 1100px;
  margin: 0 auto;
  padding: 24px 16px;
  display: grid;
  grid-template-columns: auto;
  gap: 18px;
  justify-items: start; /* allinea menu a sinistra come Woo */
}



/* Sidebar finta Woo */
body.tana-lms-enrolled-courses .tana-enrolled-sidebar{
  position: static;
  max-width: 260px;     /* larghezza tipo menu Woo */
  width: 100%;
}



/* Nav stile "lista" come il tuo menu */
body.tana-lms-enrolled-courses .tana-enrolled-nav{
  border: 1px solid #0000001a;
  border-radius: 6px;
  overflow: hidden;
  background: #fff;
  box-shadow: none;
}

body.tana-lms-enrolled-courses .tana-enrolled-nav__item{
  display: block;
  padding: 14px 16px;
  text-decoration: none;
  color: #2563eb;
  border-top: 1px solid #e5e7eb;
  font-weight: 400; /* normale */
  transition: background 0.15s ease, font-weight 0.15s ease;
}

/* Hover: solo sfondo grigio, testo invariato */
body.tana-lms-enrolled-courses .tana-enrolled-nav__item:hover{
  background: #f3f4f6;
}


/* Attivo (pagina corrente) */
body.tana-lms-enrolled-courses .tana-enrolled-nav__item.is-active{
  background: #f3f4f6;
  font-weight: 600;
  color: #111827;
}

body.tana-lms-enrolled-courses .tana-enrolled-nav__item:first-child{
  border-top: 0;
}

/* Attivo (tipo la riga grigia che vedi in Woo) */
body.tana-lms-enrolled-courses .tana-enrolled-nav__item.is-active{
  background: #f3f4f6;
  color: #2563eb; /* blu come gli altri */
  font-weight: 600;
}

/* Metto il blocco corsi nella seconda colonna */
body.tana-lms-enrolled-courses #enrolled-courses{
  max-width: none;
}

body.tana-lms-enrolled-courses .tana-enrolled-content{
  min-width: 0;
}

/* Mobile: sidebar sopra */
@media (max-width: 860px){
  body.tana-lms-enrolled-courses .tana-enrolled-layout{
    grid-template-columns: 1fr;
  }
  body.tana-lms-enrolled-courses .tana-enrolled-sidebar{
    position: static;
  }
}

/* Font Montserrat SOLO per il menu account finto (enrolled courses) */
body.tana-lms-enrolled-courses .tana-enrolled-nav,
body.tana-lms-enrolled-courses .tana-enrolled-nav__item{
  font-family: 'Montserrat', sans-serif !important;
}


.tana-field-formazione textarea {
  resize: vertical;
}

.tana-field-help {
  font-size: 13px;
  color: #6b7280;
  margin-top: 4px;
}

/* ======================================================
   Anti-flash template MasterStudy su enrolled-courses
   (nasconde SOLO la lista corsi finché JS non è pronto)
   ====================================================== */

body.tana-lms-enrolled-courses:not(.tana-lms-ready) #enrolled-courses{
  visibility: hidden;
}
body.tana-lms-enrolled-courses.tana-lms-ready #enrolled-courses{
  visibility: visible;
}

body.tana-lms-enrolled-courses .tana-upsell{
  margin-top: 28px;
  padding-top: 22px;
  border-top: 1px solid #e5e7eb;
}

body.tana-lms-enrolled-courses .tana-upsell__title{
  margin: 0 0 6px;
  font-size: 22px;
  font-weight: 700;
}

body.tana-lms-enrolled-courses .tana-upsell__subtitle{
  margin: 0 0 14px;
  color: #6b7280;
}

body.tana-lms-enrolled-courses .tana-upsell__grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

@media (max-width: 900px){
  body.tana-lms-enrolled-courses .tana-upsell__grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 520px){
  body.tana-lms-enrolled-courses .tana-upsell__grid{
    grid-template-columns: 1fr;
  }
}

body.tana-lms-enrolled-courses .tana-upsell__card{
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  overflow: hidden;
  background: #fff;
}

body.tana-lms-enrolled-courses .tana-upsell__img img{
  width: 100%;
  height: auto;
  display: block;
}

body.tana-lms-enrolled-courses .tana-upsell__body{
  padding: 12px;
}

body.tana-lms-enrolled-courses .tana-upsell__name a{
  text-decoration: none;
  color: inherit;
  font-weight: 600;
}

body.tana-lms-enrolled-courses .tana-upsell__price{
  margin-top: 6px;
  margin-bottom: 10px;
  color: #111827;
}

body.tana-lms-enrolled-courses .tana-upsell__btn{
  display: inline-block;
  padding: 10px 12px;
  border-radius: 8px;
  border: 1px solid #e5e7eb;
  text-decoration: none;
}


/* ==============================
   ACCOUNT – UI E PULIZIA FORM
   ============================== */

/* Mostra password */
button.show-password-input {
  background-color: transparent;
  border: none;
  color: white;
  font-size: 14px;
  cursor: pointer;
  padding: 0;
  margin-left: 10px;
  display: inline;
}
button.show-password-input::after {
  content: "👁";
  color: #000;
}

/* Nasconde i campi newsletter Mailchimp su Il mio account (compatibile, senza :has) */
.woocommerce-account input[name^="mailchimp_woocommerce_"]{
  display: none !important;
}

.woocommerce-account label[for^="mailchimp_woocommerce_"]{
  display: none !important;
}

/* Nasconde l'intera riga del form che contiene quei campi (approssimazione robusta) */
.woocommerce-account input[name^="mailchimp_woocommerce_"]{
  /* nascondo anche il contenitore più vicino */
}
.woocommerce-account input[name^="mailchimp_woocommerce_"]{
  /* per compatibilità massima: nascondi il genitore diretto più comune */
}
.woocommerce-account input[name^="mailchimp_woocommerce_"]{
  /* Woo spesso usa .form-row / .woocommerce-form-row come wrapper */
}
.woocommerce-account input[name^="mailchimp_woocommerce_"]{
  /* fallback: nascondi il wrapper via parent selector NON possibile in CSS puro */
}

/* Nome visualizzato – rimuovi descrizione */
#account_display_name_description {
  display: none !important;
}


/* Switch login: mostra/nasconde bottoni in header */
body.logged-in .only-guest { display: none !important; }
body.logged-in .only-logged { display: inline-flex !important; }
body:not(.logged-in) .only-logged { display: none !important; }

/* Saluto discreto: non deve sembrare un "bottone" */
.tana-greet a{
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  padding: 8px 12px !important; /* area clic ampia ma look sobrio */
  opacity: .9;
}
.tana-greet a:hover{
  background: rgba(0,0,0,.04) !important;
}

/* ======================================================
   TANA – Welcome SOLO in dashboard
   ====================================================== */

/* Di default (tutti gli endpoint account) lo nascondo */
body.tana-account-page.woocommerce-account .tana-account-greeting-wrap,
body.tana-account-page.woocommerce-account .tana-account-welcome{
  display: none !important;
}

/* Solo nella dashboard (/account/) lo mostro */
body.tana-account-page.woocommerce-account.woocommerce-dashboard .tana-account-greeting-wrap,
body.tana-account-page.woocommerce-account.woocommerce-dashboard .tana-account-welcome{
  display: block !important;
}

/* ======================================================
   Upsell: card ORIZZONTALI (immagine a destra)
   (override delle card verticali vecchie)
   ====================================================== */

body.tana-lms-enrolled-courses .tana-upsell__card--row{
  display: grid;
  grid-template-columns: 1fr 140px;
  gap: 14px;
  align-items: center;
  padding: 14px;
  border-radius: 14px;
  background: #f7f7f5;
  overflow: visible; /* override */
}

body.tana-lms-enrolled-courses .tana-upsell__card--row .tana-upsell__body{
  padding: 0; /* override: niente padding interno */
}

body.tana-lms-enrolled-courses .tana-upsell__card--row .tana-upsell__img img{
  width: 100%;
  height: 92px;
  object-fit: cover;
  border-radius: 10px;
  display: block;
}

body.tana-lms-enrolled-courses .tana-upsell__kicker{
  display: inline-block;
  font-size: 12px;
  line-height: 1;
  padding: 6px 10px;
  border-radius: 999px;
  background: #e8f3ea;
  margin-bottom: 8px;
}

@media (max-width: 520px){
  body.tana-lms-enrolled-courses .tana-upsell__card--row{
    grid-template-columns: 1fr;
  }
  body.tana-lms-enrolled-courses .tana-upsell__card--row .tana-upsell__img img{
    height: 160px;
  }
}

/* CTA upsell più evidente */
body.tana-lms-enrolled-courses .tana-upsell__btn{
  background-color: #e8f3ea;        /* verde chiaro */
  border: 1px solid #cfe5d6;
  color: #1f2937;
  font-weight: 500;
  transition: background-color .2s ease, border-color .2s ease;
}

body.tana-lms-enrolled-courses .tana-upsell__btn:hover{
  background-color: #d9efe0;
  border-color: #b7dbc5;
  text-decoration: none;
}