/*
Theme Name: AgAurium (Astra child)
Description: Child-thema van Astra in de stijl van AgAurium. Maakt via Weergave > AgAurium installatie de pagina's in het Nederlands, Engels en Duits aan.
Author: AgAurium
Template: astra
Version: 1.0.0
Text Domain: agaurium-child
*/

/* ---------- Kleuren: het palet van Astra krijgt de kleuren van AgAurium ---------- */
:root {
  --ag-bg: #f5f3ec;
  --ag-paneel: #ffffff;
  --ag-inkt: #1c2330;
  --ag-zacht: #667085;
  --ag-lijn: #e2ded2;
  --ag-goud: #b8891f;
  --ag-accent: #1f5f8b;
  --ag-accent-donker: #174a6d;
  --ag-nacht: #0b0f17;
  --ast-global-color-0: #1f5f8b;
  --ast-global-color-1: #174a6d;
  --ast-global-color-2: #1c2330;
  --ast-global-color-3: #3a4354;
  --ast-global-color-4: #f5f3ec;
  --ast-global-color-5: #ffffff;
  --ast-global-color-6: #ebe7da;
  --ast-global-color-7: #1c2330;
  --ast-global-color-8: #e2ded2;
}
body { background: var(--ag-bg); color: var(--ag-inkt); font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; }
h1, h2, h3, h4, .entry-title, .site-title { font-family: inherit; font-weight: 650; letter-spacing: -.01em; color: var(--ag-inkt); }
a { color: var(--ag-accent); }
a:hover { color: var(--ag-accent-donker); }

/* ---------- Kop ---------- */
.wp-custom-logo .site-title, .wp-custom-logo .site-description { display: none; }
.custom-logo-link img, .custom-logo { max-width: 170px; height: auto; }
.main-header-menu .menu-item.ag-menu-knop > .menu-link, .ag-menu-knop > a {
  background: var(--ag-inkt); color: #fff !important; border-radius: 8px; padding: 9px 18px; line-height: 1.2; height: auto; margin-left: 10px; font-weight: 600;
}
.main-header-menu .menu-item.ag-menu-knop > .menu-link:hover, .ag-menu-knop > a:hover { background: var(--ag-accent); }
.main-header-menu .menu-item.ag-menu-knop { display: flex; align-items: center; }

