/*
Theme Name: Chimera Motori Premium
Theme URI: https://chimeramotori.it
Author: Chimera Motori
Description: Tema WordPress Premium Bootstrap 5
Version: 2.0
Text Domain: chimera-motori
*/

/*==================================================
RESET
==================================================*/

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

html{
    scroll-behavior:smooth;
}

body{

    background:#0A0A0A;

    color:#FFFFFF;

    font-family:Arial,Helvetica,sans-serif;

    overflow-x:hidden;

}

/*==================================================
COLORI
==================================================*/

:root{

    --nero:#0A0A0A;

    --nero2:#151515;

    --nero3:#1C1C1C;

    --oro:#D4AF37;

    --bianco:#FFFFFF;

    --grigio:#BEBEBE;

}

/*==================================================
LINK
==================================================*/

a{

    text-decoration:none;

    transition:.35s;

}

img{

    max-width:100%;

    display:block;

}

/*==================================================
CONTAINER
==================================================*/

.container{

    max-width:1320px;

}

/*==================================================
HEADER
==================================================*/

.site-header{

    position:fixed;

    top:0;

    left:0;

    width:100%;

    z-index:9999;

    background:rgba(10,10,10,.94);

    backdrop-filter:blur(12px);

    border-bottom:1px solid rgba(212,175,55,.25);

}

.navbar{

    padding:18px 0;

}

.logo{

    height:82px;

}

.navbar-brand{

    margin-right:50px;

}

.navbar-nav{

    gap:28px;

}

.nav-link{

    color:#FFFFFF !important;

    font-weight:600;

    text-transform:uppercase;

    letter-spacing:.8px;

    position:relative;

    font-size:15px;

}

.nav-link:hover{

    color:var(--oro)!important;

}

.nav-link::after{

    content:"";

    position:absolute;

    bottom:-8px;

    left:0;

    width:0;

    height:2px;

    background:var(--oro);

    transition:.35s;

}

.nav-link:hover::after{

    width:100%;

}

/*==================================================
WHATSAPP
==================================================*/

.btn-warning{

    background:var(--oro);

    border:none;

    color:#000;

    border-radius:50px;

    padding:13px 28px;

    font-weight:700;

}

.btn-warning:hover{

    background:#E6C65A;

    color:#000;

}

/*==================================================
HERO
==================================================*/

.hero{

    min-height:100vh;

    display:flex;

    align-items:center;

    padding-top:170px;

    padding-bottom:120px;

    background:

    linear-gradient(rgba(0,0,0,.78),rgba(0,0,0,.82)),

    url("https://chimeramotori.it/wp-content/uploads/2026/06/sede-operativa-chimera-motori.jpg");

    background-size:cover;

    background-position:center;

}

.hero-left{

    padding-right:60px;

}

.hero h1{

    font-size:82px;

    font-weight:800;

    color:var(--oro);

    line-height:1;

    margin-bottom:25px;

}

.hero h2{

    font-size:38px;

    margin-bottom:25px;

}

.hero p{

    color:var(--grigio);

    font-size:20px;

    line-height:1.8;

    margin-bottom:35px;

}

.hero-buttons{

    display:flex;

    gap:18px;

    flex-wrap:wrap;

}

.btn-call{

    background:var(--oro);

    color:#000;

}

.btn-whatsapp{

    background:#25D366;

    color:#fff;

}

.btn-quote{

    border:2px solid var(--oro);

    color:var(--oro);

}

.btn-call,
.btn-whatsapp,
.btn-quote{

    padding:16px 30px;

    border-radius:50px;

    font-weight:700;

}

.hero-right{

    background:rgba(20,20,20,.95);

    border:1px solid rgba(212,175,55,.30);

    border-radius:20px;

    padding:40px;

}

.hero-right h3{

    text-align:center;

    color:var(--oro);

    margin-bottom:30px;

}

.hero-right input,
.hero-right textarea{

    width:100%;

    background:#101010;

    border:1px solid #333;

    color:#fff;

    padding:15px;

    border-radius:10px;

    margin-bottom:15px;

}

.hero-right textarea{

    min-height:140px;

    resize:none;

}

.hero-right button{

    width:100%;

    background:var(--oro);

    color:#000;

    border:none;

    border-radius:10px;

    padding:16px;

    font-weight:700;

}
/*==================================================
STATISTICHE
==================================================*/

.stats{

    background:#111;

    padding:90px 0;

}

.stat-box{

    background:#1A1A1A;

    border:1px solid rgba(212,175,55,.20);

    border-radius:18px;

    padding:45px 30px;

    transition:.35s;

    height:100%;

}

.stat-box:hover{

    transform:translateY(-10px);

    border-color:var(--oro);

    box-shadow:0 20px 45px rgba(0,0,0,.45);

}

.stat-box h3{

    font-size:54px;

    color:var(--oro);

    font-weight:800;

}

