/*!
 * concordis-2026: WordPress integration layer.
 * The design system lives in concordis-2026.css. This file only (1) makes theme.json the single
 * source for brand colors, (2) neutralises WordPress wrapper elements so the approved markup
 * renders exactly as designed, and (3) adds a few WordPress-only cases (admin bar, social icons).
 */

/* 1. theme.json presets drive the runtime color tokens (one source of truth). */
:root{
--navy:var(--wp--preset--color--navy,#023750);
--navy-hover:var(--wp--preset--color--navy-hover,#0B4A68);
--navy-deep:var(--wp--preset--color--navy-deep,#011F2E);
--mist:var(--wp--preset--color--mist,#C9D5DC);
--gold:var(--wp--preset--color--gold,#BBA14F);
--gold-hover:var(--wp--preset--color--gold-hover,#CBB468);
--gold-text:var(--wp--preset--color--gold-text,#7A672C);
--cream:var(--wp--preset--color--cream,#F9F4EB);
--white:var(--wp--preset--color--white,#FFFFFF);
--stone:var(--wp--preset--color--stone,#F6F5F1);
--stone-2:var(--wp--preset--color--stone-2,#ECEAE3);
--ink:var(--wp--preset--color--ink,#16232B);
--ink-muted:var(--wp--preset--color--ink-muted,#4A5A64);
--line-color:var(--wp--preset--color--line-color,#DDD9CE);
}

/* 2. WordPress wrappers are layout-neutral. */
.wp-site-blocks,.wp-site-blocks>*,.wp-block-template-part,.wp-block-post-content,.entry-content{margin:0;padding:0}
.wp-site-blocks>*+*{margin-block-start:0}
.wp-block-group,.wp-block-list,.wp-block-heading{box-sizing:border-box}
.wp-block-details summary{cursor:pointer}
/* The approved designs keep the browser's default <figure> margin on testimonial cards; WordPress resets it. */
figure.cds-testimonial{margin:1em 40px}
/* Block lists keep the design-system list styling (class-based in concordis-2026.css). */
.cds-site ul.wp-block-list,.cds-site ol.wp-block-list{margin-block:0}

/* 3a. Fixed header sits below the WordPress admin bar for signed-in editors. */
.admin-bar .cds-site-header,.admin-bar .cds-drawer{top:32px}
@media screen and (max-width:782px){.admin-bar .cds-site-header,.admin-bar .cds-drawer{top:46px}}
@media screen and (max-width:600px){.admin-bar .cds-site-header{top:0}.admin-bar #wpadminbar{position:absolute}}

/* 3b. Social links use the WordPress social-link icon set (single weight, white on navy). */
.cds-social svg{width:20px;height:20px;fill:currentColor;color:var(--white)}
.cds-social a:hover svg{color:var(--white)}

/* 3c. Long button labels (e.g. "Learn about Special Needs Support Services", 447px) wrap instead of
   overflowing a narrow column or phone viewport. Labels that fit render exactly as before (single line).
   Deviation from the prototype, which overflowed at 390-480px and at 1024px (Home feature). */
/* Line height 1.3 keeps wrapped lines readable; vertical padding is reduced by the same .15em so a
   single-line button keeps the exact approved height (15px label + 2x16px = 47px; sm 13px + 2x11px). */
.cds-btn{max-width:100%;white-space:normal;text-align:center;line-height:1.3;padding-block:calc(16px - .15em)}
.cds-btn--sm{padding-block:calc(11px - .15em)}
.cds-btn--text{padding-block:calc(6px - .15em)}

/* 3d. Simple system templates (404, archives) reuse page-intro spacing. */
.cds-system-page{padding-block:var(--section-pad)}