/*
Theme Name: Loca-Conseil Bureaux République
Theme URI: https://beranger-bureaux.fr/
Author: Loca-Conseil
Description: Thème WordPress sur mesure pour Loca-Conseil, 13 rue Béranger, Paris 3e. Version issue du site loca-conseil-final validé.
Version: 1.1.0
Text Domain: loca-conseil
*/
:root{--green:#08382f;--gold:#d49a2b;--ink:#182824;--cream:#faf8f3;--soft:#f5f1e9;--line:#e9e1d5}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Arial,Helvetica,sans-serif;background:#fff}.top{height:32px;background:#fbfaf7;display:flex;align-items:center;gap:34px;padding:0 3.4vw;font-size:11px;border-bottom:1px solid #f0ece5}.top span:last-child{margin-left:auto}.top a{color:inherit;text-decoration:none}
header{height:104px;display:flex;align-items:center;padding:0 3.4vw;background:rgba(255,255,255,.98);position:sticky;top:0;z-index:20;box-shadow:0 2px 15px #0000000b;border-bottom:1px solid #f1eee8}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;color:var(--green);min-width:405px}.brand img{width:54px;height:80px;object-fit:contain;filter:sepia(.22) saturate(.75) contrast(.94);opacity:.92}.brand b{display:block;font:34px Georgia,serif;letter-spacing:.7px;font-weight:500;white-space:nowrap}.brand small{display:flex;align-items:center;gap:12px;color:var(--gold);font-size:12px;letter-spacing:1.4px;margin-top:7px;white-space:nowrap}.brand small i{display:block;width:34px;border-top:1.5px solid var(--gold)}nav{margin-left:auto;display:flex;align-items:center;gap:28px}nav a{text-decoration:none;color:#0f211d;text-transform:uppercase;font-size:11px;letter-spacing:.2px;padding:9px 0}nav a:first-child{border-bottom:2px solid var(--gold)}.navcta,.btn{background:var(--green);color:white!important;padding:13px 19px;text-decoration:none;text-transform:uppercase;letter-spacing:.4px;border:0;cursor:pointer;border-radius:1px}.menu{display:none}
.hero{display:grid;grid-template-columns:31% 69%;min-height:420px;background:linear-gradient(90deg,#fff 0,#fff 31%,#f8f5ef 31%)}.heroCopy{padding:74px 3.7vw 42px;background:linear-gradient(90deg,#fff 72%,rgba(255,255,255,.72) 100%);z-index:2}.hero h1{font:40px/1.13 Georgia,serif;font-weight:500;margin:0;color:var(--green);letter-spacing:.1px;text-transform:none}.heroCopy>i{display:block;width:48px;border-top:2px solid var(--gold);margin:20px 0}.heroCopy p{font-size:15px;line-height:1.55;max-width:420px;margin:7px 0}.heroCopy .btn{display:inline-block;margin-top:17px}.heroPhoto{position:relative;overflow:hidden}.heroPhoto>img{width:100%;height:100%;object-fit:cover;filter:brightness(1.08) contrast(.95) saturate(.89);transform:scale(1.005)}.heroPhoto:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.42),transparent 18%);pointer-events:none}.badge{position:absolute;z-index:2;left:8%;top:12%;width:160px;height:160px;border-radius:50%;background:var(--green);border:1.5px solid var(--gold);color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;line-height:1.4;box-shadow:0 8px 22px #0002}.badge strong{color:#e9b24a;font-size:14px}.badge span{font-size:11px;margin-top:6px}
.included{display:grid;grid-template-columns:repeat(6,1fr);padding:14px 3.4vw;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}.included div{display:grid;grid-template-columns:36px 1fr;grid-template-rows:auto auto;align-items:center;padding:3px 15px;border-right:1px solid #ead7b4;text-transform:uppercase}.included div:last-child{border:0}.included div:first-letter{font-size:24px;color:var(--green)}.included b{font-size:11px}.included span{font-size:10px;grid-column:2}
.showcase{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;padding:14px 3.4vw 48px;background:#fbfaf7}.showcase article{position:relative;background:white;box-shadow:0 2px 10px #0000000a;border:1px solid #f2eee7}.showcase img{width:100%;height:205px;object-fit:cover;filter:brightness(1.08) contrast(.95) saturate(.9)}.showcase h3{font:20px Georgia,serif;color:var(--green);margin:14px 16px 3px}.showcase p{margin:0 16px 16px;font-size:13px;color:#3a443f}
.offices{padding:64px 4vw}.eyebrow{color:var(--gold);font-weight:bold;letter-spacing:2px;font-size:11px}.offices h2,.details h2,.location h2,.contact h2{font:38px Georgia,serif;color:var(--green);font-weight:500;margin:8px 0 18px}.lead{max-width:850px;line-height:1.6}.officeGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:30px}.office{border:1px solid var(--line);padding:20px;background:#fff;box-shadow:0 2px 9px #00000008}.office h3{font:23px Georgia,serif;margin:0 0 12px;color:var(--green)}.office .price{font-size:20px;font-weight:bold}.office .charges{color:#6a6a60;font-size:13px}.status{display:inline-block;margin-top:16px;padding:7px 10px;background:#f4f0e8;font-size:10px;text-transform:uppercase;letter-spacing:1px}
.details{display:grid;grid-template-columns:42% 58%;gap:42px;padding:64px 4vw;background:var(--cream)}.details p{line-height:1.6}.mosaic{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mosaic img{width:100%;height:205px;object-fit:cover;filter:brightness(1.09) contrast(.94) saturate(.9)}.mosaic img:last-child{grid-column:1/3;height:240px}.location{display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:64px 4vw;background:#fff}.bigAddress{text-align:center;font:45px Georgia,serif;color:var(--green);border-left:1px solid var(--line);padding:42px}.bigAddress small{display:block;color:var(--gold);font:17px Arial;margin-top:10px;letter-spacing:3px}.contact{display:grid;grid-template-columns:1fr 1.3fr;gap:56px;padding:64px 4vw;background:#fbf9f5}.contact form{display:grid;grid-template-columns:1fr 1fr;gap:15px}.contact label{font-size:11px;text-transform:uppercase;letter-spacing:1px}.contact input,.contact textarea{width:100%;margin-top:7px;border:1px solid #d9d2c7;background:white;padding:12px;font:15px Arial}.wide{grid-column:1/3}footer{background:var(--green);color:#fff;padding:23px 4vw;display:flex;justify-content:space-between;font-size:12px}footer a{color:#fff}.photoNote{font-size:12px;color:#766;margin-top:6px}
@media(max-width:1160px){.brand{min-width:330px}.brand b{font-size:29px}.brand img{width:48px;height:70px}.brand small{font-size:10px}nav{gap:17px}nav a{font-size:10px}.hero h1{font-size:36px}}
@media(max-width:1000px){.top{display:none}header{height:auto;padding:14px 4vw;position:relative}.brand{min-width:0}.brand b{font-size:29px}.brand img{height:62px;width:43px}.brand small{font-size:10px}.menu{display:block;margin-left:auto;border:0;background:none;font-size:26px}nav{display:none;position:absolute;top:90px;left:0;right:0;background:white;padding:20px;flex-direction:column;box-shadow:0 10px 20px #0002}nav.open{display:flex}.hero{grid-template-columns:1fr}.heroCopy{padding:48px 5vw 38px}.heroPhoto{height:400px}.included{grid-template-columns:repeat(2,1fr)}.showcase,.officeGrid{grid-template-columns:repeat(2,1fr)}.details,.location,.contact{grid-template-columns:1fr}.bigAddress{border-left:0;border-top:1px solid var(--line)}.contact form{grid-template-columns:1fr}.wide{grid-column:1}.mosaic{grid-template-columns:1fr}.mosaic img:last-child{grid-column:1}.hero h1{font-size:37px}}
@media(max-width:600px){.brand b{font-size:25px}.brand small i{width:22px}.showcase,.officeGrid{grid-template-columns:1fr}.included{grid-template-columns:1fr 1fr}.heroCopy{padding-top:40px}.hero h1{font-size:34px}.heroPhoto{height:310px}.badge{width:128px;height:128px;top:7%;left:5%}.badge strong{font-size:12px}.badge span{font-size:9px}.showcase img{height:245px}.offices,.details,.location,.contact{padding:48px 6vw}footer{flex-direction:column;gap:8px}.brand small{font-size:9px}}

/* V4 — ajustements photos validés */
.showcase article:nth-child(2) img,.mosaic .kitchen-photo{filter:brightness(1.18) contrast(.89) saturate(.82);object-position:center 42%}
.mosaic .meeting-photo{filter:brightness(1.10) contrast(.93) saturate(.88);object-position:center 48%}
.mosaic .office7-photo{filter:brightness(1.08) contrast(.88) saturate(.76);object-position:center 52%}
.mosaic img{border-radius:2px}

/* V5 — bandeau doux validé (référence capture utilisateur) */
.top{height:24px;background:#fcfbf8;padding:0 2.8vw;font-size:9px;gap:26px;border-bottom:1px solid #f2eee7;color:#29332f}
header{height:74px;padding:0 2.8vw;background:#fffdf9;box-shadow:none;border-bottom:1px solid #eee9df}
.brand{gap:9px;min-width:300px}
.brand img{width:40px;height:58px;object-fit:contain;filter:sepia(.12) saturate(.62) contrast(.9) brightness(1.08);opacity:.88}
.brand b{font:26px Georgia,serif;letter-spacing:.35px;font-weight:500;color:#173b33}
.brand small{gap:9px;color:#d9a13b;font-size:9px;letter-spacing:1.15px;margin-top:4px}
.brand small i{width:26px;border-top:1px solid #d9a13b}
nav{gap:24px}
nav a{font-size:9px;letter-spacing:.12px;padding:7px 0;color:#1c2926}
nav a:first-child{border-bottom:1.5px solid #d9a13b}
.navcta{padding:10px 14px;border-radius:1px}
@media(max-width:1160px){.brand{min-width:275px}.brand b{font-size:24px}.brand img{width:38px;height:54px}.brand small{font-size:8px}nav{gap:16px}nav a{font-size:8.5px}}
@media(max-width:1000px){header{height:auto;padding:10px 4vw}.brand b{font-size:25px}.brand img{height:52px;width:36px}.brand small{font-size:8px}.top{display:none}}

/* VERSION FINALE — bandeau et pied de page validés */
.top{height:30px;padding:0 3.1vw;font-size:11px;background:#fbf8f2;color:#17231f}
header{height:112px;padding:0 3.1vw;background:#fff;box-shadow:none;border-bottom:1px solid #eee9df}
.brand{gap:15px;min-width:430px}
.brand img{width:70px;height:94px;object-fit:contain;filter:none;opacity:1}
.brand b{font:36px Georgia,serif;letter-spacing:.2px;font-weight:500;color:#07382f}
.brand small{gap:10px;color:#df9a20;font-size:13px;letter-spacing:1.35px;margin-top:6px}
.brand small i{width:38px;border-top:1.5px solid #df9a20}
nav{gap:32px}nav a{font-size:11px}.navcta{padding:13px 18px}
.hero h1{font-size:37px}
.showcase{grid-template-columns:repeat(6,1fr);gap:10px;padding:12px 1.4vw 18px}
.showcase img{height:164px}.showcase h3{font:15px Arial,sans-serif;font-weight:700;text-transform:uppercase;margin:11px 12px 4px}.showcase p{font-size:11px;line-height:1.4;margin:0 12px 13px}
.showcase .kitchen-photo{filter:brightness(1.22) contrast(.86) saturate(.78);object-position:center 40%}
.showcase .office7-photo{filter:brightness(1.13) contrast(.89) saturate(.78);object-position:center 48%}
footer{min-height:54px;padding:12px 4vw;font-size:14px;align-items:center}
@media(max-width:1250px){.brand{min-width:360px}.brand b{font-size:31px}.brand img{width:58px;height:82px}.brand small{font-size:11px}nav{gap:19px}.showcase{grid-template-columns:repeat(3,1fr)}}
@media(max-width:1000px){header{height:auto}.brand{min-width:0}.brand img{width:48px;height:68px}.brand b{font-size:28px}.showcase{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.showcase{grid-template-columns:1fr}.showcase img{height:240px}}