/*
 * Trendia - produkty na poptávku, vzhled ceny a formuláře
 * Navazuje na trendia-poptavka.js. Barvy podle janbarborikcz-seo.css.
 */

/* Výpis: cenu poptávkových produktů skrýt, dokud ji skript nepřepíše */
.products .p [data-micro-price="99999999.00"] .prices,
.products .p [data-micro-price="99899999001.00"] .prices,
.products .p [data-micro-price="0.00"] .prices { visibility: hidden; }

.tr-pop-cena {
  font-size: 15px;
  font-weight: 600;
  color: #2b2b2b;
}
.p-final-price-wrapper .tr-pop-cena { font-size: 20px; }

.tr-pop-btn { text-align: center; }

/* Detail: poptávkový blok */
.tr-pop {
  margin: 24px 0 8px;
  padding: 22px 24px;
  background: #f7f7f7;
  border: 1px solid #e3e3e3;
  border-radius: 8px;
  scroll-margin-top: 90px;
}
.tr-pop-nadpis {
  margin: 0 0 6px;
  font-size: 19px;
  font-weight: 700;
  color: #2b2b2b;
  text-transform: none;
}
.tr-pop-uvod { margin: 0 0 16px; font-size: 14px; line-height: 1.6; color: #565656; }

.tr-pop-form {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px 14px;
}
.tr-pop-pole { display: flex; flex-direction: column; min-width: 0; }
.tr-pop-pole--cela,
.tr-pop-souhlas,
.tr-pop-chyba,
.tr-pop-odeslat,
.tr-pop-pozn { grid-column: 1 / -1; }

.tr-pop-pole label {
  margin: 0 0 4px;
  font-size: 13px;
  font-weight: 600;
  color: #2b2b2b;
}
.tr-pop-pole input,
.tr-pop-pole select,
.tr-pop-pole textarea {
  width: 100%;
  min-height: 42px;
  padding: 9px 12px;
  font: inherit;
  font-size: 15px;
  color: #2b2b2b;
  background: #fff;
  border: 1px solid #d6d6d6;
  border-radius: 6px;
  box-sizing: border-box;
}
.tr-pop-pole select { max-width: none; }
.tr-pop-pole textarea { min-height: 80px; resize: vertical; }
.tr-pop-pole input:focus,
.tr-pop-pole select:focus,
.tr-pop-pole textarea:focus {
  outline: none;
  border-color: #e40520;
  box-shadow: 0 0 0 3px rgba(228, 5, 32, .12);
}

.tr-pop-souhlas {
  display: flex;
  gap: 8px;
  align-items: flex-start;
  font-size: 13px;
  line-height: 1.5;
  color: #565656;
}
.tr-pop-souhlas input { margin: 3px 0 0; flex-shrink: 0; width: 16px; height: 16px; }
.tr-pop-souhlas a { text-decoration: underline; }

.tr-pop-hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; overflow: hidden; }

.tr-pop-chyba {
  margin: 0;
  padding: 10px 12px;
  font-size: 14px;
  color: #a80418;
  background: #fdf2f3;
  border: 1px solid #f3c4ca;
  border-radius: 6px;
}
.tr-pop-chyba a { color: inherit; text-decoration: underline; }

.tr-pop-odeslat { width: 100%; margin-top: 4px; }
.tr-pop-odeslat[disabled] { opacity: .6; cursor: wait; }

.tr-pop-pozn,
.tr-pop-kontakt { margin: 0; font-size: 13px; line-height: 1.6; color: #8c8c8c; }
.tr-pop-kontakt { margin-top: 14px; }
.tr-pop-kontakt a { color: #565656; }

.tr-pop-hotovo {
  padding: 16px 18px;
  background: #fff;
  border: 1.5px solid #1baf7a;
  border-radius: 8px;
}
.tr-pop-hotovo p { margin: 0 0 6px; font-size: 14px; line-height: 1.6; }
.tr-pop-hotovo p:last-child { margin: 0; }
.tr-pop-hotovo-nadpis { font-size: 16px !important; font-weight: 700; color: #2b2b2b; }

@media (max-width: 600px) {
  .tr-pop { padding: 18px 16px; }
  .tr-pop-form { grid-template-columns: 1fr; }
}