/*
Theme Name: Solidaires avec la Palestine
Theme URI: https://example.com
Author: Association Solidaires avec la Palestine
Description: Thème sur mesure pour le site de l'association Solidaires avec la Palestine. Trilingue FR/EN/AR (compatible Polylang), design sobre et éditorial.
Version: 1.0
License: GPL v2 or later
Text Domain: solidaires-palestine
*/

:root{
  --ink:#1C2B22;
  --paper:#EFEAE0;
  --paper-2:#E6E0D2;
  --dark:#16211A;
  --olive:#5B7A5D;
  --olive-deep:#3F5842;
  --brick:#9C3B2B;
  --gold:#B98A2E;
  --cream:#F3EFE4;
}
*{box-sizing:border-box;}
html,body{margin:0;padding:0;}
body{
  background:var(--paper);
  color:var(--ink);
  font-family:'Inter',sans-serif;
  line-height:1.55;
  -webkit-font-smoothing:antialiased;
}
body.rtl{ font-family:'Tajawal',sans-serif; }
h1,h2,h3,.display{
  font-family:'Fraunces',serif;
  font-weight:600;
  letter-spacing:-0.01em;
  margin:0;
}
body.rtl h1, body.rtl h2, body.rtl h3, body.rtl .display{
  font-family:'Amiri',serif;
  font-weight:700;
}
.eyebrow{
  font-size:12px;
  letter-spacing:.14em;
  text-transform:uppercase;
  font-weight:600;
  color:var(--olive-deep);
}
body.rtl .eyebrow{ letter-spacing:0; }
a{color:inherit;text-decoration:none;}
.wrap{max-width:1080px;margin:0 auto;padding:0 28px;}
img{max-width:100%;height:auto;}

/* ---- topbar ---- */
.topbar{
  background:var(--dark);
  color:var(--cream);
  padding:14px 0;
  border-bottom:1px solid rgba(243,239,228,.08);
}
.topbar .wrap{display:flex;align-items:center;justify-content:space-between;}
.brand{
  display:flex;align-items:center;gap:10px;
  font-family:'Fraunces',serif;font-weight:600;font-size:18px;
}
body.rtl .brand{ font-family:'Amiri',serif; }
.logo-chip{
  display:flex;align-items:center;justify-content:center;
  height:56px;
  background:var(--cream);
  border-radius:8px;
  padding:5px 10px;
  flex-shrink:0;
  overflow:hidden;
}
.logo-chip img{height:100%;width:auto;object-fit:contain;display:block;}
nav.mainnav{display:flex;gap:26px;font-size:14px;}
nav.mainnav a{opacity:.85;}
nav.mainnav a:hover{opacity:1;}
.langswitch{display:flex;gap:6px;}
.langswitch a{
  border:1px solid rgba(243,239,228,.3);
  color:var(--cream);
  font-size:12px;
  padding:6px 10px;
  border-radius:20px;
}
.langswitch a.current-lang{
  background:var(--cream);
  color:var(--dark);
  border-color:var(--cream);
}
@media (max-width:720px){ nav.mainnav{display:none;} }

/* ---- hero ---- */
.hero{
  background:var(--dark);
  color:var(--cream);
  padding:64px 0 90px;
}
.hero h1{
  font-size:clamp(34px,5.4vw,58px);
  line-height:1.06;
  max-width:820px;
}
.hero .sub{
  margin-top:20px;
  font-size:18px;
  max-width:560px;
  color:rgba(243,239,228,.82);
}
.hero .cta-row{display:flex;gap:14px;margin-top:36px;flex-wrap:wrap;}
.btn{
  display:inline-block;
  padding:13px 22px;
  border-radius:2px;
  font-size:14px;
  font-weight:600;
}
.btn-primary{background:var(--brick);color:var(--cream);}
.btn-ghost{border:1px solid rgba(243,239,228,.35);color:var(--cream);}

.divider{display:flex;align-items:center;gap:14px;margin:0 0 34px;}
.divider .line{flex:1;height:1px;background:rgba(28,43,34,.15);}

section{padding:70px 0;}
section.alt{background:var(--paper-2);}
.section-head{max-width:640px;margin-bottom:36px;}
.section-head h2{font-size:clamp(26px,3vw,34px);margin-top:8px;}
.section-head p{margin-top:14px;color:#3d4a41;font-size:16px;}

.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
@media (max-width:820px){ .grid3{grid-template-columns:1fr;} }
.card{background:var(--cream);border:1px solid rgba(28,43,34,.1);padding:24px;}
.card .tag{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--brick);font-weight:700;}
.card h3{font-size:19px;margin-top:10px;line-height:1.3;}
.card p{font-size:14px;color:#4b5850;margin-top:10px;}
.card .date{font-size:12px;color:#8b8577;margin-top:14px;display:block;}

.agir-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(28,43,34,.12);border:1px solid rgba(28,43,34,.12);}
@media (max-width:820px){ .agir-grid{grid-template-columns:1fr;} }
.agir-item{background:var(--paper);padding:30px 26px;}
.agir-item h3{font-size:18px;margin-top:14px;}
.agir-item p{font-size:14px;color:#4b5850;margin-top:10px;}
.agir-item a.link{font-size:13px;font-weight:600;color:var(--brick);display:inline-block;margin-top:14px;}

footer.site-footer{background:var(--dark);color:var(--cream);padding:50px 0 30px;}
.foot-grid{display:flex;justify-content:space-between;flex-wrap:wrap;gap:30px;}
.foot-logo-chip{display:inline-flex;align-items:center;justify-content:center;height:70px;background:var(--cream);border-radius:10px;padding:8px 14px;margin-bottom:14px;overflow:hidden;}
.foot-logo-chip img{height:100%;width:auto;object-fit:contain;display:block;}
.foot-brand p{color:rgba(243,239,228,.65);font-size:14px;margin-top:12px;max-width:280px;}
.foot-col h4{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--gold);margin-bottom:14px;}
.foot-col a{display:block;font-size:14px;color:rgba(243,239,228,.8);margin-bottom:9px;}
.foot-bottom{margin-top:40px;padding-top:20px;border-top:1px solid rgba(243,239,228,.1);font-size:12px;color:rgba(243,239,228,.5);}

/* Contenu de page standard (pages WordPress classiques) */
.page-content{padding:70px 0;max-width:760px;margin:0 auto;}
.page-content h1{font-size:36px;margin-bottom:24px;}
.page-content h2{font-size:24px;margin-top:36px;margin-bottom:12px;}
.page-content p, .page-content li{font-size:16px;color:#3d4a41;}