/* DF Landing Widgets — stili di base; colori, misure e testi si regolano dai controlli dei widget. */

/* Titolo inclinato */
.dlw-ti{margin:.45em 0 .3em;font-family:'Nunito Sans',sans-serif;font-size:96px;font-weight:800;font-style:normal;text-transform:uppercase;letter-spacing:-.005em;line-height:.86;transform:rotate(var(--dlw-rot,-7deg));transform-origin:0 100%}
.dlw-ti>span{display:block}
.dlw-ti-r1,.dlw-ti-r2{font-stretch:condensed}
.dlw-ti-co{font-family:'Parisienne',cursive;font-weight:400;font-stretch:normal;text-transform:none;font-size:.6em;line-height:1.15;margin:.06em 0 0 .9em;letter-spacing:0}
.dlw-conta{display:inline!important;font:inherit;color:inherit}
.dlw-js .dlw-ti--entra:not(.dlw-in){opacity:0}
.dlw-ti--entra.dlw-in{animation:dlwTilt 1.1s cubic-bezier(.2,.9,.25,1) both}
@keyframes dlwTilt{from{opacity:0;transform:rotate(0deg) translateY(.18em)}to{opacity:1;transform:rotate(var(--dlw-rot,-7deg))}}

/* Nota con cerchio */
.dlw-nota{display:flex;align-items:center;gap:12px;margin:0;color:#8C6239}
.dlw-nota-c{flex:0 0 40px;width:40px;height:40px;border:1.5px solid currentColor;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;line-height:1;letter-spacing:0}
.dlw-nota-t{font-weight:700;line-height:1.35}
.dlw-nota--pulsa.dlw-in .dlw-nota-c{animation:dlwCerchio 1.1s cubic-bezier(.34,1.5,.5,1) both}
@keyframes dlwCerchio{0%{transform:scale(.4);opacity:0;box-shadow:0 0 0 0 currentColor}55%{transform:scale(1.1);opacity:1;box-shadow:0 0 0 0 currentColor}100%{transform:scale(1);box-shadow:0 0 0 12px transparent}}

/* Etichette */
.dlw-et{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0;padding:0;list-style:none;--dlw-acc:#8C6239}
.dlw-et li{margin:0;line-height:1.2;color:#8C6239}
.dlw-et--riquadri li{border:1px solid var(--dlw-acc);padding:9px 16px}
.dlw-et--punti li{display:inline-flex;align-items:center}
.dlw-et--punti{column-gap:22px!important}
.dlw-et--punti li::before,.dlw-et--punti li+li::before{content:"";flex:none;width:5px;height:5px;border-radius:50%;background:var(--dlw-acc);margin:0 9px 0 0}
@media (max-width:767px){.dlw-et--punti{gap:8px 14px!important}.dlw-et--punti li::before,.dlw-et--punti li+li::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--dlw-acc);margin:0 7px 0 0}}

/* Ingredienti e allergeni */
.dlw-al{--dlw-al:#8C6239;--dlw-al-f:rgba(140,98,57,.08);--dlw-al-h:rgba(140,98,57,.22);margin:2px 0}
.dlw-al summary{display:inline-flex;align-items:center;gap:8px;cursor:pointer;list-style:none;color:var(--dlw-al);user-select:none;transition:opacity .2s,background .25s,transform .2s}
.dlw-al summary::-webkit-details-marker{display:none}
.dlw-al summary:focus-visible{outline:2px solid var(--dlw-al);outline-offset:3px}
.dlw-al--link summary{padding:4px 0;opacity:.85}
.dlw-al--link summary:hover,.dlw-al--link[open] summary{opacity:1}
.dlw-al--link .dlw-al-tit{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.dlw-al--pillola summary{padding:10px 16px 10px 12px;border:1px solid var(--dlw-al);border-radius:999px}
.dlw-al--pillola summary:hover,.dlw-al--pillola[open] summary{background:var(--dlw-al-f)}
.dlw-al summary:active{transform:scale(.97)}
.dlw-al-ico svg{width:16px;height:16px;display:block}
.dlw-al-tit{font-size:11.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;line-height:1}
.dlw-al-freccia{width:8px;height:8px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .3s;margin-left:2px}
.dlw-al[open] .dlw-al-freccia{transform:translateY(2px) rotate(-135deg)}
.dlw-al-corpo{margin-top:14px;padding:18px 20px 16px;border-left:2px solid var(--dlw-al);background:var(--dlw-al-f);overflow:hidden;color:#5E554C}
.dlw-al-corpo p{margin:0}
.dlw-al-label{font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--dlw-al);margin:0 0 10px!important}
.dlw-al-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}
.dlw-al .dlw-al-chip,.dlw-al .dlw-al-chip:focus,.dlw-al .dlw-al-chip:active{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;gap:8px;padding:7px 12px 7px 9px;border-radius:999px;background:var(--dlw-al-f)!important;border:1px solid transparent;color:inherit!important;cursor:pointer;font-size:13px;font-weight:700;line-height:1.15;transition:background .2s,border-color .2s}
.dlw-al .dlw-al-chip:hover,.dlw-al .dlw-al-chip[aria-pressed="true"]{border-color:var(--dlw-al);background:var(--dlw-al-h)!important}
.dlw-al .dlw-al-chip:focus-visible{outline:2px solid var(--dlw-al);outline-offset:2px}
.dlw-al .dlw-al-tracce,.dlw-al .dlw-al-tracce:hover{cursor:default;background:none!important;border:1px dashed var(--dlw-al)}
.dlw-al-chip svg{width:20px;height:20px;flex:0 0 20px;color:var(--dlw-al)}
.dlw-al-chip small{display:block;font-size:11px;font-weight:600;opacity:.75}
.dlw-al-ingr{font-size:14.5px;line-height:1.65}
.dlw-al-ingr p{margin:0}
.dlw-al-ingr strong{font-weight:800;border-radius:3px;transition:background .25s,box-shadow .25s}
.dlw-al-ingr strong.dlw-on{background:var(--dlw-al-h);box-shadow:0 0 0 3px var(--dlw-al-h)}
.dlw-al-nota{font-size:12px;opacity:.75;margin-top:14px!important}
.dlw-al[open] .dlw-al-chip{animation:dlwChip .45s cubic-bezier(.34,1.5,.5,1) both}
.dlw-al[open] .dlw-al-chip:nth-child(2){animation-delay:.05s}.dlw-al[open] .dlw-al-chip:nth-child(3){animation-delay:.1s}.dlw-al[open] .dlw-al-chip:nth-child(4){animation-delay:.15s}.dlw-al[open] .dlw-al-chip:nth-child(5){animation-delay:.2s}.dlw-al[open] .dlw-al-chip:nth-child(n+6){animation-delay:.25s}
@keyframes dlwChip{from{opacity:0;transform:translateY(8px) scale(.9)}to{opacity:1;transform:none}}
@media (max-width:767px){.dlw-al-corpo{padding:16px 14px 14px}.dlw-al-ingr{font-size:14px}}

/* Selettore con miniature */
.dlw-sel{display:grid;grid-template-columns:repeat(6,1fr);gap:18px;max-width:1000px;margin:0 auto;--dlw-sel-f:#F7F1E7;--dlw-sel-h:#EDE4D6}
.dlw-sel a{display:flex;flex-direction:column;align-items:center;gap:12px;text-decoration:none!important;transition:opacity .5s ease,transform .6s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--i,0)*70ms)}
.dlw-sel-img{position:relative;width:100%;aspect-ratio:1;border-radius:50%;background:var(--dlw-sel-f);transition:background .3s}
.dlw-sel-img img{position:absolute;inset:10%;width:80%!important;height:80%!important;max-width:none!important;object-fit:contain;box-shadow:none!important;filter:drop-shadow(0 12px 10px rgba(43,33,26,.28));transition:transform .5s cubic-bezier(.34,1.5,.5,1)}
.dlw-sel-nome{font-family:'Nunito Sans',sans-serif;font-stretch:condensed;font-weight:800;text-transform:uppercase;font-size:15px;letter-spacing:.03em;line-height:1.1;text-align:center;color:#2B211A;transition:color .25s}
.dlw-sel a:hover .dlw-sel-img,.dlw-sel a:focus-visible .dlw-sel-img{background:var(--dlw-sel-h)}
.dlw-sel a:hover img,.dlw-sel a:focus-visible img{transform:translateY(-8px) rotate(-7deg) scale(1.07)}
.dlw-js .dlw-sel--comparsa:not(.dlw-in) a{opacity:0;transform:translateY(18px)}

/* Barra in basso DF a pulsanti */
.dlw-nav-pulsanti-yes .df-nav-inner{gap:14px!important;padding:8px 12px!important;justify-content:center!important}
.dlw-nav-pulsanti-yes a.df-nav-item.df-nav-item{flex-direction:row;flex:0 1 260px;min-height:46px;padding:10px 18px;border:1.5px solid var(--dlw-nb,#8C6239)!important;border-radius:0}
.dlw-nav-pulsanti-yes .df-nav-ico{display:none!important}
.dlw-nav-pulsanti-yes a.df-nav-item.df-nav-item .df-nav-label{font-size:13px!important;font-weight:800;letter-spacing:1.4px!important;color:var(--dlw-nb,#8C6239)!important}
.dlw-nav-pulsanti-yes a.df-nav-item.df-nav-item:first-child{background:var(--dlw-nb,#8C6239)!important}
.dlw-nav-pulsanti-yes a.df-nav-item.df-nav-item:first-child .df-nav-label{color:var(--dlw-nb-t,#fff)!important}
@media (max-width:767px){.dlw-nav-pulsanti-yes a.df-nav-item.df-nav-item{flex:1 1 0;padding:8px 10px}}
[data-dlw-nascondi] .df-nav{transition:translate .4s cubic-bezier(.2,.8,.2,1)}
[data-dlw-nascondi].dlw-via .df-nav{translate:0 120%}

@media (prefers-reduced-motion:reduce){
	.dlw-ti--entra.dlw-in,.dlw-nota--pulsa.dlw-in .dlw-nota-c,.dlw-al[open] .dlw-al-chip{animation:none}
	.dlw-js .dlw-ti--entra:not(.dlw-in),.dlw-js .dlw-sel--comparsa:not(.dlw-in) a{opacity:1;transform:none}
	.dlw-sel a,.dlw-sel-img img{transition:none}
}