/*

Theme Name: Alma College
Template: kadence
Author: Cloudwise
Version: 1.0.0
Text Domain: carmel-theme
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
*/

/**
 * Alma College — thema op het Carmel design system.
 *
 * Kleuren, fonts en maten staan in css/variables.css. Basis-typografie,
 * kop-schakelaars, knoppen en sectie-afstand komen uit de plugin
 * (carmel-core: assets/css/design-system/). Header, footer en patronen
 * ook (assets/css/shared/).
 *
 * In dit bestand ALLEEN wat echt bij Alma hoort: schoolspecifieke vormen,
 * decoraties en kop-schakelaars voor eigen componenten. Geen font-size
 * met !important op koppen; gebruik de schakelaars, bv.:
 *     .mijn-component { --h3-size: var(--h1-size); }
 *
 * Opbouw
 *  1. Basis
 *  2. Knoppen
 *  3. Header & navigatie
 *  4. Breadcrumbs
 *  5. Secties & componenten
 *  6. Footer
 */


/* ================================================================
   1. Basis
   ================================================================ */

body {
    background-color: var(--carmel-color-bg);
}


/* ================================================================
   2. Knoppen (Figma "Components" → Button Large: 64px hoog, 32px
   padding, 16px tussenruimte, Poppins medium; mobiel 48 / 16 / 8)
   Afronding en kleuren komen uit de tokens via de plugin. Alleen
   tekstknoppen; icoonknoppen (zoeken, slider-pijlen) houden hun maat.
   ================================================================ */

.kb-button.wp-block-button__link:has(.kt-btn-inner-text) {
    font-family: var(--carmel-font-body) !important;
    min-height: var(--alma-btn-height);
    padding: 0 var(--alma-btn-padding-x) !important;
    gap: var(--alma-btn-gap);
    align-items: center;
}


/* ================================================================
   3. Header & navigatie
   ================================================================ */


/* ================================================================
   4. Breadcrumbs (plugin: Carmel instellingen → Breadcrumbs)
   De plugin kiest zelf tussen deze twee op basis van de achtergrond.
   ================================================================ */

:root {
    --carmel-breadcrumbs-color-on-light: var(--alma-donker-blauw);
    --carmel-breadcrumbs-color-on-dark: var(--alma-ac-grijs);
}


/* ================================================================
   5. Secties & componenten
   ================================================================ */


/* ================================================================
   6. Footer
   ================================================================ */