/**
 * ============================================================
 * FOOTER & NEWSLETTER MOBILE PREMIUM CSS v1.2.0
 * Forever Be WP Premium Theme
 * ============================================================
 *
 * Design E-commerce Premium Mobile - Score 10/10
 * Standards: Baymard Institute, Nielsen Norman Group
 *
 * v1.1.0 Updates:
 * - Newsletter: Email + Button sur meme ligne
 * - Footer: Espaces compactes, alignement titres/sous-menus
 * - Bouton "Scroll to Top" ajoute
 *
 * v1.2.0 Updates:
 * - Footer: Toutes colonnes centralisees (harmonise avec 1ere colonne)
 * - Titres et liens de navigation centres
 *
 * ============================================================
 */

/* ========================================================================
   1. VARIABLES FOOTER MOBILE
   ======================================================================== */

:root {
  --footer-bg-primary: #1a5a3e;
  --footer-bg-dark: #0f3d2a;
  --footer-bg-newsletter: rgba(0, 0, 0, 0.25);
  --footer-text-primary: #ffffff;
  --footer-text-secondary: rgba(255, 255, 255, 0.85);
  --footer-text-muted: rgba(255, 255, 255, 0.65);
  --footer-accent-gold: #fbbf24;
  --footer-accent-gold-hover: #f59e0b;
  --footer-border: rgba(255, 255, 255, 0.12);
  --footer-border-light: rgba(255, 255, 255, 0.08);
  --footer-radius: 12px;
  --footer-radius-sm: 8px;
  --footer-shadow: 0 -4px 20px rgba(0, 0, 0, 0.15);
  --footer-transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* ========================================================================
   2. FOOTER CONTAINER MOBILE - COMPACT
   ======================================================================== */

@media (max-width: 1023px) {

  /* Container principal - Compact */
  body .site-footer,
  html body .site-footer {
    background: linear-gradient(180deg, var(--footer-bg-primary) 0%, var(--footer-bg-dark) 100%) !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  body .site-footer .container {
    padding: 20px 16px 16px !important;
    max-width: 100% !important;
  }

  /* Footer Columns Container - Compact */
  body .site-footer .footer-columns {
    gap: 0 !important;
    margin-bottom: 0 !important;
  }
}

/* ========================================================================
   3. LOGO & DESCRIPTION MOBILE - COMPACT
   ======================================================================== */

@media (max-width: 1023px) {

  /* Logo Section - Compact */
  body .site-footer .footer-col:first-child {
    text-align: center !important;
    margin-bottom: 16px !important;
    padding-bottom: 16px !important;
    border-bottom: 1px solid var(--footer-border-light) !important;
  }

  body .site-footer .footer-col:first-child a[aria-label] {
    display: inline-block !important;
    margin-bottom: 10px !important;
  }

  body .site-footer .footer-col:first-child svg {
    width: 120px !important;
    height: auto !important;
  }

  /* Description text - Compact */
  body .site-footer .footer-col:first-child p {
    font-size: 0.75rem !important;
    line-height: 1.5 !important;
    color: var(--footer-text-muted) !important;
    text-align: center !important;
    margin-bottom: 12px !important;
    max-width: 300px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  body .site-footer .footer-col:first-child p strong {
    color: var(--footer-text-primary) !important;
    font-weight: 600 !important;
  }

  /* Social Media Icons - Compact */
  body .site-footer .footer-col:first-child .flex {
    justify-content: center !important;
    gap: 12px !important;
  }

  body .site-footer .footer-col:first-child .flex a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 40px !important;
    height: 40px !important;
    background: rgba(255, 255, 255, 0.1) !important;
    border-radius: 50% !important;
    transition: var(--footer-transition) !important;
  }

  body .site-footer .footer-col:first-child .flex a:active {
    background: var(--footer-accent-gold) !important;
    transform: scale(1.05) !important;
  }

  body .site-footer .footer-col:first-child .flex a svg {
    width: 18px !important;
    height: 18px !important;
    color: var(--footer-text-primary) !important;
    fill: var(--footer-text-primary) !important;
  }

  body .site-footer .footer-col:first-child .flex a:active svg {
    color: var(--footer-bg-dark) !important;
    fill: var(--footer-bg-dark) !important;
  }
}

/* ========================================================================
   4. NAVIGATION COLUMNS MOBILE - 2 COLONNES GRID
   ======================================================================== */

@media (max-width: 1023px) {

  /* Footer Columns - CSS Grid 2 colonnes - HAUTE PRIORITÉ */
  html body .site-footer .footer-columns,
  html body.home .site-footer .footer-columns,
  html body.page .site-footer .footer-columns,
  html body.single .site-footer .footer-columns,
  html body.archive .site-footer .footer-columns,
  body .site-footer .footer-columns,
  .site-footer .footer-columns,
  footer.site-footer .footer-columns,
  .footer-columns {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    grid-template-rows: auto auto auto !important;
    gap: 12px 8px !important;
    margin-bottom: 16px !important;
    flex-direction: unset !important;
  }

  /* Première colonne (Logo) - Pleine largeur sur 2 colonnes */
  html body .site-footer .footer-columns > .footer-col:first-child,
  body .site-footer .footer-columns > .footer-col:first-child,
  .site-footer .footer-columns > .footer-col:first-child,
  .footer-columns > .footer-col:first-child {
    grid-column: 1 / -1 !important;
    grid-row: 1 !important;
    width: 100% !important;
    float: none !important;
  }

  /* Nav 1 (Nos Produits) - Colonne gauche */
  html body .site-footer .footer-columns > nav:nth-of-type(1),
  body .site-footer .footer-columns > nav:nth-of-type(1),
  .site-footer .footer-columns > nav:nth-of-type(1),
  .footer-columns > nav:nth-of-type(1) {
    grid-column: 1 !important;
    grid-row: 2 !important;
    width: auto !important;
    float: none !important;
  }

  /* Nav 2 (Opportunité FBO) - Colonne droite */
  html body .site-footer .footer-columns > nav:nth-of-type(2),
  body .site-footer .footer-columns > nav:nth-of-type(2),
  .site-footer .footer-columns > nav:nth-of-type(2),
  .footer-columns > nav:nth-of-type(2) {
    grid-column: 2 !important;
    grid-row: 2 !important;
    width: auto !important;
    float: none !important;
  }

  /* Nav 3 (Support) - Pleine largeur en bas */
  html body .site-footer .footer-columns > nav:nth-of-type(3),
  body .site-footer .footer-columns > nav:nth-of-type(3),
  .site-footer .footer-columns > nav:nth-of-type(3),
  .footer-columns > nav:nth-of-type(3) {
    grid-column: 1 / -1 !important;
    grid-row: 3 !important;
    border-top: 1px solid var(--footer-border-light) !important;
    padding-top: 12px !important;
    margin-top: 4px !important;
    width: 100% !important;
    float: none !important;
  }

  /* Navigation Sections - Reset */
  body .site-footer nav,
  .site-footer nav {
    margin-bottom: 0 !important;
    border-bottom: none !important;
  }

  /* Section Headers - Compact */
  body .site-footer nav h4,
  body .site-footer h4,
  .site-footer nav h4,
  .site-footer h4 {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    padding: 6px 0 !important;
    margin: 0 0 4px 0 !important;
    font-size: 0.7rem !important;
    font-weight: 700 !important;
    color: var(--footer-text-primary) !important;
    text-align: center !important;
    -webkit-tap-highlight-color: transparent !important;
    text-transform: uppercase !important;
    letter-spacing: 0.3px !important;
  }

  body .site-footer nav h4 .gap-2,
  body .site-footer h4 .gap-2,
  .site-footer nav h4 .gap-2 {
    display: flex !important;
    align-items: center !important;
    gap: 3px !important;
  }

  /* ===== ICÔNES DES COLONNES - AGRANDIES ===== */
  html body .site-footer nav h4 span[aria-hidden],
  html body .site-footer h4 span[aria-hidden],
  body .site-footer nav h4 span[aria-hidden],
  body .site-footer h4 span[aria-hidden],
  .site-footer nav h4 span[aria-hidden] {
    font-size: 1.4rem !important;
    margin-right: 4px !important;
    line-height: 1 !important;
  }

  /* Navigation Lists - Compact */
  body .site-footer nav ul,
  .site-footer nav ul {
    padding: 0 !important;
    margin: 0 !important;
    text-align: center !important;
    list-style: none !important;
  }

  body .site-footer nav ul li,
  .site-footer nav ul li {
    margin-bottom: 0 !important;
    text-align: center !important;
  }

  body .site-footer nav ul li a,
  .site-footer nav ul li a,
  html body .site-footer nav ul li a,
  html body .site-footer .footer-columns nav ul li a,
  .site-footer .menu li a,
  .site-footer .menu-item a {
    display: block !important;
    padding: 4px 2px !important;
    font-size: 0.7rem !important;
    color: #ffffff !important;
    color: rgba(255, 255, 255, 0.9) !important;
    border-bottom: none !important;
    transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    text-align: center !important;
    line-height: 1.25 !important;
    text-shadow: 0 1px 2px rgba(0,0,0,0.2) !important;
  }

  body .site-footer nav ul li a:active,
  body .site-footer nav ul li a:hover,
  .site-footer nav ul li a:active,
  .site-footer nav ul li a:hover,
  html body .site-footer nav ul li a:active,
  html body .site-footer nav ul li a:hover {
    color: #fbbf24 !important;
  }

  /* ===== SUPPORT NAV - CSS GRID: 3 éléments ligne 1, 2 éléments ligne 2 ===== */
  html body .site-footer .footer-columns > nav:nth-of-type(3) ul,
  body .site-footer .footer-columns > nav:nth-of-type(3) ul,
  .site-footer .footer-columns > nav:nth-of-type(3) ul,
  .footer-columns > nav:last-of-type ul {
    display: grid !important;
    grid-template-columns: repeat(3, auto) !important;
    grid-template-rows: auto auto !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 4px 12px !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  /* Tous les li - Reset styles */
  html body .site-footer .footer-columns > nav:nth-of-type(3) ul li,
  body .site-footer .footer-columns > nav:nth-of-type(3) ul li,
  .site-footer .footer-columns > nav:nth-of-type(3) ul li,
  .footer-columns > nav:last-of-type ul li {
    text-align: center !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Ligne 1 : éléments 1, 2, 3 */
  html body .site-footer .footer-columns > nav:nth-of-type(3) ul li:nth-child(1),
  .footer-columns > nav:last-of-type ul li:nth-child(1) {
    grid-column: 1 !important;
    grid-row: 1 !important;
  }
  html body .site-footer .footer-columns > nav:nth-of-type(3) ul li:nth-child(2),
  .footer-columns > nav:last-of-type ul li:nth-child(2) {
    grid-column: 2 !important;
    grid-row: 1 !important;
  }
  html body .site-footer .footer-columns > nav:nth-of-type(3) ul li:nth-child(3),
  .footer-columns > nav:last-of-type ul li:nth-child(3) {
    grid-column: 3 !important;
    grid-row: 1 !important;
  }

  /* Ligne 2 : éléments 4, 5 - centrés (colonnes 1-2 et 2-3) */
  html body .site-footer .footer-columns > nav:nth-of-type(3) ul li:nth-child(4),
  .footer-columns > nav:last-of-type ul li:nth-child(4) {
    grid-column: 1 / 2 !important;
    grid-row: 2 !important;
    justify-self: end !important;
    padding-right: 6px !important;
  }
  html body .site-footer .footer-columns > nav:nth-of-type(3) ul li:nth-child(5),
  .footer-columns > nav:last-of-type ul li:nth-child(5) {
    grid-column: 2 / 4 !important;
    grid-row: 2 !important;
    justify-self: start !important;
    padding-left: 6px !important;
  }

  /* Liens dans Support nav */
  html body .site-footer .footer-columns > nav:nth-of-type(3) ul li a,
  body .site-footer .footer-columns > nav:nth-of-type(3) ul li a,
  .site-footer .footer-columns > nav:nth-of-type(3) ul li a,
  .footer-columns > nav:last-of-type ul li a {
    padding: 3px 0 !important;
    display: inline-block !important;
    text-align: center !important;
    white-space: nowrap !important;
    color: rgba(255, 255, 255, 0.9) !important;
  }

  /* Force white color on ALL footer links */
  html body footer.site-footer a,
  html body footer.site-footer nav a,
  html body footer.site-footer ul a,
  html body footer.site-footer li a,
  html body .site-footer a:not(.newsletter-form__button),
  html body .site-footer nav a,
  html body .site-footer ul li a {
    color: rgba(255, 255, 255, 0.9) !important;
  }

  /* Override Tailwind .text-text-medium class in footer */
  html body .site-footer .text-text-medium,
  html body .site-footer a.text-text-medium,
  html body footer.site-footer .text-text-medium,
  html body footer.site-footer a.text-text-medium,
  .site-footer .text-text-medium,
  .site-footer a.text-text-medium,
  footer .text-text-medium,
  footer a.text-text-medium {
    color: rgba(255, 255, 255, 0.9) !important;
    --tw-text-opacity: 1 !important;
  }

  html body .site-footer .text-text-medium:hover,
  html body .site-footer a.text-text-medium:hover,
  .site-footer .text-text-medium:hover,
  .site-footer a.text-text-medium:hover {
    color: #fbbf24 !important;
  }

  /* WordPress menu links (no class) */
  html body .site-footer .menu-item a,
  html body .site-footer .menu-item > a,
  html body .site-footer ul.menu li a,
  html body .site-footer [id^="menu-"] li a,
  html body footer.site-footer .menu-item a,
  .site-footer .menu-item a,
  .site-footer [class*="menu-footer"] li a,
  footer .menu-item a {
    color: rgba(255, 255, 255, 0.9) !important;
  }

  html body .site-footer .menu-item a:hover,
  html body .site-footer .menu-item a:active,
  .site-footer .menu-item a:hover,
  .site-footer .menu-item a:active,
  .site-footer [class*="menu-footer"] li a:hover {
    color: #fbbf24 !important;
  }
}

/* ========================================================================
   5. NEWSLETTER SECTION MOBILE - INLINE FORM
   ======================================================================== */

@media (max-width: 1023px) {

  /* Newsletter Container - Compact */
  body .newsletter-section,
  html body .newsletter-section {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.4) 100%) !important;
    padding: 20px 16px !important;
    margin: 0 !important;
    border-top: 1px solid var(--footer-border) !important;
    position: relative !important;
    overflow: hidden !important;
  }

  /* Decorative elements hidden on mobile */
  body .newsletter-section__decoration {
    display: none !important;
  }

  /* Content Container */
  body .newsletter-section .container,
  body .newsletter-section__content {
    max-width: 100% !important;
    padding: 0 !important;
  }

  /* Newsletter mb-4 div - Remove extra margin */
  body .newsletter-section__content > .mb-4,
  body .newsletter-section .mb-4 {
    margin-bottom: 12px !important;
  }

  /* Newsletter Icon - Smaller */
  body .newsletter-section::before {
    content: '' !important;
    position: absolute !important;
    top: -20px !important;
    right: -20px !important;
    width: 80px !important;
    height: 80px !important;
    background: radial-gradient(circle, rgba(251, 191, 36, 0.1) 0%, transparent 70%) !important;
    pointer-events: none !important;
  }

  /* Title - Compact */
  body .newsletter-section__title,
  body .newsletter-section .newsletter-section__title {
    font-size: 1.125rem !important;
    font-weight: 700 !important;
    color: var(--footer-text-primary) !important;
    text-align: center !important;
    margin-bottom: 4px !important;
    letter-spacing: -0.01em !important;
  }

  /* Subtitle - Compact */
  body .newsletter-section__subtitle,
  body .newsletter-section .newsletter-section__subtitle {
    font-size: 0.8125rem !important;
    color: var(--footer-text-muted) !important;
    text-align: center !important;
    margin-bottom: 12px !important;
    line-height: 1.4 !important;
  }

  /* Benefit Text - Compact */
  body .newsletter-form__benefit,
  body .newsletter-section .newsletter-form__benefit {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    padding: 8px 12px !important;
    background: linear-gradient(135deg, rgba(251, 191, 36, 0.2) 0%, rgba(245, 158, 11, 0.15) 100%) !important;
    border: 1px solid rgba(251, 191, 36, 0.3) !important;
    border-radius: var(--footer-radius-sm) !important;
    font-size: 0.75rem !important;
    font-weight: 600 !important;
    color: var(--footer-accent-gold) !important;
    margin-bottom: 12px !important;
    text-align: center !important;
  }

  /* ===== FORM CONTAINER - EMAIL + BUTTON INLINE ===== */
  body .newsletter-form__container,
  body .newsletter-section .newsletter-form__container {
    display: flex !important;
    flex-direction: row !important;
    gap: 8px !important;
    align-items: stretch !important;
  }

  /* Input Wrapper - Flex grow */
  body .newsletter-form__input-wrapper,
  body .newsletter-section .newsletter-form__input-wrapper {
    flex: 1 !important;
    min-width: 0 !important;
  }

  /* Email Input - Inline */
  body .newsletter-form__input,
  body .newsletter-section .newsletter-form__input {
    width: 100% !important;
    height: 46px !important;
    padding: 0 12px !important;
    background: rgba(255, 255, 255, 0.95) !important;
    border: 2px solid transparent !important;
    border-radius: var(--footer-radius-sm) !important;
    font-size: 0.875rem !important;
    color: #1f2937 !important;
    transition: var(--footer-transition) !important;
    -webkit-appearance: none !important;
  }

  body .newsletter-form__input::placeholder {
    color: #9ca3af !important;
    font-size: 0.8125rem !important;
  }

  body .newsletter-form__input:focus {
    outline: none !important;
    border-color: var(--footer-accent-gold) !important;
    box-shadow: 0 0 0 2px rgba(251, 191, 36, 0.2) !important;
  }

  /* Submit Button - Inline & Compact */
  body .newsletter-form__button,
  body .newsletter-section .newsletter-form__button {
    flex-shrink: 0 !important;
    width: auto !important;
    height: 46px !important;
    padding: 0 14px !important;
    background: linear-gradient(135deg, var(--footer-accent-gold) 0%, var(--footer-accent-gold-hover) 100%) !important;
    border: none !important;
    border-radius: var(--footer-radius-sm) !important;
    font-size: 0.75rem !important;
    font-weight: 700 !important;
    color: #1f2937 !important;
    cursor: pointer !important;
    transition: var(--footer-transition) !important;
    -webkit-tap-highlight-color: transparent !important;
    box-shadow: 0 3px 10px rgba(251, 191, 36, 0.3) !important;
    white-space: nowrap !important;
  }

  body .newsletter-form__button:active {
    transform: scale(0.97) !important;
    box-shadow: 0 2px 6px rgba(251, 191, 36, 0.4) !important;
  }

  /* Social Proof - Compact */
  body .newsletter-form__social-proof,
  body .newsletter-section .newsletter-form__social-proof {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;
    font-size: 0.6875rem !important;
    color: var(--footer-text-muted) !important;
    margin-top: 10px !important;
  }

  body .newsletter-form__social-proof::before {
    content: '' !important;
    display: inline-block !important;
    width: 5px !important;
    height: 5px !important;
    background: #10b981 !important;
    border-radius: 50% !important;
    animation: socialProofPulse 2s ease-in-out infinite !important;
  }

  @keyframes socialProofPulse {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: 0.6; transform: scale(1.2); }
  }
}

/* ========================================================================
   6. COPYRIGHT & LEGAL SECTION MOBILE - COMPACT
   ======================================================================== */

@media (max-width: 1023px) {

  /* Copyright Container - Compact */
  body .footer-copyright,
  body .newsletter-section .footer-copyright {
    margin-top: 16px !important;
    padding-top: 12px !important;
    border-top: 1px solid var(--footer-border-light) !important;
    text-align: center !important;
  }

  body .footer-copyright__text {
    font-size: 0.6875rem !important;
    color: var(--footer-text-muted) !important;
    line-height: 1.5 !important;
    margin: 0 !important;
  }

  body .footer-copyright__brand {
    color: var(--footer-accent-gold) !important;
    font-weight: 600 !important;
  }
}

/* ========================================================================
   7. SCROLL TO TOP BUTTON - MOBILE
   ======================================================================== */

@media (max-width: 1023px) {

  /* Scroll to Top Button */
  .scroll-to-top-btn,
  body .scroll-to-top-btn,
  #scroll-to-top {
    position: fixed !important;
    bottom: 20px !important;
    right: 16px !important;
    width: 48px !important;
    height: 48px !important;
    background: linear-gradient(135deg, var(--footer-accent-gold) 0%, var(--footer-accent-gold-hover) 100%) !important;
    border: none !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.25), 0 2px 6px rgba(251, 191, 36, 0.3) !important;
    z-index: 999 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transform: translateY(20px) !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    -webkit-tap-highlight-color: transparent !important;
  }

  .scroll-to-top-btn.visible,
  body .scroll-to-top-btn.visible,
  #scroll-to-top.visible {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
  }

  .scroll-to-top-btn:active,
  #scroll-to-top:active {
    transform: scale(0.92) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2) !important;
  }

  /* Arrow Icon */
  .scroll-to-top-btn svg,
  #scroll-to-top svg {
    width: 22px !important;
    height: 22px !important;
    color: #1f2937 !important;
    stroke: #1f2937 !important;
    stroke-width: 2.5 !important;
    fill: none !important;
  }

  .scroll-to-top-btn::before,
  #scroll-to-top::before {
    content: '' !important;
    position: absolute !important;
    width: 12px !important;
    height: 12px !important;
    border-left: 3px solid #1f2937 !important;
    border-top: 3px solid #1f2937 !important;
    transform: rotate(45deg) !important;
    margin-top: 4px !important;
  }

  /* Pulse animation when at bottom */
  .scroll-to-top-btn.pulse,
  #scroll-to-top.pulse {
    animation: scrollTopPulse 2s ease-in-out infinite !important;
  }

  @keyframes scrollTopPulse {
    0%, 100% {
      box-shadow: 0 4px 15px rgba(0, 0, 0, 0.25), 0 2px 6px rgba(251, 191, 36, 0.3);
    }
    50% {
      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3), 0 0 20px rgba(251, 191, 36, 0.5);
    }
  }
}

