/* =========================================================================
   css/pages/home/main.css
   Auto-split from css/pages/home.css.
   ========================================================================= */

    .elementor-element-1565ae45 .qodef-m-title {
      position: relative !important;
      left: -70px !important;
    }

    .elementor-element-58f3f5bf .qodef-m-title {
      position: relative !important;
      left: -80px !important;
    }

    @media (max-width: 768px) {

      .elementor-element-58f3f5bf .qodef-m-title,
      .elementor-element-2d27d0a .qodef-m-title {
        left: 0 !important;
        text-align: left !important;
      }
    }

    /* Supprimer les filtres et formes sur les images du Hero */
    .bdt-overlay-default,
    .bdt-slide-shape {
      display: none !important;
    }

    /* S'assurer que le texte reste lisible sur des images claires sans filtre */
    .bdt-title-tag,
    .bdt-ps-sub-title,
    .bdt-slider-excerpt p,
    .bdt-prime-slider-button-text {
      text-shadow: none !important;
    }

    /* ULTRA ROBUST FOOTER FIX - FORCE STICKY (COPIED FROM ABOUTUS) */
    .site-footer,
    #colophon,
    #colophon.site-footer,
    footer#colophon {
      position: fixed !important;
      bottom: 0 !important;
      left: 0 !important;
      right: 0 !important;
      width: 100vw !important;
      width: 100% !important;
      margin: 0 !important;
      padding: 20px 0 !important;
      clear: both !important;
      z-index: 99999 !important;
      transform: none !important;
      top: auto !important;
      display: block !important;
      visibility: visible !important;
      opacity: 1 !important;
      height: auto !important;
      min-height: 60px !important;
      max-height: none !important;
      overflow: visible !important;
      background: #000000 !important;
      /* Solid Black */
      border-top: none !important;
      box-shadow: none !important;
    }

    /* Color the larger footer area (Contact section) in solid black too */
    #contact,
    .elementor-element-7cdd405 {
      background-color: #000000 !important;
      background: #000000 !important;
      padding-bottom: 100px !important;
      /* Space for the fixed copyright footer */
    }

    .site-footer .site-info {
      max-width: 1200px !important;
      margin: 0 auto !important;
      padding: 0 20px !important;
      text-align: center !important;
      width: 100% !important;
      display: block !important;
    }

    .site-footer .site-info p {
      color: #ffffff !important;
      margin: 0 !important;
      font-size: 13px !important;
      letter-spacing: 2px !important;
      text-transform: uppercase !important;
      font-weight: 500 !important;
    }

    /* Remove bottom padding from body to eliminate white gap */
    body {
      padding-bottom: 0 !important;
      margin-bottom: 0 !important;
    }

    /* Mobile responsive */
    @media (max-width: 768px) {

#contact,
      .elementor-element-7cdd405 {
        padding-bottom: 80px !important;
      }

}

    /* Fix for Portfolio Slider above News (Mobile only) */
    @media screen and (max-width: 991px) {

      /* Targeting the Coral skin slider specifically */
      .bdt-prime-slider-skin-coral .bdt-navigation-arrows {
        position: absolute !important;
        display: flex !important;
        justify-content: center !important;
        gap: 20px !important;
        width: 100% !important;
        top: auto !important;
        bottom: 40px !important;
        /* Lower position */
        right: 0 !important;
        left: 0 !important;
        transform: none !important;
        z-index: 1000 !important;
      }

      .bdt-prime-slider-skin-coral .bdt-navigation-arrows a {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        right: auto !important;
        transform: none !important;
        background-color: #000000 !important;
        border-radius: 0px !important;
        /* SQUARE as requested */
        width: 45px !important;
        height: 45px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        opacity: 1 !important;
        visibility: visible !important;
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3) !important;
      }

      /* Ensure arrows icons are white */
      .bdt-prime-slider-skin-coral .bdt-navigation-arrows a::before,
      .bdt-prime-slider-skin-coral .bdt-navigation-arrows a::after,
      .bdt-prime-slider-skin-coral .bdt-navigation-arrows a svg {
        color: #ffffff !important;
        border-color: #ffffff !important;
        stroke: #ffffff !important;
      }

      /* Adjust Read More button position - Move up more to clear space for square arrows below */
      .bdt-prime-slider-skin-coral .bdt-coral-btn {
        transform: translateY(-80px) !important;
        bottom: 20px !important;
      }
    }

    /* Hide thumbnails on desktop for the portfolio carousel but keep navigation arrows */
    @media screen and (min-width: 992px) {
      .bdt-ps-thumbnav {
        display: none !important;
      }

      /* Match portfolio carousel arrows to hero slider design on desktop */
      .bdt-prime-slider-skin-coral .bdt-navigation-arrows {
        display: flex !important;
        flex-direction: column !important;
        gap: 10px !important;
        margin-right: 40px !important;
      }

      .bdt-prime-slider-skin-coral .bdt-navigation-arrows a {
        padding: 0 !important;
        height: 50px !important;
        width: 50px !important;
        display: flex !important;
        border: 1px solid rgba(255, 255, 255, 0.4) !important;
        background: rgba(0, 0, 0, 0.2) !important;
        align-items: center !important;
        justify-content: center !important;
        transition: all 0.3s ease !important;
        border-radius: 0 !important;
      }

      .bdt-prime-slider-skin-coral .bdt-navigation-arrows a:hover {
        background: rgba(0, 0, 0, 0.8) !important;
        border-color: #fff !important;
      }

      /* Ensure arrows icons are white */
      .bdt-prime-slider-skin-coral .bdt-navigation-arrows a svg,
      .bdt-prime-slider-skin-coral .bdt-navigation-arrows a::before,
      .bdt-prime-slider-skin-coral .bdt-navigation-arrows a::after {
        color: #fff !important;
        stroke: #fff !important;
      }
    }

    /* Mobile only: match About Us hamburger X state on the home page. */
    @media screen and (max-width: 991px) {
      .is-menu-toggled-on .menu-toggle {
        z-index: 10520 !important;
        position: fixed !important;
        top: 10px !important;
        right: 15px !important;
      }

      .is-menu-toggled-on .menu-toggle .lines {
        background-color: transparent !important;
      }

      .is-menu-toggled-on .site-header:not(.clone) .menu-toggle .lines,
      .is-menu-toggled-on .site-header.clone .menu-toggle .lines {
        background-color: transparent !important;
      }

      .is-menu-toggled-on .site-header .nav-menu .current-menu-item>a,
      .is-menu-toggled-on .site-header .nav-menu .current-menu-item>a:hover,
      .is-menu-toggled-on .site-header .nav-menu .current_page_item>a,
      .is-menu-toggled-on .site-header .nav-menu .current_page_item>a:hover {
        color: #ffffff !important;
      }

      .is-menu-toggled-on .menu-toggle .lines:before {
        top: 0 !important;
        transform: rotate(45deg) !important;
        background-color: #ffffff !important;
        position: absolute !important;
        z-index: 10530 !important;
        width: 28px !important;
        display: block !important;
      }

      .is-menu-toggled-on .menu-toggle .lines:after {
        bottom: 0 !important;
        transform: rotate(-45deg) !important;
        background-color: #ffffff !important;
        position: absolute !important;
        z-index: 10530 !important;
        width: 28px !important;
        display: block !important;
      }
    }