/*!
 * ============================================================================
 * Hanami Secrets — CSS personalizzato del tema child
 * ============================================================================
 * File: wp-content/themes/[tuo-tema-child]/style-custom.css
 * Versione: v9 (giugno 2026)
 * Direzione visiva: Bodoni Moda + Inter + Allura, palette rosa cipria/oro/salvia
 *
 * IMPORTANTE — questo CSS si applica a TUTTO il sito (homepage, schede prodotto,
 * carrello, checkout, account, archivi WooCommerce). Caricato via
 * wp_enqueue_style() nella functions.php del tema child.
 *
 * Font caricati: Bodoni Moda, Inter, Allura — Google Fonts (gratis, libero uso)
 * Logo: hanami-flower-only.png nell'asset cartella + scritta via @font-face Allura
 * ============================================================================
 */

:root{
  --white:#FFFFFF;
  --cream:#FDF7F5;
  --rose-light:#FBE0E2;
  --rose-soft:#F4B7BD;
  --rose-medium:#E68697;
  --cherry:#D9647A;
  --cherry-deep:#B14460;
  --cherry-dark:#8E3052;
  --cherry-darkest:#6E2244;
  --gold:#D4A85F;
  --gold-deep:#9F7A40;
  --gold-light:#E8C285;
  --sage-light:#7A8B6E;
  --sage:#5A6B4F;
  --sage-dark:#3D4E36;
  --sage-darkest:#28342A;
  --ink:#2A1F23;
  --grey:#857780;
  --grey-light:#F0E5E5;
  --shadow:0 2px 14px rgba(180,68,96,.07);
  --shadow-lg:0 14px 44px rgba(180,68,96,.11);
  --shadow-rose:0 14px 44px rgba(217,100,122,.18);
  --shadow-sage:0 14px 44px rgba(61,78,54,.18);
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Inter',sans-serif;background:var(--white);color:var(--ink);line-height:1.65;font-size:15px;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{font-family:'Bodoni Moda',serif;font-weight:500;line-height:1.05;color:var(--ink);font-variation-settings:'opsz' 96}
.serif{font-family:'Bodoni Moda',serif}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.container{max-width:1320px;margin:0 auto;padding:0 32px}
.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:3.5px;font-weight:600;color:var(--cherry-deep);display:inline-block}

