/* EH Referral — Phase 1 form styling. Neutrálny taupe (zladí sa s /pre-firmy/ referenciami). */
.ehr-form{max-width:680px;margin:0 auto;font-size:16px;color:#403a34}
.ehr-form .ehr-lead{font-size:17px;line-height:1.55;margin:0 0 22px;color:#5a544e}
.ehr-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 18px}
@media(max-width:560px){.ehr-grid{grid-template-columns:1fr}}
.ehr-field{display:flex;flex-direction:column;gap:5px;margin-bottom:6px}
.ehr-field>span{font-size:13px;font-weight:600;color:#6b6660}
.ehr-form input[type="text"],.ehr-form input[type="email"],.ehr-form input[type="tel"],.ehr-form input[type="number"],.ehr-form select{width:100%;padding:11px 13px;border:1px solid #d8d2ca;border-radius:8px;font-size:15px;background:#fff;color:#2b2b2b;font-family:inherit}
.ehr-form input[type="text"]:focus,.ehr-form input[type="email"]:focus,.ehr-form input[type="tel"]:focus,.ehr-form input[type="number"]:focus,.ehr-form select:focus{outline:none;border-color:#4b4440;box-shadow:0 0 0 3px rgba(75,68,64,.12)}
.ehr-code input{letter-spacing:1px;font-weight:600}
.ehr-reward{border:0;padding:14px 0 6px;margin:8px 0}
.ehr-reward legend{font-size:13px;font-weight:600;color:#6b6660;padding:0;margin-bottom:8px}
.ehr-radio{display:flex;align-items:center;padding:5px 0;font-size:15px;cursor:pointer}
.ehr-check{display:flex;align-items:flex-start;gap:9px;font-size:14px;line-height:1.5;color:#5a544e;margin:10px 0;cursor:pointer}
/* Native radio/checkbox — override Impreza appearance, brand accent, jednotný tvar + viditeľný checked stav */
.ehr-form input[type="radio"],.ehr-form input[type="checkbox"]{-webkit-appearance:auto!important;-moz-appearance:auto!important;appearance:auto!important;accent-color:#4b4440;width:18px!important;height:18px!important;min-height:18px!important;max-width:18px!important;padding:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;flex:0 0 auto;margin:0;cursor:pointer;vertical-align:middle}
.ehr-radio input[type="radio"]{margin-right:9px}
.ehr-check input[type="checkbox"]{margin-top:2px}
.ehr-gdpr a{color:#4b4440;text-decoration:underline}
.ehr-contact-fields{margin:6px 0 4px;padding:14px;background:#f6f4f2;border-radius:8px}
.ehr-note{font-size:13px;color:#8a857f;margin:8px 0 0}
.ehr-hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}
.ehr-btn{margin-top:16px;background:#4b4440;color:#fff;border:0;border-radius:8px;padding:13px 26px;font-size:16px;font-weight:600;cursor:pointer;transition:opacity .2s;font-family:inherit}
.ehr-btn:hover{opacity:.9}
.ehr-btn[disabled]{opacity:.55;cursor:default}
.ehr-form.ehr-invalid input:invalid,.ehr-form.ehr-invalid select:invalid{border-color:#c0392b}

/* Result / share block */
.ehr-result{margin-top:22px;padding:24px;background:#f6f4f2;border-radius:12px;border:1px solid #e6e0d8}
.ehr-result.ehr-err{background:#fdecea;border-color:#f5c6cb;color:#8a2b22}
.ehr-result h3{margin:0 0 6px;font-size:20px;color:#3a342f}
.ehr-result p{margin:0 0 14px;color:#5a544e;line-height:1.55}
.ehr-codebox{display:inline-block;font-size:24px;font-weight:700;letter-spacing:2px;color:#4b4440;background:#fff;border:1px dashed #b8a98f;border-radius:8px;padding:10px 18px;margin-bottom:16px}
.ehr-share{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}
.ehr-share a,.ehr-share button{display:inline-flex;align-items:center;gap:7px;padding:10px 16px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;text-decoration:none;border:1px solid #d8d2ca;background:#fff;color:#403a34;font-family:inherit}
.ehr-share a:hover,.ehr-share button:hover{border-color:#4b4440}
.ehr-share .ehr-copy.ehr-done{background:#4b4440;color:#fff;border-color:#4b4440}

/* Hero (draft referral page) — bg image + overlay cez gradient (žiadne z-index gymnastika) */
#ehr-hero{background-image:linear-gradient(rgba(40,36,32,0.5),rgba(40,36,32,0.5)),url(/wp-content/uploads/2026/06/repiska-referral-hero.jpg);background-size:cover;background-position:center center;background-repeat:no-repeat}
#ehr-hero h1,#ehr-hero h1 *,#ehr-hero p,#ehr-hero .w-text{color:#ffffff!important}

/* Tabs — prepínanie formulárov (generate / redeem) */
.ehr-tabs{max-width:760px;margin:0 auto}
.ehr-tabnav{display:flex;border-bottom:1px solid #e0d9cf;margin-bottom:28px}
.ehr-tab{flex:1;background:none;border:0;border-bottom:3px solid transparent;padding:14px 10px;font-size:clamp(15px,2.5vw,18px);font-weight:600;color:#9a938a;cursor:pointer;font-family:inherit;transition:color .2s,border-color .2s;margin-bottom:-1px}
.ehr-tab:hover{color:#4b4440}
.ehr-tab.ehr-tab-active{color:#4b4440;border-bottom-color:#4b4440}
.ehr-tabpanel[hidden]{display:none}