/**
 * L'art et la matière - Custom Header Styles
 * PrestaShop 9.0.1 Theme: lelm
 */

/* ========================================
   CSS Variables - Color Palette
   ======================================== */
:root {
  /* Primary Colors */
  --lelm-primary-brown: #9B5F45;
  --lelm-secondary-beige: #F3D2C3;
  --lelm-white: #FFFFFF;
  
  /* Typography */
  --lelm-font-heading: 'Dancing Script', cursive;
  --lelm-font-nav: 'Playfair Display', serif;
  --lelm-font-body: 'Nimbus Sans', sans-serif;
}

/* ========================================
   Custom Footer Component
   ======================================== */
.footer-container {
  width: 100%;
  padding-left: 104px!important;
  padding-right: 104px!important;
  background: var(--lelm-primary-brown);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.footer-container *{
    color: var(--lelm-white)!important;
}

/* Tablet */
@media (max-width: 1024px) {
    .footer-container {
        padding-left: 40px!important;
        padding-right: 40px!important;
    }
}

/* Mobile */
@media (max-width: 768px) {
    .footer-container {
        padding-left: 20px!important;
        padding-right: 20px!important;
    }
}

/* Small Mobile */
@media (max-width: 576px) {
    .footer-container {
        padding-left: 15px!important;
        padding-right: 15px!important;
    }
}

/* ========================================
   Fix footer mobile : texte visible
   ======================================== */
@media (max-width: 768px) {

  /* Texte des liens du footer */
  .footer-container .links ul li a {
    color: #FFFFFF !important;
  }

  /* Fond des listes déroulées */
  .footer-container .links ul {
    background-color: transparent !important;
  }

}

/* ========================================
   Ajustement titres footer mobile
   ======================================== */
@media (max-width: 768px) {

  /* Titres des rubriques (fond marron) */
  .footer-container .links .title {
    color: var(--lelm-white) !important;
  }

}
@media (max-width: 768px) {
  .footer-container .links .title {
    color: #ffffff !important;
  }
}
/* ========================================
   Footer mobile - couleurs finales
   ======================================== */
@media (max-width: 768px) {

  /* Titres (fond marron) */
  .footer-container .links .title {
    color: #ffffff !important;
  }

  /* Liens (fond blanc déroulé) */
  .footer-container .links ul li a,
  .footer-container .links ul li span {
    color: #FFFFFF !important;
  }

  /* Fond des listes */
  .footer-container .links ul {
    background-color: transparent !important;
  }

}
/* =========================================
   Masquer les produits sur catégories parentes
   (afficher uniquement les sous-catégories)
   ========================================= */

#category .category-subcategories ~ .products {
  display: none !important;
}