/*
Theme Name: K S DECO Premium
Theme URI: https://www.ksdeco.fr/
Author: K S DECO
Description: Thème WordPress K S DECO — Peinture & Décoration, basé sur le site K S DECO.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: ks-deco
*/

@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Inter:wght@400;500;600;700&family=Parisienne&display=swap");
:root{--navy:#0d253a;--gold:#b98225;--gold2:#d5a04b;--cream:#f8f3ea;--paper:#fffdf9;--ink:#18222c;--muted:#65727c;--line:#e2d9ca}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,Arial,sans-serif;line-height:1.65}a{text-decoration:none;color:inherit}.wrap{width:min(1160px,calc(100% - 40px));margin:auto}
header{position:fixed;z-index:50;top:0;left:0;right:0;background:rgba(255,253,249,.97);backdrop-filter:blur(14px);border-bottom:1px solid rgba(13,37,58,.10);box-shadow:0 5px 22px rgba(13,37,58,.05)}
.nav{min-height:96px;display:flex;align-items:center;justify-content:space-between;gap:25px}
.logo-img{display:block;width:220px;height:74px;object-fit:contain;object-position:center}
nav{display:flex;align-items:center;gap:24px;font-size:12px;font-weight:700;letter-spacing:.2px}nav a{padding:8px 0}nav a:hover{color:var(--gold)}nav .active{color:var(--gold)}.nav-cta{background:var(--navy);color:#fff;padding:12px 18px!important}.toggle{display:none;border:0;background:transparent;font-size:28px;color:var(--navy)}
.hero{min-height:790px;padding-top:96px;position:relative;overflow:hidden;background:var(--cream)}.hero-bg{position:absolute;inset:0;background:url("assets/visuel-accueil.png") center/cover no-repeat}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(248,243,234,.98) 0%,rgba(248,243,234,.91) 42%,rgba(248,243,234,.25) 70%,rgba(248,243,234,.02) 100%)}.hero-inner{position:relative;z-index:1;min-height:694px;display:flex;align-items:center}.hero-copy{max-width:590px}.eyebrow{font-size:11px;letter-spacing:4px;font-weight:700;color:var(--gold);margin:0 0 17px}.eyebrow.light{color:#e4b45e}h1,h2,h3{line-height:1.05;margin-top:0}h1{font:600 clamp(58px,8vw,98px)/.92 "Cormorant Garamond";letter-spacing:-2px;color:var(--navy);margin-bottom:23px}h1 em{font-family:Parisienne,cursive;color:var(--gold);font-style:normal;font-weight:400}.lead{font-size:18px;max-width:520px;color:#31414e}.actions{margin-top:28px}.btn{display:inline-flex;justify-content:center;align-items:center;padding:14px 23px;font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;margin:5px 8px 5px 0;border:1px solid transparent;transition:.2s}.btn:hover{transform:translateY(-2px)}.gold{background:var(--gold);color:#fff}.darkbtn{background:var(--navy);color:#fff}.lightbtn{background:#fff;color:var(--navy);border-color:#ddd}
.logo-strip{background:var(--navy);padding:28px 0}.logo-strip-inner{display:flex;align-items:center;justify-content:center}.logo-strip img{width:245px;max-width:70%;filter:drop-shadow(0 7px 12px rgba(0,0,0,.18))}
.section{padding:100px 0}.cream{background:var(--cream)}.dark{background:var(--navy);color:#fff}.heading{text-align:center;max-width:760px;margin:0 auto 55px}.heading h2,.two h2{font:600 54px/1.04 "Cormorant Garamond";color:var(--navy);margin-bottom:18px}.dark .heading h2,.dark h2{color:#fff}.heading p:last-child{color:var(--muted)}.dark .heading p:last-child{color:#d5dfe5}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{background:#fff;border:1px solid var(--line);padding:31px 26px;min-height:290px;transition:.22s}.card:hover{transform:translateY(-5px);box-shadow:0 18px 40px rgba(13,37,58,.09)}.icon{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--gold);color:#fff;font-size:21px;margin-bottom:21px}.card h3{font:600 28px "Cormorant Garamond";color:var(--navy)}.card p{font-size:14px;color:var(--muted)}.goldlink{font-size:12px;font-weight:700;color:var(--gold)}
.two{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.about-img{width:100%;height:560px;object-fit:cover}.check{list-style:none;padding:0;margin:25px 0}.check li{border-bottom:1px solid var(--line);padding:10px 0;font-size:14px}.check li:before{content:"✓";color:var(--gold);font-weight:700;margin-right:11px}
.steps{display:grid;grid-template-columns:repeat(4,1fr)}.step{padding:25px;border-top:1px solid var(--line)}.step b{font:44px "Cormorant Garamond";color:var(--gold)}.step h3{font:600 27px "Cormorant Garamond";color:var(--navy);margin:8px 0}.step p{font-size:14px;color:var(--muted)}
.banner{padding:82px 0;background:linear-gradient(90deg,var(--navy),#183c58)}.banner-inner{display:flex;justify-content:space-between;align-items:center;gap:40px}.banner h2{font:600 52px "Cormorant Garamond";margin:0;color:#fff}.banner p{color:#d9e2e8;margin:8px 0 0}
.page-hero{padding:170px 0 75px;background:var(--cream);border-bottom:1px solid var(--line)}.page-hero h1{font-size:72px;margin:0 0 10px}.page-hero p{max-width:700px;color:var(--muted);font-size:16px}
.gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.gallery figure{margin:0;overflow:hidden;background:#fff;border:1px solid var(--line)}.gallery img{width:100%;height:380px;object-fit:cover}.gallery figcaption{padding:18px 20px;font-size:13px}.gallery figcaption strong{display:block;color:var(--navy);font-family:"Cormorant Garamond";font-size:24px}
.prices{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line);font-size:13px}.prices th{background:var(--navy);color:#fff;text-align:left;padding:13px}.prices td{padding:12px;border-bottom:1px solid var(--line)}.prices td:last-child{font-weight:700;color:var(--gold);white-space:nowrap}.note{font-size:12px;color:var(--muted);margin-top:18px}
.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:65px}.details{display:grid;gap:15px;margin-top:28px}.details a,.details div{border-left:2px solid var(--gold);padding-left:15px;display:grid}.details b{font-size:10px;letter-spacing:2px;color:var(--gold)}.contact-form{background:var(--cream);padding:38px}.contact-form label{display:grid;gap:6px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:16px}.contact-form input,.contact-form textarea{width:100%;padding:12px;border:1px solid #d7cebf;background:#fff;font:inherit}.contact-form button{width:100%;border:0}.small{font-size:11px;color:var(--muted)}
footer{background:#091c2b;color:#dbe4e9;padding:50px 0 0}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:45px;padding-bottom:42px}.footer-logo{width:220px;height:80px;object-fit:contain;background:var(--cream)}.footer-grid b{display:block;color:#fff;font-size:11px;letter-spacing:2px;margin-bottom:13px}.footer-grid a,.footer-grid span{display:block;font-size:13px;color:#b9c7d0;margin:7px 0}.footer-grid a:hover{color:#e0ad59}.bottom{text-align:center;border-top:1px solid #ffffff18;padding:17px;font-size:10px;color:#92a4af}

@media(max-width:900px){nav{gap:13px}.cards{grid-template-columns:repeat(2,1fr)}.two,.contact-grid{grid-template-columns:1fr;gap:45px}.steps{grid-template-columns:repeat(2,1fr)}.gallery{grid-template-columns:1fr}.banner-inner{display:block}.banner .btn{margin-top:25px}.about-img{height:430px}}
@media(max-width:700px){.wrap{width:calc(100% - 28px)}.nav{min-height:76px}.logo-img{width:175px;height:62px}.toggle{display:block}nav{display:none;position:absolute;top:76px;left:0;right:0;background:#fffdf9;padding:18px;flex-direction:column;align-items:stretch;border-bottom:1px solid var(--line);box-shadow:0 12px 20px #10283d12}nav.open{display:flex}.nav-cta{text-align:center}.hero{min-height:690px;padding-top:76px}.hero-inner{min-height:614px}.hero-bg{background-position:62% center}.hero-shade{background:linear-gradient(90deg,#f8f3eaf8 0%,#f8f3eacc 72%,#f8f3ea35 100%)}h1{font-size:64px}.lead{font-size:15px}.section{padding:72px 0}.cards,.steps{grid-template-columns:1fr}.heading h2,.two h2{font-size:44px}.page-hero{padding:135px 0 55px}.page-hero h1{font-size:58px}.gallery img{height:310px}.banner h2{font-size:43px}.footer-grid{grid-template-columns:1fr}}

.contact-form select{width:100%;padding:12px;border:1px solid #d7cebf;background:#fff;font:inherit}
.contact-form .consent{display:flex;grid-template-columns:none;align-items:flex-start;gap:9px;text-transform:none;letter-spacing:0;font-size:11px;font-weight:400;line-height:1.4}
.contact-form .consent input{width:auto;margin-top:2px}
.contact-form .hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.status{padding:14px 18px;margin:18px 0;background:#edf5ef;border-left:3px solid #5f8d69;font-size:13px}
.status.error{background:#fbefef;border-left-color:#a34b4b}
