/*
Theme Name: CCISD Suisse-Djibouti — Version 1.2.2
Description: Thème WordPress one-page administrable pour la Chambre de Commerce et d’Industrie Suisse Djibouti.
Version: 1.2.3
Author: CCISD
Text Domain: ccisd
*/
:root{--blue:#20a9e8;--green:#07983d;--red:#e51b2b;--ink:#10151c;--muted:#5d6672;--paper:#f5f7f9;--line:#e3e7eb;--max:1160px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:86px}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);line-height:1.65}a{color:inherit;text-decoration:none}.wrap{width:min(var(--max),calc(100% - 40px));margin:auto}.site-header{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid #e7e9ed}.head{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:82px}.brand img{max-width:230px;max-height:66px;width:auto;object-fit:contain}.nav ul{display:flex;gap:16px;align-items:center;list-style:none;margin:0;padding:0}.nav a{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.nav a:hover{color:var(--red)}.cta,.btn{display:inline-block;background:var(--red);color:white;padding:12px 18px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;border:0}.menu-toggle{display:none;background:var(--ink);color:#fff;padding:10px;border:0}.hero{min-height:610px;display:flex;align-items:center;background:linear-gradient(100deg,rgba(8,15,24,.9),rgba(8,15,24,.32)),var(--hero);background-size:cover;background-position:center;color:white;position:relative}.hero:after{content:"";position:absolute;bottom:0;height:7px;left:0;right:0;background:linear-gradient(90deg,var(--blue) 0 33%,var(--green) 33% 66%,var(--red) 66%)}.hero-content{padding:90px 0;max-width:800px;position:relative;z-index:1}.kicker{font-size:12px;font-weight:900;letter-spacing:.18em;text-transform:uppercase;color:var(--blue)}h1{font-size:clamp(40px,6vw,76px);line-height:1;letter-spacing:-.04em;margin:18px 0 24px;text-transform:uppercase}h1 span{color:#ff3544}.hero p{font-size:20px;color:#e0e5ea;max-width:680px}.btn-outline{background:transparent;border:1px solid #fff;margin-left:8px}.section{padding:88px 0;scroll-margin-top:82px}.alt{background:var(--paper)}.section-head{max-width:780px;margin-bottom:36px}.section h2{font-size:clamp(30px,4vw,50px);line-height:1.1;letter-spacing:-.035em;margin:12px 0 18px}.lead{font-size:18px;color:#444d58}.split{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.photo{min-height:330px;background:linear-gradient(140deg,rgba(10,20,30,.1),rgba(10,20,30,.45)),var(--photo);background-size:cover;background-position:center;border-bottom:7px solid var(--green)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{background:white;border:1px solid var(--line);padding:26px;min-height:170px}.card:nth-child(3n+1){border-top:4px solid var(--blue)}.card:nth-child(3n+2){border-top:4px solid var(--green)}.card:nth-child(3n){border-top:4px solid var(--red)}.num{font-size:11px;font-weight:900;letter-spacing:.12em;color:var(--red)}.card h3{font-size:18px;line-height:1.25;text-transform:uppercase;margin:12px 0}.card p{color:var(--muted);font-size:14px;margin:0}.stats{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:#dce1e7;border:1px solid #dce1e7;margin-top:30px}.stat{background:#fff;padding:22px 14px}.stat strong{display:block;font-size:clamp(21px,2.7vw,32px);color:var(--red);line-height:1.2}.stat span{font-size:11px;color:var(--muted);font-weight:bold;text-transform:uppercase}.quote{margin-top:30px;background:#101923;color:white;padding:34px;border-left:6px solid var(--red);font-size:clamp(22px,3vw,34px);line-height:1.2;font-weight:800}.quote small{display:block;font-size:12px;color:#b5c0cc;font-weight:400;margin-top:12px}.benefits{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;list-style:none;padding:0}.benefits li{background:white;border:1px solid var(--line);padding:15px 18px}.benefits li:before{content:'✓';color:var(--green);font-weight:900;margin-right:12px}.member{background:#fff;padding:24px;border:1px solid var(--line);border-top:4px solid var(--blue)}.member h3{margin:0 0 8px}.member p{color:var(--muted);margin:0 0 12px}.member strong{color:var(--red);font-size:11px;text-transform:uppercase}.team{background:#fff;border:1px solid var(--line);padding:18px}.portrait{height:125px;background:#e6ebf0;display:grid;place-items:center;color:#687380;font-size:11px;text-transform:uppercase;margin-bottom:14px}.team h3{margin:0;font-size:16px}.team p{margin:3px 0;color:var(--muted);font-size:13px}.contact{background:#101923;color:white}.contact .lead{color:#d3d9e0}.contactbox{background:#1a2633;border:1px solid #35414e;padding:28px}.contactbox p{border-bottom:1px solid #35414e;padding-bottom:12px}.contactbox b{display:block;color:#9eabb9;font-size:11px;text-transform:uppercase;letter-spacing:.12em}.footer{background:#080d13;color:#aab3be;padding:22px 0;font-size:12px}.footerinner{display:flex;justify-content:space-between;gap:20px}.footer strong{color:white}
@media(max-width:980px){.nav ul{gap:10px}.nav a{font-size:10px}.brand img{max-width:175px}.stats{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.head{min-height:70px}.menu-toggle{display:block}.nav{display:none;position:absolute;top:70px;left:0;right:0;background:white;padding:12px 20px;border-bottom:1px solid var(--line)}.nav.open{display:block}.nav ul{display:block}.nav li{border-bottom:1px solid var(--line)}.nav a{display:block;padding:11px 0;font-size:12px}.head>.cta{display:none}.hero{min-height:540px}.section{padding:64px 0}.split{grid-template-columns:1fr;gap:28px}.grid{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}.benefits{grid-template-columns:1fr}.footerinner{flex-direction:column}.photo{min-height:240px}}

/* Fiches administrables Équipe et Affiliations — cadrage photo responsive */
.team{min-width:0;overflow:hidden}
.team-photo{width:100%;aspect-ratio:4/5;height:auto;max-height:none;min-height:0;background:#f0f2f4;display:flex;align-items:center;justify-content:center;overflow:hidden;margin:0 0 16px}
.team-photo img{display:block;width:100%;height:100%;max-width:100%;object-fit:cover;object-position:50% 0%;}
/* Sur mobile, conserver un cadrage confortable sans étirer les portraits. */
@media(max-width:760px){.team-photo{aspect-ratio:4/5;max-height:none}.team-photo img{object-position:50% 0%}}
.affiliation-logo{height:90px;display:flex;align-items:center;justify-content:flex-start;margin-bottom:18px}
.affiliation-logo img{max-width:190px;max-height:78px;width:auto;height:auto;object-fit:contain}
.affiliation-status{display:inline-block;margin-top:14px!important;font-size:11px!important;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#626d79!important}
.affiliation-status.confirmed{color:#087f42!important}
.affiliation-status.to-confirm{color:#a45c00!important}
.affiliation-link{display:inline-block;margin-top:8px;font-size:12px;font-weight:800;color:var(--red);text-transform:uppercase;letter-spacing:.04em}
.team-bio{margin-top:10px;color:var(--muted);font-size:13px}