/* TVUJORIGINAL.CZ – newsletter v1.0 */
#to-newsletter-box{
  --to-beige:#b6a99a;
  --to-brown:#765f4e;
  --to-green:#84ab09;
  --to-text:#1b1b1b;
  --to-muted:#6f665f;
  width:100%;
  margin:0;
  padding:34px 0;
  background:linear-gradient(105deg,#f4f0eb 0%,#fbfaf8 56%,#eee7df 100%);
  border-top:1px solid rgba(118,95,78,.16);
  border-bottom:1px solid rgba(118,95,78,.16);
}
#to-newsletter-box *{box-sizing:border-box}
#to-newsletter-box .to-newsletter__inner{
  width:min(1180px,calc(100% - 40px));
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(420px,.95fr);
  align-items:center;
  gap:54px;
}
#to-newsletter-box .to-newsletter__copy{position:relative;padding-left:76px}
#to-newsletter-box .to-newsletter__icon{
  position:absolute;left:0;top:2px;width:54px;height:54px;
  display:grid;place-items:center;border:1px solid rgba(118,95,78,.25);
  background:#fff;color:var(--to-brown);
}
#to-newsletter-box .to-newsletter__icon svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:1.7}
#to-newsletter-box .to-newsletter__eyebrow{
  display:block;margin:0 0 5px;color:var(--to-brown);font-size:12px;
  font-weight:700;letter-spacing:.14em;text-transform:uppercase;
}
#to-newsletter-box h2{margin:0 0 7px;font-size:clamp(25px,2.2vw,36px);line-height:1.12;color:var(--to-text);font-weight:700}
#to-newsletter-box .to-newsletter__lead{margin:0;color:var(--to-muted);font-size:15px;line-height:1.55;max-width:590px}
#to-newsletter-box .to-newsletter__benefits{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:13px;color:#51483f;font-size:13px}
#to-newsletter-box .to-newsletter__benefits span{display:flex;align-items:center;gap:7px}
#to-newsletter-box .to-newsletter__benefits span:before{content:"✓";color:var(--to-green);font-weight:800}
#to-newsletter-box .to-newsletter__form-wrap{background:#fff;padding:17px 18px 13px;border:1px solid rgba(118,95,78,.18);box-shadow:0 12px 30px rgba(65,48,35,.07)}
#to-newsletter-box form{margin:0!important}
#to-newsletter-box .to-newsletter__fields{display:flex;align-items:stretch;gap:9px}
#to-newsletter-box input[type="email"],
#to-newsletter-box input[name="email"]{
  min-width:0;flex:1;height:50px!important;margin:0!important;padding:0 16px!important;
  border:1px solid #d8d0c8!important;background:#fff!important;color:#222!important;
  border-radius:0!important;box-shadow:none!important;font-size:15px!important;
}
#to-newsletter-box input[type="email"]:focus,
#to-newsletter-box input[name="email"]:focus{border-color:var(--to-brown)!important;outline:2px solid rgba(182,169,154,.22)!important}
#to-newsletter-box button[type="submit"],
#to-newsletter-box input[type="submit"]{
  min-width:145px;height:50px!important;margin:0!important;padding:0 22px!important;
  border:0!important;border-radius:0!important;background:var(--to-green)!important;color:#fff!important;
  font-size:14px!important;font-weight:700!important;text-transform:none!important;letter-spacing:0!important;
  cursor:pointer;transition:filter .2s ease,transform .2s ease;
}
#to-newsletter-box button[type="submit"]:hover,
#to-newsletter-box input[type="submit"]:hover{filter:brightness(.92);transform:translateY(-1px)}
#to-newsletter-box .to-newsletter__consent{margin:9px 2px 0!important;color:#837971!important;font-size:11px!important;line-height:1.4!important}
#to-newsletter-box .to-newsletter__consent a{color:#655447!important;text-decoration:underline!important}
#to-newsletter-box .form-group,
#to-newsletter-box .compact-form{margin:0!important}
#to-newsletter-box .validator-msg,
#to-newsletter-box .js-validator-msg{font-size:12px;margin-top:5px}

/* původní newsletter po přesunu nesmí ponechat prázdné místo */
.to-newsletter-original-hidden{display:none!important}

@media(max-width:900px){
  #to-newsletter-box{padding:29px 0}
  #to-newsletter-box .to-newsletter__inner{grid-template-columns:1fr;gap:22px}
}
@media(max-width:620px){
  #to-newsletter-box{padding:25px 0}
  #to-newsletter-box .to-newsletter__inner{width:min(100% - 28px,1180px)}
  #to-newsletter-box .to-newsletter__copy{padding-left:0;padding-top:64px}
  #to-newsletter-box .to-newsletter__icon{top:0}
  #to-newsletter-box h2{font-size:27px}
  #to-newsletter-box .to-newsletter__fields{display:block}
  #to-newsletter-box input[type="email"],#to-newsletter-box input[name="email"]{width:100%!important}
  #to-newsletter-box button[type="submit"],#to-newsletter-box input[type="submit"]{width:100%!important;margin-top:9px!important}
  #to-newsletter-box .to-newsletter__benefits{display:grid;grid-template-columns:1fr;gap:6px}
}
