/* ============================================================
   Profile theme — mirrors GHEPMCO 2026-2027 company profile
   Grey + deep forest green + sage, angled panels,
   monochrome photography, arched frames.
   Scoped to html[data-theme="profile"] body (layered over styles.css)
   ============================================================ */
html[data-theme="profile"] body{
  --green:#1f4a2c;
  --green-2:#2c6b3f;
  --green-d:#2c6b3f;
  --sage:#9caf99;
  --ink:#1f4a2c;
  --charcoal:#33403a;
  --muted:#5d6a60;
  --line:#c6ccc4;
  --bg-soft:#c9cdc5;
  --grey:#d8dad6;
  background:var(--grey);
  color:var(--charcoal);
}

/* Mega menu in profile theme */
html[data-theme="profile"] body .nav-item .nav-link{color:#28402e}
html[data-theme="profile"] body .nav-item:hover .nav-link,
html[data-theme="profile"] body .nav-item.open .nav-link{color:#1f4a2c}
html[data-theme="profile"] body .mega-menu{background:#eef0ec;border-top-color:var(--line);border-bottom-color:var(--line);box-shadow:0 14px 28px -12px rgba(31,74,44,.20)}
html[data-theme="profile"] body .mega-col h4{color:#5d6a60}
html[data-theme="profile"] body .mega-col a{color:#1f4a2c}
html[data-theme="profile"] body .mega-col a:hover{color:#2c6b3f}
html[data-theme="profile"] body .mega-col a small{color:#5d6a60}

/* Header — grey, forest-green wordmark */
html[data-theme="profile"] body .site-header{background:rgba(216,218,214,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(8px)}
html[data-theme="profile"] body .nav a{color:#28402e}
html[data-theme="profile"] body .nav a:hover{color:#1f4a2c}
html[data-theme="profile"] body .nav .nav-cta{background:#1f4a2c;color:#eef1ec}
html[data-theme="profile"] body .nav .nav-cta:hover{background:#15301d;color:#fff}
html[data-theme="profile"] body .logo-wm{color:#1f4a2c}
html[data-theme="profile"] body .logo-wm small{color:#5d6a60}

/* Monochrome photography with green-tinted duotone, color on hover */
html[data-theme="profile"] body .col-img img,
html[data-theme="profile"] body .feature-bg,
html[data-theme="profile"] body .hero-bg{filter:grayscale(1) contrast(1.06) brightness(.98);transition:filter .5s ease}
html[data-theme="profile"] body .col-img img:hover{filter:grayscale(0) contrast(1) brightness(1)}

/* Hero — grayscale architecture + angled deep-green panel */
html[data-theme="profile"] body .hero{background:var(--grey)}
html[data-theme="profile"] body .hero-overlay{background:linear-gradient(105deg,rgba(31,74,44,.94) 0%,rgba(31,74,44,.62) 46%,rgba(31,74,44,.12) 100%)}
html[data-theme="profile"] body .hero::after{content:none}
html[data-theme="profile"] body .hero-inner{z-index:2}
html[data-theme="profile"] body .eyebrow{color:#bcd0bd}

/* Section title — uppercase, forest green (profile style). Alignment follows
   the document direction: LTR sits at the left margin, RTL at the right.
   styles-rtl.css owns the AR override. */
html[data-theme="profile"] body .section-title{text-transform:uppercase;text-align:left;max-width:none;letter-spacing:.01em;color:#1f4a2c}
html[data-theme="profile"] body .services .kicker,
html[data-theme="profile"] body .team .kicker,
html[data-theme="profile"] body .audience .kicker,
html[data-theme="profile"] body .certs .kicker,
html[data-theme="profile"] body .roadmap .kicker{text-align:left}
html[data-theme="profile"] body .kicker{color:#2c6b3f}

/* Alternating band system from the profile */
html[data-theme="profile"] body .block{background:var(--grey)}
html[data-theme="profile"] body .ceo{background:var(--sage)}
html[data-theme="profile"] body .ceo .kicker{color:#1f4a2c}
html[data-theme="profile"] body .ceo .signature{color:#15301d}
html[data-theme="profile"] body .ceo .signature span{color:#33403a}
html[data-theme="profile"] body .team{background:var(--grey)}
html[data-theme="profile"] body .vm{background:#1f4a2c}
html[data-theme="profile"] body .vm-grid h3{color:#bcd0bd}
html[data-theme="profile"] body .services{background:var(--sage)}
html[data-theme="profile"] body .audience{background:var(--grey)}
html[data-theme="profile"] body .roadmap{background:var(--sage)}
html[data-theme="profile"] body .qhse{background:var(--grey)}
html[data-theme="profile"] body .certs{background:var(--sage)}
html[data-theme="profile"] body .cert{background:#e7eae5;border-top-color:#1f4a2c}
html[data-theme="profile"] body .cert .issuer,
html[data-theme="profile"] body .cert .meta{color:#1f4a2c}

/* Cards */
html[data-theme="profile"] body .svc{background:#eef0ec}
html[data-theme="profile"] body .svc:hover{background:#1f4a2c}
html[data-theme="profile"] body .svc:hover h3{color:#bcd0bd}
html[data-theme="profile"] body .svc:hover p{color:#dfe6dc}
html[data-theme="profile"] body .svc-grid,
html[data-theme="profile"] body .aud-grid{background:var(--line);border-color:var(--line)}
html[data-theme="profile"] body .aud-grid article{background:#dfe2dc}
html[data-theme="profile"] body .road-grid article{background:#e7eae5;border-top-color:#1f4a2c}
html[data-theme="profile"] body .phase{color:#2c6b3f}
html[data-theme="profile"] body .iso{background:#e7eae5;border-bottom-color:#1f4a2c}
html[data-theme="profile"] body .member-tba{background-color:#dfe2dc;background-image:url("/assets/img/logo-mark.png");background-position:center;background-size:45%;background-repeat:no-repeat;color:var(--sage)}
html[data-theme="profile"] body .member span{color:#2c6b3f}

/* Arched / pill frames for portraits (profile motif) */
html[data-theme="profile"] body .ceo .col-img img{
  border-radius:4px;
  border:6px solid #1f4a2c}
html[data-theme="profile"] body .member img{
  border-radius:50% 50% 6px 6px / 30% 30% 3px 3px;
  border:none;border-bottom:5px solid #1f4a2c}
/* Placeholder (logo box) keeps a clean rectangle even in profile theme */
html[data-theme="profile"] body .member .member-tba{
  border-radius:4px;border:1px solid rgba(31,74,44,.12);border-bottom:4px solid #1f4a2c}

/* Forms */
html[data-theme="profile"] body .col-form input,
html[data-theme="profile"] body .col-form textarea{background:#eef0ec;border-color:var(--line);color:#28402e}
html[data-theme="profile"] body .col-form input::placeholder,
html[data-theme="profile"] body .col-form textarea::placeholder{color:#6d786f}
html[data-theme="profile"] body .col-form input:focus,
html[data-theme="profile"] body .col-form textarea:focus{background:#fff;border-color:#1f4a2c}

/* Feature + sustainability — deep green bands with sage accents */
html[data-theme="profile"] body .feature-overlay{background:linear-gradient(95deg,rgba(31,74,44,.95),rgba(31,74,44,.62))}
html[data-theme="profile"] body .feature-inner .kicker,
html[data-theme="profile"] body .susta .kicker{color:#bcd0bd}
html[data-theme="profile"] body .susta{background:#1f4a2c;border-top:none}
html[data-theme="profile"] body .stats{background:#15301d}
html[data-theme="profile"] body .lbl{color:#bcd0bd}

/* Footer — deep forest green */
html[data-theme="profile"] body .site-footer{background:#15301d;color:#cdd7cb}
html[data-theme="profile"] body .site-footer h4{color:#fff}
html[data-theme="profile"] body .foot-grid a:hover{color:var(--sage)}
html[data-theme="profile"] body .foot-bottom{border-top-color:rgba(255,255,255,.12);color:#9aa79b}

/* Buttons — solid forest green */
html[data-theme="profile"] body .btn-primary{background:#1f4a2c;color:#eef1ec;box-shadow:0 6px 16px -6px rgba(21,48,29,.5)}
html[data-theme="profile"] body .btn-primary:hover{background:#15301d}
html[data-theme="profile"] body .btn-ghost{border-color:rgba(255,255,255,.7);color:#fff}
html[data-theme="profile"] body .btn-ghost:hover{background:#fff;color:#1f4a2c}

/* Theme badge */
html[data-theme="profile"] body .theme-tag{
  position:fixed;right:18px;bottom:18px;z-index:60;
  background:#1f4a2c;color:#dfe6dc;border:1px solid rgba(255,255,255,.18);
  font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;
  padding:9px 16px;border-radius:999px;box-shadow:0 8px 24px -10px rgba(0,0,0,.4)}
html[data-theme="profile"] body .theme-tag a{color:var(--sage)}

/* Page hero (inner pages) */
html[data-theme="profile"] body .page-hero{background:var(--sage);color:#1f4a2c;border-bottom:1px solid var(--line)}
html[data-theme="profile"] body .page-hero h1{color:#1f4a2c;text-align:left;text-transform:uppercase}
html[data-theme="profile"] body .page-hero .eyebrow{color:#1f4a2c;text-align:left;display:block}
html[data-theme="profile"] body .page-hero .page-sub{color:#2c4b35;text-align:left;margin-left:0;margin-right:0}

/* Nav tools */
html[data-theme="profile"] body .theme-switch{background:rgba(31,74,44,.08)}
html[data-theme="profile"] body .theme-switch button{color:#1f4a2c}
html[data-theme="profile"] body .theme-switch button.active{background:#1f4a2c;color:#eef1ec}
html[data-theme="profile"] body .lang-link{color:#1f4a2c}

@media(max-width:1180px){
  html[data-theme="profile"] body .nav{background:#d8dad6;border-bottom:1px solid var(--line)}
}
@media(max-width:960px){
  html[data-theme="profile"] body .hero::after{display:none}
}

/* Scroll-to-top button — deep sage palette */
html[data-theme="profile"] body .scroll-top{background:#1f4a2c;color:#dfe2dc;border:1px solid rgba(255,255,255,.08)}
html[data-theme="profile"] body .scroll-top:hover{background:#143020}


/* Projects page — profile theme */
html[data-theme="profile"] body .proj-filter-chip{border-color:#c6ccc4;color:#28402e}
html[data-theme="profile"] body .proj-filter-chip:hover{border-color:#1f4a2c;color:#1f4a2c}
html[data-theme="profile"] body .proj-filter-chip.active{background:#1f4a2c;color:#eef1ec;border-color:#1f4a2c}
html[data-theme="profile"] body .project-card{background:#eef0ec;border-color:#c6ccc4}
html[data-theme="profile"] body .project-card-body h3{color:#1f4a2c}