.topbar{background:var(--cherry-darkest);color:#fff;text-align:center;padding:11px 16px;font-size:12px;letter-spacing:1.5px;font-weight:500}
.topbar strong{color:var(--rose-light);font-weight:600}
.topbar .sep{margin:0 14px;color:rgba(255,255,255,.3)}

header{background:#fff;border-bottom:1px solid var(--grey-light);position:sticky;top:0;z-index:100}
.header-inner{max-width:1320px;margin:0 auto;padding:24px 32px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:32px}
nav ul{list-style:none;display:flex;gap:36px}
nav > ul > li{position:relative}
nav a{font-size:12px;text-transform:uppercase;letter-spacing:2px;font-weight:500;color:var(--ink);transition:color .2s}
nav a:hover{color:var(--cherry-deep)}
nav a.featured{color:var(--cherry-deep);font-weight:600}

/* === DROPDOWN MENU === */
nav li.has-dropdown > a::after{
  content:" ▾";
  font-size:8px;
  opacity:.55;
  margin-left:4px;
}
nav .dropdown{
  position:absolute;
  top:100%;
  left:50%;
  transform:translateX(-50%);
  background:#fff;
  border-top:3px solid var(--cherry);
  box-shadow:0 18px 50px rgba(180,68,96,.15);
  border-radius:0 0 6px 6px;
  min-width:260px;
  padding:18px 0;
  margin-top:24px;
  opacity:0;
  pointer-events:none;
  transition:opacity .25s ease, margin-top .25s ease;
  z-index:200;
}
nav li.has-dropdown:hover .dropdown,
nav li.has-dropdown:focus-within .dropdown{
  opacity:1;
  pointer-events:all;
  margin-top:0;
}
nav .dropdown-item{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:13px 28px;
  font-family:'Bodoni Moda',serif;
  font-style:italic;
  font-size:20px;
  font-weight:500;
  color:var(--ink);
  letter-spacing:0;
  text-transform:none;
  transition:all .2s ease;
  border-left:2px solid transparent;
}
nav .dropdown-item:hover{
  background:var(--rose-light);
  color:var(--cherry-deep);
  border-left-color:var(--cherry);
  padding-left:34px;
}
nav .dropdown-item .badge-pro{
  font-family:'Inter',sans-serif;
  font-size:9px;
  letter-spacing:2px;
  font-weight:700;
  background:var(--sage);
  color:#fff;
  padding:3px 9px;
  border-radius:20px;
  text-transform:uppercase;
  font-style:normal;
}
nav .dropdown-item.dropdown-pro{
  border-top:1px solid var(--grey-light);
  margin-top:8px;
  padding-top:18px;
  padding-bottom:16px;
}
nav .dropdown-item.dropdown-pro:hover{
  background:#F3F1ED;
  color:var(--sage-dark);
  border-left-color:var(--sage);
}
.logo{display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1;gap:4px;text-decoration:none}
.logo .flower{display:block;height:72px;width:auto}
.logo .wordmark{
  font-family:'Allura',cursive;
  font-size:34px;
  color:#C5955E;
  line-height:1;
  letter-spacing:.5px;
  white-space:nowrap;
  -webkit-text-stroke:0.7px #C5955E;
  text-shadow:0 0 0.4px #C5955E;
}
.header-actions{display:flex;justify-content:flex-end;gap:24px;align-items:center}
.header-actions a{font-size:13px;display:flex;align-items:center;gap:6px;color:var(--ink);transition:color .2s}
.header-actions a:hover{color:var(--cherry-deep)}
.cart-count{background:var(--cherry);color:#fff;font-size:10px;padding:2px 7px;border-radius:20px;font-weight:600;font-family:'Inter',sans-serif}

.btn{display:inline-flex;align-items:center;gap:8px;padding:17px 40px;border-radius:50px;font-weight:500;font-size:13px;letter-spacing:2px;text-transform:uppercase;border:none;cursor:pointer;transition:all .25s ease;text-align:center;font-family:'Inter',sans-serif}
.btn-primary{background:var(--cherry);color:#fff}
.btn-primary:hover{background:var(--cherry-deep);transform:translateY(-2px);box-shadow:var(--shadow-rose)}
.btn-outline{background:transparent;color:var(--ink);border:1.5px solid var(--ink);padding:15.5px 38px}
.btn-outline:hover{background:var(--ink);color:#fff}
.btn-light{background:#fff;color:var(--cherry-deep)}
.btn-light:hover{background:var(--cream)}
.btn-dark{background:var(--ink);color:#fff;border:1.5px solid var(--ink)}
.btn-dark:hover{background:transparent;color:var(--ink)}
.btn-link{background:none;color:var(--cherry);padding:17px 8px;font-weight:500;text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1.5px;text-decoration-color:var(--rose-soft)}
.btn-link:hover{color:var(--cherry-deep)}

/* ============ HERO ============ */
.hero{background:linear-gradient(135deg,var(--rose-light) 0%,var(--cream) 55%,#fff 100%);position:relative;overflow:hidden}
.hero-inner{max-width:1320px;margin:0 auto;padding:110px 32px;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.hero-text{position:relative;z-index:3}
.hero-text .made-tag{display:inline-flex;align-items:center;gap:10px;background:#fff;padding:9px 18px;border-radius:30px;margin-bottom:26px;font-size:11px;text-transform:uppercase;letter-spacing:2.5px;font-weight:600;color:var(--ink);box-shadow:var(--shadow)}
.made-tag .flag{display:inline-block;width:20px;height:13px;background:linear-gradient(90deg,#008C45 0% 33.33%,#fff 33.33% 66.66%,#CD212A 66.66% 100%);border-radius:2px}
.hero-text h1{font-size:82px;line-height:.98;font-weight:500;letter-spacing:-2px;margin-bottom:30px;color:var(--ink)}
.hero-text h1 em{color:var(--cherry);font-style:italic;font-weight:500}
.hero-text h1 .accent{color:var(--cherry);font-style:italic;font-weight:600}
.hero-text p.lead{font-size:18px;color:var(--grey);margin-bottom:38px;max-width:480px;line-height:1.7}
.hero-ctas{display:flex;gap:14px;flex-wrap:wrap;align-items:center}
.hero-image-wrap{position:relative;aspect-ratio:4/5;border-radius:6px;overflow:hidden;box-shadow:var(--shadow-rose);background:linear-gradient(135deg,var(--rose-soft) 0%,var(--rose-medium) 50%,var(--cherry) 100%)}
.hero-image-wrap::before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 30% 40%,rgba(255,255,255,.30) 0,transparent 40%),radial-gradient(circle at 70% 65%,rgba(180,68,96,.15) 0,transparent 45%)}
.hero-image-label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#fff;font-family:'Bodoni Moda',serif;font-style:italic;font-size:18px;text-align:center;z-index:2;opacity:.55;padding:30px;line-height:1.4}
.hero-floating-pill{position:absolute;background:#fff;border-radius:50px;padding:14px 24px;box-shadow:var(--shadow-lg);font-size:13px;font-weight:500;display:flex;align-items:center;gap:12px;z-index:3}
.hero-pill-1{top:40px;left:-40px}
.hero-pill-2{bottom:60px;right:-30px}
.hero-pill-1 .stars,.hero-pill-2 .stars{color:var(--gold)}
.hero-floating-pill small{display:block;color:var(--grey);font-size:11px;font-weight:400;letter-spacing:.5px;margin-top:1px}
.hero-decoration{position:absolute;top:50px;right:50px;font-family:'Bodoni Moda',serif;font-style:italic;color:var(--cherry);font-size:14px;letter-spacing:3px;text-transform:uppercase;opacity:.4}

/* ============ TRUST BAR ============ */
.trust-bar{background:#fff;padding:38px 32px;border-bottom:1px solid var(--grey-light)}
.trust-inner{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:32px}
.trust-item{display:flex;align-items:center;gap:18px;font-size:13px}
.trust-item .num{font-family:'Bodoni Moda',serif;font-style:italic;font-size:30px;color:var(--cherry);font-weight:500;line-height:1;min-width:40px}
.trust-item strong{display:block;font-weight:600;color:var(--ink);margin-bottom:2px;font-size:13.5px}
.trust-item small{color:var(--grey);font-size:12px}

/* ============ DUAL LINE SECTION (NEW) ============ */
.dual-line{padding:140px 32px;background:var(--cream)}
.dual-head{text-align:center;margin-bottom:60px;max-width:780px;margin-left:auto;margin-right:auto}
.dual-head .eyebrow{margin-bottom:18px;display:block}
.dual-head h2{font-size:56px;font-weight:500;letter-spacing:-1.2px;margin-bottom:16px;line-height:1.05}
.dual-head h2 em{color:var(--cherry);font-style:italic;font-weight:500}
.dual-head p{color:var(--grey);font-size:17px;line-height:1.7;font-family:'Bodoni Moda',serif;font-style:italic}
.dual-grid{
  max-width:1320px;
  margin:0 auto;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:32px;
}
.line-card{
  border-radius:8px;
  overflow:hidden;
  position:relative;
  min-height:480px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  padding:48px 44px;
  transition:all .3s;
}
.line-card:hover{transform:translateY(-5px)}
.line-personal{
  background:linear-gradient(135deg,var(--rose-light) 0%,var(--rose-soft) 100%);
  color:var(--ink);
  box-shadow:var(--shadow-rose);
}
.line-personal:hover{box-shadow:0 20px 60px rgba(217,100,122,.25)}
.line-professional{
  background:linear-gradient(135deg,var(--sage-dark) 0%,var(--sage-darkest) 100%);
  color:#fff;
  box-shadow:var(--shadow-sage);
}
.line-professional:hover{box-shadow:0 20px 60px rgba(61,78,54,.30)}
.line-card .line-eyebrow{
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:3.5px;
  font-weight:600;
  margin-bottom:16px;
  display:block;
}
.line-personal .line-eyebrow{color:var(--cherry-deep)}
.line-professional .line-eyebrow{color:var(--gold)}
.line-card h3{
  font-family:'Bodoni Moda',serif;
  font-size:44px;
  font-weight:500;
  line-height:1.0;
  margin-bottom:20px;
  letter-spacing:-1px;
}
.line-personal h3{color:var(--ink)}
.line-personal h3 em{color:var(--cherry-deep);font-style:italic;font-weight:500}
.line-professional h3{color:#fff}
.line-professional h3 em{color:var(--gold);font-style:italic;font-weight:500}
.line-card .line-lead{
  font-size:16px;
  line-height:1.65;
  margin-bottom:28px;
  max-width:460px;
}
.line-personal .line-lead{color:var(--ink)}
.line-professional .line-lead{color:#CCC}
.line-card .line-proof{
  background:rgba(255,255,255,.5);
  padding:18px 22px;
  border-radius:8px;
  margin-bottom:28px;
  font-size:13px;
  line-height:1.5;
}
.line-personal .line-proof{background:rgba(255,255,255,.55);color:var(--ink)}
.line-personal .line-proof strong{color:var(--cherry-deep);display:block;font-family:'Bodoni Moda',serif;font-style:italic;font-size:18px;margin-bottom:4px;font-weight:500}
.line-professional .line-proof{background:rgba(212,168,95,.1);border:1px solid rgba(212,168,95,.3);color:#CCC}
.line-professional .line-proof strong{color:var(--gold);display:block;font-family:'Bodoni Moda',serif;font-style:italic;font-size:18px;margin-bottom:4px;font-weight:500}
.line-card .line-ctas{display:flex;gap:12px;flex-wrap:wrap;align-items:center}

/* ============ CATEGORIES (no Jorja) ============ */
.categories{padding:120px 32px;background:#fff}
.section-head{text-align:center;margin-bottom:60px}
.section-head .eyebrow{margin-bottom:16px;display:block}
.section-head h2{font-size:54px;font-weight:500;letter-spacing:-1px;margin-bottom:14px;line-height:1.05}
.section-head h2 em{color:var(--cherry);font-style:italic;font-weight:500}
.section-head p{color:var(--grey);max-width:560px;margin:0 auto;font-size:15px}
.cat-grid{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:repeat(7,1fr);gap:14px}
.cat-card{
  aspect-ratio:1/1;
  background:var(--cream);
  border-radius:6px;
  display:flex;flex-direction:column;
  align-items:flex-start;justify-content:space-between;
  padding:22px 20px;
  text-align:left;
  transition:all .3s;cursor:pointer;
  position:relative;overflow:hidden;
  border:1px solid var(--grey-light);
}
.cat-card:hover{background:var(--rose-light);transform:translateY(-4px);box-shadow:var(--shadow-rose);border-color:var(--rose-soft)}
.cat-card .cat-num{font-family:'Bodoni Moda',serif;font-style:italic;font-size:13px;color:var(--cherry);font-weight:500;letter-spacing:2px}
.cat-card .cat-name{font-family:'Bodoni Moda',serif;font-size:24px;font-weight:500;color:var(--ink);line-height:1.05;font-style:italic}
.cat-card .cat-arrow{font-family:'Bodoni Moda',serif;font-style:italic;font-size:12px;color:var(--cherry);font-weight:500;text-transform:uppercase;letter-spacing:2px;margin-top:6px}
.cat-card.featured{background:var(--cherry);border-color:var(--cherry)}
.cat-card.featured .cat-num,.cat-card.featured .cat-arrow{color:var(--rose-light)}
.cat-card.featured .cat-name{color:#fff}
.cat-card.featured:hover{background:var(--cherry-deep)}
.cat-card.pro{background:var(--sage-dark);border-color:var(--sage-dark)}
.cat-card.pro .cat-num,.cat-card.pro .cat-arrow{color:var(--gold)}
.cat-card.pro .cat-name{color:#fff}
.cat-card.pro:hover{background:var(--sage-darkest);border-color:var(--gold)}

/* ============ BESTSELLER ============ */
.bestseller{padding:120px 32px;background:var(--cream)}
.products-grid{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:30px}
.product{background:#fff;border-radius:6px;overflow:hidden;position:relative;transition:all .3s}
.product:hover{transform:translateY(-5px);box-shadow:var(--shadow-rose)}
.product .badge{position:absolute;top:14px;left:14px;font-size:10px;padding:6px 14px;border-radius:30px;font-weight:600;letter-spacing:1.5px;z-index:2;text-transform:uppercase;font-family:'Inter',sans-serif}
.product .badge.best{background:var(--cherry);color:#fff}
.product .badge.new{background:var(--gold);color:#fff}
.product .badge.results{background:var(--cherry-deep);color:#fff}
.product .badge.pro{background:var(--sage-dark);color:var(--gold);letter-spacing:2px}
.product .badge.italy{background:#fff;color:var(--ink);display:flex;align-items:center;gap:7px;box-shadow:var(--shadow)}
.product .badge.italy::before{content:"";display:inline-block;width:14px;height:9px;background:linear-gradient(90deg,#008C45 0% 33.33%,#fff 33.33% 66.66%,#CD212A 66.66% 100%);border-radius:1px}
.product .img{aspect-ratio:1;background:linear-gradient(135deg,var(--rose-light),var(--cream));display:flex;align-items:center;justify-content:center;position:relative;flex-direction:column;padding:0;text-align:center;overflow:hidden}
.product .img img{width:100%;height:100%;object-fit:cover;display:block}
.product .img-label{font-family:'Bodoni Moda',serif;font-style:italic;color:var(--cherry);opacity:.5;font-size:13px;line-height:1.4;padding:20px}
.product .info{padding:24px 26px 28px}
.product .info .cat{font-size:10px;text-transform:uppercase;letter-spacing:2px;color:var(--grey);margin-bottom:10px;font-weight:500}
.product .info h3{font-family:'Bodoni Moda',serif;font-size:22px;font-weight:500;margin-bottom:10px;color:var(--ink);line-height:1.25}
.product .info .stars{color:var(--gold);font-size:13px;margin-bottom:12px}
.product .info .stars small{color:var(--grey);margin-left:4px;font-weight:400}
.product .info .price{font-family:'Bodoni Moda',serif;font-style:italic;font-size:26px;color:var(--cherry);font-weight:500;margin-bottom:16px}
.product .info .price small{font-size:15px;color:var(--grey);text-decoration:line-through;margin-left:8px;font-weight:400;font-style:normal}
.product .add{width:100%;background:#fff;border:1.5px solid var(--cherry);color:var(--cherry);padding:13px;font-size:11px;letter-spacing:2px;text-transform:uppercase;font-weight:600;cursor:pointer;transition:all .25s;font-family:'Inter',sans-serif;border-radius:30px}
.product .add:hover{background:var(--cherry);color:#fff}
.bestseller-cta{text-align:center;margin-top:50px}

/* ============ QUIZ ============ */
.quiz{background:linear-gradient(135deg,var(--rose-light) 0%,var(--cream) 100%);padding:140px 32px;position:relative;overflow:hidden}
.quiz-inner{max-width:1100px;margin:0 auto;position:relative;z-index:2}
.quiz-head{text-align:center;max-width:680px;margin:0 auto 60px}
.quiz-head .eyebrow{margin-bottom:20px;display:block;color:var(--cherry-deep)}
.quiz-head h2{font-size:62px;font-weight:500;margin-bottom:24px;letter-spacing:-1.5px;line-height:1.0}
.quiz-head h2 em{color:var(--cherry);font-style:italic;font-weight:500}
.quiz-head p.lead{font-size:18px;color:var(--grey);line-height:1.7}
.quiz-card{background:#fff;border-radius:8px;padding:48px;box-shadow:var(--shadow-rose);position:relative}
.quiz-progress{display:flex;align-items:center;gap:20px;margin-bottom:36px;font-size:11px;text-transform:uppercase;letter-spacing:2px;font-weight:600;color:var(--grey)}
.quiz-progress .bar{flex:1;height:3px;background:var(--grey-light);border-radius:10px;overflow:hidden}
.quiz-progress .bar > span{display:block;height:100%;width:33%;background:linear-gradient(90deg,var(--rose-medium),var(--cherry));border-radius:10px}
.quiz-question{text-align:center;margin-bottom:36px}
.quiz-question .number{font-family:'Bodoni Moda',serif;font-style:italic;font-size:18px;color:var(--cherry);margin-bottom:8px;display:block;letter-spacing:1px}
.quiz-question h3{font-size:40px;font-weight:500;font-style:italic;margin-bottom:14px;letter-spacing:-.5px}
.quiz-question p{color:var(--grey);font-size:14px;max-width:440px;margin:0 auto}
.quiz-options{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:36px}
.quiz-option{border:1.5px solid var(--grey-light);border-radius:6px;padding:28px 20px;text-align:center;cursor:pointer;transition:all .25s;background:#fff}
.quiz-option:hover{border-color:var(--cherry);background:var(--rose-light);transform:translateY(-2px)}
.quiz-option.selected{border-color:var(--cherry);background:var(--rose-light)}
.quiz-option .label{font-family:'Bodoni Moda',serif;font-style:italic;font-weight:500;font-size:24px;margin-bottom:8px;color:var(--ink);line-height:1.1}
.quiz-option .desc{font-size:12px;color:var(--grey);line-height:1.5}
.quiz-footer{text-align:center;padding-top:30px;border-top:1px solid var(--grey-light);display:flex;justify-content:space-between;align-items:center}
.quiz-footer p{font-size:13px;color:var(--grey)}
.quiz-footer p strong{color:var(--cherry)}

/* ============ NUOVI CENTRI ESTETICI ============ */
.centri{padding:140px 32px;background:#fff;position:relative}
.centri-inner{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:1fr 1.1fr;gap:80px;align-items:center}
.centri-text{padding-right:20px}
.centri-text .eyebrow{margin-bottom:18px;display:block}
.centri-text h2{font-size:56px;font-weight:500;line-height:1.0;margin-bottom:24px;letter-spacing:-1.2px}
.centri-text h2 em{color:var(--cherry);font-style:italic;font-weight:500}
.centri-text p.lead{font-size:18px;color:var(--grey);margin-bottom:34px;line-height:1.7;font-family:'Bodoni Moda',serif;font-style:italic;font-weight:400}
.centri-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:36px;padding:32px 0;border-top:1px solid var(--grey-light);border-bottom:1px solid var(--grey-light)}
.centri-stat{text-align:left}
.centri-stat .n{font-family:'Bodoni Moda',serif;font-style:italic;font-size:42px;color:var(--cherry);font-weight:500;display:block;line-height:1;margin-bottom:6px}
.centri-stat .l{font-size:11px;text-transform:uppercase;letter-spacing:2px;color:var(--grey);font-weight:600}
.centri-text .cta-row{display:flex;gap:14px;flex-wrap:wrap;align-items:center}
.centri-img{
  aspect-ratio:4/5;
  background:linear-gradient(135deg,var(--cherry) 0%,var(--cherry-dark) 100%);
  border-radius:6px;
  position:relative;
  overflow:hidden;
  box-shadow:var(--shadow-rose);
}
.centri-img::before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 50% 30%,rgba(255,255,255,.20) 0,transparent 50%)}
.centri-img .label{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  color:rgba(255,255,255,.6);
  font-family:'Bodoni Moda',serif;
  font-style:italic;
  font-size:16px;
  text-align:center;
  padding:30px;
  line-height:1.4;
}
.centri-img .floating-result{
  position:absolute;
  background:#fff;
  padding:16px 22px;
  border-radius:8px;
  box-shadow:var(--shadow-lg);
  color:var(--ink);
}
.centri-img .res-1{top:40px;right:40px}
.centri-img .res-2{bottom:50px;left:40px}
.centri-img .floating-result .big{
  font-family:'Bodoni Moda',serif;
  font-style:italic;
  font-size:32px;
  font-weight:500;
  color:var(--cherry);
  display:block;
  line-height:1;
  margin-bottom:4px;
}
.centri-img .floating-result .lbl{font-size:11px;color:var(--grey);text-transform:uppercase;letter-spacing:1px;font-weight:600}

/* ============ ACADEMY POTENZIATA ============ */
.academy-cta{
  background:linear-gradient(135deg,var(--sage-dark) 0%,var(--sage-darkest) 100%);
  color:#fff;
  padding:140px 32px;
  position:relative;
  overflow:hidden;
}
.academy-cta::before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 20% 50%,rgba(212,168,95,.15),transparent 60%);
}
.academy-cta-inner{
  max-width:1100px;
  margin:0 auto;
  text-align:center;
  position:relative;
  z-index:2;
}
.academy-cta .eyebrow{color:var(--gold);margin-bottom:24px;display:block}
.academy-cta h2{
  color:#fff;
  font-size:64px;
  font-weight:500;
  line-height:1.0;
  margin-bottom:24px;
  letter-spacing:-1.5px;
}
.academy-cta h2 em{color:var(--gold);font-style:italic;font-weight:500}
.academy-cta > .academy-cta-inner > p{
  color:#CCC;
  font-size:17px;
  line-height:1.7;
  margin-bottom:48px;
  max-width:640px;
  margin-left:auto;
  margin-right:auto;
}
.academy-features{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:32px;
  margin-bottom:50px;
  text-align:left;
  max-width:900px;
  margin-left:auto;
  margin-right:auto;
}
.academy-feature{
  padding:24px;
  border:1px solid rgba(212,168,95,.25);
  border-radius:6px;
  background:rgba(255,255,255,.03);
}
.academy-feature h4{
  font-family:'Bodoni Moda',serif;
  font-style:italic;
  font-size:22px;
  font-weight:500;
  color:var(--gold);
  margin-bottom:8px;
  line-height:1.1;
}
.academy-feature p{
  color:#BBB;
  font-size:13px;
  line-height:1.5;
}
.academy-ctas{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;align-items:center}
.btn-gold-cta{
  background:var(--gold);
  color:var(--sage-darkest);
  padding:18px 44px;
  font-weight:600;
}
.btn-gold-cta:hover{background:var(--gold-light);transform:translateY(-2px)}
.btn-outline-light{
  background:transparent;
  color:#fff;
  border:1.5px solid #fff;
  padding:16.5px 42px;
}
.btn-outline-light:hover{background:#fff;color:var(--sage-dark)}
.academy-cta-note{
  margin-top:32px;
  font-size:12px;
  color:rgba(255,255,255,.5);
  letter-spacing:1px;
}
.academy-cta-note a{color:var(--gold);text-decoration:underline}

/* ============ ITALY STRIP ============ */
.italy-strip{background:linear-gradient(135deg,var(--cherry),var(--cherry-deep));color:#fff;padding:60px 32px}
.italy-strip-inner{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:48px}
.italy-strip h3{color:#fff;font-size:34px;font-weight:500;font-style:italic;line-height:1.15;margin-bottom:6px}
.italy-strip p{color:rgba(255,255,255,.85);font-size:14px;line-height:1.5}
.italy-strip .flag-big{display:block;width:70px;height:50px;background:linear-gradient(90deg,#008C45 0% 33.33%,#fff 33.33% 66.66%,#CD212A 66.66% 100%);border-radius:3px;box-shadow:0 4px 16px rgba(0,0,0,.15)}

/* ============ REVIEWS ============ */
.reviews{padding:140px 32px;background:#fff}
.reviews-grid{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.review{background:var(--cream);padding:42px 36px;border-radius:6px;position:relative}
.review .quote{position:absolute;top:10px;right:24px;font-family:'Bodoni Moda',serif;font-style:italic;font-size:100px;color:var(--rose-light);line-height:1;font-weight:500}
.review .stars{color:var(--gold);font-size:14px;margin-bottom:18px;position:relative;z-index:2}
.review p{font-family:'Bodoni Moda',serif;font-size:19px;color:var(--ink);line-height:1.5;margin-bottom:26px;font-weight:400;font-style:italic;position:relative;z-index:2}
.review .author{display:flex;align-items:center;gap:14px}
.review .author .avatar{width:44px;height:44px;border-radius:50%;background:var(--rose-medium);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:500;font-family:'Bodoni Moda',serif}
.review .author .name{font-weight:500;font-size:14px}
.review .author .meta{font-size:12px;color:var(--grey);margin-top:2px}

/* ============ NEWSLETTER ============ */
.newsletter{padding:140px 32px;background:linear-gradient(135deg,var(--cherry) 0%,var(--cherry-deep) 100%);color:#fff;text-align:center;position:relative;overflow:hidden}
.newsletter-inner{max-width:600px;margin:0 auto;position:relative;z-index:2}
.newsletter .eyebrow{color:var(--rose-light);margin-bottom:20px;display:block}
.newsletter h2{color:#fff;font-size:56px;font-weight:500;line-height:1.05;margin-bottom:18px;letter-spacing:-1px}
.newsletter h2 em{color:var(--gold);font-style:italic;font-weight:500}
.newsletter p{color:rgba(255,255,255,.85);font-size:16px;margin-bottom:36px;line-height:1.6}
.newsletter-form{display:flex;gap:10px;max-width:460px;margin:0 auto}
.newsletter-form input{flex:1;padding:17px 24px;border:none;border-radius:50px;font-size:14px;font-family:'Inter',sans-serif;background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.25)}
.newsletter-form input::placeholder{color:rgba(255,255,255,.6)}
.newsletter-form button{background:#fff;color:var(--cherry-deep);padding:0 32px;border-radius:50px;border:none;font-size:12px;letter-spacing:2px;text-transform:uppercase;font-weight:600;cursor:pointer;font-family:'Inter',sans-serif;transition:all .25s}
.newsletter-form button:hover{background:var(--gold);color:#fff}
.newsletter small{display:block;margin-top:20px;color:rgba(255,255,255,.6);font-size:11px;letter-spacing:.5px}

/* ============ FOOTER ============ */
footer{background:var(--cherry-darkest);color:rgba(255,255,255,.75);padding:80px 32px 32px}
.footer-inner{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr 1fr;gap:48px;padding-bottom:50px;border-bottom:1px solid rgba(255,255,255,.12)}
.footer-brand .logo{align-items:flex-start;margin-bottom:18px}
.footer-brand .logo .flower{height:78px}
.footer-brand .logo .wordmark{
  color:#E8C285;
  font-size:36px;
  align-self:center;
  margin-left:0;
  -webkit-text-stroke:0.7px #E8C285;
  text-shadow:0 0 0.4px #E8C285;
}
.footer-brand p{font-size:13px;line-height:1.7;margin-bottom:22px;color:rgba(255,255,255,.7)}
.footer-brand .made-pill{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.10);padding:8px 16px;border-radius:30px;font-size:11px;text-transform:uppercase;letter-spacing:1.5px;color:#fff;font-weight:600}
.footer-brand .made-pill .flag{display:inline-block;width:16px;height:11px;background:linear-gradient(90deg,#008C45 0% 33.33%,#fff 33.33% 66.66%,#CD212A 66.66% 100%);border-radius:2px}
footer h5{color:#fff;font-size:11px;text-transform:uppercase;letter-spacing:2.5px;margin-bottom:20px;font-weight:600;font-family:'Inter',sans-serif}
footer ul{list-style:none}
footer li{margin-bottom:11px}
footer li a{font-size:13.5px;color:rgba(255,255,255,.75);transition:color .2s}
footer li a:hover{color:#fff}
.footer-bottom{max-width:1320px;margin:32px auto 0;display:flex;justify-content:space-between;font-size:12px;color:rgba(255,255,255,.5);flex-wrap:wrap;gap:12px}

.demo-banner{position:fixed;bottom:30px;left:30px;background:var(--cherry);color:#fff;padding:10px 18px;border-radius:30px;font-size:12px;font-weight:500;letter-spacing:1px;text-transform:uppercase;z-index:200;box-shadow:var(--shadow-lg)}

@media(max-width:960px){
  .header-inner{grid-template-columns:auto 1fr auto;gap:16px}
  nav{display:none}
  .hero-inner,.italy-strip-inner,.dual-grid,.centri-inner{grid-template-columns:1fr;gap:48px;padding:60px 24px}
  .italy-strip-inner{text-align:center}
  .hero-text h1,.quiz-head h2,.newsletter h2,.quiz-question h3,.dual-head h2,.centri-text h2,.academy-cta h2{font-size:38px!important}
  .trust-inner,.products-grid,.reviews-grid,.footer-inner,.quiz-options,.academy-features{grid-template-columns:repeat(2,1fr)!important;gap:20px}
  .cat-grid{grid-template-columns:repeat(2,1fr)!important;gap:14px}
  .cat-card .cat-name{font-size:28px}
  .newsletter-form{flex-direction:column}
  .hero-floating-pill{display:none}
  .centri-img .floating-result{position:static;display:inline-block;margin:8px}
  .centri-img{aspect-ratio:auto;min-height:300px;padding:20px}
  .quiz-card{padding:28px}
  .quiz-footer{flex-direction:column;gap:18px}
}

/* ============================================================================
 * ESTENSIONI WOOCOMMERCE — applica la palette Hanami a tutto WooCommerce
 * ============================================================================ */

/* === Bottoni WooCommerce uniformati al brand === */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce-page button.button {
  background: var(--cherry) !important;
  color: #fff !important;
  border-radius: 50px !important;
  padding: 15px 36px !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 500 !important;
  font-size: 12px !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  border: none !important;
  transition: all .25s ease !important;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover {
  background: var(--cherry-deep) !important;
  transform: translateY(-2px);
}
.woocommerce a.button.alt,
.woocommerce button.button.alt {
  background: var(--ink) !important;
}

/* === Prezzi WooCommerce con Bodoni Moda === */
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price {
  font-family: 'Bodoni Moda', serif !important;
  font-style: italic !important;
  font-weight: 500 !important;
  color: var(--cherry) !important;
  font-size: 24px !important;
}
.woocommerce div.product p.price del,
.woocommerce div.product span.price del {
  color: var(--grey) !important;
  opacity: .6;
}

/* === Titoli prodotto WooCommerce === */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce div.product .product_title {
  font-family: 'Bodoni Moda', serif !important;
  font-weight: 500 !important;
  color: var(--ink);
}

/* === Card prodotti loop (shop, categoria, ricerca) === */
.woocommerce ul.products li.product {
  background: #fff;
  border-radius: 6px;
  overflow: hidden;
  transition: transform .25s ease, box-shadow .25s ease;
  padding: 0 !important;
}
.woocommerce ul.products li.product:hover {
  transform: translateY(-5px);
  box-shadow: var(--shadow-rose);
}
.woocommerce ul.products li.product a img {
  margin-bottom: 0 !important;
}
.woocommerce ul.products li.product .button {
  margin-top: 12px !important;
}

/* === Star rating WooCommerce === */
.woocommerce .star-rating::before,
.woocommerce .star-rating span::before {
  color: var(--gold) !important;
}

/* === Tabs sulla scheda prodotto === */
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
  background: var(--cream);
  border-bottom-color: var(--cherry);
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
  font-family: 'Inter', sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  font-size: 12px;
}

/* === Carrello / Checkout === */
.woocommerce-cart table.cart,
.woocommerce-checkout #order_review {
  background: var(--cream);
  border-radius: 8px;
  padding: 24px;
}
.woocommerce-cart .cart_totals h2,
.woocommerce-checkout #order_review_heading {
  font-family: 'Bodoni Moda', serif;
  font-weight: 500;
  color: var(--ink);
}
.woocommerce-cart .checkout-button,
.woocommerce-checkout #place_order {
  background: var(--cherry) !important;
  border-radius: 50px !important;
  padding: 17px 40px !important;
  font-size: 13px !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
}

/* === Notifiche WooCommerce con palette brand === */
.woocommerce-message,
.woocommerce-info {
  border-top-color: var(--cherry) !important;
  background: var(--rose-light);
  color: var(--ink);
  border-radius: 6px;
  padding: 14px 22px;
}
.woocommerce-message a,
.woocommerce-info a {
  color: var(--cherry-deep);
}

/* === Pagina account === */
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a {
  color: var(--cherry-deep);
  font-weight: 600;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
  font-family: 'Inter', sans-serif;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  font-size: 12px;
  color: var(--ink);
}

/* === Sezione Hanami Personal nelle schede WooCommerce === */
.single-product .summary,
.single-product .entry-summary {
  padding-left: 32px;
}
.single-product .summary .product_meta {
  font-size: 12px;
  color: var(--grey);
  margin-top: 24px;
  padding-top: 20px;
  border-top: 1px solid var(--grey-light);
}


/* =========================================================
   FIX UI GLOBAL PALETTE 22/06 - dropdown + paginaz + academy + scroll-top + footer
   ========================================================= */
/* Menu dropdown PRODOTTI - voci leggibili */
.elementor-nav-menu--dropdown li a,
.elementor-nav-menu .sub-menu li a,
nav .sub-menu li a,
.menu-item-has-children .sub-menu a,
ul.sub-menu li a {
  color: #2a1f22 !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  letter-spacing: 0.04em !important;
  text-transform: none !important;
  padding: 10px 18px !important;
}
ul.sub-menu li a:hover,
.elementor-nav-menu--dropdown li a:hover,
.menu-item-has-children .sub-menu a:hover {
  color: #B14460 !important;
  background: #FBE0E2 !important;
}
ul.sub-menu {
  background: #fff !important;
  border-radius: 12px !important;
  box-shadow: 0 16px 40px rgba(180, 80, 100, .12) !important;
  border: 1px solid #f1d8da !important;
  padding: 8px 0 !important;
  overflow: hidden !important;
}

/* Emoji ↗ link esterno (Academy) - rimuovo blu */
img.emoji[alt="↗"],
img.emoji[src*="2197"] {
  display: inline-block !important;
  width: 12px !important;
  height: 12px !important;
  vertical-align: middle !important;
  margin-left: 4px !important;
  filter: brightness(0) saturate(100%) invert(37%) sepia(54%) saturate(617%) hue-rotate(305deg) brightness(86%) contrast(91%) !important;
  /* Risultato approssimato: cherry deep #B14460 */
}

/* Paginazione WC - rounded palette */
.woocommerce nav.woocommerce-pagination ul,
nav.woocommerce-pagination ul {
  border: none !important;
  display: flex !important; gap: 8px !important;
  justify-content: center !important;
  padding: 30px 0 !important; margin: 24px 0 !important;
}
.woocommerce nav.woocommerce-pagination ul li,
nav.woocommerce-pagination ul li {
  border: none !important; display: inline-block !important;
  margin: 0 !important; background: transparent !important;
}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span,
nav.woocommerce-pagination ul li a,
nav.woocommerce-pagination ul li span {
  display: inline-flex !important; align-items: center !important; justify-content: center !important;
  min-width: 44px !important; height: 44px !important; padding: 0 14px !important;
  border-radius: 999px !important; background: #fff !important;
  border: 1px solid #f1d8da !important; color: #2a1f22 !important;
  font-family: 'Inter', sans-serif !important; font-weight: 500 !important;
  font-size: 14px !important; text-decoration: none !important;
  transition: all .2s ease !important; line-height: 1 !important;
}
.woocommerce nav.woocommerce-pagination ul li a:hover,
nav.woocommerce-pagination ul li a:hover {
  background: #FBE0E2 !important; color: #B14460 !important; border-color: #F2B7BC !important;
}
.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce nav.woocommerce-pagination ul li .current,
nav.woocommerce-pagination ul li span.current,
nav.woocommerce-pagination ul li .current {
  background: #D9647A !important; color: #fff !important; border-color: #D9647A !important;
  box-shadow: 0 6px 16px rgba(217,100,122,.25) !important;
}

/* Scroll-to-top button (Astra) */
.ast-scroll-top, #ast-scroll-top, .ast-scroll-to-top {
  background: #D9647A !important; color: #fff !important;
  border-radius: 999px !important; width: 44px !important; height: 44px !important;
  display: flex !important; align-items: center !important; justify-content: center !important;
  box-shadow: 0 8px 22px rgba(217,100,122,.3) !important; border: none !important;
}
.ast-scroll-top:hover, #ast-scroll-top:hover {
  background: #B14460 !important; transform: translateY(-2px) !important;
}
.ast-scroll-top svg, .ast-scroll-top i,
#ast-scroll-top svg, #ast-scroll-top i {
  color: #fff !important; fill: #fff !important; font-size: 16px !important;
}

/* Footer: logo duplicato via, bg uniform cherry deep */
.elementor-location-footer .elementor-element-8b61e59 { display: none !important; }
.elementor-location-footer [data-id="b3d7d6d"],
.elementor-location-footer .elementor-element {
  background-color: transparent !important; background-image: none !important;
}
.elementor-location-footer { background: #6B1F30 !important; }
.elementor-location-footer,
.elementor-location-footer p,
.elementor-location-footer a,
.elementor-location-footer span,
.elementor-location-footer li,
.elementor-location-footer h1, .elementor-location-footer h2,
.elementor-location-footer h3, .elementor-location-footer h4 {
  color: #FCEDEF !important; font-family: 'Inter', sans-serif !important; letter-spacing: 0 !important;
}
.elementor-location-footer a { text-decoration: none !important; transition: opacity .2s; }
.elementor-location-footer a:hover { opacity: .75 !important; }
.elementor-location-footer p { font-size: 13.5px !important; line-height: 1.7 !important; }
.elementor-location-footer .elementor-icon-list-item a,
.elementor-location-footer .menu-item a {
  font-size: 12.5px !important; font-weight: 500 !important;
  letter-spacing: 0.06em !important; text-transform: uppercase !important;
}


/* =========================================================
   COMPATTAZIONE SCHEDA PRODOTTO 22/06
   ========================================================= */
body.single-product .summary p,
body.single-product .elementor-widget-container p,
body.single-product .elementor-widget-text-editor p {
  margin-bottom: 8px !important;
  margin-top: 0 !important;
  line-height: 1.6 !important;
}
body.single-product h2,
body.single-product h3,
body.single-product h4 {
  margin-top: 18px !important;
  margin-bottom: 8px !important;
  line-height: 1.3 !important;
}
body.single-product li {
  margin-bottom: 4px !important;
  line-height: 1.55 !important;
}
body.single-product ul {
  margin: 8px 0 14px !important;
  padding-left: 18px !important;
}
body.single-product .elementor-widget-text-editor {
  margin-bottom: 8px !important;
}
body.single-product .elementor-widget {
  margin-bottom: 12px !important;
}
body.single-product .elementor-widget-container br,
body.single-product .summary br {
  display: none !important;
}
body.single-product .elementor-widget-container p:empty,
body.single-product .summary p:empty {
  display: none !important;
}
body.single-product hr {
  margin: 16px 0 !important;
}


/* =========================================================
   SPACE TIGHTEN v2 - elementor widgets/containers schede prodotto
   ========================================================= */
body.single-product .elementor-section,
body.single-product .e-con,
body.single-product .elementor-container,
body.single-product .elementor-column {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
body.single-product .elementor-widget {
  margin-bottom: 6px !important;
  margin-top: 0 !important;
}
body.single-product .elementor-widget-heading {
  margin-bottom: 4px !important;
  margin-top: 12px !important;
}
body.single-product .elementor-widget-heading:first-child {
  margin-top: 0 !important;
}
body.single-product .elementor-widget-text-editor {
  margin-bottom: 4px !important;
  margin-top: 0 !important;
}
body.single-product .elementor-widget-divider {
  margin: 8px 0 !important;
}
body.single-product .elementor-widget-spacer {
  display: none !important;
}
body.single-product .elementor-element-populated {
  padding: 0 !important;
}
body.single-product .elementor-heading-title {
  margin-bottom: 0 !important;
  line-height: 1.25 !important;
}
body.single-product .elementor-widget-container > p:last-child,
body.single-product .elementor-widget-container > h2:last-child,
body.single-product .elementor-widget-container > h3:last-child,
body.single-product .elementor-widget-container > h4:last-child {
  margin-bottom: 0 !important;
}
body.single-product .summary > * {
  margin-top: 6px !important;
  margin-bottom: 6px !important;
}


/* =========================================================
   SPACE TIGHTEN v3 - high specificity per Elementor
   ========================================================= */
html body.single-product .elementor-element[data-id],
html body.single-product div.elementor-widget,
html body.single-product div.elementor-element-populated {
  margin-top: 0 !important;
  margin-bottom: 6px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
html body.single-product .elementor-widget-heading[data-id] {
  margin-top: 10px !important;
  margin-bottom: 2px !important;
}
html body.single-product .elementor-widget-text-editor[data-id] {
  margin-bottom: 4px !important;
}
html body.single-product .elementor-widget-divider[data-id] {
  margin: 6px 0 !important;
}
html body.single-product .elementor-widget-spacer[data-id] {
  display: none !important;
}
/* Riduco padding interno containers */
html body.single-product .e-con > .e-con-inner,
html body.single-product .elementor-section > .elementor-container {
  padding: 0 !important;
}


/* =========================================================
   SPACE TIGHTEN v4 - alta specificità per Elementor inline CSS
   ========================================================= */
html body.single-product .elementor-element.elementor-widget[data-id],
html body.single-product div.elementor-element.elementor-widget,
html body[class*="single-product"] .elementor-element[class*="elementor-element-"][data-element_type="widget"] {
  margin-block-end: 4px !important;
  margin-block-start: 0 !important;
  margin-bottom: 4px !important;
  margin-top: 0 !important;
}
html body.single-product .elementor-element.elementor-widget-heading[data-id] {
  margin-block-start: 10px !important;
  margin-top: 10px !important;
  margin-bottom: 2px !important;
}
html body.single-product .elementor-element.elementor-widget-heading[data-id]:first-of-type {
  margin-top: 0 !important;
}
html body.single-product .elementor-element.elementor-widget-spacer[data-id] {
  display: none !important;
}
/* Reset section padding eccessivo */
html body.single-product .elementor-element.e-con[data-id],
html body.single-product .elementor-element.elementor-section[data-id] {
  padding-block: 6px !important;
}


/* =========================================================
   OVERRIDE ELEMENTOR 305 - template Single Product margine 8%
   ========================================================= */
.elementor-305.elementor-page .elementor-element.elementor-widget {
  margin: 0 0 6px !important;
}
.elementor-305.elementor-page .elementor-element.elementor-widget-heading {
  margin: 12px 0 4px !important;
}
.elementor-305.elementor-page .elementor-element.elementor-widget-heading:first-child {
  margin-top: 0 !important;
}
.elementor-305.elementor-page .elementor-element.elementor-widget-text-editor {
  margin: 0 0 4px !important;
}
.elementor-305.elementor-page .elementor-element.elementor-widget-spacer {
  display: none !important;
}
.elementor-305.elementor-page .elementor-element.elementor-widget-divider {
  margin: 6px 0 !important;
}
/* Anche section padding */
.elementor-305.elementor-page .elementor-element.e-con,
.elementor-305.elementor-page .elementor-element.elementor-section {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}


/* =========================================================
   DROPDOWN PRODOTTI FORCE READABILITY + LAZY LOADING
   ========================================================= */
/* Tutti i selettori possibili Elementor + Astra dropdown */
html body .elementor-nav-menu .sub-menu,
html body .elementor-nav-menu--main .sub-menu,
html body nav .sub-menu,
html body ul.sub-menu,
html body .menu-item-has-children > .sub-menu {
  background: #fff !important;
  border-radius: 12px !important;
  box-shadow: 0 16px 40px rgba(180, 80, 100, .12) !important;
  border: 1px solid #f1d8da !important;
  padding: 8px 0 !important;
  overflow: hidden !important;
  min-width: 200px !important;
}
html body .elementor-nav-menu .sub-menu li,
html body nav .sub-menu li,
html body ul.sub-menu li {
  background: transparent !important;
  border: none !important;
}
html body .elementor-nav-menu .sub-menu li a,
html body .elementor-nav-menu .sub-menu a.elementor-sub-item,
html body nav .sub-menu li a,
html body ul.sub-menu li a,
html body .menu-item-has-children .sub-menu a {
  color: #2a1f22 !important;
  background: transparent !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  letter-spacing: 0.02em !important;
  text-transform: none !important;
  padding: 10px 18px !important;
  display: block !important;
  text-decoration: none !important;
  opacity: 1 !important;
  border-bottom: 1px solid #fdf0f1 !important;
}
html body .elementor-nav-menu .sub-menu li:last-child a,
html body nav .sub-menu li:last-child a,
html body ul.sub-menu li:last-child a {
  border-bottom: none !important;
}
html body .elementor-nav-menu .sub-menu li a:hover,
html body nav .sub-menu li a:hover,
html body ul.sub-menu li a:hover,
html body .menu-item-has-children .sub-menu a:hover {
  background: #FBE0E2 !important;
  color: #B14460 !important;
}

/* Lazy loading images speed boost */
img {
  loading: lazy !important;
  decoding: async !important;
}

/* Reduce image flicker */
.woocommerce ul.products li.product .attachment-woocommerce_thumbnail,
.woocommerce-loop-product__title-wrap img,
.elementor-image img {
  transition: opacity .25s ease !important;
}


/* =========================================================
   SUB-ITEM ELEMENTOR FORCE - voci dropdown leggibili
   ========================================================= */
html body a.elementor-sub-item,
html body a.elementor-sub-item.menu-link,
html body .elementor-nav-menu a.elementor-sub-item,
html body .elementor-nav-menu .sub-menu a.elementor-sub-item,
html body .menu-item a.elementor-sub-item.menu-link {
  color: #2a1f22 !important;
  background: transparent !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  letter-spacing: 0.02em !important;
  text-transform: none !important;
  text-decoration: none !important;
  padding: 10px 18px !important;
  display: block !important;
  opacity: 1 !important;
  border-bottom: 1px solid #fdf0f1 !important;
}
html body a.elementor-sub-item:hover,
html body a.elementor-sub-item.menu-link:hover,
html body .elementor-nav-menu a.elementor-sub-item:hover {
  color: #B14460 !important;
  background: #FBE0E2 !important;
}
html body .elementor-nav-menu .sub-menu {
  background: #fff !important;
  border-radius: 12px !important;
  box-shadow: 0 16px 40px rgba(180, 80, 100, .15) !important;
  border: 1px solid #f1d8da !important;
  padding: 6px 0 !important;
  overflow: hidden !important;
}


/* =========================================================
   SUB-ITEM ULTRA SPECIFICO - dropdown finalmente leggibile
   ========================================================= */
:where(html) body a.elementor-sub-item.menu-link[class][href] {
  color: #2a1f22 !important;
  background: transparent !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  letter-spacing: 0.02em !important;
  text-transform: none !important;
  padding: 10px 18px !important;
  display: block !important;
  opacity: 1 !important;
  border-bottom: 1px solid #fdf0f1 !important;
  text-decoration: none !important;
}
:where(html) body a.elementor-sub-item.menu-link[class][href]:hover {
  color: #B14460 !important;
  background: #FBE0E2 !important;
}
:where(html) body .elementor-nav-menu .sub-menu {
  background: #fff !important;
  border-radius: 12px !important;
  box-shadow: 0 16px 40px rgba(180, 80, 100, .15) !important;
  border: 1px solid #f1d8da !important;
  padding: 6px 0 !important;
  overflow: hidden !important;
}


/* ==========================================================================
   BLOCCO SPOSTATO DAL CUSTOMIZER (CSS aggiuntivo) il 19 settembre 2026
   Erano le uniche regole che non esistevano gia in questo file.
   Da qui in avanti il CSS personalizzato si modifica SOLO in questo file.
   ========================================================================== */

/*!
 * =========================================================================
 * Hanami Secrets — CSS personalizzato del tema child
 * ============================================================================
 * File: wp-content/themes/[tuo-tema-child]/style-custom.css
 * Versione: v9 (giugno 2026)
 * Direzione visiva: Bodoni Moda + Inter + Allura, palette rosa cipria/oro/salvia
 *
 * IMPORTANTE — questo CSS si applica a TUTTO il sito (homepage, schede prodotto,
 * carrello, checkout, account, archivi WooCommerce). Caricato via
 * wp_enqueue_style() nella functions.php del tema child.
 *
 * Font caricati: Bodoni Moda, Inter, Allura — Google Fonts (gratis, libero uso)
 * Logo: hanami-flower-only.png nell'asset cartella + scritta via @font-face Allura
 * ============================================================================
 */







img{max-width:100%;display:block}














/* === DROPDOWN MENU === */










/* ============ HERO ============ */










.hero-image-wrap{position:relative;aspect-ratio:4/5;border-radius:6px;overflow:hidden;box-shadow:var(--shadow-rose);background:linear-gradient(135deg,var(--rose-soft) 0%,var(--rose-medium) 50%,var(--cherry) 100%)}


.hero-floating-pill{position:absolute;background:#fff;border-radius:50px;padding:14px 24px;box-shadow:var(--shadow-lg);font-size:13px;font-weight:500;display:flex;align-items:center;gap:12px;z-index:3}



.hero-floating-pill small{display:block;color:var(--grey);font-size:11px;font-weight:400;letter-spacing:.5px;margin-top:1px}


/* ============ TRUST BAR ============ */







/* ============ DUAL LINE SECTION (NEW) ============ */































/* ============ CATEGORIES (no Jorja) ============ */

/* ============ BESTSELLER ============ */




/* ============ QUIZ ============ */

/* ============ ACADEMY POTENZIATA ============ */






/* ============ ITALY STRIP ============ */






/* ============ NEWSLETTER ============ */

/* ============ FOOTER ============ */







@media(max-width:960px){
  
  
  
  
  
  
  
  
  
  
  
  
  
  
}

/* === Bottoni WooCommerce uniformati al brand === */




/* === Prezzi WooCommerce con Bodoni Moda === */



/* === Titoli prodotto WooCommerce === */


/* === Card prodotti loop (shop, categoria, ricerca) === */





/* === Star rating WooCommerce === */


/* === Tabs sulla scheda prodotto === */



/* === Carrello / Checkout === */




/* === Notifiche WooCommerce con palette brand === */



/* === Pagina account === */



/* ========================================================
   FIX ANTEPRIMA HOMEPAGE v9 (page id 482)
   Nasconde titolo Astra e rende full-width
   ======================================================== */
.page-id-482 .entry-title,
.page-id-482 .ast-archive-title,
.page-id-482 .ast-page-header,
.page-id-482 .ast-archive-description,
.page-id-482 .entry-header,
.page-id-482 .page-header,
.page-id-482 .ast-single-post-banner { display: none !important; }

.page-id-482 .site-content,
.page-id-482 .ast-container,
.page-id-482 .ast-container-fluid,
.page-id-482 #primary,
.page-id-482 .site-main,
.page-id-482 .entry-content,
.page-id-482 .ast-no-sidebar .entry-content,
.page-id-482 .ast-article-single { max-width: 100% !important; width: 100% !important; padding: 0 !important; margin: 0 !important; }

.page-id-482 .ast-container { padding-inline: 0 !important; }
.page-id-482 #content { padding: 0 !important; }
.page-id-482 .site-content > .ast-container { padding-top: 0 !important; padding-bottom: 0 !important; }
.page-id-482 .entry-content > *:first-child { margin-top: 0 !important; }

/* ========================================================
   FIX BADGE RECENSIONI HERO v9 - 2026-06-19 r2 (dentro)
   Le pill stanno DENTRO l'immagine (no overflow tagliato)
   ======================================================== */
.hero-image-wrap { overflow: hidden; }
.hero-floating-pill {
  padding: 10px 14px !important;
  font-size: 12px !important;
  border-radius: 100px !important;
  background: rgba(255,255,255,.95) !important;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  box-shadow: 0 8px 24px rgba(180, 80, 100, .14) !important;
  max-width: 210px !important;
  z-index: 6 !important;
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
  line-height: 1.25;
  white-space: nowrap;
}
.hero-floating-pill .stars { font-size: 11px; color: #D4A85F; flex-shrink: 0; }

.hero-floating-pill > span:not(.stars):not(.flag) { display: flex; flex-direction: column; line-height: 1.2; }
.hero-floating-pill strong { font-weight: 600; font-size: 11.5px !important; color: #1d1d1f; }
.hero-floating-pill small { font-size: 10.5px !important; opacity: .7; font-weight: 400; }

/* Posizione: DENTRO l'immagine */
.hero-floating-pill.hero-pill-1 {
  position: absolute !important;
  top: auto !important;
  bottom: 18px !important;
  left: 18px !important;
  right: auto !important;
}
.hero-floating-pill.hero-pill-2 {
  position: absolute !important;
  bottom: auto !important;
  top: 18px !important;
  right: 18px !important;
  left: auto !important;
}

@media (max-width: 880px) {
  .hero-floating-pill { max-width: 180px !important; font-size: 11px !important; padding: 8px 12px !important; }
  .hero-floating-pill.hero-pill-1 { bottom: 10px !important; left: 10px !important; }
  .hero-floating-pill.hero-pill-2 { top: 10px !important; right: 10px !important; }
}

/* ========================================================
   NASCONDI PILL RECENSIONI HERO - richiesta cliente 20/06/2026
   ======================================================== */
.hero-floating-pill.hero-pill-1 { display: none !important; }

/* ========================================================
   HERO IMAGE BG - Foto hanami 22/06
   ======================================================== */
.page-id-482 .hero-image-wrap,
.page-id-482 .hero-visual { 
  background-image: url('https://hanamisecrets.it/wp-content/uploads/2026/06/hanami.jpeg') !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}

/* ========================================================
   FIX SCHEDA PRODOTTO v2 - leggibilità + armonia palette
   ======================================================== */
body.single-product,
body.single-product :where(.elementor-location-single) * {
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}
body.single-product :where(.elementor-location-single) h1,
body.single-product :where(.elementor-location-single) h2,
body.single-product :where(.elementor-location-single) h3,
body.single-product :where(.elementor-location-single) h4,
body.single-product :where(.elementor-location-single) h5,
body.single-product :where(.elementor-location-single) h6,
body.single-product :where(.elementor-location-single) p,
body.single-product :where(.elementor-location-single) li,
body.single-product :where(.elementor-location-single) span,
body.single-product :where(.elementor-location-single) strong,
body.single-product :where(.elementor-location-single) em,
body.single-product :where(.elementor-location-single) a:not(.button):not(.single_add_to_cart_button),
body.single-product :where(.elementor-location-single) label,
body.single-product :where(.elementor-location-single) .elementor-heading-title,
body.single-product :where(.elementor-location-single) .elementor-widget-text-editor,
body.single-product :where(.elementor-location-single) .elementor-widget-text-editor *,
body.single-product :where(.elementor-location-single) .elementor-widget-container,
body.single-product :where(.elementor-location-single) .elementor-widget-container * {
  font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-style: normal !important;
  letter-spacing: 0 !important;
  color: #2a1f22 !important;
}
body.single-product :where(.elementor-location-single) h1.product_title,
body.single-product :where(.elementor-location-single) .elementor-widget-woocommerce-product-title h1 {
  font-family: 'Bodoni Moda', Georgia, serif !important;
  font-weight: 500 !important;
  font-size: clamp(28px, 4vw, 42px) !important;
  line-height: 1.15 !important;
  letter-spacing: -0.01em !important;
  color: #2a1f22 !important;
  margin-bottom: 16px !important;
  text-transform: none !important;
}
body.single-product :where(.elementor-location-single) h2,
body.single-product :where(.elementor-location-single) h3,
body.single-product :where(.elementor-location-single) h4 {
  font-weight: 600 !important;
  font-size: 15px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.1em !important;
  color: #B14460 !important;
  margin-top: 28px !important;
  margin-bottom: 12px !important;
  line-height: 1.4 !important;
}
body.single-product :where(.elementor-location-single) p,
body.single-product :where(.elementor-location-single) .elementor-widget-container p {
  font-size: 15.5px !important;
  line-height: 1.75 !important;
  font-weight: 400 !important;
  color: #3d2e32 !important;
  margin-bottom: 14px !important;
}
body.single-product :where(.elementor-location-single) li {
  font-size: 15px !important;
  line-height: 1.7 !important;
  font-weight: 400 !important;
  color: #3d2e32 !important;
  margin-bottom: 8px !important;
}

body.single-product :where(.elementor-location-single) ul {
  padding-left: 20px !important;
  margin: 12px 0 18px !important;
}
body.single-product :where(.elementor-location-single) ul li::marker {
  color: #D4A85F !important;
}
body.single-product :where(.elementor-location-single) .woocommerce-Price-amount,
body.single-product :where(.elementor-location-single) .price,
body.single-product :where(.elementor-location-single) .price * {
  font-family: 'Inter', sans-serif !important;
  font-weight: 600 !important;
  font-size: 24px !important;
  color: #B14460 !important;
  letter-spacing: 0 !important;
}
body.single-product :where(.elementor-location-single) .single_add_to_cart_button {
  font-family: 'Inter', sans-serif !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  background: #D9647A !important;
  color: #fff !important;
  border: none !important;
  padding: 16px 36px !important;
  border-radius: 999px !important;
  box-shadow: 0 8px 22px rgba(217,100,122,.25) !important;
}
body.single-product :where(.elementor-location-single) .single_add_to_cart_button:hover {
  background: #B14460 !important;
}
body.single-product :where(.elementor-location-single) .quantity .qty {
  padding: 12px 14px !important;
  border: 1px solid #f1d8da !important;
  border-radius: 8px !important;
  font-family: 'Inter', sans-serif !important;
  color: #2a1f22 !important;
}

body.single-product :where(.elementor-location-single) .woocommerce-tabs .tabs li a {
  font-family: 'Inter', sans-serif !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.1em !important;
  color: #2a1f22 !important;
}
body.single-product :where(.elementor-location-single) .woocommerce-tabs .tabs li.active a {
  color: #B14460 !important;
}
body.single-product :where(.elementor-location-single) a:not(.button):not(.single_add_to_cart_button) {
  color: #B14460 !important;
  text-decoration: none !important;
  border-bottom: 1px solid transparent !important;
  transition: border .2s !important;
}
body.single-product :where(.elementor-location-single) a:not(.button):hover {
  border-bottom-color: #B14460 !important;
}

/* Nascondi emoji/icone inline nei contenuti prodotto */


body.single-product :where(.elementor-location-single) .woocommerce-product-gallery {
  border-radius: 16px !important;
  overflow: hidden !important;
}

/* Nascondi secondo logo duplicato */

/* Background uniforme - elimino il riquadro giallo */

/* Background unico color cherry profondo per tutto il footer */

/* Tipografia footer */

.elementor-location-footer a {
  text-decoration: none !important;
  transition: opacity .2s !important;
}



/* Spaziatura interna footer */

/* "Pagamenti sicuri" badge area: piu' discreta */


/* =========================================================
   DROPDOWN ULTRA HIGH - 22/06 dopo discovery style-custom non incluso
   ========================================================= */



/* Lazy loading immagini speed boost */
img { decoding: async !important; }

/* =========================================================
   DROPDOWN Z-INDEX FIX - copre top-bar viola
   ========================================================= */
:where(html) body .elementor-nav-menu .sub-menu,
:where(html) body ul.sub-menu,
:where(html) body nav .sub-menu {
  z-index: 99999 !important;
  position: absolute !important;
}
:where(html) body header,
:where(html) body .site-header,
:where(html) body .elementor-location-header {
  z-index: 999 !important;
  position: relative !important;
}
:where(html) body .topbar,
:where(html) body [class*="elementor-element"]:has(.topbar) {
  z-index: 1 !important;
}

/* =========================================================
   SUBMENU NO OVERFLOW NO STACKING - 22/06
   Rimuove overflow hidden + forza stacking context
   ========================================================= */
:where(html) body .elementor-nav-menu .sub-menu,
:where(html) body ul.sub-menu {
  overflow: visible !important;
  height: auto !important;
  max-height: none !important;
}
/* Header sopra tutto */
:where(html) body header,
:where(html) body .ast-builder-grid-row-container,
:where(html) body .elementor-location-header,
:where(html) body .ast-primary-header-bar,
:where(html) body .elementor-section:has(.sub-menu) {
  position: relative !important;
  z-index: 99 !important;
  overflow: visible !important;
}
/* Parent del menu non taglia */
:where(html) body .elementor-nav-menu--main,
:where(html) body .elementor-widget-nav-menu,
:where(html) body .elementor-nav-menu,
:where(html) body nav.elementor-nav-menu--main {
  overflow: visible !important;
  position: relative !important;
  z-index: 999 !important;
}
:where(html) body .elementor-nav-menu li.menu-item-has-children {
  position: relative !important;
}
:where(html) body .elementor-nav-menu li.menu-item-has-children .sub-menu {
  position: absolute !important;
  z-index: 999999 !important;
  top: 100% !important;
}

/* =========================================================
   FIX DROPDOWN STACK FINAL - 22/06
   Soluzione: abbasso z-index WC header + alzo header sito
   ========================================================= */
:where(html) body .woocommerce-products-header,
:where(html) body header.woocommerce-products-header,
:where(html) body .page-header,
:where(html) body .ast-archive-description {
  z-index: 1 !important;
  position: relative !important;
}
:where(html) body .ast-primary-header-bar,
:where(html) body .elementor-location-header,
:where(html) body #masthead {
  position: relative !important;
  z-index: 99999 !important;
  isolation: isolate;
}
/* Sub-menu sopra TUTTO via z-index estremo */
:where(html) body .elementor-nav-menu .sub-menu,
:where(html) body ul.sub-menu {
  z-index: 999999 !important;
  position: absolute !important;
}

/* Nascondo titolo Astra duplicato sulla pagina Hanami PRO */
.page-id-686 .entry-title,
.page-id-686 .ast-page-header,
.page-id-686 .ast-archive-title { display: none !important; }
.page-id-686 .entry-content { margin-top: 0 !important; padding-top: 0 !important; }
.page-id-686 .site-content > .ast-container { padding-top: 16px !important; }

/* =========================================================
   HANAMI ACCORDION - schede prodotto fisarmonica
   ========================================================= */

details.hanami-accordion:last-of-type {
  border-bottom: 1px solid #f1d8da !important;
}

details.hanami-accordion summary:hover {
  color: #B14460 !important;
}

@keyframes hanamiSlide {
  from { opacity: 0; transform: translateY(-6px); }
  to { opacity: 1; transform: translateY(0); }
}

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&family=Inter:wght@300;400;500;600;700&display=swap');

/* =========================================================
   FONT CORMORANT + INTER OPZIONE B - 23/06/2026
   ========================================================= */
html body h1, html body h2, html body h3, html body h4, html body h5, html body h6,
html body .entry-title, html body .product_title, html body .elementor-heading-title,
html body .woocommerce-products-header__title, html body .woocommerce-loop-product__title,
html body .hero h1, html body .hero h2,
.single-product h1.product_title,
.single-product .elementor-widget-woocommerce-product-title h1,
html body .hero-title, html body h1.entry-title {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-weight: 500 !important;
  letter-spacing: -0.005em !important;
}

html body, html body p, html body li, html body span,
html body input, html body textarea, html body select, html body button,
html body a:not(.logo), html body label,
html body .elementor-widget-text-editor, html body .elementor-widget-text-editor *,
html body .summary p, html body .summary li, html body .summary strong, html body .summary em,
html body .entry-content p, html body .entry-content li,
html body .price, html body .woocommerce-Price-amount,
html body .product-meta, html body .product_meta,
html body .menu-item a, html body nav a,
html body .single_add_to_cart_button,
html body .ast-button, html body .button, html body input[type="submit"],
html body .topbar, html body .topbar *,
html body .hanami-accordion summary, html body .hanami-accordion-body,
html body .hanami-product-intro,
html body .elementor-sub-item, html body a.elementor-sub-item.menu-link,
html body .pill, html body .eyebrow,
html body .footer-inner, html body footer, html body .elementor-location-footer,
html body .elementor-location-footer * {
  font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, sans-serif !important;
}

html body .hero em, html body h1 em, html body h2 em, html body h3 em {
  font-family: 'Cormorant Garamond', serif !important;
  font-style: italic !important;
  font-weight: 500 !important;
}

/* === HANAMI-ACCOUNT-MENU-FIX (menu verticale) === */
.woocommerce-account .woocommerce-MyAccount-navigation {
  float: left;
  width: 28%;
}
.woocommerce-account .woocommerce-MyAccount-content {
  float: right;
  width: 68%;
}
.woocommerce-account .woocommerce-MyAccount-navigation > ul {
  display: block !important;
  flex-direction: column !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation > ul > li {
  display: block !important;
  width: 100% !important;
  float: none !important;
  margin: 0 0 8px 0 !important;
}
@media (max-width: 768px) {
  .woocommerce-account .woocommerce-MyAccount-navigation,
  .woocommerce-account .woocommerce-MyAccount-content {
    float: none !important;
    width: 100% !important;
  }
}
/* === HANAMI-FOOTER-FIX (allineamento colonne in alto) === */
.elementor-element-b3d7d6d > .e-con-inner {
  align-items: flex-start !important;
}
.elementor-element-b3d7d6d > .e-con-inner > .e-con,
.elementor-element-b3d7d6d > .e-con-inner > .elementor-column {
  align-self: flex-start !important;
}
@media (max-width: 768px) {
  .elementor-element-b3d7d6d > .e-con-inner { flex-wrap: wrap !important; }
}
/* footer: azzera margine negativo colonna link destra */
.elementor-element-59a3222 { margin-top: 0 !important; margin-bottom: 0 !important; }

/* === HANAMI-MENU-EMOJI-FIX (nasconde la freccia ↗ che appariva come quadrato nero su Academy) === */

/* === HANAMI-ADMINBAR-FIX (ripristina leggibilità barra admin WP, il testo aveva preso il rosa del brand) === */

#wpadminbar .ab-top-menu > li:hover > .ab-item,
#wpadminbar .ab-item:hover,
#wpadminbar a.ab-item:hover,
#wpadminbar .ab-item:hover .ab-icon::before { color: #72aee6 !important; }

/* === HANAMI-CART-NOCLIP (evita clip del pill carrello) === */
.elementor-menu-cart__wrapper,
.elementor-menu-cart__toggle_wrapper,
.elementor-menu-cart__toggle,
.elementor-menu-cart__toggle_button { overflow: visible !important; }
/* === HANAMI-SEARCH-PINK (sfondo campo ricerca rosa invece che grigio) === */
.dgwt-wcas-search-input,
.dgwt-wcas-search-form .dgwt-wcas-search-input {
  background-color: #F7E7EE !important;
  border-color: #E7C4D2 !important;
}
.dgwt-wcas-search-input::placeholder { color: #A56B7C !important; opacity: 1; }
.dgwt-wcas-search-submit .dgwt-wcas-ico-magnifier path { fill: #B14460 !important; }
/* HANAMI-WOO-BUTTONS - bottoni WooCommerce in rosa brand */
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce #respond input#submit,.wc-block-components-button,.wp-block-button__link.add_to_cart_button,a.add_to_cart_button,.single_add_to_cart_button,.checkout-button,.wc-block-cart__submit-button,.wc-proceed-to-checkout a.checkout-button,#place_order,.wc-block-components-checkout-place-order-button{background-color:#d9647a!important;border-color:#d9647a!important;color:#fff!important}
.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover,.wc-block-components-button:hover,.wp-block-button__link.add_to_cart_button:hover,a.add_to_cart_button:hover,.single_add_to_cart_button:hover,.checkout-button:hover,.wc-block-cart__submit-button:hover,.wc-proceed-to-checkout a.checkout-button:hover,#place_order:hover,.wc-block-components-checkout-place-order-button:hover{background-color:#c14e64!important;border-color:#c14e64!important;color:#fff!important}
/* HANAMI-CART-EMPTY-ICON - rimuove la faccina triste del carrello vuoto */
.wc-block-cart__empty-cart__title.with-empty-cart-icon::before{display:none!important}
.wc-block-cart__empty-cart__title.with-empty-cart-icon{margin-top:0!important;padding-top:0!important}
/* HANAMI-MOBILE-MENU-FIX - mostra la tendina del menu mobile quando aperta (Elementor) */
.elementor-menu-toggle[aria-expanded="true"] ~ nav.elementor-nav-menu--dropdown,
nav.elementor-nav-menu--dropdown[aria-hidden="false"]{display:block !important;}
/* end HANAMI-MOBILE-MENU-FIX */

/* ============================================================================
 * HANAMI-MENU-3-LIVELLI  —  v2, 29/07/2026
 * Fa funzionare il terzo livello del menu (es. Professional > Nails > Gel).
 * Deve restare in fondo al file.
 * ============================================================================ */
/* === MENU: TERZO LIVELLO (es. Professional > Nails > Gel) ===
   Nota sulla specificità: più in alto nel file esiste la regola
   `body .elementor-nav-menu li.menu-item-has-children .sub-menu { top:100% !important }`
   che colpisce anche il terzo livello. I selettori qui sotto la superano
   di proposito, altrimenti il pannello si apre 41px più in basso della voce
   e il mouse esce dal menu prima di raggiungerlo. */

/* 1. Il pannello di secondo livello non deve ritagliare il sottomenu.
      Solo dove serve, così gli altri conservano gli angoli arrotondati. */
:where(html) body .elementor-nav-menu .sub-menu:has(> .menu-item-has-children) {
    overflow: visible !important;
}

/* 2. La voce che contiene un sottomenu fa da riferimento di posizione. */
:where(html) body .elementor-nav-menu .sub-menu li.menu-item-has-children {
    position: relative !important;
}

/* 3. Il terzo livello parte allineato alla sua voce e scende da lì,
      appoggiato al bordo del pannello padre senza stacchi. */
:where(html) body .elementor-nav-menu .sub-menu li.menu-item-has-children > .sub-menu {
    top: 0 !important;
    left: 100% !important;
    right: auto !important;
    margin: 0 !important;
}

/* 4. Ponte invisibile di 10px: perdona il movimento in diagonale del mouse
      nel passaggio dalla voce al pannello. */
:where(html) body .elementor-nav-menu .sub-menu li.menu-item-has-children > .sub-menu::before {
    content: "";
    position: absolute;
    top: 0;
    left: -10px;
    width: 10px;
    height: 100%;
}

/* 5. Compare al passaggio del mouse e con la tastiera, e resta aperto
      finché il mouse è sopra la voce o sopra il pannello stesso. */
:where(html) body .elementor-nav-menu .sub-menu li.menu-item-has-children:hover > .sub-menu,
:where(html) body .elementor-nav-menu .sub-menu li.menu-item-has-children:focus-within > .sub-menu {
    display: block !important;
}

/* 6. Se a destra non c'è spazio, si apre a sinistra. */
@media (max-width: 1200px) {
    :where(html) body .elementor-nav-menu .sub-menu li.menu-item-has-children > .sub-menu {
        left: auto !important;
        right: 100% !important;
    }
    :where(html) body .elementor-nav-menu .sub-menu li.menu-item-has-children > .sub-menu::before {
        left: auto;
        right: -10px;
    }
}