.elementor-11 .elementor-element.elementor-element-b913305{--display:flex;--margin-top:100px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for shortcode, class: .elementor-element-0819977 *//* =========================================================
   KARIBUNY — Stile pagina "Il mio account" WooCommerce
   Da incollare in: widget Shortcode (con [woocommerce_my_account])
   > tab Avanzate > CSS personalizzato.
   Ogni regola usa ".elementor-11 .elementor-element.elementor-element-0819977": Elementor lo sostituisce con la
   classe univoca del widget, quindi tutto resta confinato a
   quel widget e non tocca margini/padding esterni, che gestisci
   tu dai controlli del widget/sezione.
   ========================================================= */

:root{
  --cream:#F7E9C1;
  --cream-light:#FCF6E6;
  --cream-soft:#F1E4BE;
  --amber:#D08F01;
  --amber-dark:#A87201;
  --amber-light:#E8AE2F;
  --olive:#DDD289;
  --olive-dark:#C7B95E;
  --olive-text:#242110;
  --green:#77A464;
  --green-dark:#5C8149;
  --red:#B84B3E;
  --text:#38312D;
  --text-soft:#6B5F52;
  --border:#E9DCB4;
  --radius:10px;
  --radius-sm:6px;
  --shadow:0 4px 18px rgba(56,49,45,.10);
  --font-display:'Walter Turncoat', cursive;
  --font-body:'Barlow Semi Condensed', Helvetica, Arial, sans-serif;
}

.elementor-11 .elementor-element.elementor-element-0819977{
  font-family:var(--font-body);
  color:var(--text);
  display:block;
}

/* Layout a due colonne: menu laterale + contenuto (solo da loggati) */
.elementor-11 .elementor-element.elementor-element-0819977 .woocommerce:has(.woocommerce-MyAccount-navigation){
  display:grid;
  grid-template-columns:240px 1fr;
  gap:32px;
  align-items:start;
}
/* WooCommerce inserisce un clearfix (::before/::after con content:" "; display:table;)
   pensato per i vecchi float. In un contesto grid questi pseudo-elementi diventano
   due celle "fantasma" in più, che spingono menu e contenuto nelle celle sbagliate
   (verificato: senza questa regola si scambiano di posto). Li disattiviamo: non
   servono più, dato che abbiamo già tolto i float qui sotto. */
.elementor-11 .elementor-element.elementor-element-0819977 .woocommerce::before,
.elementor-11 .elementor-element.elementor-element-0819977 .woocommerce::after{
  content:none !important;
  display:none !important;
}

/* ---------- Menu laterale account ---------- */
/* WooCommerce impone di suo float:left;width:30% via woocommerce-layout.css:
   li neutralizziamo esplicitamente, altrimenti confliggono con la griglia qui sopra. */
.elementor-11 .elementor-element.elementor-element-0819977 .woocommerce-MyAccount-navigation{
  float:none !important;
  width:auto !important;
  background:#fff;
  border-radius:var(--radius);
  box-shadow:var(--shadow);
  padding:10px;
}
.elementor-11 .elementor-element.elementor-element-0819977 .woocommerce-MyAccount-navigation ul{
  list-style:none;
  margin:0;
  padding:0;
}
.elementor-11 .elementor-element.elementor-element-0819977 .woocommerce-MyAccount-navigation li{
  border-bottom:1px solid var(--border);
}
.elementor-11 .elementor-element.elementor-element-0819977 .woocommerce-MyAccount-navigation li:last-child{ border-bottom:none; }
.elementor-11 .elementor-element.elementor-element-0819977 .woocommerce-MyAccount-navigation li a{
  display:block;
  padding:13px 16px;
  color:var(--text);
  font-weight:600;
  font-size:.98rem;
  text-decoration:none;
  border-radius:var(--radius-sm);
  transition:background .15s, color .15s;
}
.elementor-11 .elementor-element.elementor-element-0819977 .woocommerce-MyAccount-navigation li a:hover{
  background:var(--cream);
  color:var(--amber-dark);
}
.elementor-11 .elementor-element.elementor-element-0819977 .woocommerce-MyAccount-navigation li.is-active a{
  background:var(--amber);
  color:#fff;
}
.elementor-11 .elementor-element.elementor-element-0819977 .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--customer-logout a{
  color:var(--red);
}
.elementor-11 .elementor-element.elementor-element-0819977 .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--customer-logout a:hover{
  background:#fbeceb;
  color:var(--red);
}

/* ---------- Blocco contenuto a destra ---------- */
/* Stesso discorso: WooCommerce impone float:right;width:68%, li resettiamo. */
.elementor-11 .elementor-element.elementor-element-0819977 .woocommerce-MyAccount-content{
  float:none !important;
  width:auto !important;
  margin-left:0 !important;
  min-width:0;
  background:#fff;
  border-radius:var(--radius);
  box-shadow:var(--shadow);
  padding:36px 40px;
}
.elementor-11 .elementor-element.elementor-element-0819977 .woocommerce-MyAccount-content > p{ color:var(--text); line-height:1.6; }
.elementor-11 .elementor-element.elementor-element-0819977 .woocommerce-MyAccount-content mark{
  background:none;
  color:var(--amber-dark);
  font-weight:700;
}
.elementor-11 .elementor-element.elementor-element-0819977 .woocommerce-MyAccount-content a{ color:var(--amber-dark); }
.elementor-11 .elementor-element.elementor-element-0819977 .woocommerce-MyAccount-content a:hover{ color:var(--text); }

/* ---------- Notifiche (successo / errore / info) ---------- */
.elementor-11 .elementor-element.elementor-element-0819977 .woocommerce-message,
.elementor-11 .elementor-element.elementor-element-0819977 .woocommerce-error,
.elementor-11 .elementor-element.elementor-element-0819977 .woocommerce-info{
  list-style:none;
  margin:0 0 24px;
  padding:16px 20px;
  border-radius:var(--radius-sm);
  font-size:.95rem;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  flex-wrap:wrap;
}
.elementor-11 .elementor-element.elementor-element-0819977 .woocommerce-message{ background:#eef6ea; color:var(--green-dark); border:1px solid #cfe4c2; }
.elementor-11 .elementor-element.elementor-element-0819977 .woocommerce-info{ background:#fdf3df; color:var(--amber-dark); border:1px solid var(--border); }
.elementor-11 .elementor-element.elementor-element-0819977 .woocommerce-error{ background:#fbeceb; color:var(--red); border:1px solid #f0c9c5; }
.elementor-11 .elementor-element.elementor-element-0819977 .woocommerce-message .button,
.elementor-11 .elementor-element.elementor-element-0819977 .woocommerce-info .button{
  background:var(--olive); color:var(--olive-text);
}

/* ---------- Form generici (login, registrazione, account, indirizzi) ---------- */
.elementor-11 .elementor-element.elementor-element-0819977 form .form-row{ margin-bottom:16px; }
.elementor-11 .elementor-element.elementor-element-0819977 form label{
  display:block;
  font-weight:700;
  font-size:.85rem;
  color:var(--text);
  margin-bottom:6px;
}
.elementor-11 .elementor-element.elementor-element-0819977 form .required{ color:var(--red); text-decoration:none; }
.elementor-11 .elementor-element.elementor-element-0819977 form input.input-text,
.elementor-11 .elementor-element.elementor-element-0819977 form textarea,
.elementor-11 .elementor-element.elementor-element-0819977 form select{
  width:100%;
  padding:11px 13px;
  border:1px solid var(--border);
  border-radius:var(--radius-sm);
  background:var(--cream-light);
  color:var(--text);
  font-family:var(--font-body);
  font-size:1rem;
}
.elementor-11 .elementor-element.elementor-element-0819977 form input.input-text:focus,
.elementor-11 .elementor-element.elementor-element-0819977 form textarea:focus,
.elementor-11 .elementor-element.elementor-element-0819977 form select:focus{
  outline:none;
  border-color:var(--amber);
  background:#fff;
}

/* Login + registrazione affiancati */
.elementor-11 .elementor-element.elementor-element-0819977 .u-columns.col2-set{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:36px;
}
.elementor-11 .elementor-element.elementor-element-0819977 .u-columns .u-column1,
.elementor-11 .elementor-element.elementor-element-0819977 .u-columns .u-column2{ float:none; width:auto; }
.elementor-11 .elementor-element.elementor-element-0819977 form.login,
.elementor-11 .elementor-element.elementor-element-0819977 form.register{
  background:var(--cream-light);
  border:1px solid var(--border);
  border-radius:var(--radius);
  padding:28px 26px;
}
.elementor-11 .elementor-element.elementor-element-0819977 form.login h2,
.elementor-11 .elementor-element.elementor-element-0819977 form.register h2,
.elementor-11 .elementor-element.elementor-element-0819977 .woocommerce-MyAccount-content h2{
  font-family:var(--font-display);
  color:var(--amber);
  font-weight:400;
  font-size:1.7rem;
  margin-bottom:18px;
}
.elementor-11 .elementor-element.elementor-element-0819977 .woocommerce-form-login__rememberme{
  display:flex; align-items:center; gap:8px; font-weight:500; font-size:.9rem;
}
.elementor-11 .elementor-element.elementor-element-0819977 .woocommerce-LostPassword{
  display:block; margin-top:14px; font-size:.88rem;
}

/* ---------- Bottoni ---------- */
.elementor-11 .elementor-element.elementor-element-0819977 .button,
.elementor-11 .elementor-element.elementor-element-0819977 input.button,
.elementor-11 .elementor-element.elementor-element-0819977 button.button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:var(--olive);
  color:var(--olive-text) !important;
  font-family:var(--font-body);
  font-weight:700;
  font-size:.95rem;
  padding:12px 26px;
  border:none;
  border-radius:var(--radius-sm);
  cursor:pointer;
  text-decoration:none;
  transition:background .15s, transform .12s;
}
.elementor-11 .elementor-element.elementor-element-0819977 .button:hover,
.elementor-11 .elementor-element.elementor-element-0819977 input.button:hover,
.elementor-11 .elementor-element.elementor-element-0819977 button.button:hover{
  background:var(--olive-dark);
  transform:translateY(-1px);
}
.elementor-11 .elementor-element.elementor-element-0819977 .woocommerce-form-login__submit,
.elementor-11 .elementor-element.elementor-element-0819977 .woocommerce-form-register__submit{
  width:100%;
}

/* ---------- Tabella ordini ---------- */
.elementor-11 .elementor-element.elementor-element-0819977 .woocommerce-orders-table{
  width:100%;
  border-collapse:collapse;
  font-size:.92rem;
}
.elementor-11 .elementor-element.elementor-element-0819977 .woocommerce-orders-table thead th{
  text-align:left;
  background:var(--cream);
  color:var(--text);
  font-size:.76rem;
  text-transform:uppercase;
  letter-spacing:.04em;
  padding:12px 14px;
}
.elementor-11 .elementor-element.elementor-element-0819977 .woocommerce-orders-table tbody td{
  padding:14px;
  border-top:1px solid var(--border);
}
.elementor-11 .elementor-element.elementor-element-0819977 .woocommerce-orders-table__cell-order-actions .button{
  padding:8px 16px;
  font-size:.82rem;
}
.elementor-11 .elementor-element.elementor-element-0819977 .woocommerce-orders-table__cell-order-status mark{
  display:inline-block;
  padding:4px 12px;
  border-radius:20px;
  font-size:.76rem;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.03em;
  background:none;
}
.elementor-11 .elementor-element.elementor-element-0819977 .status-completed{ background:#eef6ea; color:var(--green-dark); }
.elementor-11 .elementor-element.elementor-element-0819977 .status-processing{ background:#fdf3df; color:var(--amber-dark); }
.elementor-11 .elementor-element.elementor-element-0819977 .status-on-hold{ background:#f1e9f5; color:#7a5aa0; }
.elementor-11 .elementor-element.elementor-element-0819977 .status-pending{ background:#eee; color:var(--text-soft); }
.elementor-11 .elementor-element.elementor-element-0819977 .status-cancelled, .elementor-11 .elementor-element.elementor-element-0819977 .status-failed{ background:#fbeceb; color:var(--red); }
.elementor-11 .elementor-element.elementor-element-0819977 .status-refunded{ background:#e6f0f7; color:#3d7a9e; }

.elementor-11 .elementor-element.elementor-element-0819977 .woocommerce-pagination{ margin-top:24px; text-align:center; }
.elementor-11 .elementor-element.elementor-element-0819977 .woocommerce-pagination .woocommerce-button{ padding:8px 18px; }

/* ---------- Download ---------- */
.elementor-11 .elementor-element.elementor-element-0819977 .woocommerce-MyAccount-downloads-table td{ padding:12px 14px; border-top:1px solid var(--border); }

/* ---------- Indirizzi ---------- */
/* Stesso clearfix fantasma di WooCommerce anche qui: disattivato per non
   sballare il grid a due colonne (verificato). */
.elementor-11 .elementor-element.elementor-element-0819977 .woocommerce-Addresses::before,
.elementor-11 .elementor-element.elementor-element-0819977 .woocommerce-Addresses::after,
.elementor-11 .elementor-element.elementor-element-0819977 .woocommerce-Address-title::before,
.elementor-11 .elementor-element.elementor-element-0819977 .woocommerce-Address-title::after,
.elementor-11 .elementor-element.elementor-element-0819977 .u-columns::before,
.elementor-11 .elementor-element.elementor-element-0819977 .u-columns::after{
  content:none !important;
  display:none !important;
}
.elementor-11 .elementor-element.elementor-element-0819977 .woocommerce-Addresses{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:24px;
}
.elementor-11 .elementor-element.elementor-element-0819977 .woocommerce-Addresses .woocommerce-Address{
  background:var(--cream-light);
  border:1px solid var(--border);
  border-radius:var(--radius);
  padding:24px;
}
.elementor-11 .elementor-element.elementor-element-0819977 .woocommerce-Address-title{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:8px;
  margin-bottom:12px;
}
.elementor-11 .elementor-element.elementor-element-0819977 .woocommerce-Address-title h3{
  font-family:var(--font-display);
  color:var(--amber);
  font-weight:400;
  font-size:1.3rem;
  margin:0;
}
/* Il tema imposta di suo .woocommerce-Address-title .edit { width:40px; height:40px; }
   pensato per un'icona: il testo reale di WooCommerce è lungo ("Modifica indirizzo
   di fatturazione"), quindi resettiamo la dimensione fissa (verificato). */
.elementor-11 .elementor-element.elementor-element-0819977 .woocommerce-Address-title .edit{
  width:auto !important;
  height:auto !important;
  white-space:nowrap;
  font-size:.85rem;
  font-weight:700;
  color:var(--amber-dark);
  background:#fff;
  padding:6px 14px;
  border-radius:20px;
  border:1px solid var(--border);
  text-decoration:none;
}
.elementor-11 .elementor-element.elementor-element-0819977 .woocommerce-Address-title .edit:hover{ background:var(--amber); color:#fff; }
.elementor-11 .elementor-element.elementor-element-0819977 .woocommerce-Address address{ font-style:normal; color:var(--text); line-height:1.6; }

/* ---------- Fieldset cambio password ---------- */
.elementor-11 .elementor-element.elementor-element-0819977 fieldset{
  border:1px dashed var(--border);
  border-radius:var(--radius);
  padding:20px 22px;
  margin-top:10px;
}
.elementor-11 .elementor-element.elementor-element-0819977 fieldset legend{
  font-family:var(--font-display);
  color:var(--amber);
  font-size:1.2rem;
  padding:0 8px;
}

/* ---------- Responsive (solo layout interno, non tocca lo spazio esterno) ---------- */
@media (max-width: 900px){
  .elementor-11 .elementor-element.elementor-element-0819977 .woocommerce:has(.woocommerce-MyAccount-navigation){ grid-template-columns:1fr; }
  .elementor-11 .elementor-element.elementor-element-0819977 .u-columns.col2-set{ grid-template-columns:1fr; }
  .elementor-11 .elementor-element.elementor-element-0819977 .woocommerce-Addresses{ grid-template-columns:1fr; }
  .elementor-11 .elementor-element.elementor-element-0819977 .woocommerce-MyAccount-content{ padding:26px 22px; }
}/* End custom CSS */