/* AWEDO targeted readability layer — rebuilt 2026-08-15
   Purpose: preserve the site's intended design while preventing dark-on-dark
   and white-on-white text. This file is intentionally explicit, not broad. */
:root{
  --awedo-ink:#26384a;
  --awedo-heading:#082b4c;
  --awedo-muted:#526579;
  --awedo-link:#075f92;
}
html,body{color:var(--awedo-ink);background:#fff}

/* Header and navigation */
.topbar,.topbar *{color:#f2f8ff!important}
.topbar a{color:#fff!important}
.site-name-title,.pashto-title{color:#06244b!important}
.site-name-slogan,.english-title{color:#334155!important}
@media(min-width:901px){
  .menu-strip .nav-item>a,.menu-strip .menu-trigger,.menu-strip .menu-trigger-label,.menu-strip .menu-trigger-arrow{color:#fff!important}
  .menu-strip .submenu,.menu-strip .submenu-right{background:#fff!important;color:#172b3d!important}
  .menu-strip .submenu a{background:#fff!important;color:#1d3550!important}
  .menu-strip .submenu a:hover,.menu-strip .submenu a:focus-visible{background:#eaf4fa!important;color:#064f7b!important}
}
@media(max-width:900px){
  .menu-strip .menu{background:#fff!important;color:#082b4c!important}
  .menu-strip .menu .nav-item>a,.menu-strip .menu .menu-trigger,.menu-strip .menu .menu-trigger-label,.menu-strip .menu .menu-trigger-arrow{color:#082b4c!important}
  .menu-strip .submenu,.menu-strip .submenu-right{background:#f4f8fb!important}
  .menu-strip .submenu a{color:#123d5c!important}
}

/* Image/photo heroes: text is light, but white buttons keep dark labels */
.page-hero h1,.page-hero h2,.page-hero p,.page-hero .eyebrow,
.update-hero h1,.update-hero h2,.update-hero p,.update-hero .eyebrow,.update-hero .update-date,
.about-hero h1,.about-hero h2,.about-hero p,.about-hero .eyebrow,
.contact-hero h1,.contact-hero h2,.contact-hero p,.contact-hero .eyebrow,
.media-hub-hero h1,.media-hub-hero h2,.media-hub-hero p,.media-hub-hero .eyebrow,
.wwu-hero h1,.wwu-hero h2,.wwu-hero p,.wwu-hero .wwu-kicker,
.res-hero h1,.res-hero h2,.res-hero p,.res-hero .eyebrow,.res-hero .res-kicker,
.wd-hero h1,.wd-hero h2,.wd-hero p,.wd-hero .wd-kicker,
.projects-hero-pro h1,.projects-hero-pro h2,.projects-hero-pro p,.projects-hero-pro .eyebrow,
.professional-page-hero h1,.professional-page-hero h2,.professional-page-hero p,.professional-page-hero .eyebrow{
  color:#fff!important;
}
.about-btn.primary,.media-hub-actions .primary,.wd-btn.primary,
.res-btn.secondary,.wwu-callout .wwu-button,.media-cta a{
  background:#fff!important;
  color:#082b4c!important;
  text-shadow:none!important;
}
.about-btn.secondary,.media-hub-actions .ghost,.wd-btn.ghost{color:#fff!important}

/* The three institutional-standard pages use the AWEDO footer gradient */
.institutional-standard-hero{background:linear-gradient(140deg,#031831 0%,#05264e 100%)!important;color:#fff!important}
.institutional-standard-hero h1,.institutional-standard-hero h2,.institutional-standard-hero h3,.institutional-standard-hero p,.institutional-standard-hero span,.institutional-standard-hero strong,.institutional-standard-hero .eyebrow{color:#fff!important}
.institutional-standard-hero p{color:#e7eef7!important}
.institutional-standard-hero .eyebrow{color:#bfe6ff!important}

/* Known dark/navy components */
.dark,.contact-route,.contact-coverage,.trust-panel,.wwu-callout,.res-band,
.feedback-info,.projects-trust,.media-contact-panel,.topic-card,.media-cta .container,
.wd-section.dark{color:#fff!important}
.dark h1,.dark h2,.dark h3,.dark h4,.dark strong,
.contact-route h1,.contact-route h2,.contact-route h3,.contact-route h4,.contact-route strong,
.contact-coverage h1,.contact-coverage h2,.contact-coverage h3,.contact-coverage h4,.contact-coverage strong,
.trust-panel h1,.trust-panel h2,.trust-panel h3,.trust-panel h4,.trust-panel strong,
.wwu-callout h1,.wwu-callout h2,.wwu-callout h3,.wwu-callout h4,.wwu-callout strong,
.res-band h1,.res-band h2,.res-band h3,.res-band h4,.res-band strong,
.feedback-info h1,.feedback-info h2,.feedback-info h3,.feedback-info h4,.feedback-info strong,
.projects-trust h1,.projects-trust h2,.projects-trust h3,.projects-trust h4,.projects-trust strong,
.media-contact-panel h1,.media-contact-panel h2,.media-contact-panel h3,.media-contact-panel h4,.media-contact-panel strong,
.topic-card h1,.topic-card h2,.topic-card h3,.topic-card h4,.topic-card strong,
.media-cta .container h1,.media-cta .container h2,.media-cta .container h3,.media-cta .container h4,
.wd-section.dark h1,.wd-section.dark h2,.wd-section.dark h3,.wd-section.dark h4,.wd-section.dark strong{color:#fff!important}
.dark p,.contact-route p,.contact-coverage p,.trust-panel p,.wwu-callout p,.res-band p,.feedback-info p,.projects-trust p,.media-contact-panel p,.media-cta .container p,.wd-section.dark p{color:rgba(255,255,255,.86)!important}
.dark a,.contact-route a,.contact-coverage a,.trust-panel a,.projects-trust a,.media-contact-panel a,.topic-card,.topic-card a,.wd-section.dark a{color:#fff!important}

/* IMPORTANT: these are LIGHT components and must use dark text */
.wd-cta,.wwu-strip,.wwu-photo-card,.wwu-opportunity,.wwu-partner-types article,
.wwu-contact-card,.res-tile,.profile-value,.report-panel,.verify-trust-strip div,
.card,.card-body,.panel,.detail-card,.pillar-card,.value-card,.office-card,.channel-card,
.institution-resource-card,.portfolio-nav-card,.current-project-card,.home-update-card,
.contact-form-card,.contact-mini-route,.vacancy-card,.vacancy-apply-form,.vacancy-summary-grid>div,
.pro-panel,.pro-card-head,.pro-token-card,.pro-control-strip,.pro-success-card,.bank-verify-card,
.editorial-principles article,.media-kpi,.story-tile{
  color:var(--awedo-ink)!important;
}
.wd-cta h1,.wd-cta h2,.wd-cta h3,.wd-cta h4,
.wwu-strip h1,.wwu-strip h2,.wwu-strip h3,.wwu-strip h4,.wwu-strip strong,
.wwu-photo-card h1,.wwu-photo-card h2,.wwu-photo-card h3,.wwu-photo-card h4,
.wwu-opportunity h1,.wwu-opportunity h2,.wwu-opportunity h3,.wwu-opportunity h4,
.wwu-partner-types h1,.wwu-partner-types h2,.wwu-partner-types h3,.wwu-partner-types h4,
.wwu-contact-card h1,.wwu-contact-card h2,.wwu-contact-card h3,.wwu-contact-card h4,
.res-tile h1,.res-tile h2,.res-tile h3,.res-tile h4,
.profile-value h1,.profile-value h2,.profile-value h3,.profile-value h4,
.card h1,.card h2,.card h3,.card h4,.card-body h1,.card-body h2,.card-body h3,.card-body h4,
.panel h1,.panel h2,.panel h3,.panel h4,.office-card h3,.channel-card h3,.detail-card h3,.pillar-card h3,.value-card h3,
.institution-resource-card h3,.portfolio-nav-card h3,.current-project-card h3,.home-update-card h3,
.contact-form-card h3,.vacancy-card h3,.report-panel h2,.report-panel h3,.bank-verify-card h1,.bank-verify-card h2,.bank-verify-card h3{
  color:var(--awedo-heading)!important;
}
.wd-cta p,.wwu-strip span,.wwu-photo-card p,.wwu-opportunity p,.wwu-partner-types p,.wwu-contact-card p,
.res-tile p,.profile-value p,.card p,.card li,.card-body p,.card-body li,.panel p,.office-card p,.channel-card p,
.detail-card p,.pillar-card p,.value-card p,.institution-resource-card p,.portfolio-nav-card p,.current-project-card p,
.home-update-card p,.contact-form-card p,.vacancy-card p,.report-panel p,.bank-verify-card p,.story-tile p{
  color:var(--awedo-muted)!important;
}
/* Buttons within light components */
.wd-cta .wd-btn,.wwu-button,.vacancy-btn,.btn-primary,button[type="submit"],input[type="submit"]{color:#fff!important}
.wwu-button.secondary{color:var(--awedo-heading)!important;background:transparent!important}

/* Project photo cards have dark image overlays and need white copy */
.project-feature-copy,.project-feature-copy h1,.project-feature-copy h2,.project-feature-copy h3,.project-feature-copy h4,.project-feature-copy p,.project-feature-copy span,.project-feature-copy strong{color:#fff!important}
.project-feature-copy .status-pill{color:#116a43!important}
.project-feature-copy .status-pill.light{color:#135d48!important}
.project-feature-copy .status-pill.completed{color:#31546f!important}

/* Forms and tables */
label,.form label,.contact-form-card label,.vacancy-apply-form label{color:#20384d!important}
input,select,textarea{color:#1e3142!important;background:#fff!important;border-color:#b9c8d5!important}
input::placeholder,textarea::placeholder{color:#6b7c8d!important;opacity:1!important}
table{color:#25394c}
thead th{color:#fff!important;background:#123e63!important}
tbody td{color:#354a5d!important;background:#fff}
tbody tr:nth-child(even) td{background:#f6f9fb}

/* Footer: every informational line remains visible on the navy footer */
.footer,.footer-compact,.footer-imsciences-style{color:#fff!important}
.footer p,.footer li,.footer span,.footer address,.footer small,.footer div,
.footer-compact p,.footer-compact li,.footer-compact span,.footer-compact address,.footer-compact small,.footer-compact div,
.footer-imsciences-style p,.footer-imsciences-style li,.footer-imsciences-style span,.footer-imsciences-style address,.footer-imsciences-style small,.footer-imsciences-style div,
.footer-contact-line,.footer-registration-note{color:#fff!important}
.footer h1,.footer h2,.footer h3,.footer h4,.footer h5,.footer h6,.footer strong,.footer b,
.footer-compact h1,.footer-compact h2,.footer-compact h3,.footer-compact h4,.footer-compact strong,
.footer-imsciences-style h1,.footer-imsciences-style h2,.footer-imsciences-style h3,.footer-imsciences-style h4,.footer-imsciences-style strong{color:#fff!important}
.footer a,.footer-compact a,.footer-imsciences-style a{color:#fff!important}
.footer a:hover,.footer-compact a:hover,.footer-imsciences-style a:hover{color:#8ddfff!important}

/* Search panel stays light */
.search-panel{background:#fff!important;color:#20384d!important}
.search-panel h2,.search-panel h3,.search-panel strong{color:var(--awedo-heading)!important}
.search-panel p,.search-panel li{color:var(--awedo-muted)!important}
.search-panel a{color:var(--awedo-link)!important}

a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:3px solid #f2b705!important;outline-offset:3px!important}