document.addEventListener("DOMContentLoaded", function() {
    const trustBadgeContainer = document.querySelector('.footer-vat');

    if (trustBadgeContainer) {

        const style = document.createElement('style');
        style.innerHTML = `
            .custom-footer-contact {
                margin-top: 25px;
                padding: 20px;
                background-color: var(--color-bg-light, rgba(128, 128, 128, 0.04));
                border: 1px solid var(--border-color, rgba(128, 128, 128, 0.15));
                border-radius: 12px;
                text-align: right;
                font-size: 14px;
                color: var(--color-text-main, #555);
                transition: all 0.3s ease;
                box-shadow: 0 2px 8px rgba(0,0,0,0.02);
            }
            .custom-footer-contact:hover {
                box-shadow: 0 5px 15px rgba(0,0,0,0.05);
                border-color: var(--color-primary);
            }
            .contact-row {
                display: flex;
                align-items: center;
                gap: 12px;
                margin-bottom: 15px;
            }
            .contact-row:last-child {
                margin-bottom: 0;
            }
            .contact-icon {
                display: flex;
                align-items: center;
                justify-content: center;
                width: 36px;
                height: 36px;
                background-color: var(--color-primary);
                color: #fff;
                border-radius: 50%;
                font-size: 16px;
                flex-shrink: 0;
            }
            .contact-row a {
                color: inherit;
                text-decoration: none;
                transition: color 0.2s ease;
            }
            .contact-row a:hover {
                color: var(--color-primary);
            }
            .support-hours-box {
                background: rgba(128,128,128,0.06);
                padding: 12px;
                border-radius: 8px;
                text-align: center;
                margin-top: 20px;
                font-weight: bold;
                border-top: 2px dashed rgba(128, 128, 128, 0.2);
            }
            .support-hours-box p {
                margin: 5px 0 0;
                font-weight: normal;
                font-size: 13px;
                line-height: 1.6;
            }
        `;
        document.head.appendChild(style);

        const contactInfoDiv = document.createElement('div');
        contactInfoDiv.className = 'custom-footer-contact da-tm';

        contactInfoDiv.innerHTML = `
            <div class="contact-row">
                <span class="contact-icon"><i class="sicon-briefcase"></i></span>
                <span><strong>الاسم التجاري:</strong> فايف ستور</span>
            </div>

            <div class="contact-row">
                <span class="contact-icon"><i class="sicon-location"></i></span>
                <span>طريق حامد سعد الجهني، حي الفضيلة، جدة 22631، المملكة العربية السعودية</span>
            </div>

            <div class="contact-row">
                <span class="contact-icon"><i class="sicon-mail"></i></span>
                <span><a href="mailto:support@stotre5.com">support@stotre5.com</a></span>
            </div>

            <div class="contact-row">
                <span class="contact-icon"><i class="sicon-phone"></i></span>
                <span dir="ltr"><a href="tel:+966 53 493 7402">+966 53 493 7402</a></span>
            </div>

            <div class="support-hours-box">
                <i class="sicon-time" style="margin-left: 5px; color: var(--color-primary);"></i>
                أوقات الدعم الفني
                <p>
                الدعم (بتوقيت المملكة العربية السعودية):<br>
                السبت – الخميس: 9:00 ص – 11:00 م<br>
                الجمعة: 4:00 م – 11:00 م
                </p>
            </div>
        `;

        trustBadgeContainer.after(contactInfoDiv);
    }
});