/*
Theme Name: Science Prize for Women
Theme URI: https://scienceprize4women.asean.org/
Author: US-ASEAN Business Council
Description: Custom theme for the UL Research Institutes-ASEAN-U.S. Science Prize for Women. Landing + Rules pages are fully content-managed via Carbon Fields (bundled). Faithful reproduction of the June 2026 redesign.
Version: 1.0.2
Requires at least: 6.8
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sp4w
*/

/* ────────────────────────────────────────────────────────────
   Base reset + shared tokens.
   Page-specific visual CSS lives in assets/css/landing.css and
   assets/css/rules.css (enqueued conditionally per template), so
   there are no cross-page collisions. This file only holds the
   theme header, a light reset, and site-wide fallbacks.
   ──────────────────────────────────────────────────────────── */

:root{
  --navy:#071524;--navy-mid:#0d2137;
  --red:#c0001a;--red-light:#e8182f;--red-pale:#fff0f2;
  --yellow:#e8a800;--yellow-light:#ffc72c;--yellow-pale:#fffbeb;
  --blue:#0042A6;--blue-light:#2266cc;--blue-pale:#e0eaf8;
  --white:#ffffff;--off-white:#f7f8fc;
  --text-dark:#0f1e2d;--text-mid:#42597a;--text-muted:#7a93b0;
  --border:#e4e9f0;
  --h:'Plus Jakarta Sans',system-ui,sans-serif;
  --b:'Inter',system-ui,sans-serif;
}

*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--b);color:var(--text-dark);background:var(--white);-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit}

/* Push the theme's fixed nav below the WP admin bar for logged-in editors */
.admin-bar nav{top:32px}
@media (max-width:782px){.admin-bar nav{top:46px}}

/* Editor-only helper: highlight unset content when logged in */
.sp4w-empty{outline:1px dashed rgba(192,0,26,.4);outline-offset:2px}

/* Shared site footer (used on all templates; class beats page-CSS element rules) */
.site-footer{background:#040d17;padding:1.75rem 2.5rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}
.site-footer .footer-logo{font-family:var(--h);font-size:.78rem;font-weight:600;color:rgba(255,255,255,.34);max-width:70ch;line-height:1.5}
.site-footer .footer-links{display:flex;gap:1.5rem;flex-wrap:wrap}
.site-footer .footer-links a{font-family:var(--h);font-size:.75rem;font-weight:600;color:rgba(255,255,255,.4);text-decoration:none;transition:color .2s}
.site-footer .footer-links a:hover{color:var(--yellow-light)}

/* Partner logos — responsive row of individual logos (CMS repeater) */
.logos-multi{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:2.25rem 3rem}
.logos-multi .logo-single{height:56px;width:auto;max-width:220px;object-fit:contain;display:block}
.logos-multi .logo-link{display:inline-flex;align-items:center;transition:opacity .2s,transform .2s}
.logos-multi .logo-link:hover{opacity:.75;transform:translateY(-1px)}
@media (max-width:600px){.logos-multi{gap:1.5rem 2rem}.logos-multi .logo-single{height:44px}}

/* Supplementary colour tints so any colour picked in the CMS renders a pale bg
   (the source design only shipped red/yellow/blue variants). */
:root{--green-pale:#e9f7ee;--purple-pale:#f3ecfc;--navy-pale:#eef2f7}
.fic-green,.ti-green,.rsi-green,.ci-green{background:var(--green-pale)}
.fic-purple,.ti-purple,.rsi-purple,.ci-purple{background:var(--purple-pale)}
.fic-navy,.ti-navy,.rsi-navy,.ci-navy{background:var(--navy-pale)}

/* Clean readable container for existing (non-redesigned) pages/posts */
.sp4w-article{max-width:820px;margin:0 auto;padding:7.5rem 1.5rem 4.5rem}
.sp4w-article-title{font-family:var(--h);font-weight:800;font-size:2rem;line-height:1.2;color:var(--text-dark);margin-bottom:1.5rem}
.sp4w-content{font-size:1rem;line-height:1.8;color:var(--text-mid)}
.sp4w-content h2{font-family:var(--h);font-weight:700;color:var(--text-dark);font-size:1.4rem;margin:2rem 0 .75rem}
.sp4w-content h3{font-family:var(--h);font-weight:700;color:var(--text-dark);font-size:1.15rem;margin:1.5rem 0 .5rem}
.sp4w-content p{margin-bottom:1rem}
.sp4w-content a{color:var(--blue);font-weight:600}
.sp4w-content img{border-radius:var(--r-sm);margin:1rem 0}
.sp4w-content ul,.sp4w-content ol{margin:0 0 1rem 1.25rem}
.sp4w-content li{margin-bottom:.4rem}
.sp4w-list-item{padding:1.5rem 0;border-bottom:1px solid var(--border)}
.sp4w-list-item h2{font-family:var(--h);font-weight:700;font-size:1.25rem;margin-bottom:.35rem}
.sp4w-list-item h2 a{color:var(--text-dark);text-decoration:none}
.sp4w-list-item h2 a:hover{color:var(--blue)}
.sp4w-meta{font-size:.8rem;color:var(--text-muted);margin-bottom:.5rem}
.sp4w-excerpt{font-size:.92rem;line-height:1.7;color:var(--text-mid)}
.sp4w-pagination{margin-top:2rem;font-family:var(--h);font-weight:600}
.sp4w-pagination a,.sp4w-pagination .current{padding:.4rem .7rem;border-radius:6px;text-decoration:none}
.sp4w-pagination .current{background:var(--blue);color:#fff}