:root{

}

a {text-decoration: none;}

html {scroll-padding-top: 80px; overflow-x: hidden!important;}
@media (max-width: 768px) {
    html {scroll-padding-top: 60px;}
}

body { font-family: 'Montserrat', sans-serif; padding: 0; margin: 0}
#loader {display: none;}

section  {max-width: 100vw; overflow:hidden;}

.navbar-brand {font-weight: 500; }
.navbar-brand span {color: #B45309}
.navbar-brand b {color: blueviolet; font-weight: 100;}
.nav-link {font-weight: 400;}

.text-bois {color: #D97706;}
.bg-bois {background-color: #D97706;}
.bg-bois-light {background-color: rgba(217, 119, 6, 0.5);}

.btn-bois {background-color: #D97706; border-color: #D97706; color: white;}
.btn-bois:hover {background-color: #B45309; border-color: #B45309;}
.btn-outline-bois {color: #D97706; border-color: #D97706;}
.btn-outline-bois:hover {background-color: #D97706; color: white;}
.btn-outline-bois:hover{background-color:#D97706;color:white}
.card-service{transition:all .35s ease;cursor:pointer}
.card-service:hover{transform:translateY(-10px);box-shadow:0 20px 40px rgba(0,0,0,.15)!important}
.icon-circle{transition:all .4s cubic-bezier(.4,0,.2,1)}
.card-service:hover .icon-circle{background-color:rgba(217,119,6,1)!important;transform:scale(1.1)}
.card-service:hover .icon-circle i{color:white!important;transform:scale(1.2)}
.bg-bois-fonce{background:linear-gradient(135deg,#3d3125 0%,#5d4a38 50%,#6b5540 100%)}
.bg-bois-acajou{background:linear-gradient(135deg,#4a2c1f 0%,#7a4a33 50%,#8b5e3c 100%)}
.bg-bois-wenge{background:linear-gradient(135deg,#2c1f17 0%,#3f2e22 60%,#554233 100%)}
.hover-lift{transition:all .4s ease}
.hover-lift:hover{transform:translateY(-12px);box-shadow:0 20px 40px rgba(0,0,0,.15)!important}
.hover-lift:hover img{transform:scale(1.05);transition:transform .6s ease}
.backdrop-blur{backdrop-filter:blur(4px)}
.realisation-card{aspect-ratio:4/5;overflow:hidden;transition:all 1s ease}
.realisation-card img{width:100%;height:100%;object-fit:cover;transition:transform 1s ease}
.realisation-card:hover{transform:translateY(-12px);box-shadow:0 25px 50px rgba(0,0,0,.2)!important}
.realisation-card:hover .bg-black{opacity:0!important}
.realisation-card:hover img{transform:scale(1.08)}


#form_error:empty {display: none}
#form_valid {display: none}

.display-4 {font-size:calc(1.475rem + 1.2vw)}
.display-6 {font-size:calc(1.475rem + 0.5vw)}
.lead {font-size: 1rem;}
.form-label {}

.btn-lg {font-size: 1rem}
.form-control {font-size: 0.9rem}

@media (max-width: 768px) {
    :root {
        --bs-body-font-size: 0.9rem;
    }
}