/* tin-thankyou :: pagina di ringraziamento premium (shortcode [tin_thankyou]).
   Stile brand coerente con tin-home (verde #475141 + beige #d4a574, Sora+Inter).
   Tutto scoped sotto .tin-ty per non toccare il resto del tema. */

.tin-ty{
  --green:#475141;--green-deep:#363c30;--beige:#d4a574;--beige-soft:#f4ecde;
  --pg:#faf9f6;--ink:#1c1e1a;--soft:#4a4d45;--muted:#8c8f86;--line:#e8e7e1;
  max-width:540px;margin:0 auto;padding:44px 20px 56px;text-align:center;
  position:relative;font-family:'Inter',sans-serif;color:var(--ink);line-height:1.6;
}
.tin-ty *{box-sizing:border-box}

.tin-ty .glow{
  position:absolute;top:-40px;left:50%;transform:translateX(-50%);
  width:360px;height:360px;max-width:92%;pointer-events:none;z-index:0;
  background:radial-gradient(circle,rgba(212,165,116,.22),transparent 65%);
}

.tin-ty .em{
  width:78px;height:78px;border-radius:50%;background:var(--green);
  display:inline-flex;align-items:center;justify-content:center;
  margin:0 0 20px;position:relative;z-index:1;
}
.tin-ty .em svg{width:38px;height:38px;stroke:#fff}

.tin-ty h1{
  font-family:'Sora',sans-serif;font-weight:500;font-size:clamp(26px,5vw,32px);
  line-height:1.15;letter-spacing:-.01em;color:var(--ink);text-transform:none;
  margin:0 0 8px;position:relative;z-index:1;
}
.tin-ty .sub{
  font-size:12.5px;letter-spacing:.16em;text-transform:uppercase;font-weight:500;
  color:#b98a52;margin:0 0 34px;position:relative;z-index:1;
}

.tin-ty .card{
  background:#fff;border:1px solid var(--line);border-radius:16px;
  padding:20px 22px;margin:0 auto 14px;max-width:473px;text-align:left;
  display:flex;gap:15px;align-items:flex-start;position:relative;z-index:1;
  box-shadow:0 2px 4px rgba(28,30,26,.04),0 14px 30px -18px rgba(28,30,26,.14);
}
.tin-ty .card.green{background:var(--green);border-color:var(--green)}
.tin-ty .ic{
  flex:0 0 44px;height:44px;border-radius:12px;
  display:flex;align-items:center;justify-content:center;
}
.tin-ty .ic svg{width:22px;height:22px}
.tin-ty .card.green .ic{background:rgba(255,255,255,.15)}
.tin-ty .card.green .ic svg{stroke:#fff}
.tin-ty .card.warm .ic{background:var(--beige-soft)}
.tin-ty .card.warm .ic svg{stroke:#a9743a}
.tin-ty .lab{
  font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;font-weight:500;margin:0 0 4px;
}
.tin-ty .card.green .lab{color:#c9cfbf}
.tin-ty .card.warm .lab{color:#a9743a}
.tin-ty .txt{font-size:14.5px;line-height:1.55;font-weight:400;color:var(--soft);margin:0}
.tin-ty .card.green .txt{color:#eef0ea}

.tin-ty .btns{
  display:flex;gap:13px;justify-content:center;margin-top:40px;
  flex-wrap:wrap;position:relative;z-index:1;
}
.tin-ty .btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:14px 24px;min-width:230px;border-radius:999px;
  font-weight:500;font-size:15px;text-decoration:none;cursor:pointer;
  transition:transform .3s,box-shadow .3s,filter .3s,background .3s;
}
.tin-ty .btn svg{width:17px;height:17px}
.tin-ty .btn.beige{background:var(--beige);color:#3c2e18}
.tin-ty .btn.beige svg{stroke:#3c2e18}
.tin-ty .btn.beige:hover{transform:translateY(-2px);box-shadow:0 10px 24px -10px rgba(212,165,116,.7);filter:brightness(1.03)}
.tin-ty .btn.green{background:var(--green);color:#fff}
.tin-ty .btn.green svg{stroke:#fff}
.tin-ty .btn.green:hover{background:var(--green-deep);transform:translateY(-2px);box-shadow:0 10px 24px -10px rgba(71,81,65,.6)}

.tin-ty .cap{font-size:14px;color:var(--muted);margin:28px 0 0;position:relative;z-index:1}

@media (max-width:520px){
  .tin-ty .btn{width:100%;justify-content:center}
}