/*
Theme Name: Hello Elementor Child
Template: hello-elementor
*/

/* =========================
   GLOBAL
========================= */

body {
  margin: 0;
  padding: 0;

  font-family: 'Jost', sans-serif;
  font-size: 16px;
  line-height: 1.4;

  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
    
}
  
/* =========================
   TYPOGRAPHY
========================= */

h2 {
  color: #2c3e50;}

h3 {
    color: white;
    text-transform: none;
    letter-spacing:0;
    font-weight: 500;
    line-height: 1.25;}
    
h3 {
    color: black;
    text-transform: none;
    letter-spacing:0;
    font-weight: 500;
    line-height: 1.25;}

h4 {
    color: black;
    text-transform: none;
    letter-spacing:0;
    font-weight: 500;
    line-height: 0.6;}

h5 {
    color: #000000;
    text-transform: none;
    letter-spacing: 0px;
    line-height: 1.4;
    font-weight: 400;}

p {
    color: #ffffff;
    color: #000000;
    text-transform: none;
    letter-spacing: 0;
    line-height: 1.4;
    font-weight: 400;}

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

header,
.elementor-location-header {
    position: relative !important;
    top: auto !important;
    width: 100%;
    z-index: 1000;
    overflow: visible !important;
}

  /* IMPORTANT pour Elementor menu */
  overflow: visible !important;
}

header {
  contain: none;
}


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

footer,
.elementor-location-footer {
  overflow: hidden;
  position: relative;
  width: 100%;}

footer .elementor-container {
  max-width: 1200px;
  margin: 0 auto;}

footer {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;}

footer a {
  text-decoration: none;
  transition: opacity 0.3s ease;}

footer a:hover {
  opacity: 0.7;}

footer .elementor-column {
  min-width: 0;}

@media (max-width: 768px) {
  footer {
    text-align: center;
  }

  footer .elementor-container {
    padding-left: 15px;
    padding-right: 15px;
  }
}

/* =========================
   INTERACTIONS & ANIMATIONS
========================= */

.svg-scroll-animation .draw {
    stroke-dasharray: 2000;
    stroke-dashoffset: 2000;}

.svg-scroll-animation.is-visible .draw {
    animation: drawLine 2.5s linear forwards;}

@keyframes drawLine {
    to {
        stroke-dashoffset: 0;
    }
}

.svg-scroll-animation.reverse .draw {
    stroke-dasharray: 2000;
    stroke-dashoffset: -2000;}

.svg-scroll-animation.reverse.is-visible .draw {
    animation: drawLineReverse 2.5s linear forwards;}

@keyframes drawLineReverse {
    to {
        stroke-dashoffset: 0;
    }
}

/* =========================
   COMPONENTS
========================= */

.single_add_to_cart_button {
    background-color: #FF4000 !important;
    color: white !important;
    border-radius: 16px;
    padding: 14px 28px;
    font-weight: 600;
    transition: all 0.3s ease;}

.single_add_to_cart_button:hover {
    background-color: #F13C00 !important;
    transform: translateY(-2px);}