/*
 * Daila Business — visual refresh 2026-09
 * Presentation-only overrides. No content, SEO metadata or application logic is changed.
 */
:root{
  --daila-plum:#341725;
  --daila-plum-2:#4a1830;
  --daila-wine:#741b46;
  --daila-wine-dark:#5d1238;
  --daila-rose:#a43d67;
  --daila-gold:#d9b375;
  --daila-gold-deep:#bd9150;
  --daila-cream:#fbf8f4;
  --daila-cream-2:#f5eee9;
  --daila-blush:#f3e6e8;
  --daila-paper:#fffdfb;
  --daila-ink:#2b2026;
  --daila-muted:#71656b;
  --daila-line:#e7ddd9;
  --daila-shadow:0 18px 55px rgba(57,25,41,.10);
  --daila-shadow-soft:0 8px 28px rgba(57,25,41,.07);
  --daila-radius:24px;
  --daila-serif:Georgia,"Times New Roman",serif;

  /* Remap legacy palette so all secondary pages inherit the new identity. */
  --primary:var(--daila-wine);
  --primary-dark:var(--daila-wine-dark);
  --primary-soft:#f6e9ee;
  --primary-soft2:#faf2f4;
  --primary-soft-2:#faf2f4;
  --bg:var(--daila-cream);
  --surface:var(--daila-paper);
  --text:var(--daila-ink);
  --muted:var(--daila-muted);
  --border:var(--daila-line);
  --shadow:var(--daila-shadow-soft);
  --cyan:var(--daila-wine);
  --pink:var(--daila-rose);
  --violet:#8b5870;
}

html{scroll-padding-top:90px}

/* ---------- Global horizontal overflow guard ---------- */
/* The decorative hero halo extends beyond the viewport by design. Clip it at
   section level and keep the document itself from ever becoming horizontally
   scrollable on desktop or mobile. */
html,body{
  max-width:100%;
  overflow-x:hidden!important;
}
.hero{overflow:hidden!important}
@supports (overflow:clip){
  html,body{overflow-x:clip!important}
  .hero{overflow:clip!important}
}
body{
  background:
    radial-gradient(circle at 8% 4%,rgba(217,179,117,.11),transparent 24rem),
    radial-gradient(circle at 94% 8%,rgba(164,61,103,.08),transparent 28rem),
    var(--daila-cream)!important;
  color:var(--daila-ink)!important;
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  line-height:1.64;
}

