/*
Theme Name: Carrosserie Lévis Child
Theme URI: https://carrosserielevis.com
Template: hello-elementor
Author: Octantis Team
Author URI: https://octantis.ca
Version: 3.4.9.2.6.76.123.8.1783706055
Updated: 2026-07-10 13:54:15

*/

::selection {
  background: #d6d6d6;
  color: #333;
}

::-moz-selection {
  background: #d6d6d6;
  color: #333;
}



/*Logo shrink*/
/* 1. Taille par défaut pour tous les navigateurs */
.menu-logo img {
  width: 200px;
  height: auto;
  transition: width 0.2s ease;
}


.gform_wrapper .ginput_container_fileupload {
    position: relative;
    padding-top: 52px;
}

.gform_wrapper .ginput_container_fileupload::before {
    content: "Choisir un fichier";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 48px;

    display: flex;
    align-items: center;
    justify-content: center;

    border: 1px dashed #aaa;
    border-radius: 8px;
    background: #f8f8f8;

    font-size: 16px;
    font-weight: 600;
    color: #333;

    box-sizing: border-box;
}

html[lang="en-US"] .gform_wrapper .ginput_container_fileupload::before {
    content: "Choose a file";
}

.gform_wrapper .ginput_container_fileupload[data-file]::before {
    content: attr(data-file);
}
html[lang="en-US"] .gform_wrapper .ginput_container_fileupload[data-file]::before{
    content: attr(data-file);
}
.gform_wrapper .ginput_container_fileupload input[type="file"] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 48px;
    opacity: 0;
    cursor: pointer;
    z-index: 2;
}

@media screen and  (min-width:1024px) {
    /* 2. Rétrécissement direct au scroll (uniquement si scroll-driven animations est supporté) */
    @supports (animation-timeline: scroll()) {
      @keyframes shrink-logo {
        from {
          width: 300px;
        }
        to {
          width: 170px;
        }
      }
    
      .menu-logo img {
        animation: shrink-logo linear both;
        animation-timeline: scroll(root);
        animation-range: 0px 150px;
        animation-duration: 1ms; /* Correctif de compatibilité */
      }
    }
    
    /* 3. Repli classique via la classe JS pour Safari */
    @supports not (animation-timeline: scroll()) {
      body.page-scrolled .menu-logo img {
        width: 170px;
      }
    }
    
}