/* ---------- Knoppen in de tekst ---------- */
.entry-content .wp-block-button__link { background: var(--ag-inkt); color: #fff; border: 1px solid var(--ag-inkt); border-radius: 8px; padding: 12px 22px; font-weight: 600; font-size: 16px; line-height: 1.2; text-decoration: none; }
.entry-content .wp-block-button__link:hover { background: var(--ag-accent); border-color: var(--ag-accent); color: #fff; }
.entry-content .wp-block-button.is-style-outline .wp-block-button__link { background: transparent; color: var(--ag-inkt); border-color: #b9b3a2; }
.entry-content .wp-block-button.is-style-outline .wp-block-button__link:hover { background: var(--ag-paneel); color: var(--ag-inkt); border-color: var(--ag-inkt); }
.entry-content .wp-block-buttons { display: flex; flex-wrap: wrap; gap: 12px; margin: 18px 0 0; }

/* ---------- Startpagina over de volle breedte, ook als de pagina-instelling van Astra ontbreekt ---------- */
.home .entry-header, .home .ast-single-entry-banner { display: none; }
.home .site-content > .ast-container { max-width: none; padding-left: 0; padding-right: 0; display: block; }
.home #primary { width: 100%; margin: 0; padding: 0; }
.home .entry-content { margin: 0; }
.home .entry-content > .alignfull, .home .entry-content > section { margin-left: 0; margin-right: 0; max-width: none; width: auto; }
.home article.page, .home .ast-article-single { background: transparent; padding: 0; margin: 0; }

/* ---------- Bouwstenen ---------- */
/* Sommige thema-instellingen zetten een extra laag om de inhoud van een groep; die telt hier niet mee */
[class*="ag-"] > .wp-block-group__inner-container { display: contents; }
.ag-hero { position: relative; isolation: isolate; background: var(--ag-nacht) url(img/zilveren-munt-maple-leaf.jpg) 75% 50% / cover no-repeat; color: #fff; padding: clamp(48px, 9vw, 110px) max(20px, calc((100% - 1200px) / 2)); margin-top: 0; }
.ag-hero::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(11, 15, 23, .92) 0%, rgba(11, 15, 23, .72) 45%, rgba(11, 15, 23, .25) 100%); }
.ag-hero :is(h1, p, .wp-block-buttons) { max-width: 640px; margin-left: 0 !important; margin-right: auto !important; }
.ag-hero h1 { color: #fff; font-size: clamp(30px, 4.4vw, 48px); line-height: 1.1; margin: 0 0 18px; text-wrap: balance; }
.ag-hero .ag-lead { font-size: 19px; line-height: 1.55; color: #e6e9ef; margin: 0 0 14px; }
.ag-hero .ag-gratis { font-size: 15px; font-weight: 600; color: #f0c94b; margin: 0 0 8px; }
.ag-hero .wp-block-button__link { background: #fff; color: var(--ag-inkt); border-color: #fff; }
.ag-hero .wp-block-button__link:hover { background: #f0c94b; border-color: #f0c94b; color: var(--ag-inkt); }
.ag-hero .wp-block-button.is-style-outline .wp-block-button__link { background: rgba(255, 255, 255, .1); color: #fff; border-color: rgba(255, 255, 255, .55); }
.ag-hero .wp-block-button.is-style-outline .wp-block-button__link:hover { background: rgba(255, 255, 255, .22); color: #fff; border-color: #fff; }

.ag-sectie { padding: 52px max(20px, calc((100% - 1200px) / 2)) 12px; }
.ag-sectie h2, .ag-eind h2 { font-size: clamp(24px, 2.8vw, 32px); margin: 0 0 20px; }
.ag-sectie h3 { font-size: 19px; margin: 24px 0 6px; }
.ag-sectie p, .ag-sectie li { font-size: 17px; line-height: 1.65; }
.ag-sectie p { max-width: 68ch; }
.ag-smal { max-width: 800px; margin-left: auto; margin-right: auto; padding-left: 0; padding-right: 0; padding-top: 8px; }
.ag-smal h2 { font-size: 22px; margin: 30px 0 8px; }
.ag-smal .wp-block-image img { border-radius: 12px; margin: 10px 0; }

.ag-kaarten { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 18px; }
.ag-kaart { background: var(--ag-paneel); border: 1px solid var(--ag-lijn); border-radius: 12px; overflow: hidden; margin: 0 !important; }
.ag-kaart .wp-block-image { margin: 0; max-width: none; }
.ag-kaart .wp-block-image img { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }
.ag-kaart h3 { margin: 16px 18px 6px; font-size: 19px; }
.ag-kaart p { margin: 0 18px 18px; font-size: 15.5px; line-height: 1.55; color: #3a4354; }

.ag-twee { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); gap: 44px; align-items: center; }
.ag-twee .ag-tekst, .ag-twee > .wp-block-image, .ag-twee > .wp-block-group__inner-container > .wp-block-image { margin: 0 !important; max-width: none; }
.ag-twee .wp-block-image img { display: block; width: 100%; border-radius: 12px; }
.ag-twee.omgekeerd .wp-block-image { order: -1; }
.ag-lijst { list-style: none; margin: 0; padding: 0; }
.ag-lijst li { position: relative; padding: 0 0 0 28px; margin: 0 0 10px; }
.ag-lijst li::before { content: ""; position: absolute; left: 4px; top: .55em; width: 10px; height: 10px; border-radius: 50%; background: var(--ag-goud); }

.ag-faq details, .entry-content details.wp-block-details { background: var(--ag-paneel); border: 1px solid var(--ag-lijn); border-radius: 10px; padding: 0 18px; margin: 0 0 10px; max-width: 860px; }
.ag-faq summary, .entry-content details.wp-block-details summary { cursor: pointer; font-weight: 600; font-size: 17px; padding: 15px 0; }
.ag-faq details p { margin: 0 0 16px; }
.ag-faq details .wp-block-buttons { margin: 0 0 18px; }

.ag-eind { text-align: center; padding: 56px 20px 64px; }
.ag-eind .wp-block-buttons { justify-content: center; }

/* ---------- Voet ---------- */
.ag-voet { display: flex; flex-wrap: wrap; gap: 10px 24px; justify-content: space-between; align-items: center; padding: 20px max(20px, calc((100% - 1200px) / 2)); background: var(--ag-inkt); color: #c9cfd9; font-size: 14.5px; }
.ag-voet a { color: #fff; text-decoration: none; margin-left: 18px; }
.ag-voet a:first-child { margin-left: 0; }
.ag-voet a:hover { text-decoration: underline; color: #fff; }
.ag-voet-merk { font-weight: 600; color: #fff; }

@media (max-width: 860px) {
  .ag-twee { grid-template-columns: minmax(0, 1fr); gap: 22px; }
  .ag-twee.omgekeerd .wp-block-image { order: 0; }
  .ag-sectie { padding-top: 36px; }
  .ag-smal { padding-left: 4px; padding-right: 4px; }
  .ag-hero::before { background: rgba(11, 15, 23, .72); }
  .main-header-menu .menu-item.ag-menu-knop > .menu-link, .ag-menu-knop > a { margin: 8px 16px; display: inline-block; }
}

.entry-content [class*="ag-"] img { max-width: 100%; height: auto; }