/* ==============================
   VAP'O.T DESIGN SYSTEM
============================== */

:root{

    --primary:#C9D629;
    --primary-dark:#AEBC20;

    --black:#101010;
    --dark:#1D1D1D;
    --grey:#F6F6F6;
    --white:#FFFFFF;

    --text:#222;
    --text-light:#777;

    --radius:12px;

    --container:1320px;

}

body{

    font-family:'Inter',sans-serif;
    color:var(--text);
    background:#fff;

}

h1,h2,h3,h4,h5{

    font-family:'Montserrat',sans-serif;
    font-weight:700;

}

.site-content{

    padding-top:0;

}



.col-full {
  max-width: 100%;
  margin: 0 auto;
  padding: 0 20px;
}

/* Hero pleine largeur */

.homepage{

    overflow:hidden;

}

.hero{

    width:100vw;
    margin-left:calc(50% - 50vw);
    margin-right:calc(50% - 50vw);

}

/* =========================================================
   FIL D'ARIANE - BOUTIQUE
========================================================= */

.vapot-breadcrumb {
    /*max-width: 1200px;*/
    margin: 0 auto;
    padding: 18px 20px 10px;

    font-family: 'Inter', sans-serif;
    font-size: 13px;
    line-height: 1.5;
    color: #777;
}

.vapot-breadcrumb a {
    color: #555;
    text-decoration: none;
    transition: color 0.2s ease;
}

.vapot-breadcrumb a:hover {
    color: #c7d900;
}

.vapot-breadcrumb-separator {
    display: inline-block;
    margin: 0 9px;
    color: #aaa;
}

.vapot-breadcrumb .breadcrumb_last {
    color: #272727;
    font-weight: 500;
}


/* =========================================================
   FOOTER - COPYRIGHT
========================================================= */

.vapot-footer-credit {
    border-top: 1px solid #dddddd;
    padding: 25px 0;
    margin-top: 20px;
}

.vapot-footer-credit-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
}

.vapot-copyright {
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    color: #666666;
}

.vapot-legal {
    width: 420px;
    max-width: 45%;
}

.vapot-legal img {
    display: block;
    width: 100%;
    height: auto;
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 768px) {

    .vapot-footer-credit {
        padding: 25px 15px;
    }

    .vapot-footer-credit-inner {
        flex-direction: column;
        gap: 20px;
        text-align: center;
    }

    .vapot-legal {
        width: 100%;
        max-width: 420px;
    }

}

@media (max-width: 767px) {

    .handheld-navigation .dropdown-toggle {
        color: #ffffff !important;
    }

    .handheld-navigation .dropdown-toggle::after {
        color: #ffffff !important;
        border-color: #ffffff !important;
    }

}