/** MU-Plugin: Derphacos Home Swiper (force) */
/**
 * Snippet 11 - Carousel Swiper + Section Marques - V2
 */
// === SWIPER CDN (CSS + JS) ===
add_action('wp_head', function () {
    if (!is_front_page()) return;
    if (wp_script_is('swiper-js', 'enqueued')) return;
    wp_enqueue_style('swiper-css', 'https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css', array(), '11.0.0');
    wp_enqueue_script('swiper-js', 'https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js', array(), '11.0.0', true);
});
<style id="derphacos-home">
:root{
    --derp-accent:#0e9f8a;
    --derp-accent-dark:#0b8a78;
    --derp-dark:#0b3d36;
    --derp-bg:#ffffff;
    --derp-bg-soft:#f5f8f7;
    --derp-text:#17312c;
    --derp-gray:#9fb0ac;
    --derp-border:#e6ecea;
    --derp-radius:14px;
    --derp-shadow:0 10px 30px rgba(11,61,54,.10);
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Segoe UI',system-ui,-apple-system,sans-serif;color:var(--derp-text);background:var(--derp-bg);line-height:1.6}
a{text-decoration:none;color:inherit}
img{max-width:100%;height:auto}
.container{max-width:1200px;margin:0 auto;padding:0 16px}

/* ===== TOPBAR ===== */
.derp-topbar{background:var(--derp-dark);color:#cfe8e1;font-size:13px}
.derp-topbar-inner{max-width:1200px;margin:0 auto;display:flex;justify-content:center;gap:40px;padding:9px 16px;flex-wrap:wrap}
.derp-topbar-inner span{display:flex;align-items:center;gap:6px}
.derp-topbar-inner svg{width:14px;height:14px;fill:#0e9f8a;flex-shrink:0}

/* ===== HEADER ===== */
.site-header{background:#fff;box-shadow:0 2px 14px rgba(11,61,54,.08);position:sticky;top:0;z-index:999}
.site-header-inner{max-width:1200px;margin:0 auto;padding:10px 16px;display:flex;align-items:center;gap:24px}
.site-logo img{max-height:56px;width:auto}
.site-navigation{width:100%;border-top:1px solid #eef2f1}
.site-navigation .menu{max-width:1200px;margin:0 auto;display:flex;flex-wrap:nowrap;align-items:center;overflow-x:auto;padding:0 16px;list-style:none}
.site-navigation .menu>li{flex:0 0 auto}
.site-navigation .menu>li>a{color:var(--derp-dark);font-size:14px;font-weight:600;padding:14px 12px;white-space:nowrap;display:block}
.site-navigation .menu>li>a:hover{color:var(--derp-accent)}
.menu-search{margin-left:auto}
.menu-search form{display:flex;margin:0}
.menu-search input[type=search]{border:2px solid var(--derp-accent);border-radius:22px;padding:7px 18px;width:230px;font-size:14px;outline:none}
.menu-search button{background:var(--derp-accent);color:#fff;border:none;border-radius:22px;padding:7px 18px;margin-left:8px;font-size:14px;font-weight:600;cursor:pointer}

/* ===== CARROUSEL LOGOS MARQUES ===== */
.brand-strip{background:var(--derp-bg-soft);border-bottom:1px solid var(--derp-border);padding:14px 0}
.brand-strip-inner{max-width:1200px;margin:0 auto;padding:0 16px;display:flex;align-items:center;gap:12px;overflow-x:auto;scrollbar-width:none}
.brand-strip-inner::-webkit-scrollbar{display:none}
.brand-strip a{flex:0 0 auto;display:flex;align-items:center;justify-content:center;padding:8px 18px;background:#fff;border:1px solid var(--derp-border);border-radius:10px;font-weight:700;font-size:14px;color:var(--derp-gray);transition:all .25s ease;white-space:nowrap}
.brand-strip a:hover{color:var(--derp-accent);border-color:var(--derp-accent);transform:translateY(-2px);box-shadow:0 4px 12px rgba(11,61,54,.08)}
.brand-strip .brand-all{margin-left:auto;color:var(--derp-accent);font-weight:700;font-size:13px;white-space:nowrap}

/* ===== SLIDER BANNIÈRES (Swiper) ===== */
.hero-promo-swiper{position:relative;width:100%;max-height:420px;overflow:hidden}
.hero-promo-swiper .swiper-slide{display:flex;align-items:center;justify-content:center;text-align:center;position:relative}
.hero-promo-swiper .swiper-slide img{width:100%;height:420px;object-fit:cover;display:block}
.hero-promo-swiper .swiper-button-next,.hero-promo-swiper .swiper-button-prev{width:auto;height:44px;background:rgba(255,255,255,.12);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:22px;cursor:pointer;top:50%;transform:translateY(-50%)}
.hero-promo-swiper .swiper-pagination-bullets{display:flex;gap:8px;justify-content:center;bottom:18px}
.hero-promo-swiper .swiper-pagination-bullet{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.5);cursor:pointer}
.hero-promo-swiper .swiper-pagination-bullet-active{background:var(--derp-accent)}
CSS;
});

// === JS ===
add_action('wp_footer', function () {
    if (!is_front_page()) return;
    echo <<<'JS'
<script>
document.addEventListener('DOMContentLoaded', function() {
        var heroSwiper = new Swiper('.hero-promo-swiper', {
        loop: true,
        autoplay: { delay: 4500, disableOnInteraction: false },
        navigation: {
            nextEl: '.hero-promo-swiper .swiper-button-next',
            prevEl: '.hero-promo-swiper .swiper-button-prev'
        },
        pagination: { el: '.hero-promo-swiper .swiper-pagination', clickable: true },
        grabCursor: true
    });

    document.querySelectorAll('.product-carousel').forEach(function(el){
        new Swiper(el, {
            slidesPerView: 'auto', spaceBetween: 16, grabCursor: true,
            navigation: {
                nextEl: el.querySelector('.carousel-arrow.next'),
                prevEl: el.querySelector('.carousel-arrow.prev')
            },
            breakpoints: { 768: { spaceBetween: 24 } }
        });
    });

    var els = document.querySelectorAll('.fade-in');
    if (!('IntersectionObserver' in window)) {
        els.forEach(function(el){ el.classList.add('visible'); }); return;
    }
    var obs = new IntersectionObserver(function(entries){
        entries.forEach(function(entry){
            if (entry.isIntersecting) { entry.target.classList.add('visible'); obs.unobserve(entry.target); }
        });
    }, { threshold: 0.15 });
    els.forEach(function(el){ obs.observe(el); });
});
</script>
JS;
});