/* GSKordeven Secure Enquiries - form styles.
   -------------------------------------------------------------------------
   Deliberately minimal. When the GSKordeven theme is active its own
   stylesheet already covers these class names and loads after this file, so
   the theme wins. This exists so the form stays usable and readable on any
   other theme. */

/* The hidden attribute, enforced. A browser hides [hidden] from its own default
   stylesheet, and any author rule beats a browser default however specific it
   is - so a theme rule such as .btn{display:inline-flex} silently un-hides the
   Back and Send buttons and the visitor sees all three at once. */
.form-shell [hidden]{display:none!important}

.form-shell .cse-honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.form-shell .form-step{display:none}
.form-shell .form-step.active{display:block}
.form-shell .conditional{display:none}
.form-shell .conditional.show{display:block}

.form-shell .form-progress{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:18px}
.form-shell .form-progress span{height:5px;border-radius:3px;background:rgba(128,128,128,.3)}
.form-shell .form-progress span.active{background:currentColor}

.form-shell .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.form-shell .field{min-width:0}
.form-shell .field.full{grid-column:1/-1}
.form-shell .field label{display:block;margin-bottom:6px;font-weight:600}
.form-shell .field input,
.form-shell .field select,
.form-shell .field textarea{width:100%;padding:11px 12px;border:1px solid rgba(128,128,128,.45);border-radius:8px;font:inherit}
.form-shell .field textarea{min-height:130px;resize:vertical}

.form-shell .field.invalid input,
.form-shell .field.invalid select,
.form-shell .field.invalid textarea{border-color:#b3261e}
.form-shell .field-error{display:none;margin-top:5px;color:#b3261e;font-size:.8rem}
.form-shell .field.invalid .field-error,
.form-shell .privacy-field.invalid .field-error{display:block}
.form-shell .field-help{display:block;margin-top:5px;font-size:.8rem;opacity:.8}

.form-shell .check-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.form-shell .check-option{display:flex;gap:10px;align-items:flex-start;padding:11px 12px;border:1px solid rgba(128,128,128,.35);border-radius:8px;cursor:pointer}
.form-shell .check-text strong{display:block;margin-bottom:3px}

.form-shell .form-warning{margin-top:18px;padding:13px 15px;border-left:4px solid currentColor;background:rgba(128,128,128,.08);font-size:.88rem}
.form-shell .form-actions{display:flex;gap:12px;margin-top:22px;flex-wrap:wrap}

@media(max-width:640px){
  .form-shell .form-grid,
  .form-shell .check-grid{grid-template-columns:1fr}
  .form-shell .form-actions{flex-direction:column}
  .form-shell .form-actions .btn{width:100%}
}