/*
Theme Name: DT Jardin
Author: DT Jardin
Description: Site indépendant, jardinage et paysage à Antibes. Pages modifiables dans WordPress.
Version: 1.0.0
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: dt-jardin
*/
:root{--ink:#243128;--green:#3e4c30;--khaki:#76805a;--lime:#dbe9a5;--paper:#fafbf7;--line:#d9dece;--muted:#5f695d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.7 Arial,sans-serif}a{color:inherit;text-underline-offset:5px}img{max-width:100%;display:block;object-fit:cover}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:1.08;font-weight:400}h1,h2{font-family:Georgia,serif}h1{font-size:clamp(2.7rem,5.6vw,5.4rem);letter-spacing:-.045em}h2{font-size:clamp(2.1rem,3.8vw,3.8rem);letter-spacing:-.035em}h3{font-size:1.5rem;line-height:1.25}p{margin:1.1rem 0;color:var(--muted)}header{min-height:108px;max-width:1600px;margin:auto;padding:20px 5%;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:baseline;gap:9px;font-size:40px;font-weight:700;letter-spacing:-3px;text-decoration:none;line-height:1}.brand span{font-size:13px;letter-spacing:3px}nav{display:flex;align-items:center;gap:28px}nav a,nav summary{font-size:14px;text-decoration:none;cursor:pointer}nav a:hover,nav a[aria-current=page]{text-decoration:underline}nav details{position:relative}nav summary{list-style:none}nav summary:after{content:'⌄';margin-left:8px}nav details div{position:absolute;top:35px;left:-20px;z-index:20;width:250px;background:white;box-shadow:0 12px 30px #182e2526;padding:14px;border:1px solid var(--line)}nav details div a{display:block;padding:9px}.phone-top,.wp-block-button__link{background:var(--green);color:white!important;padding:15px 24px;display:inline-block;text-decoration:none;font-size:14px;font-weight:600;border:1px solid var(--green)}.phone-top:hover,.wp-block-button__link:hover{background:#28351f}.menu-toggle{display:none}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:670px;background:#e9eddf}.hero-copy{padding:80px 10% 80px max(10%,calc((100vw - 1400px)/2));align-self:center}.hero figure,.hero img{height:100%;width:100%}.hero figure{min-height:550px}.hero .lead{max-width:570px}.eyebrow{font-size:12px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--green);margin:0 0 28px}.lead{font-size:18px;line-height:1.8;margin:28px 0}.wp-block-buttons{margin-top:30px}.section{max-width:1400px;margin:auto;padding:95px 5%}.section>.eyebrow{margin-bottom:20px}.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:55px}.service-card{padding-top:22px;border-top:1px solid #a6af95;display:flex;flex-direction:column}.service-card h2{font:30px/1.15 Georgia,serif;letter-spacing:-.02em}.number{font-size:13px;letter-spacing:1px;color:var(--khaki);margin:0 0 25px}.service-card .wp-block-buttons{margin-top:auto;padding-top:15px}.service-card .wp-block-button__link{background:transparent;color:var(--ink)!important;border:0;border-bottom:1px solid var(--green);padding:0 0 6px}.split{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.split img{width:100%;height:550px}.split-copy{padding:20px 0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:6%;margin-top:55px}.steps h3{font-size:22px}.step{border-top:1px solid var(--line);padding-top:25px}.contact-banner{background:var(--green);color:white;padding:85px 7%;text-align:center}.contact-banner p{color:#e0e6d5;max-width:650px;margin:20px auto}.contact-banner .eyebrow{color:#d5debd}.contact-banner .wp-block-button__link{background:var(--lime);color:var(--ink)!important}.page-intro{max-width:1200px;padding:70px 5% 60px;margin:auto}.page-intro h1{max-width:1000px}.page-intro .lead{max-width:800px}.details-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px 8%}.detail-card{border-top:1px solid var(--line);padding-top:22px}.faq{max-width:1050px}.faq h2{font-size:2.2rem}.contact-section{padding-top:0;max-width:1050px}footer{padding:65px 5%;display:flex;gap:35px;align-items:center;justify-content:space-between;flex-wrap:wrap}footer p,footer a:not(.brand){font-size:13px}footer .credits{flex-basis:100%;font-size:12px;margin:0}.skip{position:absolute;left:-9999px}.skip:focus{left:15px;top:10px;z-index:100;background:white;padding:10px}.mobile-call{display:none}input,textarea,select{font:inherit;width:100%;border:1px solid #9da68f;padding:12px;background:white;color:var(--ink)}label{display:block;font-size:14px;margin:20px 0 6px}button{cursor:pointer;font:inherit}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #8c9c54;outline-offset:5px}.contact-form button{margin-top:25px}.contact-form .note{font-size:14px}.portrait-note{background:#e9eddf;padding:35px}.audiences{background:#edf0e5}.audiences p{max-width:900px}.phone-large{font-size:clamp(1.7rem,4vw,3rem);font-family:Georgia,serif}.wp-site-blocks{padding:0}.wp-block-post-content{margin:0}.wp-block-image{margin:0}.wp-block-group{box-sizing:border-box}@media(max-width:1050px){nav{gap:16px}.phone-top{padding:12px}.hero{min-height:600px}.hero-copy{padding:55px 9%}.services-grid{grid-template-columns:1fr 1fr}.split img{height:440px}}@media(max-width:760px){header{min-height:85px;flex-wrap:wrap;padding:20px 6%}.brand{font-size:34px}.menu-toggle{display:block;background:none;border:1px solid var(--line);padding:8px 15px;font-size:14px}nav{display:none;flex-basis:100%;align-items:stretch;padding:10px 0 15px}nav.open{display:flex;flex-direction:column}nav a,nav summary{font-size:16px;padding:8px 0}nav details div{position:static;box-shadow:none;margin-top:8px;width:100%;background:#f0f3e9}nav .phone-top{padding:12px 20px;text-align:center}.hero{grid-template-columns:1fr}.hero-copy{padding:50px 7%}.hero figure{min-height:0;height:350px}.hero img{height:350px}.section{padding:60px 7%}.split{grid-template-columns:1fr;gap:25px}.split img{height:360px}.services-grid{gap:35px 25px}.service-card h2{font-size:26px}.service-card p{font-size:16px}.steps{grid-template-columns:1fr;gap:30px}.details-grid{grid-template-columns:1fr;gap:30px}.page-intro{padding:50px 7% 30px}.contact-banner{padding:60px 7%}footer{padding:45px 7% 100px;gap:20px}footer .brand,footer p{flex-basis:100%}.mobile-call{display:block;position:fixed;bottom:0;left:0;right:0;padding:14px;text-align:center;background:var(--green);color:white;text-decoration:none;font-weight:600;z-index:30;border-top:1px solid #acb49a}.eyebrow{font-size:12px;letter-spacing:1.5px}.hero-copy h1{font-size:clamp(2.8rem,11vw,4rem)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media(max-width:380px){.services-grid{grid-template-columns:1fr}}
/* Identité jardin — version enrichie */
:root{--green:#354a2e;--khaki:#7d8850;--lime:#dce78d;--ink:#243323;--paper:#fcfcf8}header{position:sticky;top:0;z-index:50;background:#fcfcf8f5;border-bottom:1px solid #d9dece;backdrop-filter:blur(15px);min-height:96px}.hero{background:#354a2e;color:#fff;overflow:hidden}.hero-copy .eyebrow{color:#dce78d}.hero-copy .lead{color:#e4e9d9}.hero-copy h1 em{font-weight:400;color:#dce78d}.hero-copy .wp-block-button__link{background:#dce78d;color:#25341f!important;border-color:#dce78d}.hero figure{overflow:hidden}.hero img{animation:hero-in 1.4s ease-out both}.hero-copy{animation:copy-in .8s ease-out both}.hero-copy .lead{font-size:17px}.service-card{border:0;padding:32px;background:#eef1e2;border-radius:4px;transition:transform .25s,box-shadow .25s;min-height:350px}.service-card:nth-child(2){background:#e1e7ce}.service-card:nth-child(3){background:#cdd7b6}.service-card:nth-child(4){background:#526443;color:white}.service-card:nth-child(4) p,.service-card:nth-child(4) .number{color:#e7eddc}.service-card:nth-child(4) .wp-block-button__link{color:white!important;border-color:white}.service-card:hover{transform:translateY(-7px);box-shadow:0 16px 30px #23321e12}.services-grid{gap:18px}.service-card .number{font-family:Georgia,serif;font-size:28px;letter-spacing:-1px}.split img{border-radius:4px 70px 4px 4px}.section.audiences{max-width:none;padding:75px max(7%,calc((100vw - 1260px)/2));background:#e4eacc}.audiences h2{max-width:850px}.contact-banner{background:#354a2e;position:relative;border-bottom:8px solid #b9c974}.contact-banner h2{font-size:clamp(2.5rem,4.7vw,4.6rem)}.page-intro{max-width:none;margin:0;padding:60px max(7%,calc((100vw - 1200px)/2)) 70px;background:#e4eacc}.page-intro h1{font-size:clamp(2.8rem,5.7vw,5.3rem)}.page-intro .lead{margin-bottom:0}.breadcrumbs{padding:20px max(7%,calc((100vw - 1200px)/2));font-size:13px;display:flex;gap:12px;flex-wrap:wrap;background:#e4eacc;color:#4e5e40}.breadcrumbs a{text-decoration:none}.breadcrumbs a:hover{text-decoration:underline}.faq-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:8%;align-items:start}.faq-heading>p:first-child{font-size:12px;letter-spacing:2px;color:#61733f}.faq-heading h2{font-size:clamp(2.3rem,4vw,3.5rem)}.faq-item{border-bottom:1px solid #bdc8aa}.faq-item:first-child{border-top:1px solid #bdc8aa}.faq-item summary{list-style:none;cursor:pointer;font-size:17px;font-weight:600;line-height:1.5;padding:23px 36px 23px 0;position:relative}.faq-item summary:after{content:'+';position:absolute;right:4px;top:19px;font-size:25px;font-weight:400;color:#657b42}.faq-item[open] summary:after{content:'−'}.faq-item p{font-size:16px;margin:0 0 24px}.faq-item[open] p{animation:copy-in .25s ease-out}.faq-item summary::-webkit-details-marker{display:none}.editorial-section{max-width:1050px;background:#f0f3e8;margin-bottom:25px;padding:55px}.editorial-section h2{font-size:2.5rem}.detail-card h3{color:#3f592e}.detail-card{border-top:3px solid #a5b47a}.phone-top{border-radius:3px}.wp-block-button__link{transition:background .2s,transform .2s;border-radius:3px}.wp-block-button__link:hover{transform:translateY(-2px)}.custom-logo{max-width:170px;max-height:75px;object-fit:contain}.dt-reveal{opacity:0;transform:translateY(25px);transition:opacity .7s ease,transform .7s ease}.dt-reveal.is-visible{opacity:1;transform:translateY(0)}@keyframes copy-in{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes hero-in{from{transform:scale(1.035);opacity:.7}to{transform:scale(1);opacity:1}}@media(max-width:1100px){.service-card{padding:26px}.services-grid{grid-template-columns:1fr 1fr}}@media(max-width:760px){header{min-height:82px}.hero-copy{padding:48px 7%}.hero figure,.hero img{height:330px}.faq-section{grid-template-columns:1fr;gap:25px}.service-card{min-height:330px;padding:23px}.page-intro{padding:30px 7% 45px}.breadcrumbs{padding:18px 7%;font-size:12px}.editorial-section{margin:0 7%;padding:30px}.section.audiences{padding:55px 7%}.hero-copy h1{font-size:3.3rem}.phone-top{font-size:17px}.faq-item summary{font-size:16px}}@media(max-width:440px){.services-grid{grid-template-columns:1fr}.service-card{min-height:0;padding:28px}.service-card .wp-block-buttons{margin-top:18px}.hero-copy h1{font-size:2.9rem}.hero figure,.hero img{height:280px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.dt-reveal{opacity:1;transform:none}}
/* Logo original fourni : cadrage de l’emblème sans modifier le fichier. */
.brand{align-items:center;gap:12px;letter-spacing:0;flex-shrink:0}.brand .brand-emblem{position:relative;display:block;overflow:hidden;width:62px;height:62px;border-radius:50%;flex:0 0 62px;background:white}.brand-emblem img{position:absolute;width:269.8%;max-width:none;height:auto;left:-45.4%;top:-6.94%;object-fit:contain}.brand .brand-wordmark{font-family:Arial,sans-serif;font-size:23px;font-weight:800;line-height:1.15;letter-spacing:-.5px}.brand-wordmark small{display:block;font-size:8px;letter-spacing:1px;margin-top:7px;font-weight:500;color:#607956}.service-card:nth-child(2){border-top:3px solid #73b78b}.phone-top:hover{background:#4c7150}.faq-item summary:after{color:#528664}footer .brand{flex-basis:auto}@media(max-width:1100px){header{padding-left:3%;padding-right:3%}header nav{gap:16px}.brand .brand-wordmark{font-size:20px}.brand-wordmark small{font-size:7px;letter-spacing:.65px}.brand .brand-emblem{width:55px;height:55px;flex-basis:55px}}@media(max-width:760px){header{padding-left:6%;padding-right:6%}.brand .brand-emblem{width:52px;height:52px;flex-basis:52px}.brand .brand-wordmark{font-size:21px}.brand-wordmark small{font-size:7px}.brand{gap:10px}footer .brand{flex-basis:100%}.menu-toggle{padding:8px 12px}}
