/* ==========================================================================
   Short Course Profile (gid=23) — CSS
   - Section headers styled with blue text + darker green side bar
   - Light, brand-aligned background band + subtle divider
   ========================================================================== */

/* ---- Brand palette (from site) ---- */
:root{
  --libre-bodoni: "Libre Bodoni", serif;
  --anuphan: "Anuphan", sans-serif;
  --dark-cerulean: #004b82;           /* requested text color */
  --paolo-veronese-green: #01927e;    /* requested left bar color */
  --black: #000;
  --white: #fff;
  --roman-silver: #868193;
  --quartz: #4B4657;
  --platinum: #E1DEE8;
  --azureish-white: #d9efec;
}

/* ---- Section Header (shared for top + sub-sections) ---- */
.smdm-section-title{
  margin: 28px 0 14px;
  padding: 10px 14px;
  font-family: var(--anuphan, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif);
  font-weight: 800;
  font-size: 20px;
  line-height: 1.2;
  color: var(--dark-cerulean);                 /* text = blue */
  background: var(--azureish-white);           /* soft band */
  /* border-left: 6px solid var(--paolo-veronese-green);  */
  border-radius: 6px;
}

/* Variants (all share same theming; kept for hooks if needed) */
.smdm-section-title--top,
.smdm-section-title--details,
.smdm-section-title--director{
  color: var(--dark-cerulean);
  /* border-left-color: var(--paolo-veronese-green); */
}

/* Tighten the first row that follows any header */
.smdm-section-title + .crm-section{
  margin-top: 6px;
}

/* Optional: match icons within headers to the text color */
.smdm-section-title i,
.smdm-section-title svg{
  color: var(--dark-cerulean);
}
/* - in child theme civi-custom-style
.help {
  padding:0 20px 20px!important;
  margin-bottom:20px!important;
} */
/* ---- Small viewport adjustments ---- */
@media (max-width: 640px){
  .smdm-section-title{
    margin: 22px 0 12px;
    font-size: 18px;
    padding: 9px 12px;
    border-left-width: 5px;
  }
}

/* ---- Minimal form polish (safe) ---- */
body.adg-short-course-active #crm-profile-block .crm-section .label label{
  font-family: var(--anuphan, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif);
  color: var(--quartz);
}

body.adg-short-course-active #crm-profile-block .crm-form-text,
body.adg-short-course-active #crm-profile-block .crm-form-textarea,
body.adg-short-course-active #crm-profile-block .crm-form-select{
  max-width: 720px;
}

body.adg-short-course-active #crm-profile-block .crm-marker{
  color: #c62828; /* keep required a11y-contrast; leave brand colors for headers */
}