/*
 Theme Name:   Astra BoostCore
 Theme URI:    https://boostcoreai.nl
 Description:  Child theme voor BoostCore AI op basis van Astra
 Author:       BoostCore AI
 Template:     astra
 Version:      1.0.0
*/

/* ---------- KLEURENPALET ---------- */
:root {
  --bc-bg: #050509;
  --bc-bg-surface: #111218;
  --bc-gold: #F0B545;
  --bc-gold-soft: #FFC65A;
  --bc-text: #F5F5F7;
  --bc-text-muted: #A7ABB4;
  --bc-accent: #26C6DA;
}

/* ---------- BASIS BODY ---------- */
body {
  background-color: var(--bc-bg);
  color: var(--bc-text);
}

/* Paragrafen / standaard tekst */
body, p {
  color: var(--bc-text);
}

/* Subtekst (bijv. meta-info) */
.entry-meta,
.ast-footer-widget-area .widget,
.ast-footer-copyright {
  color: var(--bc-text-muted);
}

/* Links */
a {
  color: var(--bc-gold-soft);
}
a:hover,
a:focus {
  color: var(--bc-gold);
}

/* ---------- HEADER & NAV ---------- */
.site-header,
.ast-primary-header-bar,
.ast-above-header,
.ast-below-header {
  background-color: var(--bc-bg);
  border-bottom: 1px solid rgba(240, 181, 69, 0.2);
}

.ast-site-identity .site-title a,
.ast-site-identity .site-description {
  color: var(--bc-text);
}

.main-header-menu .menu-link,
.main-header-menu > .menu-item > .menu-link {
  color: var(--bc-text-muted);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 0.85rem;
}

.main-header-menu .menu-link:hover,
.main-header-menu .current-menu-item > .menu-link,
.main-header-menu .current-page-ancestor > .menu-link {
  color: var(--bc-gold);
}

/* Onderlijntje onder actief menu-item */
.main-header-menu .current-menu-item > .menu-link {
  border-bottom: 2px solid var(--bc-gold);
}

/* ---------- CONTAINER / CONTENT ---------- */
.ast-container,
.site-content {
  background-color: var(--bc-bg);
}

/* Cards / blokken */
.entry-content .wp-block-group,
.entry-content .wp-block-cover,
.entry-content .wp-block-columns {
  background-color: var(--bc-bg-surface);
  border-radius: 14px;
  padding: 1.5rem;
}

/* ---------- BUTTONS ---------- */
button,
.ast-button,
.button,
input[type="submit"],
input[type="button"],
input[type="reset"] {
  background-color: var(--bc-gold);
  color: #050509;
  border-radius: 999px;
  border: none;
  padding: 0.7rem 1.6rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

button:hover,
.ast-button:hover,
.button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover {
  background-color: var(--bc-gold-soft);
  color: #050509;
}

/* Secundaire / ghost buttons */
.ast-button.ghost,
.button.ghost {
  background: transparent;
  color: var(--bc-gold);
  border: 1px solid var(--bc-gold);
}
.ast-button.ghost:hover,
.button.ghost:hover {
  background: var(--bc-gold);
  color: #050509;
}

/* ---------- SECTIE TITELS ---------- */
h1, h2, h3, h4 {
  color: var(--bc-text);
}

h1, .entry-title {
  letter-spacing: 0.12em;
  text-transform: uppercase;
  font-size: 1.8rem;
}

h2 {
  color: var(--bc-gold);
}

/* ---------- FOOTER ---------- */
.site-footer,
.ast-footer-overlay {
  background-color: #050509;
  color: var(--bc-text-muted);
  border-top: 1px solid rgba(240, 181, 69, 0.2);
}

/* ---------- FORMULIEREN ---------- */
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
textarea,
select {
  background-color: #14151C;
  border: 1px solid #262837;
  color: var(--bc-text);
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
  border-color: var(--bc-accent);
  outline: none;
  box-shadow: 0 0 0 1px rgba(38, 198, 218, 0.4);
}

/* ---------- HIGHLIGHT ELEMENTEN ---------- */
hr {
  border-color: rgba(240, 181, 69, 0.3);
}

code, pre {
  background-color: #14151C;
  color: var(--bc-accent);
}