/*
Theme Name: IVOIRE BATELEC
Description: Site professionnel de bâtiment, électricité et génie civil. Administration des références et coordonnées.
Version: 1.2.0
Requires at least: 6.2
Requires PHP: 7.4
Text Domain: ivoire-batelec
*/
:root{--ink:#162620;--soft:#5c6961;--orange:#ef790b;--green:#21723f;--paper:#f5f3ec;--line:#dce1d9}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;font:16px/1.7 Arial,Helvetica,sans-serif;color:var(--ink);background:#fff}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}a,button,input,select,textarea{outline-offset:4px}[hidden]{display:none!important}.wrap{width:min(1220px,90%);margin:auto}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:2px;font-weight:700;color:var(--green)}.eyebrow:before{content:'';display:inline-block;width:22px;height:3px;background:var(--orange);margin-right:10px;vertical-align:middle}.top{padding:8px 0;background:var(--ink);color:#e6eee7;font-size:11px;letter-spacing:.5px}.top .wrap{display:flex;justify-content:space-between}.header{position:sticky;top:0;z-index:10;background:#fff;border-bottom:1px solid var(--line)}body.admin-bar .header{top:32px}.nav{height:92px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:flex;align-items:center;gap:11px}.brand img{height:55px;width:66px;object-fit:contain}.brand strong{display:block;font-size:18px;letter-spacing:-.5px}.brand small{display:block;font-size:9px;color:var(--soft);letter-spacing:1px;text-transform:uppercase}.navlinks{display:flex;align-items:center;gap:26px;font-size:13px;font-weight:700}.btn{display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:13px 22px;background:var(--orange);color:#15261e;border:1px solid var(--orange);border-radius:3px;font-size:13px;font-weight:700;cursor:pointer}.btn:hover{background:#d66b06}.btn.secondary{background:transparent;border-color:#aab8ac;color:var(--ink)}.btn.secondary:hover{background:#e9eee6}.menu-toggle{display:none;border:0;background:transparent;font-size:26px;color:var(--ink)}.hero{background:var(--paper);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.05fr 1fr;min-height:650px;gap:65px;align-items:center}.hero-copy{padding:60px 0}.hero h1{font-size:clamp(40px,4.8vw,70px);line-height:1.05;letter-spacing:-3px;margin:24px 0}.hero h1 em{font-style:normal;color:var(--green)}.lead{max-width:510px;font-size:17px;color:var(--soft)}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0 16px}.hero .caption{font-size:11px}.hero-visual{position:relative;align-self:stretch;padding:35px 0}.hero-visual:before{content:'';position:absolute;right:-180px;top:0;bottom:0;background:#dfe6d9;width:70%}.hero-visual img{height:100%;min-height:510px;max-height:610px;width:100%;object-fit:cover;position:relative;filter:saturate(.7)}.photo-tag{position:absolute;left:-25px;bottom:70px;background:var(--ink);color:#fff;padding:20px 25px;max-width:290px;border-left:5px solid var(--orange)}.photo-tag strong{display:block;font-size:22px}.photo-tag span{font-size:11px;color:#c7d3c9}.strip{background:var(--ink);color:#fff}.strip-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;padding:26px 0}.strip b{display:block;font-size:15px}.strip small{color:#aebeb2;font-size:12px}section{padding:90px 0}h2{font-size:clamp(30px,3.5vw,48px);line-height:1.13;letter-spacing:-1.6px;margin:16px 0 22px}h3{font-size:22px;line-height:1.25;letter-spacing:-.4px}.muted,.introtext{color:var(--soft)}.section-head{display:flex;justify-content:space-between;gap:60px;align-items:end;margin-bottom:35px}.section-head>p{max-width:420px;color:var(--soft);font-size:14px}.services{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.service{padding:32px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.service .number{font-size:12px;color:var(--green);font-weight:bold}.service p{font-size:14px;color:var(--soft);margin-bottom:23px}.service a{font-size:12px;font-weight:700;border-bottom:2px solid var(--orange);padding-bottom:5px}.about{background:var(--paper)}.about-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:start}.about-brand{padding:45px;background:#fff;border-top:5px solid var(--orange)}.about-brand .big{font-size:42px;line-height:1.1;font-weight:800;letter-spacing:-2px}.about-brand .big span{color:var(--green)}.about-brand p{font-size:12px;color:var(--soft);text-transform:uppercase;letter-spacing:1px}.about-brand .rule{height:1px;background:var(--line);margin:35px 0}.about-brand .small{font-size:14px;line-height:1.6}.pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.pills span{padding:6px 11px;background:#e7ece2;border-radius:25px;font-size:11px}.refs{background:#fff}.filters{display:flex;gap:8px;flex-wrap:wrap;margin:25px 0 30px}.filter{padding:9px 16px;border:1px solid #cbd6c9;background:white;border-radius:3px;color:var(--ink);font-size:12px;cursor:pointer}.filter[aria-pressed=true]{background:var(--green);border-color:var(--green);color:#fff}.references{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.reference{padding:27px 30px;border:1px solid var(--line);border-top:3px solid var(--green)}.ref-top{display:flex;justify-content:space-between;gap:20px;color:var(--green);font-size:11px;letter-spacing:.6px;text-transform:uppercase}.reference h3{margin:18px 0 12px}.reference p{font-size:13px;color:var(--soft)}.ref-bottom{border-top:1px solid var(--line);padding-top:13px;margin-top:20px;font-size:11px;display:flex;justify-content:space-between;gap:15px}.reference .status{background:#eef2e9;padding:4px 8px;color:#46613f;border-radius:3px}.caption{font-size:12px;color:var(--soft)}.reference details{margin-top:12px;font-size:12px}.reference summary{cursor:pointer;font-weight:bold}.method{background:var(--ink);color:#fff}.method .eyebrow{color:#c4d4b4}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:35px;margin-top:42px}.step{border-top:1px solid #ffffff40;padding-top:20px}.step span{color:var(--orange);font-size:13px;font-weight:bold}.step h3{font-size:20px}.step p{color:#bfccc2;font-size:13px}.quote{background:var(--paper)}.quote-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:75px}.contact-line{margin:23px 0}.contact-line small{display:block;text-transform:uppercase;letter-spacing:1px;font-size:10px;color:var(--soft)}.contact-line a{font-size:22px;font-weight:700}.quote-form{background:#fff;padding:35px;border:1px solid var(--line);border-radius:5px}.quote-form h3{margin:0 0 24px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field.full{grid-column:1/-1}.field label{font-size:12px;font-weight:bold;display:block;margin-bottom:5px}.field input,.field select,.field textarea{width:100%;padding:12px;border:1px solid #cdd6cb;border-radius:3px;background:#fff;color:var(--ink)}.field textarea{min-height:115px;resize:vertical}.quote-form .btn{width:100%;margin-top:20px}.quote-form .caption{font-size:10px}.request-result{border:1px solid #b4c7a8;background:#f0f5ea;padding:20px;margin-top:20px}.request-result textarea{width:100%;min-height:190px;padding:12px;border:1px solid var(--line);font:13px/1.7 Arial;resize:vertical}.footer{background:#101f18;color:#cad7cc;padding:45px 0;font-size:12px}.footer-grid{display:flex;justify-content:space-between;gap:35px}.footer strong{font-size:19px;color:white}.footer a{border-bottom:1px solid #586d5c}.footer-bottom{border-top:1px solid #ffffff20;margin-top:30px;padding-top:20px;display:flex;justify-content:space-between;font-size:10px}.faq{margin-top:30px}.faq details{padding:15px 0;border-top:1px solid var(--line)}.faq summary{cursor:pointer;font-weight:bold;font-size:14px}.faq p{font-size:13px;color:var(--soft)}.skip{position:absolute;left:15px;top:-100px;background:#fff;padding:12px;z-index:100}.skip:focus{top:10px}@media(max-width:950px){.navlinks{gap:15px}.hero-grid{gap:35px}.hero h1{letter-spacing:-2px}.about-grid{gap:40px}.quote-grid{gap:35px}.service{padding:25px}}@media(max-width:760px){body.admin-bar .header{top:46px}.top .wrap span:last-child{display:none}.nav{height:80px}.brand strong{font-size:16px}.brand img{height:45px;width:54px}.menu-toggle{display:block}.navlinks{display:none;position:absolute;top:80px;left:0;right:0;padding:22px;background:white;flex-direction:column;border-bottom:1px solid var(--line)}.navlinks.open{display:flex}.hero-grid{grid-template-columns:1fr;gap:0}.hero-copy{padding:45px 0 20px}.hero-visual{padding:15px 0 35px}.hero-visual img{height:340px;min-height:0;object-position:center 45%}.photo-tag{left:15px;bottom:60px;padding:16px}.hero h1{font-size:48px}.strip-grid{grid-template-columns:1fr;gap:15px;padding:25px 0}.strip b{font-size:13px}.section-head{display:block}.section-head>p{max-width:none}.services,.references,.about-grid,.quote-grid{grid-template-columns:1fr}.about-grid{gap:30px}.about-brand{padding:30px}.steps{grid-template-columns:repeat(2,1fr);gap:25px}section{padding:55px 0}.quote-form{padding:24px}.footer-grid,.footer-bottom{flex-direction:column;gap:20px}.reference{padding:23px}.form-grid{grid-template-columns:1fr}.field{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.project-gallery{background:#edf2e9}.project-meta{display:flex;gap:10px;flex-wrap:wrap}.project-meta span{padding:5px 12px;background:white;border:1px solid #d2dfcc;font-size:11px;border-radius:20px}.project-photos{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:30px 0}.project-photos figure{margin:0;background:white;border:1px solid #d9e1d4}.gallery-open{position:relative;display:block;width:100%;border:0;background:#dce4d6;padding:0;cursor:pointer;overflow:hidden}.gallery-open img{width:100%;height:255px;display:block;object-fit:cover}.gallery-open span{position:absolute;right:10px;bottom:10px;color:white;background:#13271ecc;padding:5px 10px;font-size:10px}.project-photos figcaption{padding:15px 18px;font-size:13px;font-weight:bold;line-height:1.5}.project-photos figcaption small{display:block;color:var(--green);font-size:10px;text-transform:uppercase;font-weight:normal;letter-spacing:1px;margin-bottom:5px}#photo-dialog{padding:26px;border:0;border-radius:7px;width:min(1100px,95vw);max-height:94dvh;background:#fff;color:var(--ink);overflow:auto}#photo-dialog::backdrop{background:#06140ee6}#photo-large{display:block;width:100%;height:70dvh;object-fit:contain;background:#101d15}#photo-close{position:sticky;float:right;top:0;border:0;background:white;border-radius:50%;width:40px;height:40px;font-size:29px;cursor:pointer;margin-bottom:10px}#photo-caption{text-align:center;font-size:14px}.photo-controls{display:flex;align-items:center;justify-content:space-between;gap:15px}#photo-position{font-size:12px}@media(max-width:960px){.menu-toggle{display:block}.navlinks{display:none;position:absolute;top:92px;left:0;right:0;padding:22px;background:white;flex-direction:column;border-bottom:1px solid var(--line)}.navlinks.open{display:flex}}@media(max-width:760px){.navlinks{top:80px}.project-photos{grid-template-columns:repeat(2,1fr);gap:12px}.gallery-open img{height:210px}.project-photos figcaption{padding:12px;font-size:12px}#photo-dialog{padding:13px}.photo-controls .btn{padding:8px 12px;font-size:11px}}@media(max-width:430px){.project-photos{grid-template-columns:1fr}.gallery-open img{height:255px}}

/* Direction visuelle : architecture, matière et contraste. */
:root{--ink:#142a22;--soft:#617069;--orange:#ec7c25;--green:#246644;--paper:#f5f4ee;--line:#dce4dc}
body{font-family:Arial,Helvetica,sans-serif} .wrap{width:min(1240px,90%)}
.top{background:#10271e;letter-spacing:1.2px}.header{box-shadow:0 3px 20px #1a332409}.nav{height:88px}.brand strong{letter-spacing:.4px}.brand small{letter-spacing:1.4px}.navlinks a:not(.btn):hover{color:var(--green)}
.btn{border-radius:2px;min-height:49px;transition:background .2s,transform .2s}.btn:hover{transform:translateY(-2px)}
.hero{background:#f2f3ed}.hero-grid{min-height:650px;gap:65px}.hero-copy{padding:75px 0}.hero h1{font-size:clamp(43px,5vw,72px);letter-spacing:-3.5px;line-height:1.04}.lead{line-height:1.8}.hero-visual{padding:0;min-height:650px}.hero-visual:before{background:#dbe5d9}.hero-visual img{min-height:650px;max-height:none;filter:saturate(.9);box-shadow:0 20px 50px #203e2520}.photo-tag{left:-35px;bottom:45px;padding:24px 30px;border-left:5px solid var(--orange);box-shadow:0 12px 35px #12251c30}.photo-tag strong{line-height:1.15}.strip-grid{padding:32px 0}.strip-grid>div+div{border-left:1px solid #ffffff30;padding-left:30px}
section{padding:105px 0}.section-head{margin-bottom:48px}h2{letter-spacing:-2px}.services{border:0;gap:14px}.service{background:#f7f8f4;border:1px solid #e1e9df;padding:36px;transition:transform .2s,box-shadow .2s}.service:hover{transform:translateY(-4px);box-shadow:0 12px 30px #1b412313}.service .number{letter-spacing:1.1px}.service h3{margin-top:34px}.about{background:#e9efe7}.about-brand{padding:55px;background:#142a22;color:#fff;min-height:350px}.about-brand .big span{color:#f19750}.about-brand p,.about-brand .small{color:#c9d9cd}.about-brand .rule{background:#ffffff35}.pills span{background:#ffffff16;color:#e5efe8}.project-gallery{background:#f6f5ef}.project-meta span{background:transparent;border-color:#c8d5c8}.project-photos{gap:16px}.project-photos figure{border:0;box-shadow:0 5px 24px #1626200d}.gallery-open img{height:260px;transition:transform .35s}.gallery-open:hover img{transform:scale(1.04)}.project-photos figcaption{min-height:76px}.refs{background:white}.reference{border:1px solid #dfe8df;border-top:4px solid var(--green);padding:32px;transition:box-shadow .2s}.reference:hover{box-shadow:0 12px 35px #172c1f12}.method{background:#142a22}.quote{background:#eef2eb}.quote-form{box-shadow:0 16px 45px #1937250c;border:0;padding:42px}.footer{background:#0c1c15}.footer-grid strong{letter-spacing:1px}.contact-float{position:fixed;z-index:20;right:22px;bottom:22px;background:#1e7145;color:white;padding:13px 19px;border-radius:50px;font-size:13px;font-weight:bold;box-shadow:0 7px 24px #142a2240}.contact-float:hover{background:#155637}.contact-float:focus-visible{outline:3px solid #ec7c25}
@media(max-width:760px){.nav{height:80px}.hero-grid{min-height:0}.hero-copy{padding:55px 0 25px}.hero h1{font-size:clamp(40px,11vw,52px);letter-spacing:-2px}.hero-visual{min-height:0;padding:0 0 35px}.hero-visual img{height:360px;min-height:0}.photo-tag{left:12px;bottom:50px}.strip-grid>div+div{border-left:0;padding-left:0}.service h3{margin-top:20px}section{padding:65px 0}.about-brand{min-height:0;padding:32px}.quote-form{padding:25px}.contact-float{right:14px;bottom:14px;padding:11px 15px}}

.photo-tag a{display:inline-block;margin-top:10px;color:#fff;font-size:12px;font-weight:bold;border-bottom:1px solid #ed9d5a}