/* ============================================================
   Naturwaren — Area Cliente + Preferiti · nw-account.css
   Caricato SOLO su is_account_page() e sulla pagina /preferiti/
   da inc/redesign-account.php. Le pagine restano "stock"
   (template Elementor): qui solo pulizia + stile.
   ============================================================ */

/* ---------- pulizia template: via TOC, social share e titolo Elementor ---------- */
body.woocommerce-account .elementor-widget-table-of-contents,
body.woocommerce-account .elementor-widget-share-buttons,
body.woocommerce-account .elementor-element:has(.elementor-widget-table-of-contents),
body.woocommerce-account .elementor-widget-theme-post-title,
body.nw-wishlist-page .elementor-widget-table-of-contents,
body.nw-wishlist-page .elementor-widget-share-buttons,
body.nw-wishlist-page .elementor-element:has(.elementor-widget-table-of-contents),
body.nw-wishlist-page .elementor-widget-theme-post-title { display: none !important; }

/* ---------- testata condivisa (iniettata via hook) ---------- */
.nwa-head { text-align: center; margin: 6px 0 30px; }
.nwa-title {
  font-family: 'Lora', serif;
  font-size: clamp(30px, 3vw, 42px) !important;
  text-transform: none !important;
  color: #1c1c1c !important;
  margin: 0 0 8px;
}
.nwa-title em { color: var(--principale, #0C4E2B); font-style: italic; }
.nwa-sub { font-size: 15.5px; color: #55645b; margin: 0; }

/* ============================================================
   AREA CLIENTE — ospite: login + registrazione a card
   ============================================================ */
body.woocommerce-account #customer_login { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; align-items: start; }
/* il clearfix di Woo (::before/::after display:table) diventerebbe un grid-item fantasma */
body.woocommerce-account #customer_login::before,
body.woocommerce-account #customer_login::after { display: none !important; content: none !important; }
body.woocommerce-account #customer_login .u-column1,
body.woocommerce-account #customer_login .u-column2,
body.woocommerce-account #customer_login .col-1,
body.woocommerce-account #customer_login .col-2 {
  float: none !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  background: #fff;
  border: 1px solid #E8EDE8;
  border-radius: 16px;
  padding: 30px 28px !important;
  box-shadow: 0 14px 34px -24px rgba(20, 45, 30, .22);
}
body.woocommerce-account #customer_login h2 {
  font-family: 'Lora', serif;
  font-size: 22px !important;
  text-transform: none !important;
  color: #1c1c1c !important;
  margin: 0 0 16px;
}
body.woocommerce-account .woocommerce-form-login,
body.woocommerce-account .woocommerce-form-register { border: 0 !important; padding: 0 !important; margin: 0 !important; }

/* campi */
body.woocommerce-account .woocommerce form .form-row label { font-size: 13.5px; font-weight: 600; color: #2c3a32; }
body.woocommerce-account .woocommerce form .form-row input.input-text {
  border: 1px solid #DDE4DD;
  border-radius: 10px;
  padding: 11px 12px;
  background: #fff;
  width: 100%;
}
body.woocommerce-account .woocommerce form .form-row { margin-bottom: 14px; }

/* bottoni pieni e coerenti */
body.woocommerce-account .woocommerce button.button,
body.woocommerce-account .woocommerce a.button {
  display: block;
  width: 100%;
  text-align: center;
  background: var(--principale, #0C4E2B) !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 12px !important;
  padding: 13px 18px !important;
  font-size: 15px !important;
  cursor: pointer;
}
body.woocommerce-account .woocommerce button.button:hover,
body.woocommerce-account .woocommerce a.button:hover { background: #0a3f23 !important; }

/* riga ricordami + password persa */
body.woocommerce-account .woocommerce-form-login__rememberme { display: inline-flex; align-items: center; gap: 8px; margin: 0 0 12px; font-size: 14px; }
body.woocommerce-account .woocommerce-LostPassword { margin: 12px 0 0; font-size: 13.5px; text-align: center; }
body.woocommerce-account .woocommerce-LostPassword a { color: #55645b; }
body.woocommerce-account .woocommerce-LostPassword a:hover { color: var(--principale, #0C4E2B); }
body.woocommerce-account .woocommerce-privacy-policy-text p { font-size: 12.5px; color: #77857b; line-height: 1.55; }

/* ============================================================
   AREA CLIENTE — loggato: sidebar + contenuto
   ============================================================ */
body.woocommerce-account.logged-in .nw-acc-grid,
body.woocommerce-account.logged-in div.woocommerce { display: grid; grid-template-columns: 260px minmax(0, 1fr); gap: 32px; align-items: start; }
body.woocommerce-account.logged-in .nwa-head--in { grid-column: 1 / -1; margin-bottom: 6px; }
body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation {
  float: none !important;
  width: 100% !important;
  background: #fff;
  border: 1px solid #E8EDE8;
  border-radius: 16px;
  padding: 12px;
  position: sticky;
  top: 96px;
}
body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul { list-style: none; margin: 0; padding: 0; }
body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation li { margin: 2px 0; }
body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation li a {
  display: block;
  padding: 10px 14px;
  border-radius: 10px;
  color: #2c3a32;
  text-decoration: none;
  font-size: 14.5px;
  font-weight: 600;
  transition: background .15s ease, color .15s ease;
}
body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation li a:hover { background: #EEF5EF; color: var(--principale, #0C4E2B); }
body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation li.is-active a { background: var(--principale, #0C4E2B); color: #fff; }
body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation-link--customer-logout a { color: #9a4a42; }
body.woocommerce-account.logged-in .woocommerce-MyAccount-content {
  float: none !important;
  width: 100% !important;
  background: #fff;
  border: 1px solid #E8EDE8;
  border-radius: 16px;
  padding: 28px;
}
body.woocommerce-account.logged-in .woocommerce-MyAccount-content a:not(.button) { color: var(--principale, #0C4E2B); }
body.woocommerce-account.logged-in .woocommerce-MyAccount-content .button { display: inline-block; width: auto; }

/* tabella ordini pulita */
body.woocommerce-account .woocommerce-orders-table { border: 0 !important; }
body.woocommerce-account .woocommerce-orders-table th,
body.woocommerce-account .woocommerce-orders-table td { border: 0; border-bottom: 1px solid #F0F3EF; background: transparent; padding: 12px 8px; }
body.woocommerce-account .woocommerce-orders-table thead th { font-size: 11px; text-transform: uppercase; letter-spacing: .08em; color: #7E9E8D; }

/* ============================================================
   PREFERITI (/preferiti/)
   ============================================================ */
.nwl { max-width: 1160px; margin: 0 auto; }
.nwl__head { text-align: center; margin: 6px 0 30px; }
.nwl__title {
  font-family: 'Lora', serif;
  font-size: clamp(30px, 3vw, 42px) !important;
  text-transform: none !important;
  color: #1c1c1c !important;
  margin: 0 0 8px;
}
.nwl__title em { color: var(--principale, #0C4E2B); font-style: italic; }
.nwl__sub { font-size: 15.5px; color: #55645b; margin: 0; }

/* empty state: invito, non avviso */
.nwl__empty { text-align: center; padding: 34px 20px 10px; }
.nwl__empty-ico {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 76px;
  height: 76px;
  border-radius: 999px;
  background: #EEF5EF;
  color: var(--principale, #0C4E2B);
  margin-bottom: 18px;
}
.nwl__empty-ico svg { width: 34px; height: 34px; }
.nwl__empty-txt { font-size: 16.5px; line-height: 1.65; color: #2c3a32; margin: 0 0 22px; }
.nwl__heart { color: var(--principale, #0C4E2B); }
.nwl__empty .nw-btn { display: inline-block; }

.nwl__loading { text-align: center; padding: 30px 0; color: #55645b; }

/* ---------- mobile ---------- */
@media (max-width: 860px) {
  body.woocommerce-account #customer_login { grid-template-columns: 1fr; gap: 18px; }
  body.woocommerce-account.logged-in div.woocommerce { grid-template-columns: 1fr; gap: 18px; }
  body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation { position: static; }
}

/* bottone empty-state preferiti: niente underline/verde-su-verde dai link di pagina */
.nwl .nw-btn,
.nwl .nw-btn:hover { text-decoration: none !important; }
.nwl .nw-btn--solid { color: #fff !important; -webkit-text-fill-color: #fff !important; }

/* ---------- template: sfondo pulito + via il blocco blog verde vecchio ---------- */
/* pannello grigio-verde che incorniciava il contenuto (elemento "content" del template) */
body.woocommerce-account .elementor-element-713a53b,
body.nw-wishlist-page .elementor-element-713a53b { background: transparent !important; border-radius: 0 !important; }
/* sezione "Natur Blog" vecchio stile del template: sostituita dal blocco card nuovo */
body.woocommerce-account .elementor-element-110ba5d2,
body.nw-wishlist-page .elementor-element-110ba5d2 { display: none !important; }
/* il blocco nuovo dentro il contenuto: niente doppio padding */
.nw-blog--inline { padding: 44px 0 10px; background: transparent; }

/* guardia anti-wpautop: eventuali <br>/<p> vuoti non devono occupare celle della griglia */
.nw-blog--inline .nw-blog__grid > br,
.nwl br { display: none; }

/* i link del kit Elementor sottolineano l'intera card-articolo: mai */
.nw-blog--inline .nw-bcard,
.nw-blog--inline .nw-bcard:hover { text-decoration: none !important; }