.elementor-3938 .elementor-element.elementor-element-f40284e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;overflow:visible;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for container, class: .elementor-element-f40284e *//* ================================================
   ACA GARAIX ATELIER CONSTRUCTION AUTO GARAIX — CORRECTIONS HEADER FINALES PROPRES
   À placer tout à la fin du CSS du header
   ================================================ */


/* ================================================
   DESKTOP — Dropdown sans ancienne couleur
   ================================================ */

.dam-nav-dropdown {
  position: relative !important;
}

.dam-nav-dropbtn,
.dam-nav-dropdown button,
.dam-site-header .dam-nav-dropbtn {
  appearance: none !important;
  -webkit-appearance: none !important;
  background: transparent !important;
  background-color: transparent !important;
  color: #172033 !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  min-height: 56px !important;
  display: inline-flex !important;
  align-items: center !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.2px !important;
  cursor: pointer !important;
  font-family: inherit !important;
}

.dam-nav-dropbtn:hover,
.dam-nav-dropbtn:focus,
.dam-nav-dropbtn:active,
.dam-nav-dropdown:hover .dam-nav-dropbtn {
  background: transparent !important;
  background-color: transparent !important;
  color: #3166BE !important;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}

.dam-nav-dropbtn span {
  margin-left: 7px !important;
  font-size: 12px !important;
  color: #3166BE !important;
}


/* ================================================
   DESKTOP — Icône recherche blanche
   ================================================ */

.dam-search button {
  width: 58px !important;
  min-width: 58px !important;
  height: 48px !important;
  background: #3166BE !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.dam-search button:hover,
.dam-search button:focus,
.dam-search button:active {
  background: #2857A5 !important;
  box-shadow: none !important;
  outline: none !important;
}

.dam-search button svg {
  width: 24px !important;
  height: 24px !important;
  display: block !important;
  fill: #FFFFFF !important;
}

.dam-search button svg path {
  fill: #FFFFFF !important;
}


/* ================================================
   MOBILE — Corrections finales
   ================================================ */

@media (max-width: 767px) {

  /* Top bar mobile déroulante */
  .dam-mobile-topbar {
    display: block !important;
    width: 100% !important;
    overflow: hidden !important;
    background: #3166BE !important;
    color: #FFFFFF !important;
    white-space: nowrap !important;
  }

  .dam-mobile-topbar-track {
    display: inline-flex !important;
    align-items: center !important;
    gap: 28px !important;
    padding: 9px 0 !important;
    animation: damMobileTopbarScroll 22s linear infinite !important;
  }

  .dam-mobile-topbar-track span,
  .dam-mobile-topbar-track a {
    color: #FFFFFF !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
  }

  @keyframes damMobileTopbarScroll {
    0% {
      transform: translateX(0);
    }

    100% {
      transform: translateX(-50%);
    }
  }


  /* Header mobile */
  .dam-main-inner {
    display: grid !important;
    grid-template-columns: 34px 1fr 52px !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 16px 14px !important;
  }


  /* Suppression définitive de l'ancienne couleur sur le bouton menu */
  html body .dam-site-header button.dam-mobile-menu-btn,
  html body .dam-site-header .dam-mobile-menu-btn,
  html body .dam-site-header .dam-mobile-menu-btn:hover,
  html body .dam-site-header .dam-mobile-menu-btn:focus,
  html body .dam-site-header .dam-mobile-menu-btn:active {
    appearance: none !important;
    -webkit-appearance: none !important;
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    min-height: 34px !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    outline: none !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    justify-self: start !important;
    cursor: pointer !important;
    -webkit-tap-highlight-color: transparent !important;
  }

  html body .dam-site-header .dam-mobile-menu-btn span,
  html body .dam-site-header .dam-mobile-menu-btn:hover span,
  html body .dam-site-header .dam-mobile-menu-btn:focus span,
  html body .dam-site-header .dam-mobile-menu-btn:active span {
    display: block !important;
    width: 28px !important;
    height: 3px !important;
    margin: 3px 0 !important;
    border-radius: 20px !important;
    background: #172033 !important;
    background-color: #172033 !important;
    box-shadow: none !important;
  }


  /* Logo mobile */
  .dam-logo {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    min-width: 0 !important;
    max-width: none !important;
    width: 100% !important;
  }

  .dam-logo img {
    width: 190px !important;
    max-width: 190px !important;
    max-height: 62px !important;
    object-fit: contain !important;
    margin: 0 auto !important;
  }


  /* Panier mobile */
  .dam-cart-action {
    width: 52px !important;
    height: 52px !important;
    min-width: 52px !important;
    min-height: 52px !important;
    padding: 0 !important;
    border-radius: 50% !important;
    background: #3166BE !important;
    background-color: #3166BE !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: none !important;
    justify-self: end !important;
  }

  .dam-cart-action svg {
    width: 24px !important;
    height: 24px !important;
    fill: #FFFFFF !important;
    display: block !important;
  }

  .dam-cart-action span {
    display: none !important;
  }


  /* Barre de recherche mobile plus courte */
  .dam-mobile-search-wrap {
    display: block !important;
    padding: 12px 34px 18px 34px !important;
    background: #FFFFFF !important;
    border-top: 1px solid #D6E2F5 !important;
    border-bottom: 1px solid #D6E2F5 !important;
  }

  .dam-mobile-search {
    width: 100% !important;
    max-width: 100% !important;
    height: 54px !important;
    display: flex !important;
    align-items: stretch !important;
    border: 1.5px solid #3166BE !important;
    border-radius: 7px !important;
    overflow: hidden !important;
    background: #FFFFFF !important;
  }

  .dam-mobile-search input {
    flex: 1 !important;
    min-width: 0 !important;
    height: 54px !important;
    padding: 0 16px !important;
    border: none !important;
    outline: none !important;
    font-size: 16px !important;
    color: #172033 !important;
    background: #FFFFFF !important;
    box-shadow: none !important;
  }

  .dam-mobile-search input::placeholder {
    color: #5E6A7D !important;
    opacity: 1 !important;
  }

  .dam-mobile-search button {
    appearance: none !important;
    -webkit-appearance: none !important;
    width: 56px !important;
    min-width: 56px !important;
    height: 54px !important;
    padding: 0 !important;
    border: none !important;
    border-radius: 0 !important;
    background: #3166BE !important;
    background-color: #3166BE !important;
    color: transparent !important;
    font-size: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: none !important;
    outline: none !important;
  }

  .dam-mobile-search button:hover,
  .dam-mobile-search button:focus,
  .dam-mobile-search button:active {
    background: #2857A5 !important;
    background-color: #2857A5 !important;
    box-shadow: none !important;
    outline: none !important;
  }

  .dam-mobile-search button::before {
    content: "" !important;
    display: block !important;
    width: 22px !important;
    height: 22px !important;
    background-color: #FFFFFF !important;
    mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 2C5.589 2 2 5.589 2 10s3.589 8 8 8c1.848 0 3.55-.63 4.904-1.685l5.39 5.39 1.414-1.414-5.39-5.39A7.963 7.963 0 0 0 18 10c0-4.411-3.589-8-8-8zm0 2c3.309 0 6 2.691 6 6s-2.691 6-6 6-6-2.691-6-6 2.691-6 6-6z'/%3E%3C/svg%3E") !important;
    mask-repeat: no-repeat !important;
    mask-position: center !important;
    mask-size: contain !important;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 2C5.589 2 2 5.589 2 10s3.589 8 8 8c1.848 0 3.55-.63 4.904-1.685l5.39 5.39 1.414-1.414-5.39-5.39A7.963 7.963 0 0 0 18 10c0-4.411-3.589-8-8-8zm0 2c3.309 0 6 2.691 6 6s-2.691 6-6 6-6-2.691-6-6 2.691-6 6-6z'/%3E%3C/svg%3E") !important;
    -webkit-mask-repeat: no-repeat !important;
    -webkit-mask-position: center !important;
    -webkit-mask-size: contain !important;
  }


  /* Menu mobile ouvert */
  .dam-mobile-panel {
    padding: 0 22px 22px !important;
    background: #FFFFFF !important;
  }

  .dam-mobile-panel a,
  .dam-mobile-subtitle {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border: none !important;
    border-bottom: 1px solid #D6E2F5 !important;
    box-shadow: none !important;
    color: #172033 !important;
    border-radius: 0 !important;
    padding-left: 0 !important;
  }

  .dam-mobile-panel a:hover,
  .dam-mobile-panel a:focus,
  .dam-mobile-subtitle:hover,
  .dam-mobile-subtitle:focus,
  .dam-mobile-subtitle:active {
    background: transparent !important;
    background-color: transparent !important;
    color: #3166BE !important;
    box-shadow: none !important;
  }

  .dam-mobile-submenu {
    display: none;
    padding: 4px 0 12px 18px !important;
    border-bottom: 1px solid #D6E2F5 !important;
  }

  .dam-mobile-submenu.active {
    display: block !important;
  }

  .dam-mobile-submenu a {
    border-bottom: none !important;
    color: #5E6A7D !important;
  }
}/* End custom CSS */