/*
Theme Name: Bits & Clouds Child
Template: astra
Description: Child theme voor Bits & Clouds (bitsandclouds.nl), gebaseerd op Astra. Bevat de huisstijlkleuren en basisaanpassingen zodat een Astra-update de eigen stijl nooit overschrijft.
Author: Bits & Clouds
Version: 1.1.0
*/

:root {
  --bc-navy: #0B2545;
  --bc-accent: #3FC1E9;
  --bc-slate: #6B7785;
  --bc-paper: #F7F9FB;
  --bc-font: 'Plus Jakarta Sans', -apple-system, 'Segoe UI', Arial, sans-serif;
}

body,
h1, h2, h3, h4, h5, h6,
.site-title, .site-title a,
.main-header-menu .menu-item a,
.ast-builder-menu-1 a {
  font-family: var(--bc-font);
}

a {
  color: var(--bc-accent);
}
a:hover {
  color: var(--bc-navy);
}

.button,
button,
input[type="submit"],
.wp-block-button__link,
.elementor-button {
  background-color: var(--bc-navy) !important;
  border-color: var(--bc-navy) !important;
  color: #ffffff !important;
}
.button:hover,
button:hover,
input[type="submit"]:hover,
.wp-block-button__link:hover,
.elementor-button:hover {
  background-color: var(--bc-accent) !important;
  border-color: var(--bc-accent) !important;
  color: var(--bc-navy) !important;
}

/* Herbruikbare stijlelementen voor content-secties */

.bc-icon-badge {
  width: 44px;
  height: 44px;
  border-radius: 10px;
  background: rgba(63, 193, 233, 0.12);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.bc-card {
  box-shadow: 0 4px 20px rgba(11, 37, 69, 0.08);
}

.bc-hero-texture {
  background-image:
    radial-gradient(circle at 15% 20%, rgba(63, 193, 233, 0.16) 0%, transparent 45%),
    radial-gradient(rgba(255, 255, 255, 0.06) 1px, transparent 1px);
  background-size: auto, 22px 22px;
  background-color: var(--bc-navy);
}

/* Voeg eigen aanpassingen hieronder toe — dit bestand overleeft elke Astra-update. */