/*
Theme Name: Ellefi Avocate
Theme URI: https://ellefi.tn
Author: Cabinet Saloua Ellefi
Author URI: https://ellefi.tn
Description: Thème sur mesure pour le cabinet Maître Saloua Ellefi — Design Cuir & Ivoire
Version: 1.0
License: Proprietary
Text Domain: ellefi
*/

:root{
  --brun:#2C1810;--brun-soft:#3D2318;--cuir:#8B4513;--cuir-light:#D4A574;
  --cuir-pale:#EDD5B3;--ivoire:#FAF0E6;--ivoire-dim:#F0E4D0;
  --or:#C9A84C;--or-light:#E8C97A;--texte:#1C0E08;--texte-soft:#4A2C1A;--rule:#D4B896;
}
*{box-sizing:border-box;margin:0;padding:0;}
body{background:var(--ivoire);color:var(--texte);font-family:'Jost',sans-serif;line-height:1.65;}
body.lang-ar .ar-text{font-family:'Noto Naskh Arabic',serif;}
h1,h2,h3,.serif{font-family:'Cormorant Garamond',serif;font-weight:600;}
body.lang-ar h1,body.lang-ar h2,body.lang-ar h3{font-family:'Noto Naskh Arabic',serif;}
a{color:inherit;text-decoration:none;}
.wrap{max-width:1100px;margin:0 auto;padding:0 32px;}

/* LANGUE */
.ar{display:none !important;}
body.lang-ar .fr{display:none !important;}
body.lang-ar .en{display:none !important;}
body.lang-ar .ar{display:revert !important;}
body.lang-en .fr{display:none !important;}
body.lang-en .ar{display:none !important;}
body.lang-en .en{display:revert !important;}
/* Par défaut (FR) : cacher AR, montrer FR et masquer EN */
body:not(.lang-ar):not(.lang-en) .ar{display:none !important;}
body:not(.lang-ar):not(.lang-en) .en{display:none !important;}
body.lang-ar section{direction:rtl;text-align:right;}
body.lang-ar blockquote.pull{font-family:'Noto Naskh Arabic',serif;font-style:normal;}
body.lang-ar .id-card{direction:rtl;text-align:right;}
body.lang-ar .news-item{grid-template-columns:1fr 160px;}

/* NAV */
header{position:sticky;top:0;z-index:50;background:var(--brun);border-bottom:2px solid var(--or);}
.nav{display:flex;align-items:center;justify-content:space-between;padding:18px 32px;max-width:1100px;margin:0 auto;}
.brand{display:flex;align-items:center;gap:12px;}
.brand-mark{width:38px;height:38px;border:1.5px solid var(--or);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:'Cormorant Garamond',serif;font-size:16px;font-weight:700;color:var(--or);}
.brand-text .name{font-size:16px;font-weight:600;color:var(--ivoire);}
.brand-text .role{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--cuir-light);}
nav.links{display:flex;gap:28px;}
nav.links a{font-size:13px;color:var(--cuir-pale);font-weight:500;}
nav.links a:hover{color:var(--or-light);}
.lang-toggle{display:flex;border:1px solid var(--cuir-light);border-radius:20px;overflow:hidden;font-size:11px;font-weight:600;}
.lang-toggle button{border:none;background:transparent;padding:5px 12px;cursor:pointer;color:var(--cuir-pale);}
.lang-toggle button.active{background:var(--or);color:var(--brun);}