.stat-box p{

    color:#cfcfcf;

    margin-top:10px;

    font-size:18px;

}

/*==================================================
SEZIONI
==================================================*/

.features,
.catalogo,
.garanzie,
.about,
.cta,
.contatti{

    padding:120px 0;

}

.features{

    background:#0F0F0F;

}

.catalogo{

    background:#151515;

}

.garanzie{

    background:#101010;

}

.about{

    background:#161616;

}

.cta{

    background:#0D0D0D;

}

.contatti{

    background:#141414;

}

/*==================================================
TITOLI
==================================================*/

.features h2,
.catalogo h2,
.garanzie h2,
.about h2,
.cta h2,
.contatti h2{

    color:var(--oro);

    font-size:46px;

    font-weight:700;

    margin-bottom:20px;

}

.features p,
.catalogo p,
.garanzie p,
.about p,
.cta p,
.contatti p{

    color:#C5C5C5;

    line-height:1.9;

}

/*==================================================
FEATURE BOX
==================================================*/

.feature-box{

    background:#1B1B1B;

    border-radius:18px;

    border:1px solid rgba(212,175,55,.18);

    padding:40px 30px;

    text-align:center;

    transition:.35s;

    height:100%;

}

.feature-box:hover{

    transform:translateY(-12px);

    border-color:var(--oro);

    box-shadow:0 20px 40px rgba(0,0,0,.45);

}

.feature-box i{

    font-size:52px;

    color:var(--oro);

    margin-bottom:25px;

}

.feature-box h3{

    color:#fff;

    margin-bottom:20px;

}

/*==================================================
CATALOGO
==================================================*/

.product-card{

    background:#1A1A1A;

    border-radius:18px;

    overflow:hidden;

    border:1px solid rgba(212,175,55,.20);

    transition:.35s;

    height:100%;

}

.product-card:hover{

    transform:translateY(-12px);

    border-color:var(--oro);

    box-shadow:0 25px 50px rgba(0,0,0,.45);

}

.product-card img{

    width:100%;

    height:260px;

    object-fit:cover;

}

.product-card .p-4{

    padding:30px !important;

}

.product-card h3{

    color:var(--oro);

    margin-bottom:15px;

}

.product-card .btn{

    margin-top:20px;
}
/*==================================================
CHI SIAMO
==================================================*/

.about img{

    border-radius:20px;

    overflow:hidden;

    box-shadow:0 20px 60px rgba(0,0,0,.45);

}

.about .btn{

    margin-top:25px;

}

/*==================================================
CTA
==================================================*/

.cta{

    text-align:center;

}

.cta h2{

    font-size:54px;

}

.cta p{

    max-width:700px;

    margin:20px auto 35px;

}

.cta .btn{

    padding:18px 45px;

    border-radius:50px;

    font-size:18px;

    font-weight:700;

}

/*==================================================
CONTATTI
==================================================*/

.contatti strong{

    color:var(--oro);

}

.contatti iframe{

    border-radius:20px;

    overflow:hidden;

    box-shadow:0 15px 40px rgba(0,0,0,.40);

}

/*==================================================
FOOTER
==================================================*/

.site-footer{

    background:#090909;

    border-top:1px solid rgba(212,175,55,.25);

    padding:70px 0;

    text-align:center;

}

.site-footer h3{

    color:var(--oro);

    margin-bottom:20px;

}

.site-footer p{

    color:#BEBEBE;

    margin-bottom:10px;

}

/*==================================================
ANIMAZIONI
==================================================*/

.hero,
.stats,
.features,
.catalogo,
.garanzie,
.about,
.cta,
.contatti{

    animation:fadeUp .8s ease;

}

@keyframes fadeUp{

    from{

        opacity:0;

        transform:translateY(40px);

    }

    to{

        opacity:1;

        transform:translateY(0);

    }

}

/*==================================================
RESPONSIVE
==================================================*/

@media(max-width:991px){

    .logo{

        height:60px;

    }

    .hero{

        padding-top:140px;

        text-align:center;

    }

    .hero h1{

        font-size:52px;

    }

    .hero h2{

        font-size:28px;

    }

    .hero-left{

        padding-right:0;

        margin-bottom:50px;

    }

    .hero-buttons{

        justify-content:center;

    }

    .navbar-nav{

        gap:10px;

        margin-top:20px;

        text-align:center;

    }

    .btn-warning{

        margin-top:20px;

    }

}

@media(max-width:768px){

    .features,
    .catalogo,
    .garanzie,
    .about,
    .cta,
    .contatti{

        padding:70px 0;

    }

    .features h2,
    .catalogo h2,
    .garanzie h2,
    .about h2,
    .cta h2,
    .contatti h2{

        font-size:34px;

    }

    .stat-box{

        margin-bottom:25px;

    }

}

/*==================================================
WHATSAPP FLOATING
==================================================*/

.whatsapp-float{

    position:fixed;

    bottom:25px;

    right:25px;

    width:65px;

    height:65px