const asawerSection = document.querySelector('.asawer');

if (asawerSection) {
    asawerSection.style.cursor = 'pointer';
    asawerSection.addEventListener('click', function() {
        window.location.href = 'https://bejewelry.co/%D8%A3%D8%B3%D8%A7%D9%88%D8%B1-%D9%86%D8%B3%D8%A7%D8%A6%D9%8A%D8%A9/c314780042';
    });
}











//////////////
document.addEventListener('DOMContentLoaded', function() {
    // إنشاء العناصر
    const newSection = document.createElement('section');
    newSection.className = 'gold-technology-section';
    
    const container = document.createElement('div');
    container.className = 'container';
    
    // إنشاء صف للصورة والنص
    const contentRow = document.createElement('div');
    contentRow.className = 'content-row';
    
    // إنشاء قسم الصورة مع زر
    const imageColumn = document.createElement('div');
    imageColumn.className = 'image-column';
    imageColumn.innerHTML = `
        <div class="image-container">
            <img src="https://i.postimg.cc/0Nr3s3R1/3.webp" alt="تقنية فرميل الذهب" class="gold-image">
            <a href="https://salla.sa/bejewelry.co/%D9%85%D8%AC%D9%85%D9%88%D8%B9%D8%A9-%D9%85%D8%AC%D9%88%D9%87%D8%B1%D8%A7%D8%AA-%D8%A8%D8%B1%D9%8A%D8%AA%D9%8A/c1118518612" class="order-button">اعرف اكثر</a>
        </div>
    `;
    
    // إنشاء قسم النص
    const textColumn = document.createElement('div');
    textColumn.className = 'text-column';
    textColumn.innerHTML = `
        <h2>نعتمد في صناعة مجوهراتنا على تقنية فرميل الذهب:</h2>
        <p>وهي المجوهرات المصنوعة من الضفة الاسترليني عبار 925 والمصقولة بطبقة سميكة من الذهب تقدير بأكثر من خمسة أضعاف المطلي التقليدي. للحصول على منتج ذهبي متين وعالي الجودة له نفس خطائص ومظهر الذهب الخالص.</p>
    `;
    
    // إضافة الأقسام إلى الصف
    contentRow.appendChild(imageColumn);
    contentRow.appendChild(textColumn);
    
    // إنشاء قسم الالتزام مع صورة على اليسار وزر
    const commitmentRow = document.createElement('div');
    commitmentRow.className = 'commitment-row';
    
    const commitmentImageColumn = document.createElement('div');
    commitmentImageColumn.className = 'commitment-image-column';
    commitmentImageColumn.innerHTML = `
        <div class="image-container">
            <img src="https://i.postimg.cc/x11pv7dN/4.webp" alt="التزامنا" class="commitment-image">
            <a href="https://salla.sa/bejewelry.co/%D9%85%D8%AC%D9%85%D9%88%D8%B9%D8%A9-%D9%85%D8%AC%D9%88%D9%87%D8%B1%D8%A7%D8%AA-%D9%8A%D9%88%D9%86%D9%8A%D9%83/c1286376262" class="order-button">اعرف اكثر</a>
        </div>
    `;
    
    const commitmentTextColumn = document.createElement('div');
    commitmentTextColumn.className = 'commitment-text-column';
    commitmentTextColumn.innerHTML = `
        <h2>في بي، التزامنا هو مع عمائنا.</h2>
        <p>نحن نضعك في قلب كل ما نقوم به، ونتأكد من أن تجربتك معنا تكون استنبالية بكل المقاييس، من عملية التصميم الأولية إلى اللحظة التي ترتدين فيها قطعة من بي، هدفنا هو إنشاء تجربة لا تلبي توقعاتك فقط، بل تتجاوزها.</p>
    `;
    
    commitmentRow.appendChild(commitmentImageColumn);
    commitmentRow.appendChild(commitmentTextColumn);
    
    // تجميع العناصر
    container.appendChild(contentRow);
    container.appendChild(commitmentRow);
    newSection.appendChild(container);
    
    // إضافة الأنماط
    const style = document.createElement('style');
    style.textContent = `
        .gold-technology-section {
            font-family: Arial, sans-serif;
            color: #333;
            padding: 40px 0;
            direction: rtl;
        }
        
        .gold-technology-section .container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 15px;
        }
        
        .content-row, .commitment-row {
            display: flex;
            align-items: center;
            gap: 40px;
            margin-bottom: 40px;
        }
        
        .content-row {
            flex-direction: row;
        }
        
        .commitment-row {
            flex-direction: row-reverse;
        }
        
        .image-column, .text-column,
        .commitment-image-column, .commitment-text-column {
            flex: 1;
        }
        
        .image-container {
            position: relative;
            width: 100%;
        }
        
        .gold-image, .commitment-image {
            width: 100%;
            height: auto;
            display: block;
            border-radius: 8px;
        }
        
        .order-button {
            position: absolute;
            bottom: 50%;
            left: 50%;
            transform: translateX(-50%);
           background-color: transparent;
            color: #29297c;
            padding: 12px 24px;
            border: 1px solid #29297c ;
            border-radius: 0px;
            font-size: 18px;
            font-weight: bold;
            text-decoration: none;
            cursor: pointer;
            transition: all 0.3s ease;
            box-shadow: 0 4px 8px rgba(0,0,0,0.2);
        }
        
        .gold-technology-section h2 {
            font-size: 24px;
            color: black;
            margin-bottom: 20px;
        }
        
        .gold-technology-section p {
            font-size: 16px;
            line-height: 1.6;
            margin-bottom: 20px;
        }
        
        /* إخفاء السيكشن كاملاً في الموبايل */
        @media (max-width: 768px) {
            .gold-technology-section {
                display: none !important;
            }
        }
    `;
    
    // إضافة العنصر بعد السلايدر المحدد
    const targetElement = document.querySelector('section.s-block.home-slider.s-block--hero-slider.s-block--full-bg.wide-placeholder.asawer.full-banner');
    if (targetElement) {
        targetElement.insertAdjacentElement('afterend', newSection);
        document.head.appendChild(style);
    } else {
        console.error('لم يتم العثور على العنصر المستهدف');
    }
});