/* Fonts */
@import url('https://fonts.googleapis.com/css2?family=Dosis:wght@200..800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/* Icônes */
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.13.1/font/bootstrap-icons.min.css");

:root {
    --clr-dark:#393939;
    --clr-dark2:#616161;
    --clr-light:#f1f1f1;
    --clr-light2:#FBFBFB;
    --clr-optigroup: #0355C2;
    --clr-optinet:#F37B24;
    --clr-optishop:#F5BF1F;
    --clr-optitech:#00C2F3;
    --clr-optisave:#EE3D7D;
    --clr-opticall: #82C345;
}

*{ font-family: "Dosis", sans-serif; }

body, html{ margin:0; padding:0; background-color:var(--clr-dark); }
html{ scroll-behavior:smooth; }
a:hover{ text-decoration:none; }
h1,h2,h3,h4,h5,h6{ font-family:'Poppins',sans-serif; }
p{ color:var(--clr-dark); font-size:1.15rem; line-height:1.75rem; }
.box-shad{ box-shadow:4px 4px 2px rgba(78,78,78,.2); }

/* Buttons */
.btn-sm,.btn-md,.btn-lg{ transition:background-color .35s ease,color .35s ease; }
.btn-sm{ border:none; border-radius:50px; font-weight:bold; padding:.5rem .75rem; font-size:1rem; }
.btn-md{ border:none; border-radius:50px; font-weight:bold; padding:.75rem 1.5rem; font-size:1.25rem; }
.btn-lg{ border:none; border-radius:50px; font-weight:bold; padding:1.25rem 2.5rem; font-size:1.5rem; }

.btn-optigroup{ background-color:var(--clr-optigroup); color:var(--clr-light); border:1px solid var(--clr-optigroup); }
.btn-optigroup:hover{ color:var(--clr-optigroup) !important; border:1px solid var(--clr-optigroup); background-color:var(--clr-light); }

/* Top Barre */
.top-barre{ background:var(--clr-optigroup) !important; border-bottom:1px solid white; padding:.5rem 2rem; }
.top-barre a{ color:var(--clr-light); }
.top-barre a:hover{ color:rgba(255,255,255,.7); }
.top-barre .lang-switcher a{ color:var(--clr-light); font-weight:600; font-size:.95rem; padding:0 .35rem; opacity:.7; }
.top-barre .lang-switcher a.active,
.top-barre .lang-switcher a:hover{ opacity:1; }
.top-barre .lang-switcher span{ color:rgba(255,255,255,.4); }

/* Header Light */
.header-light{ border-bottom:1px solid white; background:var(--clr-light); padding:0 2rem; }
.header-light a.uk-logo img{ width:250px; height:auto; margin-top:5px; margin-bottom:5px; }
.header-light ul.uk-navbar-nav{ gap:5px; }
.header-light ul.uk-navbar-nav.nav-logos li a{ text-align:center; font-weight:600; padding:.85rem .85rem; }
.header-light ul.uk-navbar-nav.nav-logos li a .uk-navbar-subtitle{ color:var(--clr-dark2); font-size:1rem; }
.header-light ul.uk-navbar-nav.nav-logos li a:hover{ background:var(--clr-light2); color:var(--clr-dark) !important; }
.header-light ul.uk-navbar-nav.nav-logos li a img{ width:auto; height:40px; margin-bottom:5px; }

/* Navbar */
.navbar{ background:var(--clr-light2); }
.navbar ul{ margin-bottom:0; }
.navbar .uk-navbar-nav{ gap:5px; }
.navbar nav a{ min-height:60px; color:var(--clr-dark); font-weight:bold; padding:0 .5rem; font-size:1.05rem; }
.navbar nav a i{ font-size:1.25rem; }
.navbar nav a:active,.navbar nav a:focus,.navbar nav a:hover{ background:var(--clr-light); }

/* Footer */
.footer{ padding:3rem 2rem; background:var(--clr-light); }
.footer .uk-card{ border-radius:20px; border-top:3px solid var(--clr-optigroup); border-bottom:3px solid var(--clr-optigroup); background:#FBFBFB; }
.footer h3{ color:var(--clr-optigroup); font-size:2.15rem; font-weight:bold; }
.footer a{ color:var(--clr-optigroup); }
.footer a:hover{ color:var(--clr-dark2); }
.footer i{ color:var(--clr-optisave) !important; }
.footer .social-ico a i:hover{ color:var(--clr-optigroup) !important; }
.footer .logos-marques a{ display:inline-block; }
.footer .logos-marques img,.footer .logos-marques svg{ height:25px; width:auto; display:block; }

/* Copyright */
.copyright{ padding:10px; background:var(--clr-optigroup); border-top:1px solid white; }
.copyright p{ color:var(--clr-light); }
.copyright a{ font-weight:bold; color:white; }
.copyright a:hover{ color:#d4d4d4; }

/* OFFCANVAS */
.offcanvas-style .uk-offcanvas-bar{ background:var(--clr-dark); border-right:1px solid var(--clr-light); }
.offcanvas-style .uk-offcanvas-bar .uk-nav a{ color:var(--clr-light); font-size:1.25rem; font-weight:600; }
.offcanvas-style .uk-offcanvas-bar .uk-nav a i{ color:var(--clr-optisave); font-size:1.5rem; }

/* Scroll Up */
#backToTop{ display:none; position:fixed; bottom:20px; right:30px; z-index:99; font-size:18px; border:none; outline:none; background-color:var(--clr-optigroup); color:white; cursor:pointer; padding:15px; border-radius:50%; transition:background-color .3s; border:1px solid var(--clr-light); }
#backToTop:hover{ background-color:var(--clr-dark2); }
#backToTop i{ width:22px; display:block; }

@media screen and (max-width:959px){
    .top-barre { padding: .4rem 1rem; }
    .footer{ padding:3rem 1rem; }
}
@media screen and (max-width:639px){
    .top-barre { padding: .35rem .75rem; }
    .header-light { padding: 0 .75rem; }
    .header-light a.uk-logo img { width: 180px; }
}