/*

Theme Name: Uncode Child

Description: Child theme for Uncode theme

Author: Undsgn™

Author URI: http://www.undsgn.com

Template: uncode

Version: 1.0.0

Text Domain: uncode

*/

/* 5. Animation de droite à gauche */
@keyframes marquee-mobile {
0% {
    transform: translateX(100%);
}
100% {
    transform: translateX(-100%);
}
}
.menu-bloginfo-inner {
    font-size: 16px !important;
    font-weight: 900;
    text-transform: uppercase;
    font-family: "Montserrat", sans-serif;
}
.menu-cta .btn-accent {
    color: #ffffff !important;
    background-color: #d72128 !important;
    border-color: #111111 !important;
    border-width: 2px;
}
.menu-cta .btn-accent:hover,
.menu-cta .btn-accent:focus,
.menu-cta .btn-accent:active {
    color: #ffffff !important;
    background-color: #d72128 !important;
    border-color: #111111 !important;
}

@media (max-width: 569px) {
.main-container .row-container .row-parent {
    padding: 36px 18px;
}
/* 1. Bloquer strictement le débordement horizontal sur tout le conteneur parent */
.topbar-col.topbar-col-center {
    overflow: hidden !important;
    width: 100% !important;
    max-width: 100vw !important;
    position: relative !important;
    box-sizing: border-box;
  }
  
  .menu-bloginfo.top-enhanced-inner {
    overflow: hidden !important;
    width: 100% !important;
  }
  
  /* 2. Fixer le bloc de texte pour qu'il reste dans ses limites */
  .menu-bloginfo-inner.style-dark {
    display: inline-block !important;
    white-space: nowrap !important;
    animation: marquee-mobile 18s linear infinite;
    padding-right: 30px; 
    /* Empêche tout débordement parasite */
    position: relative;
  }
  
  /* 3. Le pseudo-élément s'affiche à la suite sans créer de scroll vide */
  .menu-bloginfo-inner.style-dark::after {
    content: " Recette traditionnelle → Fabriqué en Tunisie → Livraison offerte en France dès 39 € → ";
  }
  
  /* 4. Pause tactile sur mobile */
  .topbar-col-center:active .menu-bloginfo-inner.style-dark,
  .topbar-col-center:hover .menu-bloginfo-inner.style-dark {
    animation-play-state: paused;
  }
  

}

@media (max-width: 959px) {
footer .footer-last {
    padding-top: 0;
    padding-bottom: 0;
}
.main-container .row-container.footer-last .row-parent {
    padding: 18px;
}
}