/* HERO */
.hero{padding:88px 32px 96px;background:linear-gradient(135deg,var(--brun) 0%,var(--brun-soft) 60%,#4A2510 100%);}
.hero-inner{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1.2fr .8fr;gap:64px;align-items:center;}
.eyebrow{font-size:11px;letter-spacing:3px;text-transform:uppercase;color:var(--or);font-weight:600;margin-bottom:20px;}
.hero h1{font-size:50px;line-height:1.08;color:var(--ivoire);margin-bottom:24px;}
.hero h1 em{font-style:italic;color:var(--or-light);}
.hero p.lead{font-size:17px;color:var(--cuir-pale);max-width:480px;margin-bottom:36px;line-height:1.7;}
.cta-row{display:flex;gap:14px;flex-wrap:wrap;}
.btn{display:inline-block;padding:13px 28px;font-size:13px;font-weight:600;letter-spacing:.5px;cursor:pointer;}
.btn-gold{background:var(--or);color:var(--brun);border:1.5px solid var(--or);}
.btn-ghost{border:1.5px solid var(--cuir-light);color:var(--cuir-pale);background:transparent;}
.id-card{background:rgba(250,240,230,.07);border:1px solid rgba(201,168,76,.3);padding:28px;}
.id-card .label{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--or);margin-bottom:16px;font-weight:600;}
.id-row{display:flex;justify-content:space-between;padding:10px 0;border-top:1px solid rgba(201,168,76,.15);}
.id-row:first-of-type{border-top:none;}
.id-row .k{font-size:12px;color:var(--cuir-pale);}
.id-row .v{font-size:13px;font-weight:600;color:var(--ivoire);}

/* SECTIONS */
section{padding:80px 32px;}
section.alt{background:var(--ivoire-dim);}
.s-tag{font-size:10px;letter-spacing:3px;text-transform:uppercase;color:var(--cuir);font-weight:600;margin-bottom:12px;}
.s-head{margin-bottom:52px;}
.s-head h2{font-size:36px;color:var(--brun);margin-top:8px;}

/* ABOUT */
.about-wrap{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start;}
blockquote.pull{font-family:'Cormorant Garamond',serif;font-size:23px;font-style:italic;color:var(--brun);line-height:1.5;border-inline-start:3px solid var(--or);padding-inline-start:22px;}
.cred-list{display:flex;flex-direction:column;}
.cred-item{display:flex;gap:16px;padding:16px 0;border-bottom:1px solid var(--rule);}
.cred-item:first-child{padding-top:0;}
.cred-dot{width:8px;height:8px;border-radius:50%;background:var(--cuir);margin-top:7px;flex-shrink:0;}
.cred-item strong{display:block;font-size:14px;color:var(--brun);margin-bottom:3px;}
.cred-item span{font-size:13px;color:var(--texte-soft);}

/* PRACTICE */
.practice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid var(--rule);}
.practice-card{padding:32px 26px;border-inline-end:1px solid var(--rule);border-bottom:1px solid var(--rule);}
.practice-card:nth-child(3n){border-inline-end:none;}
.practice-card:nth-child(4),.practice-card:nth-child(5),.practice-card:nth-child(6){border-bottom:none;}
.practice-num{font-family:'Cormorant Garamond',serif;font-size:32px;color:var(--cuir-pale);font-weight:700;margin-bottom:14px;}
.practice-card h3{font-size:18px;color:var(--brun);margin-bottom:10px;}
.practice-card p{font-size:13px;color:var(--texte-soft);line-height:1.65;}

/* OFFERS */
.offers-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.offer{border:1px solid var(--rule);padding:32px 26px;position:relative;background:var(--ivoire);}
.offer.star{border:2px solid var(--or);background:var(--brun);}
.offer-tier{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--cuir);font-weight:600;margin-bottom:10px;}
.offer.star .offer-tier{color:var(--cuir-light);}
.offer h3{font-size:24px;color:var(--brun);margin-bottom:6px;}
.offer.star h3{color:var(--ivoire);}
.offer .sub{font-size:13px;color:var(--cuir);margin-bottom:20px;}
.offer.star .sub{color:var(--cuir-light);}
.offer ul{list-style:none;display:flex;flex-direction:column;gap:10px;}
.offer li{font-size:13px;color:var(--texte-soft);padding-inline-start:18px;position:relative;}
.offer.star li{color:var(--cuir-pale);}
.offer li::before{content:"—";position:absolute;inset-inline-start:0;color:var(--or);}
.badge-rec{position:absolute;top:-12px;inset-inline-start:24px;background:var(--or);color:var(--brun);font-size:10px;padding:3px 10px;font-weight:700;}

/* NEWS */
.news-list{display:flex;flex-direction:column;border-top:2px solid var(--brun);}
.news-item{display:grid;grid-template-columns:160px 1fr;gap:32px;padding:26px 0;border-bottom:1px solid var(--rule);}
.news-cat{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--cuir);font-weight:700;}
.news-item h3{font-size:19px;color:var(--brun);margin-bottom:8px;}
.news-item p{font-size:13px;color:var(--texte-soft);}
.read-more{display:inline-block;margin-top:10px;font-size:12px;font-weight:700;color:var(--cuir);}

/* CONTACT */
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--rule);}
.contact-info{padding:40px;border-inline-end:1px solid var(--rule);}
.ci-label{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--cuir);margin-bottom:4px;font-weight:600;}
.ci-val{font-size:15px;color:var(--brun);margin-bottom:20px;}
.contact-form{padding:40px;display:flex;flex-direction:column;gap:14px;}
.contact-form input,.contact-form textarea{width:100%;padding:12px 16px;border:1px solid var(--rule);background:var(--ivoire);font-family:inherit;font-size:14px;color:var(--brun);}
.contact-form input:focus,.contact-form textarea:focus{outline:none;border-color:var(--cuir);}
.contact-form textarea{min-height:120px;resize:vertical;}

footer{background:var(--brun);padding:28px 32px;text-align:center;font-size:12px;color:var(--cuir-pale);border-top:1px solid rgba(201,168,76,.2);}

@media(max-width:840px){
  .hero-inner,.about-wrap,.practice-grid,.offers-grid,.news-item,.contact-grid{grid-template-columns:1fr;}
  nav.links{display:none;}
  .hero h1{font-size:36px;}
  .practice-card{border-inline-end:none;}
  .contact-info{border-inline-end:none;border-bottom:1px solid var(--rule);}
}