/* Dal Moro's · suggerimento lingua */
.dml{position:fixed;left:50%;bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:2147482000;width:min(470px,calc(100vw - 24px));transform:translate(-50%,40px);opacity:0;pointer-events:none;transition:transform .55s cubic-bezier(.18,.9,.32,1.18),opacity .35s ease;font:15px/1.4 Archivo,"Archivo",Roboto,Arial,Helvetica,sans-serif;color:#1d1d1b;text-align:left}
.dml.is-in{transform:translate(-50%,0);opacity:1;pointer-events:auto}
.dml *{box-sizing:border-box}
.dml-card{position:relative;padding:20px 18px 14px 18px;border-radius:6px;background:#fffdf4;box-shadow:0 2px 0 rgba(0,0,0,.06),0 22px 44px -12px rgba(0,0,0,.42),0 6px 14px rgba(0,0,0,.12);overflow:visible}
.dml-togo .dml-card{transform:rotate(-1.1deg);background-color:#fffdf4;background-image:radial-gradient(rgba(120,90,40,.07) 1px,transparent 1.2px),radial-gradient(rgba(120,90,40,.05) 1px,transparent 1.2px);background-size:7px 7px,11px 11px;background-position:0 0,3px 5px}
.dml-togo .dml-card::after{content:"";position:absolute;left:0;right:0;top:-7px;height:8px;background:linear-gradient(135deg,transparent 33%,#fffdf4 34%) 0 0/12px 8px repeat-x,linear-gradient(225deg,transparent 33%,#fffdf4 34%) 0 0/12px 8px repeat-x}
.dml-tape{position:absolute;top:-15px;right:34px;width:96px;height:28px;background:rgba(255,214,60,.82);transform:rotate(5deg);box-shadow:0 1px 2px rgba(0,0,0,.12);clip-path:polygon(3% 8%,97% 0,100% 50%,96% 100%,2% 94%,0 45%)}
.dml-top{position:relative;padding-left:136px;min-height:132px}
.dml-tony{position:absolute;left:-34px;bottom:-14px;width:auto;height:196px;max-width:none;filter:drop-shadow(0 8px 10px rgba(0,0,0,.28));transform-origin:50% 100%;transform:translateY(16px) scale(.86);opacity:0;transition:transform .6s .18s cubic-bezier(.2,1.4,.35,1),opacity .3s .18s ease}
.dml.is-in .dml-tony{transform:none;opacity:1;animation:dml-wave 1.4s .9s ease-in-out 1}
@keyframes dml-wave{0%,100%{transform:rotate(0)}25%{transform:rotate(-5deg)}55%{transform:rotate(4deg)}80%{transform:rotate(-2deg)}}
.dml-x{position:absolute;top:8px;right:8px;width:30px;height:30px;border:0;border-radius:50%;background:rgba(29,29,27,.08);color:inherit;font:400 20px/30px Arial,sans-serif;cursor:pointer;padding:0;margin:0}
.dml-x:hover{background:rgba(29,29,27,.16)}
.dml-title{margin:0 26px 6px 0;font:900 23px/1.12 "Archivo Black",Archivo,"Arial Black",Arial,sans-serif;letter-spacing:-.01em}
.dml-hl{background:linear-gradient(transparent 62%,rgba(237,0,32,.9) 62%,rgba(237,0,32,.9) 88%,transparent 88%) no-repeat 0 0/100% 100%;box-decoration-break:clone;-webkit-box-decoration-break:clone;padding:0 2px}
.dml-sub{margin:0 0 12px;font-size:14px;color:#3b3a36;display:flex;align-items:center;gap:7px}
.dml-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px}
.dml-go{display:inline-flex;align-items:center;gap:6px;padding:11px 16px;border-radius:10px;background:#ed0020;color:#fff!important;font:800 15px/1.1 Archivo,Roboto,Arial,sans-serif;text-decoration:none!important;box-shadow:3px 3px 0 #1d1d1b;transform:rotate(.8deg);transition:transform .15s ease,box-shadow .15s ease}
.dml-go:hover{transform:rotate(0) translate(-1px,-1px);box-shadow:4px 4px 0 #1d1d1b}
.dml-go:active{transform:translate(2px,2px);box-shadow:1px 1px 0 #1d1d1b}
.dml-stay{border:0;background:none;padding:4px 0;margin:0;color:#3b3a36;font:600 13px/1.2 Archivo,Roboto,Arial,sans-serif;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.dml-more{position:relative;margin:14px 0 0;padding:10px 0 0;border-top:1.5px dashed rgba(29,29,27,.28);display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.dml-more-l{font:700 11px/1 Archivo,Roboto,Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#6b6457}
.dml-chips{display:flex;flex-wrap:wrap;gap:6px}
.dml-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px 5px 6px;border:1.5px solid #1d1d1b;border-radius:999px;background:#fff;color:#1d1d1b!important;font:700 12.5px/1 Archivo,Roboto,Arial,sans-serif;text-decoration:none!important;transition:background .15s ease,transform .15s ease}
.dml-chip:hover{background:#fff1b8;transform:rotate(-2deg)}
.dml-chip.is-target{background:#fff1b8}
.dml-chip.is-current{opacity:.55;border-style:dashed;cursor:default}
.dml-chip small{font:600 10px/1 Archivo,Roboto,Arial,sans-serif;opacity:.8}
.dml-flag{display:inline-block;flex:0 0 18px;width:18px;height:13px;border-radius:2px;box-shadow:0 0 0 1px rgba(0,0,0,.15);overflow:hidden}
.dml-flag-it{background:linear-gradient(90deg,#009246 33.3%,#fff 33.3% 66.6%,#ce2b37 66.6%)}
.dml-flag-es{background:linear-gradient(#aa151b 25%,#f1bf00 25% 75%,#aa151b 75%)}
.dml-flag-pl{background:linear-gradient(#fff 50%,#dc143c 50%)}
.dml-flag-gb{background:linear-gradient(90deg,transparent 42%,#c8102e 42% 58%,transparent 58%),linear-gradient(transparent 38%,#c8102e 38% 62%,transparent 62%),linear-gradient(90deg,transparent 36%,#fff 36% 64%,transparent 64%),linear-gradient(transparent 30%,#fff 30% 70%,transparent 70%),#012169}
.dml-flag-en{box-shadow:none;width:16px;height:16px;flex-basis:16px;color:#1d1d1b}
.dml-flag-en svg{display:block;width:16px;height:16px}
.dml-rest{color:#f4ecd8}
.dml-rest .dml-card{background:#17271e;border-radius:4px;box-shadow:inset 0 0 0 6px #17271e,inset 0 0 0 7px rgba(240,207,119,.55),0 22px 44px -12px rgba(0,0,0,.55),0 6px 14px rgba(0,0,0,.2)}
.dml-rest .dml-top{padding-left:158px}
.dml-rest .dml-tony{height:204px;left:-44px;bottom:-12px}
.dml-body{position:relative;z-index:2}
.dml-rest .dml-x{background:rgba(240,207,119,.14);color:#f0cf77}
.dml-rest .dml-title{font:600 26px/1.1 Literata,Georgia,"Times New Roman",serif;font-style:italic;color:#f0cf77}
.dml-rest .dml-hl{background:none;padding:0}
.dml-rest .dml-sub{color:#e6dcc4}
.dml-rest .dml-go{background:#f0cf77;color:#17271e!important;box-shadow:none;transform:none;border-radius:999px;border:1px solid #f0cf77}
.dml-rest .dml-go:hover{background:#f6dc95;transform:translateY(-1px)}
.dml-rest .dml-stay{color:#e6dcc4}
.dml-rest .dml-more{border-top:1px solid rgba(240,207,119,.3)}
.dml-rest .dml-more-l{color:#c9b98a}
.dml-rest .dml-chip{background:transparent;border-color:rgba(240,207,119,.6);color:#f4ecd8!important}
.dml-rest .dml-chip:hover,.dml-rest .dml-chip.is-target{background:rgba(240,207,119,.16);transform:none}
.dml-rest .dml-flag-en{color:#f0cf77}
@media (max-width:560px){
  .dml{bottom:calc(10px + env(safe-area-inset-bottom,0px));width:calc(100vw - 16px)}
  .dml-card{padding:16px 12px 12px 12px}
  .dml-top{padding-left:96px;min-height:118px}
  .dml-tony{height:150px;left:-26px;bottom:-12px}
  .dml-rest .dml-top{padding-left:112px}
  .dml-rest .dml-tony{height:150px;left:-46px}
  .dml-title{font-size:19px}
  .dml-rest .dml-title{font-size:21px}
  .dml-sub{font-size:13px;margin-bottom:10px}
  .dml-go{padding:10px 13px;font-size:14px}
  .dml-tape{right:22px;width:78px}
}
@media (prefers-reduced-motion:reduce){.dml,.dml-tony{transition:none}.dml.is-in .dml-tony{animation:none}}

/* dml-tony-sopra: Tony sta sopra il bordo strappato e la cornice della cartolina (2026-11-03) */
.dml-card::after{z-index:1}
.dml-tony{z-index:3}
/* dml-tony-esce: la testa di Tony esce sopra la cornice della cartolina */
.dml-tony,.dml-rest .dml-tony{top:-58px;bottom:auto}
@media (max-width:560px){.dml-tony,.dml-rest .dml-tony{top:-46px;bottom:auto}}

/* dml-close-v2: chiusura pulita (2026-11-03). Cartolina e Tony escono insieme, senza rimbalzo
   e senza che Tony resti sospeso dopo che la cartolina è sparita. */
.dml.is-out{transform:translate(-50%,14px);opacity:0;pointer-events:none;transition:transform .28s cubic-bezier(.4,0,1,1),opacity .22s ease}
.dml.is-out .dml-tony{transition:none;animation:none;transform:none;opacity:1}
.dml-x{z-index:4;width:34px;height:34px;top:6px;right:6px;line-height:34px;display:flex;align-items:center;justify-content:center}
.dml-x:focus-visible,.dml-go:focus-visible,.dml-stay:focus-visible,.dml-chip:focus-visible{outline:3px solid #f0cf77;outline-offset:2px}
@media (prefers-reduced-motion:reduce){.dml.is-out{transition:none}}
/* dml-layout-v2: il titolo non passa sotto la ×; le lingue stanno su una riga sotto l'etichetta */
.dml-title{margin-right:44px}
.dml-more{flex-direction:column;align-items:flex-start;gap:7px}
.dml-chips{gap:6px}