/*
Theme Name: CDID Interior Design
Text Domain: cdid-interior-design
Description: Site CDID — Céline Dufresne, une esthétique naturelle et intemporelle.
Version: 1.0.2
Requires at least: 6.0
Requires PHP: 7.4
License: GPL-2.0-or-later
WPVibe: yes
Update URI: false
*/

/* CHARTE CDID : ivoire, beige lin, sauge, chocolat. */
:root{
  --cdid-paper:#fbf9f5;
  --cdid-cream:#f2ede5;
  --cdid-linen:#e8e1d6;
  --cdid-sage:#59654a;
  --cdid-olive:#77816a;
  --cdid-brown:#49382c;
  --cdid-ink:#332c27;
  --cdid-muted:#80766a;
  --cdid-border:#dfd8cc;
  --cdid-serif:'Cormorant Garamond',Georgia,serif;
  --cdid-sans:'DM Sans',Arial,sans-serif;
  --cdid-script:'Caveat',cursive;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:95px}
body.cdid-brand-site{margin:0;background:var(--cdid-paper);color:var(--cdid-ink);font:400 15px/1.58 var(--cdid-sans);-webkit-font-smoothing:antialiased}
body.cdid-brand-site a{color:inherit}
.cdid-brand-site img{max-width:100%;height:auto}
.cdid-brand-site h1,.cdid-brand-site h2,.cdid-brand-site h3,.cdid-brand-site h4{font-family:var(--cdid-serif);font-weight:500;line-height:1.02;letter-spacing:-.025em;color:var(--cdid-brown);margin:0 0 15px}
.cdid-brand-site h1{font-size:clamp(52px,6.1vw,92px)}
.cdid-brand-site h2{font-size:clamp(36px,3.9vw,56px)}
.cdid-brand-site h3{font-size:clamp(25px,2.55vw,32px)}
.cdid-brand-site p{margin:0 0 15px}
.cdid-brand-site a{text-underline-offset:4px}
.cdid-brand-site a:focus-visible,.cdid-brand-site button:focus-visible{outline:3px solid #a77847;outline-offset:5px}
.cdid-skip{position:absolute!important;left:12px;top:-100px;padding:12px 16px;background:white;z-index:9999}
.cdid-skip:focus{top:10px}

/* HEADER */
.cdid-header{position:relative;z-index:100;background:rgba(252,250,247,.96);border-bottom:1px solid rgba(90,76,58,.09);box-shadow:0 2px 24px rgba(70,53,37,.04)}
.cdid-header-inner{max-width:1480px;margin:auto;min-height:86px;display:grid;grid-template-columns:minmax(280px,1fr) auto minmax(180px,1fr);align-items:center;gap:28px;padding:8px clamp(22px,4.1vw,66px)}
.cdid-identity{display:inline-flex;align-items:center;gap:16px;width:max-content;max-width:100%;text-decoration:none}
.cdid-monogram{font-family:var(--cdid-serif);font-size:clamp(39px,4vw,54px);font-weight:400;line-height:.8;letter-spacing:-.055em;color:var(--cdid-brown)}
.cdid-brand-caption{font:700 9px/1.55 var(--cdid-sans);letter-spacing:.25em;color:#72655b}
.cdid-navigation{display:flex;gap:clamp(12px,1.75vw,27px);align-items:center}
.cdid-navigation a{text-decoration:none!important;font-size:12px;font-weight:500;white-space:nowrap;color:#5b5147;transition:color .2s}
.cdid-navigation a:hover,.cdid-navigation a[aria-current=page]{color:var(--cdid-sage);text-decoration:underline!important;text-underline-offset:8px}
.cdid-header-motto{text-align:right;font:500 21px/1 var(--cdid-script);transform:rotate(-5deg);color:#887364;margin:0!important}
.cdid-nav-toggle{display:none;cursor:pointer;appearance:none;background:transparent;border:1px solid var(--cdid-border);padding:10px;width:44px;height:42px;border-radius:4px}
.cdid-nav-toggle span{display:block;height:2px;background:var(--cdid-brown);margin:5px 0}

/* GLOBAL BLOCK FIXES */
.cdid-main{overflow:hidden}
.cdid-main .wp-block-group{min-width:0}
.cdid-main .wp-block-columns{margin:0;gap:22px;align-items:stretch}
.cdid-main .wp-block-column{min-width:0}
.cdid-main .wp-block-image{margin:0}
.cdid-main .wp-block-image img{display:block;width:100%;max-width:none;height:100%;object-fit:cover}
.cdid-main .wp-block-image figcaption{display:none}
.cdid-main .wp-block-buttons{margin:0 0 12px}
.cdid-main .wp-block-button__link,.cdid-link{
 display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:46px;
 font:600 12px/1.2 var(--cdid-sans);letter-spacing:.01em;text-decoration:none!important;
 border:1px solid var(--cdid-sage);background:var(--cdid-sage);color:#fff!important;
 padding:12px 23px;border-radius:5px;transition:background .25s,color .25s,transform .25s;
 box-shadow:none!important
}
.cdid-main .wp-block-button__link:hover,.cdid-link:hover{transform:translateY(-2px);background:#414b35}
.cdid-main .is-style-outline .wp-block-button__link{color:var(--cdid-brown)!important;border:1px solid #766e62;background:transparent}
.cdid-main .is-style-outline .wp-block-button__link:hover{background:var(--cdid-cream)}
.cdid-eyebrow,.cdid-main p.cdid-eyebrow{font:700 11px/1.45 var(--cdid-sans);letter-spacing:.19em;color:var(--cdid-brown);text-transform:uppercase;margin:0 0 10px}
.cdid-main .cdid-cta,.cdid-main .cdid-method,.cdid-main .cdid-about,.cdid-main .cdid-hero,.cdid-main .cdid-services,.cdid-main .cdid-portfolio{max-width:none!important;margin:0!important;padding-left:max(30px,calc((100vw - 1370px)/2));padding-right:max(30px,calc((100vw - 1370px)/2))}
.cdid-main .cdid-hero{padding-left:0!important;padding-right:0!important}
.cdid-main .cdid-hero > .wp-block-columns{gap:0!important}
.cdid-home .cdid-hero{background:#eee7dd}
.cdid-hero .cdid-hero-columns{display:grid!important;grid-template-columns:38% 62%;min-height:clamp(460px,39vw,615px)}
.cdid-hero .cdid-hero-columns>.wp-block-column:first-child{padding:clamp(40px,5.2vw,88px) clamp(28px,4.3vw,75px);position:relative;z-index:2;background:linear-gradient(90deg,#f2ede5 0%,#f2ede5ee 78%,#f2ede5bb 100%);display:block;align-self:stretch}
.cdid-hero .cdid-hero-columns>.wp-block-column:first-child h1{max-width:540px;margin-top:5px;margin-bottom:21px;font-size:clamp(48px,4.45vw,72px);line-height:.94}
.cdid-hero .cdid-hero-columns>.wp-block-column:first-child > p:not(.cdid-eyebrow){font:400 clamp(16px,1.3vw,19px)/1.52 var(--cdid-serif);color:#5e4b3d;max-width:410px;margin-bottom:22px}
.cdid-hero .cdid-hero-columns>.wp-block-column:first-child .wp-block-buttons{display:inline-flex;margin:0 9px 13px 0}
.cdid-hero .cdid-hero-columns>.wp-block-column:first-child .cdid-eyebrow{font-size:10px;letter-spacing:.12em}
.cdid-hero .cdid-hero-columns>.wp-block-column:last-child{position:relative;min-width:0}
.cdid-hero .cdid-hero-columns>.wp-block-column:last-child .wp-block-image{height:100%;width:100%}
.cdid-hero .cdid-hero-columns>.wp-block-column:last-child .wp-block-image img{height:100%;min-height:460px;object-position:55% center}
.cdid-hero::after{content:'INTÉRIEURS   •   NATURE   •   BIEN-ÊTRE   •   HARMONIE';display:block;background:#ede8e0;padding:11px max(30px,calc((100vw - 1370px)/2));font:700 10px/1.2 var(--cdid-sans);letter-spacing:.19em;color:#746454}

/* À PROPOS */
.cdid-main .cdid-about{padding-top:55px;padding-bottom:60px;background:#f8f5f0}
.cdid-intro-grid{display:grid!important;grid-template-columns:45% 55%;gap:5.3vw!important}
.cdid-about .cdid-intro-grid>.wp-block-column:first-child{padding:15px 2vw 10px 0}
.cdid-about .cdid-intro-grid h2{max-width:550px}
.cdid-about .cdid-intro-grid p{font-size:14px;color:#62594f;max-width:650px}
.cdid-about .cdid-intro-grid>.wp-block-column:last-child{min-height:365px;border-radius:7px;position:relative;display:flex;align-items:flex-end;justify-content:flex-end;background:linear-gradient(135deg,#c8b79c1c 0%,#e8ddd0a6 100%),url('https://cdid.fr/wp-content/uploads/2026/10/CDID-Inspiration-matieres.jpg') center center /cover no-repeat}
.cdid-about .cdid-intro-grid>.wp-block-column:last-child>.cdid-quote{width:65%;margin:0!important;background:rgba(251,248,242,.96);padding:35px 34px 30px;box-shadow:0 12px 35px rgba(48,36,22,.11);border-radius:7px 0 0 0}
.cdid-quote h3{font:500 31px/.99 var(--cdid-serif)!important;color:var(--cdid-brown)}
.cdid-quote h3::before{content:'“';display:block;font-size:75px;height:46px;color:#968979}
.cdid-quote p:last-child{font-size:10px!important;line-height:1.8!important;letter-spacing:.12em;text-transform:uppercase;color:var(--cdid-olive)!important}
.cdid-about .wp-block-buttons{margin-top:18px}

/* SERVICES */
.cdid-main .cdid-services{padding-top:58px;padding-bottom:58px;background:#fff}
.cdid-services>h2,.cdid-portfolio>h2{max-width:1000px;margin-bottom:26px}
.cdid-services-grid,.cdid-portfolio-grid,.cdid-method-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px!important}
.cdid-services-grid>.wp-block-column{min-height:306px;position:relative;border-radius:9px;overflow:hidden;background:#f2eee9;transition:transform .3s,box-shadow .3s}
.cdid-services-grid>.wp-block-column:hover,.cdid-portfolio-grid>.wp-block-column:hover{transform:translateY(-4px);box-shadow:0 9px 23px rgba(51,40,27,.1)}
.cdid-services-grid>.wp-block-column::before{content:'';display:block;height:170px;background-size:cover;background-position:center}
.cdid-services-grid>.wp-block-column:nth-child(1)::before{background-image:url('https://cdid.fr/wp-content/uploads/2026/10/CDID-Inspiration-salon.jpg')}
.cdid-services-grid>.wp-block-column:nth-child(2)::before{background-image:url('https://cdid.fr/wp-content/uploads/2026/10/CDID-Inspiration-travail-decoration.jpg')}
.cdid-services-grid>.wp-block-column:nth-child(3)::before{background-image:url('https://cdid.fr/wp-content/uploads/2026/10/CDID-Inspiration-matieres.jpg')}
.cdid-services-grid>.wp-block-column:nth-child(4)::before{background-image:url('https://cdid.fr/wp-content/uploads/2026/10/CDID-Inspiration-salle-de-bain.jpg')}
.cdid-services-grid .cdid-card{padding:20px 20px 21px!important}
.cdid-card h3{font-size:29px!important;line-height:1.1!important;margin:0 0 7px!important}
.cdid-services-grid .cdid-card p{font:400 13px/1.47 var(--cdid-serif);color:#655b54}
.cdid-services>.wp-block-buttons,.cdid-portfolio>.wp-block-buttons{margin-top:20px;display:flex;justify-content:flex-end}
.cdid-services>.wp-block-buttons .wp-block-button__link,.cdid-portfolio>.wp-block-buttons .wp-block-button__link{background:transparent;color:#504539!important;border:0;padding:6px 0;border-bottom:1px solid #aaa091;border-radius:0;min-height:unset;box-shadow:none}
.cdid-services>.wp-block-buttons .wp-block-button__link:hover,.cdid-portfolio>.wp-block-buttons .wp-block-button__link:hover{background:transparent;transform:translateX(3px)}

/* INSPIRATIONS / PORTFOLIO */
.cdid-main .cdid-portfolio{background:#fff;padding-top:20px;padding-bottom:72px}
.cdid-portfolio>.wp-block-paragraph:not(.cdid-eyebrow){font-size:13px;color:#72685f;margin-top:-13px;margin-bottom:23px}
.cdid-portfolio-grid>.wp-block-column{min-width:0;transition:transform .3s;overflow:hidden}
.cdid-portfolio-grid .wp-block-image{aspect-ratio:1.3/1;width:100%;overflow:hidden}
.cdid-portfolio-grid .wp-block-image img{transition:transform .5s}
.cdid-portfolio-grid .wp-block-image:hover img{transform:scale(1.035)}
.cdid-portfolio-grid h3{font:500 24px/1 var(--cdid-serif)!important;margin:10px 0 4px!important}
.cdid-portfolio-grid p{font:700 10px/1.5 var(--cdid-sans);color:#8b8175;letter-spacing:.13em;text-transform:uppercase}
.cdid-portfolio-grid .wp-block-column>.wp-block-group{height:100%}

/* ÉTAPES */
.cdid-main .cdid-method{padding-top:65px;padding-bottom:77px;background:#f4f0e9}
.cdid-method>h2{max-width:920px;margin-bottom:32px}
.cdid-method-grid{gap:26px!important}
.cdid-method-grid>.wp-block-column{position:relative;padding:7px 0 0 76px;min-height:120px}
.cdid-method-grid>.wp-block-column::before{position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;width:63px;height:63px;border-radius:50%;background:linear-gradient(135deg,#e2d7c8,#f2ede5);border:1px solid #d9cebe;color:#6c5948;font:400 33px/1 var(--cdid-serif)}
.cdid-method-grid>.wp-block-column:nth-child(1)::before{content:'◉'}
.cdid-method-grid>.wp-block-column:nth-child(2)::before{content:'✧'}
.cdid-method-grid>.wp-block-column:nth-child(3)::before{content:'❦'}
.cdid-method-grid>.wp-block-column:nth-child(4)::before{content:'♡'}
.cdid-method-grid h3{font-size:24px!important;margin-bottom:7px!important}
.cdid-method-grid p{font:400 13px/1.55 var(--cdid-serif);color:#6b6259}

/* CTA */
.cdid-main .cdid-cta{position:relative;overflow:hidden;padding-top:75px;padding-bottom:78px;background:linear-gradient(95deg,#e7e2d9c4 0%,#f5f0e8e5 63%,#e4dccdbf 100%),url('https://cdid.fr/wp-content/uploads/2026/10/CDID-Inspiration-decoration.jpg') center 60%/cover no-repeat}
.cdid-cta>*{position:relative;z-index:2}
.cdid-cta h2{max-width:760px;font-size:clamp(40px,5vw,61px);margin:0 0 7px}
.cdid-cta>.wp-block-paragraph:not(.cdid-eyebrow){font:400 17px/1.4 var(--cdid-serif);color:#5c5047;max-width:650px}
.cdid-cta .wp-block-buttons{margin-top:20px}

/* INTERIOR PAGES */
.cdid-interior-page{min-height:64vh}
.cdid-article>.wp-block-group.cdid-page{max-width:1370px;margin:0 auto!important;padding:70px 35px 85px}
.cdid-page>h1{max-width:1000px;margin-bottom:28px}
.cdid-page>p{max-width:980px;font-size:16px;line-height:1.75;color:#6a5d52}
.cdid-page>.wp-block-columns{margin:35px 0;gap:40px;align-items:start}
.cdid-page>.wp-block-columns h2{margin-top:27px}
.cdid-page>.wp-block-columns>.wp-block-column{min-width:0}
.cdid-page .wp-block-image{border-radius:8px;overflow:hidden}
.cdid-page .wp-block-image img{height:auto;aspect-ratio:4/3}
.cdid-page .cdid-services-grid{margin-top:35px;gap:24px!important}
.cdid-page .cdid-services-grid .wp-block-column{background:var(--cdid-cream);border-radius:8px}
.cdid-page .cdid-services-grid .cdid-card{padding:24px!important}
.cdid-page .cdid-services-grid .cdid-card p{font:400 15px/1.62 var(--cdid-sans)}
.cdid-page .cdid-portfolio-grid{margin:36px 0!important}
.cdid-page .cdid-steps{max-width:860px;margin:40px auto;background:#f3eee7;padding:38px 55px;border-radius:9px}
.cdid-page .cdid-steps h2{margin:20px 0 8px;font-size:38px}
.cdid-page .cdid-steps p{padding-bottom:23px;border-bottom:1px solid #ded4c7}
.cdid-interior-page>.cdid-cta,.cdid-interior-page .cdid-cta{max-width:none!important;padding:60px max(30px,calc((100vw - 1370px)/2));}
.cdid-interior-page .cdid-article>.cdid-cta{margin:0!important}
.cdid-fallback{text-align:center;max-width:850px;margin:9vh auto 12vh;padding:55px 25px}
.cdid-fallback h1{max-width:800px}

/* FOOTER */
.cdid-footer{background:#fbf9f6;border-top:1px solid #e9e0d6;padding:30px clamp(25px,4vw,65px) 22px}
.cdid-footer-top{max-width:1370px;margin:0 auto;display:flex;align-items:center;gap:27px;justify-content:space-between;padding-bottom:24px}
.cdid-footer-brand .cdid-monogram{font-size:43px}
.cdid-footer-brand .cdid-brand-caption{font-size:8px}
.cdid-footer-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:16px}
.cdid-footer-nav a,.cdid-footer-email{font-size:11px;color:#665a4f;text-decoration:none}
.cdid-footer-nav a:hover,.cdid-footer-email:hover{text-decoration:underline}
.cdid-footer-sign{font:700 9px/1.55 var(--cdid-sans);text-transform:uppercase;letter-spacing:.13em;text-align:right;color:#807267}
.cdid-footer-bottom{max-width:1370px;margin:0 auto;display:flex;gap:20px;justify-content:space-between;align-items:center;border-top:1px solid #ebe4dc;padding:14px 0 0;color:#958a7e;font-size:10px}
.cdid-footer-bottom span:last-child{display:flex;gap:25px}
.cdid-footer-bottom a{color:inherit;text-decoration:none}
.cdid-photo-note{max-width:1370px;margin:8px auto 0;color:#a69d92;font-size:9px}

/* REDUCED MOTION / RESPONSIVE */
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media(max-width:1150px){
.cdid-header-inner{grid-template-columns:minmax(200px,1fr) auto;gap:12px;padding:10px 25px}
.cdid-header-motto{display:none}
.cdid-hero .cdid-hero-columns{grid-template-columns:42% 58%}
.cdid-hero .cdid-hero-columns>.wp-block-column:first-child h1{font-size:clamp(46px,5vw,67px)}
.cdid-method-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;row-gap:25px!important}
.cdid-services-grid,.cdid-portfolio-grid{gap:14px!important}
.cdid-services-grid .cdid-card{padding:18px 14px!important}
.cdid-services-grid .cdid-card h3{font-size:24px!important}
.cdid-footer-top{flex-wrap:wrap}
}
@media(max-width:900px){
.cdid-header-inner{grid-template-columns:1fr auto;min-height:73px}
.cdid-monogram{font-size:42px}
.cdid-nav-toggle{display:block}
.cdid-navigation{display:none;position:absolute;top:100%;left:0;right:0;padding:18px 28px 25px;background:#fbf9f5;border-top:1px solid #e4dcd0;box-shadow:0 12px 22px rgba(58,45,32,.12);flex-direction:column;align-items:stretch;gap:0}
.cdid-navigation.is-open{display:flex}
.cdid-navigation a{font-size:15px;padding:13px 0;border-bottom:1px solid #e9e0d6}
.cdid-services-grid,.cdid-portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.cdid-services-grid>.wp-block-column{min-height:290px}
.cdid-intro-grid{grid-template-columns:1fr!important;gap:25px!important}
.cdid-about .cdid-intro-grid>.wp-block-column:last-child{min-height:350px}
}
@media(max-width:660px){
.cdid-brand-caption{font-size:8px;letter-spacing:.17em}
.cdid-header-inner{padding:10px 19px}
.cdid-home .cdid-hero .cdid-hero-columns{grid-template-columns:1fr!important}
.cdid-hero .cdid-hero-columns>.wp-block-column:first-child{padding:43px 26px 24px;order:2;background:#f1ebdf}
.cdid-hero .cdid-hero-columns>.wp-block-column:last-child{order:1;height:290px}
.cdid-hero .cdid-hero-columns>.wp-block-column:last-child .wp-block-image img{min-height:290px;max-height:290px}
.cdid-hero .cdid-hero-columns>.wp-block-column:first-child h1{font-size:clamp(47px,12.5vw,68px);max-width:510px}
.cdid-hero::after{padding:14px 26px;font-size:8px;letter-spacing:.11em}
.cdid-main .cdid-about,.cdid-main .cdid-services,.cdid-main .cdid-portfolio,.cdid-main .cdid-method,.cdid-main .cdid-cta{padding-left:24px!important;padding-right:24px!important}
.cdid-main .cdid-about{padding-top:43px;padding-bottom:40px}
.cdid-about .cdid-intro-grid>.wp-block-column:last-child{min-height:390px}
.cdid-about .cdid-intro-grid>.wp-block-column:last-child>.cdid-quote{width:85%;padding:28px}
.cdid-services-grid,.cdid-portfolio-grid,.cdid-method-grid{grid-template-columns:1fr!important}
.cdid-services-grid>.wp-block-column{min-height:280px}
.cdid-services-grid>.wp-block-column::before{height:180px}
.cdid-portfolio-grid .wp-block-image{aspect-ratio:1.6}
.cdid-method-grid>.wp-block-column{min-height:95px}
.cdid-main .cdid-services,.cdid-main .cdid-portfolio,.cdid-main .cdid-method{padding-top:45px;padding-bottom:45px}
.cdid-main .cdid-cta{padding-top:55px!important;padding-bottom:58px!important}
.cdid-main .cdid-cta h2{font-size:42px}
.cdid-page>.wp-block-columns{display:flex!important;flex-direction:column}
.cdid-article>.wp-block-group.cdid-page{padding:45px 24px 60px}
.cdid-page>h1{font-size:52px}
.cdid-page .cdid-steps{padding:26px 22px}
.cdid-footer{padding:29px 22px}
.cdid-footer-top,.cdid-footer-bottom{flex-direction:column;align-items:flex-start;gap:16px}
.cdid-footer-nav{justify-content:flex-start}
.cdid-footer-sign{text-align:left}
}