/*============================================================================
   19-toret-forms.css — Toret formulářové stránky bez vlastního CSS:
   „Napište nám recenzi" ([tr_review_form], .tr-rf-*) a podobné.
   Formulář je vázaný na platný odkaz (token z e-mailu po pobytu) — bez něj
   plugin vypíše jen .tr-rf-error („Neplatný odkaz."). Stylujeme hlášku
   i samotná pole dopředu, aby formulář seděl, jakmile se zobrazí.
============================================================================*/

.nj-reviewform-section { background: var(--sand-1); padding: 44px 0 84px; }
.nj-reviewform-section > .et_pb_row {
	max-width: var(--container) !important;
	width: 92% !important;
	margin: 0 auto !important;
	padding: 0 !important;
}
.nj-reviewform-section .tr-rf-wrap {
	max-width: 720px;
	margin: 0 auto;
	background: #fff;
	border: 1px solid var(--line);
	border-radius: var(--r-card);
	box-shadow: var(--shadow);
	padding: 28px;
}

/* hlášky */
.nj-reviewform-section .tr-rf-error,
.nj-reviewform-section .tr-rf-success {
	border-radius: var(--r-btn);
	padding: 14px 16px;
	font-size: .95rem;
}
.nj-reviewform-section .tr-rf-error {
	background: #fff4ee;
	border: 1px solid #f1cfbf;
	color: var(--coral);
}
.nj-reviewform-section .tr-rf-success {
	background: #eef7f0;
	border: 1px solid #cfe7d5;
	color: var(--green);
}

/* pole formuláře (generické – až se formulář zobrazí s platným odkazem) */
.nj-reviewform-section .tr-rf-field { margin-bottom: 16px; display: flex; flex-direction: column; }
.nj-reviewform-section .tr-rf-wrap label {
	font-size: .7rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: .08em;
	color: var(--muted);
	margin-bottom: 6px;
}
.nj-reviewform-section .tr-rf-wrap input,
.nj-reviewform-section .tr-rf-wrap select,
.nj-reviewform-section .tr-rf-wrap textarea {
	width: 100%;
	box-sizing: border-box;
	border: 1px solid var(--line);
	border-radius: var(--r-btn);
	padding: .65rem .8rem;
	font-family: inherit;
	font-size: .95rem;
	color: var(--navy);
	background: #fff;
}
.nj-reviewform-section .tr-rf-wrap input { height: 46px; }
.nj-reviewform-section .tr-rf-wrap textarea { min-height: 120px; resize: vertical; }
.nj-reviewform-section .tr-rf-wrap input:focus,
.nj-reviewform-section .tr-rf-wrap select:focus,
.nj-reviewform-section .tr-rf-wrap textarea:focus { outline: none; border-color: var(--accent); }

/* hvězdičkové hodnocení (pokud je) */
.nj-reviewform-section .tr-rf-stars { font-size: 1.6rem; color: var(--line-2); cursor: pointer; }
.nj-reviewform-section .tr-rf-star--active,
.nj-reviewform-section .tr-rf-stars .is-active { color: var(--accent); }

/* odeslat */
.nj-reviewform-section .tr-rf-wrap button,
.nj-reviewform-section .tr-rf-submit {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 50px;
	padding: 0 1.8rem;
	background: var(--accent) !important;
	color: #fff !important;
	border: none;
	border-radius: var(--r-btn);
	font-family: inherit;
	font-weight: 700;
	font-size: 1rem;
	letter-spacing: .03em;
	cursor: pointer;
	box-shadow: 0 4px 12px rgba(251, 173, 36, .35);
	transition: background .2s;
}
.nj-reviewform-section .tr-rf-wrap button:hover,
.nj-reviewform-section .tr-rf-submit:hover { background: var(--accent-2) !important; }
