/*
 * Env Clinic Divi Child - theme styles.
 *
 * Base styles for landing sections, kept independent of the plugin so the
 * theme also looks right on its own. No external fonts/icons/images.
 * Mirrors the plugin's --ec-* variables so both stay visually consistent.
 */

:root {
  --ec-bg: #ffffff;
  --ec-bg-alt: #f7fafc;
  --ec-ink: #1a202c;
  --ec-muted: #4a5568;
  --ec-line: #e2e8f0;
  --ec-brand: #2b6cb0;
  --ec-brand-ink: #ffffff;
  --ec-radius: 12px;
  --ec-maxw: 1080px;
}

/* Make Env Clinic shortcode sections breathe inside Divi rows. */
.et_pb_section .ec-section,
.ec-section { box-sizing: border-box; }

.ec-section *,
.ec-hero *,
.ec-trust * { box-sizing: border-box; }

/* Headings inside Env Clinic blocks should not inherit odd Divi margins. */
.ec-section h1,
.ec-section h2,
.ec-section h3 { color: var(--ec-ink); }

/* Language switcher when placed in a Divi header/menu area. */
.et_pb_menu .ec-langs,
.et-l--header .ec-langs { display: inline-flex; align-items: center; }

/* Footer block */
.ec-footer {
  background: var(--ec-bg-alt);
  border-top: 1px solid var(--ec-line);
  padding: 2rem 1.25rem;
  color: var(--ec-muted);
}
.ec-footer .ec-container { max-width: var(--ec-maxw); margin: 0 auto; display: flex; flex-wrap: wrap; gap: 1rem; justify-content: space-between; align-items: center; }
.ec-footer a { color: var(--ec-brand); text-decoration: none; }

/* Code/terminal demo helper, also usable outside the plugin. */
.ec-code {
  background: #0f172a; color: #e2e8f0; border-radius: var(--ec-radius);
  padding: 1rem 1.25rem; overflow-x: auto;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: .85rem; line-height: 1.55;
}

/* Responsive niceties */
@media (max-width: 782px) {
  .ec-footer .ec-container { flex-direction: column; align-items: flex-start; }
}

/* Respect reduced-motion preferences. */
@media (prefers-reduced-motion: reduce) {
  * { scroll-behavior: auto !important; }
}