/*
Theme Name: AK BTP
Theme URI: https://example.com/
Author: AK BTP
Description: Thème vitrine pour entreprise générale du bâtiment.
Version: 1.0
Text Domain: ak-btp
*/
:root{--red:#ec1c24;--black:#050505}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#090909}.wrap{width:min(1140px,91%);margin:auto}.topline{height:39px;background:#030303;color:white;font-size:12px}.topline .wrap{height:100%;display:flex;align-items:center;justify-content:space-between}.topline b{color:var(--red);font-size:14px}header{height:85px;background:white}.header-row{height:100%;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:12px;color:#050505;text-decoration:none}.logo>span{display:grid;place-items:center;width:76px;height:62px;background:linear-gradient(155deg,#050a 0 68%,var(--red) 69%);clip-path:polygon(6% 0,100% 10%,98% 85%,50% 100%,4% 78%);color:white;font-weight:900;font-size:15px;line-height:1}.logo strong{font-size:27px;line-height:1.04}.logo i{color:var(--red);font-style:normal;font-size:19px}nav{height:100%;display:flex;gap:31px;align-items:center}nav a{color:#090909;text-decoration:none;font-size:13px;font-weight:800;text-transform:uppercase;height:100%;display:flex;align-items:center;position:relative}nav a:hover,nav .selected{color:var(--red)}nav .selected:after{content:"";position:absolute;bottom:22px;left:0;right:0;height:3px;background:var(--red)}.hamburger{display:none}.hero{min-height:590px;padding-top:70px;position:relative;color:#fff;background:linear-gradient(90deg,rgba(0,0,0,.91),rgba(0,0,0,.79) 38%,rgba(0,0,0,.08)),var(--hero) center/cover}.overline{margin:0 0 13px;color:var(--red);font-size:16px;text-transform:uppercase;font-weight:900;letter-spacing:1.3px}.hero h1{margin:0;font-size:77px;letter-spacing:6px;line-height:1}.hero h2{font-size:47px;line-height:1.14;margin:11px 0 16px}.hero h2 em{color:var(--red);font-style:normal}.intro{font-size:16px;line-height:1.55;margin:0}.actions{display:flex;gap:16px;margin-top:25px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:51px;padding:0 23px;text-transform:uppercase;font-size:13px;font-weight:900;color:white;text-decoration:none}.red{background:var(--red)}.outline{border:2px solid #eee}.guarantees{position:absolute;bottom:0;left:50%;transform:translateX(-50%);min-height:94px;background:rgba(4,4,4,.96);display:grid;grid-template-columns:repeat(4,1fr);color:white}.guarantees>div{display:flex;align-items:center;justify-content:center;gap:13px;border-right:1px solid #444}.guarantees b{color:var(--red);font-size:32px}.guarantees span{font-size:11px;text-transform:uppercase}.guarantees strong{display:block;font-size:20px}.services{padding:21px 0 22px;background:#f8f8f8}.centered{text-align:center;margin-bottom:6px;font-size:13px}.section-title{text-align:center;margin:0;font-size:28px}.line{display:block;width:60px;height:3px;background:var(--red);margin:15px auto 11px}.cards{display:grid;grid-template-columns:repeat(6,1fr);gap:9px}.cards article{min-height:236px;padding:17px 13px;background:white;text-align:center;box-shadow:0 2px 10px #0002}.cards i{display:block;color:var(--red);font-size:48px;font-style:normal;height:69px}.cards h3{margin:8px 0 10px;font-size:13px;text-transform:uppercase;line-height:1.15}.cards p{margin:0;font-size:12px;line-height:1.45}.cards article:after{content:"";display:block;width:48px;height:2px;background:var(--red);margin:20px auto}.quote{background:linear-gradient(110deg,#151515,#050505);color:#fff}.quote-row{min-height:102px;display:grid;grid-template-columns:1.25fr 1.2fr 1.2fr .9fr;align-items:center;gap:22px}.quote-start{height:100%;display:flex;align-items:center;gap:15px;background:var(--red);padding:20px;position:relative}.quote-start:after{content:"";position:absolute;right:-37px;top:0;border-top:51px solid transparent;border-bottom:51px solid transparent;border-left:37px solid var(--red)}.quote-start b{font-size:34px}.quote-start span{font-size:15px}.quote-start strong{display:block;text-transform:uppercase;font-size:19px}.quote p{font-size:15px;line-height:1.4}.quote .button{justify-self:center;white-space:nowrap}.quote-phone{color:var(--red);font-size:18px}.quote-phone small{display:block;margin:6px 0 0 30px;color:#fff;font-size:11px}footer{background:#030303;color:#fff;padding:26px 0}footer .wrap{display:grid;grid-template-columns:1.4fr 1.15fr 1.2fr 1.1fr;gap:30px;font-size:12px;line-height:1.45}@media(max-width:900px){nav{gap:13px}.cards{grid-template-columns:repeat(3,1fr)}.quote-row{grid-template-columns:1fr 1fr}.quote-start:after{display:none}.quote .button{justify-self:start}.hero h1{font-size:62px}}@media(max-width:650px){.topline{display:none}header{height:72px}.logo>span{width:60px;height:52px}.logo strong{font-size:21px}.logo i{font-size:15px}.hamburger{display:block;border:0;background:none;font-size:26px}nav{display:none;position:absolute;top:72px;left:0;right:0;height:auto;z-index:10;background:white;flex-direction:column;padding:10px 0;gap:0;box-shadow:0 4px 10px #0002}nav.open{display:flex}nav a{height:auto;padding:12px;width:91%}nav .selected:after{bottom:6px}.hero{padding-top:57px;min-height:645px}.hero h1{font-size:47px}.hero h2{font-size:35px}.intro{font-size:14px}.guarantees{grid-template-columns:1fr 1fr;width:91%}.guarantees>div{min-height:70px}.guarantees strong{font-size:16px}.cards{grid-template-columns:1fr 1fr}.quote-row,footer .wrap{grid-template-columns:1fr}.quote-row{gap:0;padding-bottom:20px}.quote p{padding:0 20px}.quote .button{margin:12px 20px}.quote-phone{padding:16px 20px}.section-title{font-size:25px}}@media(max-width:420px){.cards{grid-template-columns:1fr}.hero h2{font-size:30px}.actions{flex-direction:column}.button{width:100%}}
/* Correctif bandeau devis */
.quote-start{z-index:1}.quote-row>p{position:relative;z-index:2;padding-left:25px}@media(max-width:900px){.quote-row>p{padding-left:0}}