/* ========================================================================
   8. ACCESSIBILITY & SAFE AREAS
   ======================================================================== */

@media (max-width: 1023px) {

  /* Focus States */
  body .site-footer a:focus,
  body .site-footer button:focus,
  body .newsletter-form__input:focus,
  body .newsletter-form__button:focus,
  .scroll-to-top-btn:focus {
    outline: 2px solid var(--footer-accent-gold) !important;
    outline-offset: 2px !important;
  }

  /* Reduced Motion */
  @media (prefers-reduced-motion: reduce) {
    body .site-footer *,
    body .newsletter-section *,
    .scroll-to-top-btn {
      animation: none !important;
      transition-duration: 0.01ms !important;
    }
  }

  /* Safe Area Insets (iPhone X+) */
  @supports (padding-bottom: env(safe-area-inset-bottom)) {
    body .newsletter-section {
      padding-bottom: calc(20px + env(safe-area-inset-bottom)) !important;
    }

    body .footer-copyright {
      padding-bottom: env(safe-area-inset-bottom) !important;
    }

    .scroll-to-top-btn,
    #scroll-to-top {
      bottom: calc(20px + env(safe-area-inset-bottom)) !important;
    }
  }
}

/* ========================================================================
   FIN DU FICHIER - FOOTER & NEWSLETTER MOBILE PREMIUM v1.1.0
   ======================================================================== */