/*
Theme Name: SLABOTH Official Website
Theme URI: https://slaboth.com
Author: SLABOTH Website Team
Description: WordPress theme conversion starter based on the approved SLABOTH website prototype.
Version: 0.1.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: slaboth
*/


:root{--navy:#09265b;--blue:#0759a6;--gold:#c49a2e;--green:#287b55;--ink:#18263b;--muted:#667386;--paper:#f7f8fa;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'DM Sans',sans-serif;color:var(--ink);line-height:1.65}a{color:inherit;text-decoration:none}.wrap{width:min(1160px,90%);margin:auto}.topbar{background:var(--navy);color:#eaf1fb;font-size:13px;padding:8px 0}.topbar .wrap{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.topbar a{color:#f1cf73}.header{position:sticky;top:0;z-index:10;background:#fff;border-bottom:1px solid #e8edf3}.nav-wrap{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:flex;align-items:center;gap:12px;color:var(--navy);font-weight:800}.brand img{width:64px;height:64px;object-fit:contain;border-radius:50%}.brand b{display:block;font:800 20px Manrope,sans-serif;letter-spacing:1px}.brand small{display:block;font-size:9px;letter-spacing:1px;color:var(--muted)}nav{display:flex;align-items:center;gap:24px;font-size:14px;font-weight:600}nav a:hover{color:var(--blue)}.nav-cta,.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:4px;padding:13px 19px;font-weight:700}.nav-cta,.btn-blue{background:var(--blue);color:white}.btn-gold{background:var(--gold);color:#13264a}.btn-outline{border:1px solid #fff;color:#fff}.menu{display:none;background:none;border:0;font-size:27px;color:var(--navy)}.hero{position:relative;min-height:620px;background:linear-gradient(90deg,rgba(5,27,65,.86),rgba(5,27,65,.44)),url('assets/sierra-leone-coast.jpeg') center/cover;display:flex;align-items:center;color:#fff}.hero-content{padding:90px 0 130px;max-width:1160px}.eyebrow{color:#e2bd60;font-weight:800;letter-spacing:2px;font-size:12px;text-transform:uppercase}.hero h1{font:800 clamp(42px,6vw,70px)/1.08 Manrope,sans-serif;max-width:760px;margin:15px 0}.hero h1 em,h2 em{font-style:normal;color:#e4c46f}.hero p.lead{max-width:670px;color:#edf2f8;font-size:18px}.actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:28px}.hero-foot{position:absolute;bottom:0;left:0;right:0;background:rgba(5,26,61,.78)}.stats{display:grid;grid-template-columns:repeat(3,1fr);padding:18px 0}.stats div{padding:4px 25px;border-right:1px solid #ffffff44}.stats div:first-child{padding-left:0}.stats div:last-child{border:0}.stats b{display:block;color:#f0d27e;font:700 18px Manrope}.stats span{font-size:13px;color:#e3eaf3}.section{padding:86px 0}.two{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}.kicker{color:var(--green);font-size:12px;font-weight:800;letter-spacing:2px}.section h2{font:800 clamp(30px,4vw,44px)/1.16 Manrope,sans-serif;color:var(--navy);margin:12px 0 18px}.section p{color:var(--muted)}.copy p{margin:0 0 14px}.pillars{background:var(--paper);padding:55px 0}.pillar-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.pillar{background:#fff;padding:25px;border-top:3px solid var(--gold);box-shadow:0 8px 25px #0a28500a}.pillar .num{color:var(--gold);font:800 13px Manrope}.pillar h3{color:var(--navy);font:700 20px Manrope;margin:12px 0 5px}.pillar p{font-size:14px;margin:0}.vision{background:#fff}.feature-photo{width:100%;height:390px;object-fit:cover;border-radius:6px}.criteria{background:#f5f7fa}.criteria-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:start}.criteria-card{background:#fff;border-radius:6px;padding:28px;box-shadow:0 8px 30px #0a28500a}.criteria-card h3{font:700 21px Manrope;color:var(--navy);margin-top:0}.criteria-card ul{padding-left:20px;color:var(--muted)}.members{background:#fff}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:28px}.category{border:1px solid #e5eaf0;padding:24px;border-radius:5px}.category b{display:block;color:var(--navy)}.category span{font-size:25px;color:var(--gold)}.join{background:var(--navy);color:#fff}.join h2{color:#fff}.join p{color:#dce5f1}.join-grid{display:grid;grid-template-columns:1fr .85fr;gap:70px;align-items:center}.join-card{background:#fff;color:var(--ink);padding:32px;border-radius:6px}.join-card h3{font:800 24px Manrope;color:var(--navy);margin:0 0 10px}.join-card p{color:var(--muted)}.join-card .btn{width:100%;margin-top:12px}.smallnote{font-size:12px;color:#748197!important}.gallery{display:grid;grid-template-columns:1.1fr .9fr;gap:18px;margin-top:30px}.gallery img{width:100%;height:290px;object-fit:cover;border-radius:5px}.gallery .stack{display:grid;gap:18px}.gallery .stack img{height:136px}.newsbox{border:1px solid #e4e9ef;border-left:4px solid var(--gold);padding:25px;margin-top:24px}.newsbox b{color:var(--navy)}.contact{background:#f4f6f9}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px}.contact-list{display:grid;gap:15px}.contact-item{background:white;padding:18px 20px;border-radius:4px}.contact-item small{display:block;color:var(--green);font-weight:800;letter-spacing:1px}.contact-item b{color:var(--navy)}.footer{background:#061b43;color:#dce5f1;padding:35px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer .brand{color:#fff}.footer .brand small{color:#b8c7dc}.footer p,.footer small{font-size:13px}.wa{position:fixed;right:20px;bottom:20px;background:#168b55;color:white;border-radius:50px;padding:13px 18px;font-weight:700;box-shadow:0 5px 20px #0003;z-index:8}.mobile-only{display:none}@media(max-width:850px){nav{display:none;position:absolute;top:86px;left:0;right:0;background:#fff;padding:22px 5%;box-shadow:0 10px 20px #0001;flex-direction:column;align-items:stretch}.nav-open nav{display:flex}.menu{display:block}.two,.criteria-grid,.join-grid,.contact-grid{grid-template-columns:1fr;gap:30px}.pillar-grid{grid-template-columns:repeat(2,1fr)}.category-grid{grid-template-columns:repeat(2,1fr)}.hero{min-height:650px}.hero-content{padding:70px 0 145px}.gallery{grid-template-columns:1fr}.gallery img{height:240px}.gallery .stack{grid-template-columns:1fr 1fr}.gallery .stack img{height:150px}}@media(max-width:520px){.stats{grid-template-columns:1fr;gap:8px;padding:12px 0}.stats div{border:0;padding:4px 0!important}.hero{min-height:720px}.pillar-grid{grid-template-columns:1fr}.section{padding:62px 0}.brand img{width:54px;height:54px}.brand b{font-size:17px}.footer-inner{align-items:flex-start;flex-direction:column}}
 
.leadership{background:#f5f7fa}.leaders{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px}.leader,.member-card{background:#fff;border:1px solid #e4eaf1;border-radius:6px;padding:23px;box-shadow:0 8px 25px #0a285008}.leader span,.member-card span{font-size:10px;letter-spacing:1.4px;font-weight:800;color:var(--green)}.leader h3,.member-card h3{font:700 19px Manrope,sans-serif;color:var(--navy);margin:8px 0}.leader p,.member-card p{font-size:14px;margin:0}.directory-tools{display:flex;gap:12px;margin:28px 0 20px}.directory-tools input,.directory-tools select{font:inherit;padding:13px 15px;border:1px solid #d7e0ea;border-radius:4px;background:#fff;color:var(--ink)}.directory-tools input{flex:1}.member-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.member-card small{display:block;color:#8a6b20;font-size:12px;margin-top:8px}.member-card[hidden]{display:none}
@media(max-width:800px){.leaders,.member-grid{grid-template-columns:repeat(2,1fr)}.directory-tools{flex-direction:column}}
@media(max-width:520px){.leaders,.member-grid{grid-template-columns:1fr}}
.social-links{display:flex;gap:14px;flex-wrap:wrap}.social-links a,.footer-social a{color:inherit;text-decoration:none}.social-links a:hover,.footer-social a:hover{text-decoration:underline}.footer-social{display:inline-block;margin-top:8px;font-size:13px}


.draft-note{background:#fff8e8;border:1px solid #e6d29b;border-left:4px solid #c49a2e;border-radius:10px;padding:14px 16px;margin:18px 0 24px;color:#4d4227;line-height:1.6}
.profile-card details{margin-top:14px;border-top:1px solid #e5e9ef;padding-top:12px}
.profile-card summary{cursor:pointer;color:#0759a6;font-weight:700;font-size:.92rem}
.profile-details{padding-top:12px;display:grid;gap:10px}
.profile-details small{font-size:.68rem;letter-spacing:.08em;color:#667386;font-weight:700}
.profile-details p{margin:4px 0 0}
.profile-card[hidden]{display:none!important}


.profile-link{font-weight:700;font-size:.9rem}
.event-grid,.partner-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px;margin:26px 0}
.event-card,.partner-card{background:#fff;border:1px solid #e4e9ef;border-radius:14px;padding:22px;box-shadow:0 8px 25px rgba(9,38,91,.05)}
.event-card h3,.partner-card h3{color:var(--navy);margin:12px 0}
.event-tag{font-size:.7rem;letter-spacing:.07em;font-weight:800;color:var(--green)}
.profile-page{max-width:920px;margin:0 auto;padding:42px 22px}
.profile-hero{background:linear-gradient(135deg,#09265b,#0759a6);color:#fff;padding:36px;border-radius:18px;margin:25px 0}
.profile-hero h1{color:#fff;margin:10px 0}
.profile-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin:22px 0}
.profile-meta div{padding:18px;border:1px solid #e4e9ef;border-radius:12px}
.profile-meta small{display:block;color:#667386;font-weight:700;font-size:.7rem;letter-spacing:.07em}
.back-link{display:inline-block;margin:15px 0;color:#0759a6;font-weight:700}

/* WordPress-managed SLABOTH content */
.wp-content-area { margin-top: 28px; }
.slaboth-content-card, .slaboth-public-directory article { box-shadow: 0 8px 28px rgba(16,35,62,.06); }
.slaboth-content-card h3 a, .slaboth-public-directory h3 a { color: #17365d; text-decoration: none; }
.slaboth-content-card h3 a:hover, .slaboth-public-directory h3 a:hover { color: #a77d25; }
.slaboth-content-card a, .slaboth-public-directory a { color: #17365d; font-weight: 700; }
.slaboth-membership-form input, .slaboth-membership-form select, .slaboth-membership-form textarea { max-width: 100%; border: 1px solid #cbd3df; border-radius: 7px; }
.slaboth-membership-form button { border: 0; border-radius: 7px; background: #17365d; color: #fff; padding: 12px 20px; font-weight: 700; cursor: pointer; }
.slaboth-membership-form button:hover { background: #a77d25; }