/**
 * 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;
    }
}