/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

/* Brevo CSS */
/* Make Brevo form fields full width */
.brevo-form input[type="email"],
.brevo-form input[type="text"],
.brevo-form input[type="submit"],
.brevo-form button[type="submit"] {
  width: 100% !important;
  box-sizing: border-box;
  display: block;
}

/* Section spacing & typography (inherits your theme fonts) */
.risk-assessment { max-width: 1200px; margin: 0 auto; }
.risk-assessment .ra-meta p { margin: 0 0 .25rem; }

/* Card layout — mobile-first, one column */
.hazard-card {
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 1rem;
  margin: 0 0 1rem 0;
  box-shadow: 0 1px 2px rgba(16,24,40,.04);
}
.hazard-card header h4 { margin: 0 0 .25rem 0; }
.hazard-card .context { color: #475569; margin: 0 0 .25rem 0; }
.hazard-card .affected { margin: 0 0 .5rem 0; }

.hazard-card h5 { margin: .5rem 0 .25rem; font-size: 1rem; }
.hazard-card ul { margin: 0 0 .25rem 1.1rem; }
.hazard-card li { margin: 0 0 .25rem 0; }
.hazard-card .residual { margin-top: .5rem; font-weight: 600; }

/* Details/key & dividers */
.risk-assessment hr { border: 0; border-top: 1px solid #e5e7eb; margin: 1.25rem 0; }
.risk-assessment details { margin: .5rem 0 0; }
.risk-assessment details summary { cursor: pointer; }

/* Optional: gentle two-column on wider screens for shorter hazard content */
@media (min-width: 960px) {
  .hazard-card { padding: 1.25rem; }
}