document.addEventListener("DOMContentLoaded", () => {

    const banner = document.querySelector(".banner.banner--fixed");

    if (!banner) return;

    // منع إضافة العنصر أكثر من مرة
    if (banner.querySelector(".glatee-box")) return;

    banner.style.position = "relative";

    const overlay = document.createElement("div");

    overlay.className = "glatee-box";

    overlay.innerHTML = `
        <h2>صمم صينيتك بنفسك</h2>

        <p>
            اختر أصنافك المفضلة واصنع صينية
            تناسب ذوقك ومناسبتك.
        </p>

        <a href="https://glatee.com/%D8%B5%D9%85%D9%85-%D8%B5%D9%8A%D9%86%D9%8A%D8%AA%D9%83-%D8%A8%D9%86%D9%81%D8%B3%D9%83/p979176489">
            ابدأ التصميم
        </a>
    `;

    banner.appendChild(overlay);

});
document.addEventListener("DOMContentLoaded", () => {

    const wait = setInterval(() => {

        const title = document.querySelector(".s-reviews-header");

        if (!title) return;

        clearInterval(wait);

        // تغيير العنوان
        title.textContent = "آراء عملائنا";

        // البحث عن الوصف الحالي
        let subtitle = document.querySelector(".glatee-reviews-subtitle");

        if (!subtitle) {
            subtitle = document.createElement("p");
            subtitle.className = "home_component_subtitle glatee-reviews-subtitle";

            title.insertAdjacentElement("afterend", subtitle);
        }

        subtitle.textContent =
            "تجارب حقيقية من عملاء اختاروا Glatée";

    }, 300);

});
document.addEventListener("DOMContentLoaded", function () {

    // منع تكرار الزر
    if (document.querySelector(".glatee-whatsapp")) return;

    // إضافة CSS
    const style = document.createElement("style");
    style.innerHTML = `
        .glatee-whatsapp{
    position:fixed;
    right:24px !important;
    left:auto !important;
    bottom:24px;
            width:62px;
            height:62px;
            border-radius:50%;
            background:#25D366;
            display:flex;
            align-items:center;
            justify-content:center;
            box-shadow:0 10px 28px rgba(0,0,0,.18);
            z-index:999999;
            transition:.3s;
            animation:glateePulse 2s infinite;
        }

        .glatee-whatsapp:hover{
            transform:scale(1.08);
            box-shadow:0 14px 35px rgba(0,0,0,.25);
        }

        .glatee-whatsapp svg{
            width:34px;
            height:34px;
            fill:#fff;
        }

        @keyframes glateePulse{
            0%{
                box-shadow:0 0 0 0 rgba(37,211,102,.45);
            }
            70%{
                box-shadow:0 0 0 16px rgba(37,211,102,0);
            }
            100%{
                box-shadow:0 0 0 0 rgba(37,211,102,0);
            }
        }

        @media(max-width:768px){
            .glatee-whatsapp{
                left:16px;
                bottom:16px;
                width:58px;
                height:58px;
            }

            .glatee-whatsapp svg{
                width:30px;
                height:30px;
            }
        }
    `;
    document.head.appendChild(style);

    // إنشاء الزر
    const btn = document.createElement("a");
    btn.className = "glatee-whatsapp";
    btn.href = "https://wa.me/966556862627";
    btn.target = "_blank";
    btn.rel = "noopener";
    btn.setAttribute("aria-label","WhatsApp");

    btn.innerHTML = `
        <svg viewBox="0 0 32 32">
            <path d="M16.02 3C8.83 3 3 8.73 3 15.8c0 2.5.74 4.92 2.13 7L3 29l6.42-2.08a13.2 13.2 0 0 0 6.6 1.78c7.2 0 13.02-5.73 13.02-12.8S23.22 3 16.02 3zm0 23.4c-2.06 0-4.07-.55-5.82-1.6l-.42-.25-3.8 1.23 1.25-3.68-.27-.43a10.9 10.9 0 0 1-1.68-5.87c0-5.98 4.84-10.84 10.8-10.84 5.95 0 10.8 4.86 10.8 10.84 0 5.97-4.85 10.83-10.8 10.83zm5.93-8.14c-.32-.16-1.88-.92-2.17-1.02-.3-.11-.52-.16-.74.16-.22.32-.85 1.01-1.04 1.22-.2.21-.39.24-.71.08-.32-.16-1.37-.5-2.6-1.58-.97-.86-1.62-1.92-1.81-2.24-.19-.32-.02-.49.14-.65.14-.14.32-.38.48-.57.16-.19.21-.32.32-.54.11-.22.05-.4-.03-.57-.08-.16-.74-1.77-1.01-2.43-.27-.65-.55-.56-.74-.57h-.63c-.22 0-.57.08-.87.4-.3.32-1.14 1.11-1.14 2.7s1.17 3.12 1.33 3.33c.16.21 2.3 3.5 5.58 4.9.78.34 1.39.54 1.86.69.78.25 1.49.21 2.05.13.63-.09 1.88-.77 2.14-1.52.27-.76.27-1.41.19-1.54-.08-.13-.3-.21-.63-.38z"/>
        </svg>
    `;

    document.body.appendChild(btn);

});
document.addEventListener('DOMContentLoaded', function () {
  const header = document.querySelector('.store-header');
  if (!header) return;

  function onScroll() {
    if (window.scrollY > 50) {
      header.classList.add('glatee-scrolled');
    } else {
      header.classList.remove('glatee-scrolled');
    }
  }

  window.addEventListener('scroll', onScroll, { passive: true });
  onScroll();
});
document.addEventListener("DOMContentLoaded", () => {

    const video = document.querySelector('video source[src*="0628_1_1_pcg5gn.mp4"]');

    if (!video) return;

    const wrapper = video.closest("video").parentElement;

    wrapper.classList.add("glatee-video-wrapper");

    if (wrapper.querySelector(".glatee-video-overlay")) return;

    wrapper.insertAdjacentHTML("beforeend", `

        <div class="glatee-video-overlay">

            <h2>لحظات من Glatée</h2>

            <p>اكتشف تفاصيل الفخامة في كل قطعة شوكولاتة</p>

            <button class="glatee-video-btn">
                تسوق الآن
            </button>

        </div>

    `);

});