/* ==========================================================================
   Tasty Stories – felugró ablakok (hírlevél + megrendelés)
   ========================================================================== */
.ts-modal[hidden]{ display:none; }
.ts-modal{
  position:fixed; inset:0; z-index:99990;
  display:flex; align-items:center; justify-content:center; padding:1.2rem;
}
.ts-modal__hatter{
  position:absolute; inset:0; background:rgba(36,31,14,.62);
  animation:ts-modal-be .25s ease both;
}
.ts-modal__doboz{
  position:relative; width:min(30rem, 100%);
  max-height:92vh; overflow:auto;
  background:#FFFCF2; border-radius:1.1rem; padding:2.2rem 2rem 1.9rem;
  box-shadow:0 24px 60px rgba(36,31,14,.28);
  animation:ts-modal-fel .3s cubic-bezier(.22,.61,.36,1) both;
}
@keyframes ts-modal-be{ from{opacity:0} to{opacity:1} }
@keyframes ts-modal-fel{ from{opacity:0; transform:translateY(16px)} to{opacity:1; transform:none} }

.ts-modal__x{
  position:absolute; top:.55rem; right:.8rem;
  background:none; border:0; font-size:1.9rem; line-height:1;
  color:#7A6C5E; cursor:pointer; padding:.2rem .4rem;
}
.ts-modal__x:hover{ color:#403823; }

.ts-modal h2{
  font-family:'Optima', Candara, sans-serif; font-weight:500;
  font-size:1.75rem; color:#53491E; margin:0 0 .5rem; line-height:1.2;
}
.ts-modal__lead{
  font-family:'Lato', sans-serif; font-size:.95rem; line-height:1.55;
  color:#6E6448; margin:0 0 1.4rem;
}
.ts-modal__urlap label{
  display:block; font-family:'Lato', sans-serif; font-size:.8rem;
  color:#7A6C5E; margin-bottom:.85rem;
}
.ts-modal__urlap input[type=text],
.ts-modal__urlap input[type=email],
.ts-modal__urlap textarea{
  display:block; width:100%; margin-top:.35rem;
  background:#FFFFFF; border:1px solid #B9AE93; border-radius:4px;
  padding:.7rem .8rem; font-family:'Lato', sans-serif; font-size:.95rem;
  color:#403823;
}
.ts-modal__urlap input:focus, .ts-modal__urlap textarea:focus{
  border-color:#7A6C5E; outline:none;
}
.ts-modal__jelolo{
  display:flex; align-items:flex-start; gap:.55rem;
  font-size:.8rem; line-height:1.45; color:#6E6448; margin-bottom:.7rem;
}
.ts-modal__jelolo input{ margin-top:.15rem; flex:0 0 auto; }
.ts-modal__jelolo a{ color:#53491E; }
.ts-modal__gomb{
  width:100%; margin-top:.6rem; background:#7A6C5E; color:#FFFCF2;
  border:0; border-radius:1.5rem; padding:.85rem 1.6rem; cursor:pointer;
  font-family:'Lato', sans-serif; font-size:.95rem; letter-spacing:.4px;
  transition:background .2s ease;
}
.ts-modal__gomb:hover{ background:#5F5346; }
.ts-modal__gomb[disabled]{ opacity:.6; cursor:default; }
.ts-modal__valasz{
  font-family:'Lato', sans-serif; font-size:.88rem; line-height:1.5;
  margin:.9rem 0 0; min-height:1.2em;
}
.ts-modal__valasz.ok{ color:#4B6B3A; }
.ts-modal__valasz.hiba{ color:#9B3B2F; }

/* rejtett csapdamező a robotoknak */
.ts-hp{ position:absolute !important; left:-9999px !important; width:1px; height:1px; }

body.ts-modal-nyitva{ overflow:hidden; }

@media (max-width:767px){
  .ts-modal__doboz{ padding:1.8rem 1.3rem 1.5rem; border-radius:.9rem; }
  .ts-modal h2{ font-size:1.45rem; }
}