/*
Theme Name: Mohamad Ali — Learning Design Portfolio
Theme URI: https://mohamad-ali.com/
Author: OpenAI / Mohamad Ali
Description: A lightweight custom theme based on the approved HTML portfolio concept. Includes bespoke front-page, work, consulting, research, about, and contact templates.
Version: 0.4.8
Requires at least: 6.2
Requires PHP: 8.0
Text Domain: ma-portfolio
License: GPL-2.0-or-later
*/
/* Minimal WordPress-safe additions (layout is in assets/css/). */
.screen-reader-text{position:absolute!important;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;width:1px;overflow:hidden;white-space:nowrap;}
.screen-reader-text:focus{clip:auto;clip-path:none;height:auto;width:auto;left:1rem;top:1rem;z-index:99999;background:white;color:#132f46;padding:1rem}
.wp-block-image img{max-width:100%;height:auto}
img{max-width:100%}

/* Keep the Contact navigation button legible, including on the active page.
   More specific than each page stylesheet's generic nav current/hover rules. */
header nav#mainnav a.btn.nav-cta,
header nav#mainnav a.btn.nav-cta:visited,
header nav#mainnav a.btn.nav-cta:hover,
header nav#mainnav a.btn.nav-cta:focus-visible,
header nav#mainnav a.btn.nav-cta[aria-current="page"] {
  color: #ffffff;
}


/* v0.3.8 — Unified site footer. Namespace these selectors to avoid template CSS conflicts. */
footer.ma-site-footer {
  display: block;
  position: relative;
  background: #0b2335;
  color: #d6e6eb;
  padding: 48px 0 27px;
  font-size: 15px;
  line-height: 1.65;
  overflow-wrap: anywhere;
}
footer.ma-site-footer > .wrap {
  display: block;
  box-sizing: border-box;
  width: 100%;
  max-width: 1170px;
  padding: 0 30px;
  margin: 0 auto;
}
footer.ma-site-footer .footer-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 26px 54px;
  align-items: start;
  padding: 0 0 26px;
  border-bottom: 1px solid #284455;
}
footer.ma-site-footer .footer-grid > div,
footer.ma-site-footer .footer-grid nav,
footer.ma-site-footer .ma-footer-legal span {
  min-width: 0;
}
footer.ma-site-footer .footer-grid p { line-height: 1.55; }
footer.ma-site-footer nav.ma-footer-nav {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 8px 20px;
  position: static;
  box-shadow: none;
  border: 0;
  background: transparent;
  padding: 3px 0;
  margin: 0;
}
footer.ma-site-footer nav.ma-footer-nav a,
footer.ma-site-footer nav.ma-footer-nav a:visited {
  display: inline-block;
  color: #e2f0f1;
  font-size: 13px;
  font-weight: 650;
  text-decoration: none;
  padding: 5px 0;
  white-space: nowrap;
}
footer.ma-site-footer nav.ma-footer-nav a:hover,
footer.ma-site-footer nav.ma-footer-nav a:focus-visible {color: #a5e0db;text-decoration: underline;}
footer.ma-site-footer .copyright.ma-footer-legal {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px 28px;
  color: #aac0c9;
  padding: 22px 0 0;
  margin: 0;
  font-size: 12px;
  line-height: 1.6;
}
footer.ma-site-footer .copyright.ma-footer-legal span {display: block;flex: 0 1 auto;}
@media (max-width: 780px) {
  footer.ma-site-footer {padding: 36px 0 24px;}
  footer.ma-site-footer .footer-grid {grid-template-columns: 1fr;gap: 16px;padding-bottom: 21px;}
  footer.ma-site-footer nav.ma-footer-nav {justify-content: flex-start;gap: 5px 19px;}
  footer.ma-site-footer .copyright.ma-footer-legal {flex-direction: column;gap: 5px;}
}
@media (max-width: 400px) {
  footer.ma-site-footer > .wrap {padding-left: 20px;padding-right: 20px;}
}

/* Content reconciliation v0.4.1: flexible additions to About, Research and Work. */
.career .career-dates{color:#126f74;font-size:.9rem;font-weight:750;margin:.3rem 0 .8rem}
.legacy-credentials{background:#f4f8f7}.legacy-chip-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.legacy-chip-grid span{background:white;padding:18px 20px;border:1px solid #d9e6e4;border-radius:12px;font-weight:650;color:#183951;line-height:1.45}
.legacy-testimonial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:30px}
.legacy-testimonial-grid blockquote{margin:0;background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.18);padding:27px;border-radius:14px;color:#f1f9f8}
.legacy-testimonial-grid p{font-family:Georgia,serif;font-style:italic;font-size:1.16rem;line-height:1.55;color:white}
.legacy-testimonial-grid footer{font-style:normal;font-weight:750;color:#b2d9d8;line-height:1.45}
.legacy-testimonial-grid footer small{display:block;font-weight:400;color:#d9e6e8;margin-top:6px}
.legacy-note{color:#b2cbd0;font-size:.82rem;margin-top:24px}
.research-expanded{background:#f4f8f7}.research-expanded-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.research-expanded-grid article,.research-publication-grid article{background:white;border:1px solid #dce7e5;padding:27px;border-radius:14px}
.research-expanded-grid h3,.research-publication-grid h3{color:#132f46}.research-expanded-grid p,.research-publication-grid p{color:#4a6170}
.research-publication-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.research-publication-grid article{display:flex;flex-direction:column;align-items:flex-start}.research-publication-grid article .btn{margin-top:auto}
.future-note{border-left:4px solid #126f74;padding:24px 26px;background:#eff6f4;margin-top:26px;border-radius:0 12px 12px 0}.future-note p{margin:0}
.earlier-work{background:#fff}.earlier-work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.earlier-work-grid a{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px;background:#f7faf9;border:1px solid #dce7e5;border-radius:12px;text-decoration:none;color:#143047}
.earlier-work-grid a:hover,.earlier-work-grid a:focus-visible{border-color:#126f74;background:#f0f7f6}.earlier-work-grid a span{color:#126f74;font-size:.85rem;white-space:nowrap}
@media(max-width:960px){.legacy-chip-grid,.legacy-testimonial-grid,.research-expanded-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.legacy-chip-grid,.legacy-testimonial-grid,.research-expanded-grid,.research-publication-grid,.earlier-work-grid{grid-template-columns:1fr}.earlier-work-grid a{align-items:flex-start;flex-direction:column;gap:7px}}
/* Reconciled testimonial block occupies the full width; override old two-column pull-quote shell. */
.endorsement .wrap{display:block}
.endorsement .section-lead{max-width:780px;margin-bottom:24px}
.endorsement .legacy-testimonial-grid{margin:0}
.endorsement .legacy-note{margin:24px 0 0}