/*
Theme Name: Humanaity Child
Theme URI: https://humanaity.eu
Description: Divi 5 child theme voor Humanaity — Variant A (Clean Zakelijk)
Author: tLEN / Humanaity
Author URI: https://tlen.online
Template: Divi
Version: 1.1.0
License: GPL v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: humaity-child
*/

/* ═══════════════════════════════════════════════════════════════
   HUMANAITY — VARIANT A (CLEAN ZAKELIJK)
   Dark theme met gouden/blauwe/rode accenten
   ═══════════════════════════════════════════════════════════════ */

:root {
  --hm-bg: #0a0a0f;
  --hm-fg: #ffffff;
  --hm-muted: #8888a0;
  --hm-blue: #21468b;
  --hm-blue-dark: #0f2a5a;
  --hm-gold: #ffcc00;
  --hm-red: #ae1c28;
  --hm-border: rgba(255,255,255,0.06);
  --hm-card: rgba(255,255,255,0.03);
}

/* ─── Body & algemeen ─────────────────────────────── */
body.humanaity-custom,
body.home {
  background: var(--hm-bg);
  color: var(--hm-fg);
}

/* ─── Header (Divi) ───────────────────────────────── */
#main-header {
  background: var(--hm-bg) !important;
  border-bottom: 1px solid var(--hm-border) !important;
}
#main-header .logo_container img {
  height: 30px !important;
  width: auto !important;
}
#top-menu li a {
  color: var(--hm-muted) !important;
  font-weight: 500;
}
#top-menu li a:hover {
  color: var(--hm-fg) !important;
}
#top-menu li.current-menu-item a {
  color: var(--hm-gold) !important;
}

/* ─── Algemene sectie styling ─────────────────────── */
.et_pb_section {
  background-color: var(--hm-bg);
}

/* ─── Knoppen ─────────────────────────────────────── */
.et_pb_button {
  font-weight: 600 !important;
  transition: transform 0.2s ease, opacity 0.2s ease !important;
}
.et_pb_button:hover {
  transform: translateY(-2px);
  opacity: 0.9;
}

/* ─── Headings ────────────────────────────────────── */
.et_pb_heading h1,
.et_pb_heading h2,
.et_pb_heading h3 {
  letter-spacing: -0.02em;
}

/* ─── Hero heading grootte (D5 heading module) ───── */
.et_pb_heading_0 h1 {
  font-size: 70px !important;
  font-weight: 800 !important;
  line-height: 1.05 !important;
}

/* ─── Responsive ──────────────────────────────────── */
@media (max-width: 768px) {
  .et_pb_heading_0 h1 {
    font-size: 40px !important;
  }
}

/* ─── Footer ──────────────────────────────────────── */
#main-footer {
  background: var(--hm-bg) !important;
  border-top: 1px solid var(--hm-border) !important;
}
#footer-bottom {
  background: var(--hm-bg) !important;
}