/*
Theme Name: Home-Direct Premium
Theme URI: https://www.home-direct.be/
Author: Home-Direct
Description: Thème WordPress trilingue FR/NL/EN pour Home-Direct, avec photos de réalisations, SEO et pages éditables.
Version: 1.0.0
Requires at least: 6.2
Requires PHP: 7.4
Text Domain: home-direct-premium
*/
:root{--ink:#272924;--mute:#696a63;--cream:#f8f6f2;--sand:#e9e2d7;--brown:#967e63;--dark:#2f403a;--max:1190px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font:16px/1.72 system-ui,-apple-system,'Segoe UI',sans-serif}a{color:inherit}a:focus-visible,button:focus-visible{outline:2px solid #ad8154;outline-offset:4px}.container{width:min(calc(100% - 38px),var(--max));margin:auto}.eyebrow{text-transform:uppercase;letter-spacing:.22em;font-size:11px;font-weight:700;color:var(--brown)}.site-top{background:var(--dark);color:#fff;font-size:12px;padding:9px 0}.site-top .container{display:flex;justify-content:space-between;gap:15px}.header{background:#fff;position:sticky;z-index:10;top:0;border-bottom:1px solid #e8e6e0}.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:82px;gap:22px}.brand{text-decoration:none;font-size:26px;letter-spacing:.065em;font-weight:700;white-space:nowrap}.brand small{font-size:9px;letter-spacing:.2em;display:block;color:var(--brown);line-height:1}.nav{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.nav a{text-decoration:none;font-size:13px;font-weight:600}.nav a:hover{color:var(--brown)}.nav .cta,.btn{display:inline-block;background:var(--dark);color:white;padding:12px 20px;border:0;text-decoration:none;font-weight:600;font-size:13px;letter-spacing:.02em;border-radius:2px;cursor:pointer}.lang a{padding:3px 4px}.lang .active{text-decoration:underline;text-underline-offset:5px}.hero{min-height:590px;background:#ddd;display:grid;grid-template-columns:47% 53%}.hero-copy{background:var(--cream);padding:clamp(35px,6vw,100px) clamp(25px,5vw,80px);display:flex;flex-direction:column;justify-content:center}.hero h1{font-family:Georgia,serif;font-size:clamp(35px,4.4vw,66px);line-height:1.08;font-weight:400;letter-spacing:-.025em;margin:22px 0}.hero p{color:#5a5d56;max-width:540px}.hero-photo{background-position:center;background-size:cover;min-height:440px}.hero .btn{align-self:flex-start;margin-top:18px}.metrics{background:var(--dark);color:#fff;padding:27px 0}.metrics .container{display:flex;justify-content:space-around;gap:20px;text-align:center;flex-wrap:wrap}.metrics strong{font:32px Georgia,serif;display:block}.metrics span{font-size:12px;color:#e3e1da}.section{padding:83px 0}.section.alt{background:var(--cream)}h2{font:normal clamp(30px,3.2vw,49px)/1.17 Georgia,serif;letter-spacing:-.02em;margin:17px 0 22px}.lead{max-width:760px;color:var(--mute);font-size:17px}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.photo-cover{width:100%;height:430px;object-fit:cover}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:36px}.service{background:white;border:1px solid #eeebe5}.service img{width:100%;height:235px;object-fit:cover;display:block}.service .pad{padding:24px}.service h3{font:normal 25px/1.2 Georgia,serif;margin:0 0 12px}.service p{color:var(--mute);margin:0 0 15px}.service a{color:var(--dark);font-weight:700}.cols{columns:2;column-gap:50px}.cols li{break-inside:avoid;margin-bottom:10px}.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:32px}.gallery a{display:block;overflow:hidden}.gallery img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;transition:transform .3s}.gallery a:hover img{transform:scale(1.025)}.gallery figcaption{font-size:12px;color:var(--mute);padding-top:5px}.areas{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}.areas span{background:#fff;border:1px solid #ddd7cb;padding:10px 15px;font-size:13px}.dark-block{background:var(--dark);color:white;padding:75px 0}.dark-block a{color:white}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px}.form-row{display:grid;gap:12px}.form-row input,.form-row textarea{padding:13px;font:inherit;border:1px solid #ddd8cd;width:100%}.form-row label{font-size:13px}.notice{font-size:12px;color:var(--mute)}.footer{padding:40px 0;background:#202d28;color:#fff}.footer .container{display:flex;justify-content:space-between;gap:28px;flex-wrap:wrap}.footer a{color:white}.page-hero{padding:75px 0 50px;background:var(--cream)}.page-hero h1{font:normal clamp(36px,4vw,58px)/1.15 Georgia,serif;max-width:830px}.body-page{padding:60px 0}.body-page p{max-width:860px}.body-page h2{margin-top:45px}.body-page ul{line-height:2}.wp-block-image img{max-width:100%;height:auto}.edit-content{padding-top:22px}.screen-reader-text{position:absolute;left:-9999px}.menu-toggle{display:none}@media(max-width:920px){.menu-toggle{display:block;border:1px solid #d6d2ca;padding:8px;background:white}.nav{display:none;position:absolute;top:80px;left:0;right:0;padding:20px;background:white;border-bottom:1px solid #ddd;flex-direction:column;align-items:flex-start}.nav.open{display:flex}.hero{grid-template-columns:1fr}.hero-photo{order:-1;min-height:310px}.hero-copy{padding:44px 25px}.service-grid{grid-template-columns:1fr 1fr}.gallery{grid-template-columns:repeat(3,1fr)}.intro-grid,.contact-grid{grid-template-columns:1fr;gap:25px}}@media(max-width:600px){.service-grid,.gallery{grid-template-columns:1fr 1fr}.service img{height:170px}.service .pad{padding:15px}.service h3{font-size:21px}.section{padding:55px 0}.site-top .container{display:block}.site-top .right{display:none}.cols{columns:1}}