::selection{background:#ead1db;color:var(--daila-plum)}
.shell{width:min(calc(100% - 48px),1180px)}

/* ---------- Header / navigation ---------- */
.site-header{
  position:sticky!important;
  top:0;
  z-index:100!important;
  background:linear-gradient(90deg,#2d1421 0%,#3a1727 46%,#25111b 100%)!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
  box-shadow:0 8px 28px rgba(38,15,27,.13)!important;
  backdrop-filter:blur(16px);
}
.site-header.scrolled{background:rgba(45,20,33,.97)!important}
.nav{min-height:76px!important;gap:20px!important}
.brand{color:#fff!important;font-weight:800!important;letter-spacing:-.02em!important}
.brand img{
  width:46px!important;height:46px!important;object-fit:contain!important;
  border-radius:14px!important;background:rgba(255,255,255,.93)!important;
  padding:4px!important;box-shadow:0 8px 26px rgba(0,0,0,.16)!important;
}
.brand span{font-family:var(--daila-serif);font-size:1.35rem;font-weight:700;letter-spacing:.01em}
.nav-tagline{color:rgba(255,255,255,.62)!important}
.main-nav,.desktop-nav{display:flex;align-items:center;gap:2px}
.main-nav{margin-left:auto}
.main-nav a,.desktop-nav a{
  padding:9px 11px!important;border-radius:999px!important;color:rgba(255,255,255,.84)!important;
  font-size:.80rem!important;font-weight:700!important;transition:.18s ease!important;
}
.main-nav a:hover,.main-nav a[aria-current="page"],.desktop-nav a:hover{
  color:#fff!important;background:rgba(255,255,255,.10)!important;
}
.nav-actions{display:flex;align-items:center;gap:10px}
.menu-btn,.menu-toggle{
  width:44px!important;height:44px!important;border:1px solid rgba(255,255,255,.22)!important;
  border-radius:50%!important;background:rgba(255,255,255,.08)!important;color:#fff!important;
}
.mobile-nav{
  top:calc(100% + 10px)!important;padding:12px!important;border:1px solid rgba(116,27,70,.12)!important;
  border-radius:20px!important;background:rgba(255,253,251,.98)!important;box-shadow:0 18px 50px rgba(52,23,37,.18)!important;
}
.mobile-nav a{color:var(--daila-ink)!important;border-radius:12px!important}
.mobile-nav a:hover{background:#f7ecef!important;color:var(--daila-wine)!important}
.mobile-nav .wa-link,.mobile-whatsapp{background:var(--daila-wine)!important;color:#fff!important;text-align:center!important}

/* ---------- Buttons ---------- */
.btn{
  min-height:48px!important;padding:0 20px!important;border-radius:999px!important;
  font-size:.88rem!important;font-weight:800!important;letter-spacing:.005em!important;
  border:1px solid transparent!important;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease!important;
}
.btn:hover{transform:translateY(-2px)!important}
.btn-primary,.daila-contact-trigger:not(.btn-whatsapp):not(.btn-wa){
  background:var(--daila-wine)!important;color:#fff!important;border-color:var(--daila-wine)!important;
  box-shadow:0 10px 24px rgba(116,27,70,.16)!important;
}
.btn-primary:hover{background:var(--daila-wine-dark)!important}
.btn-secondary,.btn-soft{
  background:rgba(255,255,255,.70)!important;color:var(--daila-wine)!important;border-color:#d8c1ca!important;
  box-shadow:none!important;
}
.btn-secondary:hover,.btn-soft:hover{background:#fff!important;border-color:#c69bab!important}
.btn-whatsapp,.btn-wa,.wa{
  background:linear-gradient(135deg,var(--daila-gold),#e4c58f)!important;
  color:#3b2916!important;border-color:rgba(189,145,80,.28)!important;
  box-shadow:0 10px 26px rgba(189,145,80,.18)!important;
}
.btn-whatsapp:hover,.btn-wa:hover,.wa:hover{background:linear-gradient(135deg,#cfaa70,#dfbf87)!important;color:#2d1e10!important}
.site-header .daila-contact-trigger{
  background:linear-gradient(135deg,var(--daila-gold),#e3c287)!important;color:#382414!important;
  border-color:transparent!important;box-shadow:none!important;
}

/* ---------- Breadcrumbs ---------- */
.breadcrumbs{padding:22px 0 0!important;color:#8b7d83!important}
.breadcrumbs a{color:var(--daila-wine)!important}

/* ---------- Type hierarchy ---------- */
h1,h2,.hero h1,.copy h2,.head h2,.section-heading h2,.cta h2,.cta-box h2{
  font-family:var(--daila-serif)!important;color:var(--daila-plum)!important;font-weight:700!important;
  letter-spacing:-.035em!important;
}
h1,.hero h1{line-height:1.04!important}
h2,.head h2,.section-heading h2,.copy h2{line-height:1.08!important}
h3{color:var(--daila-ink)}
.kicker,.eyebrow{
  color:var(--daila-wine)!important;font-size:.73rem!important;font-weight:850!important;letter-spacing:.10em!important;
}
.eyebrow{
  padding:8px 12px!important;border:1px solid #ead7df!important;border-radius:999px!important;
  background:#f9eff2!important;text-transform:none!important;letter-spacing:.02em!important;
}
.eyebrow .dot{background:var(--daila-gold)!important;box-shadow:0 0 0 5px rgba(217,179,117,.16)!important}
.gradient-text{background:none!important;color:var(--daila-wine)!important;-webkit-text-fill-color:currentColor!important}

/* ---------- Hero ---------- */
.hero{
  position:relative!important;padding:72px 0 82px!important;
  background:
    radial-gradient(circle at 78% 14%,rgba(217,179,117,.15),transparent 26rem),
    linear-gradient(180deg,#fffdfa 0%,#f9f2ef 100%)!important;
  border-bottom:1px solid var(--daila-line)!important;
}
.hero::after{
  content:""!important;position:absolute!important;right:-170px!important;top:-120px!important;width:390px!important;height:390px!important;
  border-radius:50%!important;background:rgba(164,61,103,.055)!important;filter:blur(8px)!important;pointer-events:none!important;
}
.hero-grid{gap:58px!important;align-items:center!important}
.hero h1{font-size:clamp(2.55rem,3.15vw,3.55rem)!important;max-width:780px!important}
.hero-copy,.hero p{color:var(--daila-muted)!important;font-size:1.04rem!important;line-height:1.72!important}
.hero-copy strong{color:var(--daila-plum)}
.hero-actions{margin-top:30px!important;gap:10px!important}
.hero-contact-note{color:#82747a!important}
.hero-contact-note .material-symbols-rounded{color:var(--daila-wine)!important}
.hero-points,.hero-notes{color:#695b62!important;gap:10px 18px!important}
.hero-point .material-symbols-rounded,.hero-notes .material-symbols-rounded{color:var(--daila-wine)!important}

.product-shot,.shot,.app-frame{
  position:relative!important;padding:9px!important;border:1px solid rgba(116,27,70,.12)!important;
  border-radius:28px!important;background:rgba(255,255,255,.86)!important;
  box-shadow:0 24px 70px rgba(72,32,51,.14)!important;transform:none!important;
}
.product-shot::before,.app-frame::before{
  content:""!important;position:absolute!important;inset:0!important;border-radius:inherit!important;
  border:1px solid rgba(217,179,117,.22)!important;pointer-events:none!important;background:none!important;padding:0!important;
  -webkit-mask:none!important;mask:none!important;
}
.product-shot img,.shot img{border-radius:20px!important}
.hero-product-shot{transform:rotate(.35deg)!important}

/* ---------- Section rhythm ---------- */
.section{padding:84px 0!important}
.section.white,.section-soft,.simplicity-section{
  border-color:var(--daila-line)!important;
}
.section.white{background:#fffdfb!important}
.section-soft{
  background:linear-gradient(180deg,#f7efed 0%,#fbf7f4 100%)!important;
  border-block:1px solid var(--daila-line)!important;
}
.section-heading,.head{max-width:820px!important;margin-bottom:34px!important}
.section-heading p,.head p,.copy p{color:var(--daila-muted)!important}

/* ---------- Generic cards used by SEO landing pages ---------- */
.cards,.feature-grid,.links-grid{gap:16px!important}
.card,.feature-card,.link-card,.flow-item,.faq details,.faq-item,.seo-box,.audience-card{
  border:1px solid var(--daila-line)!important;background:rgba(255,253,251,.94)!important;
  box-shadow:0 6px 22px rgba(57,25,41,.045)!important;
}
.card,.feature-card{border-radius:22px!important;padding:24px!important}
.card:hover,.feature-card:hover,.link-card:hover{
  transform:translateY(-3px)!important;border-color:#d9bdc8!important;box-shadow:0 14px 34px rgba(57,25,41,.08)!important;
}
.card .icon,.feature-icon,.link-card .material-symbols-rounded{
  background:#f4e6eb!important;color:var(--daila-wine)!important;border:1px solid #ead3dc!important;
}
.card .icon,.feature-icon{border-radius:14px!important}
.card h3,.feature-card h3,.link-card strong{color:var(--daila-plum)!important}
.card p,.feature-card p,.link-card span.desc{color:var(--daila-muted)!important}
.checks .material-symbols-rounded{color:var(--daila-wine)!important}
.flow-num{background:var(--daila-wine)!important;color:#fff!important}
.seo-box{background:#f7eef1!important;color:#66595f!important}
.seo-box strong{color:var(--daila-plum)!important}

/* ---------- Home: simplicity / privacy panels ---------- */
.simplicity-section{padding:58px 0!important;background:#fbf6f3!important}
.simplicity-panel{
  display:grid!important;grid-template-columns:.92fr 1.08fr!important;gap:34px!important;align-items:center!important;
  padding:34px!important;border:1px solid #e7d9dd!important;border-radius:28px!important;
  background:linear-gradient(135deg,#fffdfb 0%,#f7e9ed 100%)!important;box-shadow:var(--daila-shadow-soft)!important;
}
.simplicity-copy p{color:var(--daila-muted)!important}
.simplicity-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}
.simplicity-item{
  min-height:180px!important;padding:20px!important;border:1px solid #e8dadd!important;border-radius:18px!important;
  background:rgba(255,255,255,.78)!important;
}
.simplicity-item>.material-symbols-rounded{color:var(--daila-wine)!important;background:#f2e2e8!important}
.simplicity-item strong{color:var(--daila-plum)!important}
.simplicity-item span:last-child{color:var(--daila-muted)!important}

/* ---------- Home: screenshots ---------- */
.screenshots-section{background:#fffdfb!important}
.showcase-feature{
  border:1px solid var(--daila-line)!important;border-radius:28px!important;padding:30px!important;
  background:linear-gradient(135deg,#f7ecef,#fffdfa)!important;box-shadow:var(--daila-shadow-soft)!important;
}
.showcase-copy p,.showcase-points{color:var(--daila-muted)!important}
.showcase-points .material-symbols-rounded{color:var(--daila-wine)!important}
.mini-kicker{color:var(--daila-wine)!important}
.screenshot-grid{gap:16px!important}
.screenshot-card{
  border:1px solid var(--daila-line)!important;border-radius:22px!important;background:#fff!important;
  box-shadow:var(--daila-shadow-soft)!important;overflow:hidden!important;
}
.screenshot-card figcaption{color:var(--daila-muted)!important}

/* ---------- Home: audience ---------- */
.audience-grid{gap:18px!important}
.audience-card{
  position:relative!important;overflow:hidden!important;border-radius:24px!important;padding:28px!important;
  background:linear-gradient(145deg,#fffdfb,#f6e9ed)!important;
}
.audience-card .big-icon{color:var(--daila-wine)!important}
.audience-card h3{font-family:var(--daila-serif)!important;color:var(--daila-plum)!important;font-size:1.55rem!important}
.seo-text-link{color:var(--daila-wine)!important;font-weight:800!important}

/* ---------- Home: workflow ---------- */
.flow-grid{gap:44px!important}
.flow-item{border-radius:18px!important}
.stats-shot{box-shadow:var(--daila-shadow)!important}

/* ---------- Pricing ---------- */
.plans-grid,.price-grid{gap:18px!important}
.plan-card,.price-card{
  border:1px solid var(--daila-line)!important;border-radius:26px!important;background:#fffdfb!important;
  box-shadow:var(--daila-shadow-soft)!important;
}
.plan-card{padding:30px!important}
.plan-card.pro,.price-card.pro{
  background:linear-gradient(145deg,#4a1930 0%,#2d1321 100%)!important;
  border-color:#4a1930!important;box-shadow:0 22px 55px rgba(52,23,37,.20)!important;
}
.plan-card.pro *:not(.btn):not(.material-symbols-rounded),.price-card.pro *:not(.btn):not(.material-symbols-rounded){color:#fff!important}
.plan-card.pro .plan-tax,.plan-card.pro .plan-list small,.price-card.pro .final,.price-card.pro .plan-intro{color:rgba(255,255,255,.70)!important}
.plan-card.pro .material-symbols-rounded,.price-card.pro .material-symbols-rounded{color:var(--daila-gold)!important}
.plan-name,.price-card h3{font-family:var(--daila-serif)!important;color:var(--daila-plum)!important}
.plan-price strong,.price{color:var(--daila-plum)!important}
.plan-card.pro .plan-price strong{color:#fff!important}
.plan-badge,.badge{background:var(--daila-gold)!important;color:#382414!important;border-color:transparent!important}
.plan-list .material-symbols-rounded{color:var(--daila-wine)!important}
.included-panel{
  border:1px solid var(--daila-line)!important;border-radius:26px!important;background:#fffdfb!important;box-shadow:var(--daila-shadow-soft)!important;
}
.included-item{background:#f8eff1!important;color:#51454b!important}
.included-item .material-symbols-rounded{color:var(--daila-wine)!important}
.hardware,.hardware-note{background:#fff8ea!important;border-color:#ead8af!important}
.pricing-custom-note{border-color:#dfccd3!important;background:#faf1f4!important}
.compare th{background:#f7ecef!important;color:var(--daila-plum)!important}
.yes{color:var(--daila-wine)!important}
.price-page .pricing-hero{background:linear-gradient(180deg,#fffdfa,#f7efed)!important}

/* ---------- FAQ ---------- */
.faq,.faq-grid{gap:12px!important}
.faq details,.faq-item{border-radius:18px!important;overflow:hidden!important}
.faq summary,.faq-item summary{color:var(--daila-plum)!important;font-weight:780!important}
.faq .answer,.faq-answer{color:var(--daila-muted)!important}
.faq-item summary::after{color:var(--daila-wine)!important}

/* ---------- CTA ---------- */
.cta,.cta-box{
  position:relative!important;overflow:hidden!important;padding:42px!important;border:1px solid #d9c5cc!important;
  border-radius:30px!important;background:linear-gradient(135deg,#f4e3e8 0%,#fffaf4 100%)!important;
  box-shadow:var(--daila-shadow-soft)!important;
}
.cta::before,.cta-box::before{
  content:""!important;display:block!important;position:absolute!important;width:260px!important;height:260px!important;
  right:-120px!important;top:-120px!important;border-radius:50%!important;background:rgba(217,179,117,.18)!important;pointer-events:none!important;
}
.cta p,.cta-box p{color:var(--daila-muted)!important}
.cta-box img{background:#fff!important;border-radius:18px!important;padding:5px!important}

/* ---------- Footer ---------- */
.footer,footer{
  padding:34px 0 38px!important;background:linear-gradient(90deg,#2b1320,#381625)!important;
  border-top:0!important;color:rgba(255,255,255,.62)!important;
}
.footer-row{border-top:0!important}
.footer-brand{color:#fff!important}
.footer-brand img{background:#fff!important;border-radius:11px!important;padding:3px!important}
.footer-links{color:rgba(255,255,255,.66)!important}
.footer-links a,.footer-links button{color:rgba(255,255,255,.68)!important;text-decoration-color:rgba(255,255,255,.26)!important}
.footer-links a:hover,.footer-links button:hover{color:#fff!important}

/* ---------- Contact dialog ---------- */
.daila-contact-overlay{background:rgba(39,17,28,.64)!important;backdrop-filter:blur(6px)!important}
.daila-contact-dialog{border-color:#e4d4da!important;border-radius:26px!important;background:#fffdfb!important;box-shadow:0 30px 90px rgba(37,15,26,.28)!important}
.daila-contact-head h2{font-family:var(--daila-serif)!important;color:var(--daila-plum)!important}
.daila-contact-option{border-color:#eadde1!important;border-radius:18px!important;background:#fff!important}
.daila-contact-option:hover{border-color:#d8b5c3!important;box-shadow:0 9px 26px rgba(116,27,70,.08)!important}
.daila-contact-option.is-primary{border-color:#dcbcca!important;background:#fbf2f5!important}
.daila-contact-option-icon{background:#f3e4e9!important;color:var(--daila-wine)!important}
.daila-contact-back{color:var(--daila-wine)!important}
.daila-contact-field input:focus,.daila-contact-field textarea:focus,.daila-contact-field select:focus{border-color:var(--daila-wine)!important;box-shadow:0 0 0 3px rgba(116,27,70,.10)!important}
.daila-contact-submit,.daila-contact-nudge-open{background:var(--daila-wine)!important}
.daila-contact-submit:hover{background:var(--daila-wine-dark)!important}
.daila-contact-trigger[data-contact-view="quick"]{background:#f5e8ed!important;color:var(--daila-wine)!important;border-color:#e2cdd5!important}

/* ---------- Cookie banner ---------- */
.cookie-consent-inner{
  color:var(--daila-ink)!important;background:#fffdfb!important;border-color:#e1d4d8!important;
  border-radius:20px!important;box-shadow:0 20px 58px rgba(52,23,37,.20)!important;
}
#cookieAccept2clab{background:var(--daila-wine)!important;border-color:var(--daila-wine)!important}
#cookieAccept2clab:hover{background:var(--daila-wine-dark)!important}

/* ---------- Misc. refinements ---------- */
.lightbox,.shot-lightbox{background:rgba(33,13,24,.93)!important}
.table-wrap{border-color:var(--daila-line)!important;border-radius:20px!important}

@media(max-width:1050px){
  .main-nav,.desktop-nav{display:none!important}
  .menu-btn,.menu-toggle{display:flex!important}
  .hero-grid,.split,.flow-grid{grid-template-columns:1fr!important}
  .hero{padding-top:58px!important}
  .hero h1{font-size:clamp(2.45rem,5.4vw,3.35rem)!important}
  .hero-product-shot{max-width:920px;margin-inline:auto!important}
  .simplicity-panel{grid-template-columns:1fr!important}
}

@media(max-width:760px){
  .shell{width:min(calc(100% - 30px),1180px)!important}
  .nav{min-height:68px!important}
  .brand img{width:40px!important;height:40px!important}
  .brand span{font-size:1.18rem!important}
  .nav-actions>.btn-whatsapp,.nav>.wa{display:none!important}
  .hero{padding:46px 0 56px!important}
  .hero h1{font-size:clamp(2.15rem,10vw,2.8rem)!important}
  .hero-copy,.hero p{font-size:.98rem!important}
  .hero-actions{display:grid!important;grid-template-columns:1fr!important}
  .hero-actions .btn{width:100%!important}
  .section{padding:62px 0!important}
  .section-heading,.head{margin-bottom:26px!important}
  .cards,.feature-grid,.links-grid,.audience-grid,.plans-grid,.price-grid,.screenshot-grid,.faq,.faq-grid{grid-template-columns:1fr!important}
  .simplicity-section{padding:40px 0!important}
  .simplicity-panel{padding:22px!important;border-radius:22px!important}
  .simplicity-grid{grid-template-columns:1fr!important}
  .simplicity-item{min-height:auto!important}
  .showcase-feature{padding:20px!important;border-radius:22px!important}
  .plan-card{padding:24px!important}
  .cta,.cta-box{padding:30px 22px!important;border-radius:24px!important}
  .footer-row{align-items:flex-start!important}
  .footer-links{order:3;width:100%;justify-content:flex-start!important}
}

@media(max-width:420px){
  .shell{width:min(calc(100% - 24px),1180px)!important}
  .hero h1{font-size:2.15rem!important}
  .card,.feature-card{padding:21px!important}
  .btn{padding-inline:17px!important}
}

/* ---------- Home fine tuning: 2026-09-17 ---------- */
/* Solo homepage: il riquadro "Prenotazioni online" della card PRO mantiene il fondo scuro e il testo leggibile. */
.home-page .plan-card.pro .pro-highlight{
  background:rgba(255,255,255,.075)!important;
  border-color:rgba(217,179,117,.34)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045)!important;
}
.home-page .plan-card.pro .pro-highlight strong{
  color:#fff!important;
}
.home-page .plan-card.pro .pro-highlight strong .material-symbols-rounded{
  color:var(--daila-gold)!important;
}
.home-page .plan-card.pro .pro-highlight > span{
  color:rgba(255,255,255,.76)!important;
}