/* TVOTT Submit a Tip - professional theme-matched frontend */
.tvott-tip{ width:100%; }
.tvott-tip__hero{
  padding: 74px 16px 66px;
  margin-bottom: 26px;
  color: #fff;
}
.tvott-tip__heroInner{ text-align:center; }
.tvott-tip__lead{
  margin: 10px auto 0;
  max-width: 820px;
  opacity: .92;
  font-size: 1.05rem;
}

.tvott-tip__wrap{ padding: 0 0 38px; }

.tvott-tip__grid{
  display:grid;
  grid-template-columns: 1.4fr .9fr;
  gap: 20px;
  align-items:start;
}
@media (max-width: 980px){
  .tvott-tip__grid{ grid-template-columns: 1fr; }
}

.tvott-tip__card{
  background:#fff;
  border: 1px solid rgba(0,0,0,0.08);
  border-radius: 18px;
  box-shadow: 0 14px 30px rgba(0,0,0,0.06);
  overflow:hidden;
}
.tvott-tip__cardHead{
  padding: 18px 18px 0;
}
.tvott-tip__cardTitle{
  margin: 0;
  font-weight: 900;
  font-size: 1.25rem;
}
.tvott-tip__cardSub{
  margin: 8px 0 0;
  opacity: .75;
}

.tvott-tip__form{ padding: 16px 18px 18px; }
.tvott-tip__row{ margin-top: 14px; }
.tvott-tip__row--2{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
@media (max-width: 620px){
  .tvott-tip__row--2{ grid-template-columns: 1fr; }
}

.tvott-tip__label span{
  display:block;
  font-weight: 800;
  margin-bottom: 7px;
}
.tvott-tip__label em{ font-style: normal; opacity: .75; }

.tvott-tip__label input,
.tvott-tip__label textarea{
  width:100%;
  border-radius: 12px;
  padding: 12px 12px;
  border: 1px solid rgba(0,0,0,0.16);
  background: #fff;
  outline: none;
  transition: box-shadow .12s ease, border-color .12s ease;
}
.tvott-tip__label textarea{ resize: vertical; }
.tvott-tip__label input:focus,
.tvott-tip__label textarea:focus{
  border-color: rgba(209,0,22,0.55);
  box-shadow: 0 0 0 4px rgba(209,0,22,0.12);
}

.tvott-tip__label.is-disabled{ opacity:.55; }
.tvott-tip__label.is-disabled input{ background: rgba(0,0,0,0.03); }

.tvott-tip__row--actions{
  display:flex;
  gap: 12px;
  align-items:center;
  justify-content:space-between;
  flex-wrap: wrap;
  margin-top: 16px;
}

.tvott-tip__anon{
  display:flex;
  gap: 10px;
  align-items:center;
  font-weight: 800;
  opacity:.9;
}
.tvott-tip__anon input{ width: 18px; height: 18px; }

.tvott-tip__btn{
  background: #d10016;
  border-color: #d10016;
  color: #fff;
  font-weight: 900;
  padding: 12px 18px;
  border-radius: 12px;
  box-shadow: 0 14px 26px rgba(209,0,22,0.20);
}
.tvott-tip__btn:hover{ filter: brightness(1.05); }

.tvott-tip__msg{
  margin-top: 12px;
  padding: 12px 12px;
  border-radius: 12px;
  font-weight: 800;
  display:none;
}
.tvott-tip__msg.is-loading{ display:block; background: rgba(0,0,0,0.04); }
.tvott-tip__msg.is-ok{ display:block; background: rgba(0,160,80,0.12); }
.tvott-tip__msg.is-error{ display:block; background: rgba(209,0,22,0.12); }

.tvott-tip__fineprint{
  margin-top: 12px;
  opacity: .7;
  font-size: .95rem;
  line-height: 1.35;
}

.tvott-tip__side{ display:flex; flex-direction:column; gap: 16px; }
.tvott-tip__card--side{ padding: 18px; }
.tvott-tip__list{ margin: 10px 0 0; padding-left: 18px; opacity:.9; }
.tvott-tip__p{ margin: 10px 0 0; opacity:.85; line-height:1.45; }

.tvott-tip__hp{
  position:absolute !important;
  left:-9999px !important;
  top:auto !important;
  width:1px !important;
  height:1px !important;
  overflow:hidden !important;
}
