/* ==========================================================================
   Promise Design School — mini-site layout (designschool context)
   Loaded by the PDS-PAGE template AFTER theme.min.css + hiper.css.
   Fonts/colour-utilities/buttons live in hiper.css (shared); this file only
   adds PDS page furniture: header nav, footer, hero, and non-CB helpers.
   ========================================================================== */

:root{
  --pds-cream:#F7E0D4; --pds-orange:#EC885C; --pds-navy:#203B53; --pds-blue:#6599BA;
}

/* page shell — inherit fonts from theme/hiper, just set the cream canvas */
body.pds{ background:var(--pds-cream); color:var(--pds-navy); }
.pds img{ max-width:100%; height:auto; }
.pds-container{ width:100%; max-width:1180px; margin:0 auto; padding:0 24px; }

/* --- Header / nav --- */
.pds-header{ background:#fff; border-bottom:6px solid var(--pds-orange); position:sticky; top:0; z-index:50; }
.pds-header .pds-container{ display:flex; align-items:center; gap:24px; min-height:96px; }
.pds-logo{ display:flex; align-items:center; font-weight:800; line-height:1; text-decoration:none; }
.pds-logo .pds-logo-sm{ font-size:.72rem; color:var(--pds-blue); display:block; }
.pds-logo .pds-logo-lg{ font-size:1.5rem; color:var(--pds-orange); }
.pds-nav{ display:flex; align-items:center; gap:36px; margin-left:24px; }
.pds-nav a{ text-decoration:none; font-size:1.25rem; font-weight:600; color:var(--pds-navy); }
.pds-nav a:hover{ color:var(--pds-orange); }
.pds-header-cta{ margin-left:auto; }

/* header CTA button (chunk-level, not a CB/TinyMCE button) */
.pds-btn{ display:inline-block; text-decoration:none; font-weight:700; text-align:center; border-radius:999px; padding:.6em 1.5em; }
.pds-btn-blue{ background:var(--pds-blue); color:#fff; border:3px solid #fff; box-shadow:0 0 0 2px var(--pds-blue); }
.pds-btn-blue:hover{ filter:brightness(1.06); color:#fff; }

/* --- Interior page hero (also used by the PDS - Page Header CB layout) --- */
.pds-pagehero{ background:var(--pds-cream); padding:48px 0; border-bottom:6px solid var(--pds-orange); }
.pds-pagehero h1{ margin:0; font-size:3.2rem; font-weight:800; color:var(--pds-orange); }

/* --- Section divider (PDS - Divider CB block): thin full-width colour stripe --- */
.pds-divider{ width:100%; height:10px; }

/* --- Footer --- */
.pds-footer{ background:var(--pds-navy); color:#fff; padding:48px 0; border-top:8px solid var(--pds-orange); }
.pds-footer .pds-container{ display:flex; justify-content:space-between; align-items:flex-end; gap:24px; flex-wrap:wrap; }
.pds-footer a{ display:block; color:#fff; text-decoration:none; margin-bottom:8px; font-weight:600; }
.pds-footer .pds-logo-lg{ color:#fff; font-size:2rem; }
.pds-footer .pds-logo-sm{ color:#fff; }

/* --- Tools accordion (Bootstrap collapse — animated, matches sister sites) --- */
#pds-tools-accordion .accordion-item{ background-color:transparent; border:2px solid rgba(255,255,255,.55); margin-bottom:14px; }
#pds-tools-accordion .accordion-collapse{ background-color:transparent; } /* theme sets #F5F7FA — override so navy shows */
#pds-tools-accordion .accordion-button{ color:#fff; }
#pds-tools-accordion .accordion-body{ color:rgba(255,255,255,.9); }

@media (max-width:820px){
  .pds-header .pds-container{ flex-wrap:wrap; min-height:0; padding-top:14px; padding-bottom:14px; }
  .pds-nav{ order:3; width:100%; margin:12px 0 0; gap:22px; }
  .pds-nav a{ font-size:1.05rem; }
  .pds-pagehero h1{ font-size:2.2rem; }
}