/* Add custom JS styles below */
document.addEventListener("DOMContentLoaded", function () {
  /* === تحميل خط El Messiri من Google === */
  const fontLink = document.createElement("link");
  fontLink.href = "https://fonts.googleapis.com/css2?family=El+Messiri:wght@400;700&display=swap";
  fontLink.rel = "stylesheet";
  document.head.appendChild(fontLink);

  /* === التنسيقات === */
  const style = document.createElement("style");
  style.textContent = `
  :root {
    --gold: #d4af37;
    --brown: #5e4b3c;
    --bg-light: #f4f3f3;
  }

  *:not(i):not(svg):not(path) {
    font-family: 'El Messiri', sans-serif !important;
  }

  body {
    color: var(--brown);
    margin: 0;
    padding: 0;
    /* الخلفية تبقى تابعة للثيم */
  }

  /* الفوتر */
  .store-footer {
    background: url('https://i.ibb.co/0Vqr5H6H/Rectangle-19994.png') no-repeat center/cover !important;
    color: #fff !important;
    font-family: 'El Messiri', sans-serif !important;
    padding: 70px 20px 30px;
  }

  .store-footer * {
    font-family: 'El Messiri', sans-serif !important;
    color: #fff !important;
    box-sizing: border-box;
  }

  .footer-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 60px;
    max-width: 1200px;
    margin: 0 auto 40px;
    align-items: start;
  }

  .footer-column {
    text-align: right;
    line-height: 1.8;
  }

  .footer-about img {
    max-width: 180px;
    margin-bottom: 20px;
    filter: brightness(0) invert(1);
    transition: transform 0.3s ease;
  }

  .footer-about img:hover {
    transform: scale(1.05);
  }

  .footer-about p {
    font-size: 15px;
    opacity: 0.95;
  }

  .footer-links h4,
  .footer-contact h4 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 18px;
    color: var(--gold);
  }

  .footer-links a,
  .footer-contact a {
    display: block;
    opacity: 0.9;
    margin-bottom: 10px;
    font-size: 15px;
    transition: 0.3s;
    text-decoration: none;
  }

  .footer-links a:hover,
  .footer-contact a:hover {
    opacity: 1;
    text-decoration: underline;
  }

  .footer-contact iframe {
    width: 100%;
    height: 280px;
    border-radius: 10px;
    border: 0;
    margin-top: 10px;
  }

  .footer-bottom {
    text-align: center;
    padding-top: 20px;
    border-top: 1px solid rgba(255,255,255,0.25);
  }

  .payment-icons {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
    margin-bottom: 15px;
  }

  .payment-icons img {
    max-width: 250px;
    height: auto;
    object-fit: contain;
    filter: brightness(1.2) contrast(1.1);
  }

  .copyright {
    color: rgba(255,255,255,0.85);
    font-size: 14px;
    margin-top: 10px;
  }

  /* الموبايل */
  @media (max-width: 768px) {
    .footer-container {
      grid-template-columns: 1fr;
      text-align: center;
      gap: 35px;
    }

    .footer-column {
      text-align: center !important;
    }

    .footer-about img {
      margin: 0 auto 15px;
    }

    .footer-contact iframe {
      height: 200px;
    }
  }
  `;
  document.head.appendChild(style);

  /* === الفوتر === */
  const interval = setInterval(() => {
    const footer = document.querySelector(".store-footer__inner");
    if (footer) {
      footer.innerHTML = `
        <div class="footer-container">
          <!-- العمود الأول -->
   
<div class="footer-column footer-about">
  <img src="https://cdn.salla.sa/cdn-cgi/image/fit=scale-down,width=400,height=400,onerror=redirect,format=auto/nEjweD/yBuB3hP3ZllgdHW5EsV0ngzHPGhybxTfS00NsfPq.png" alt="شعار الكرسي الذهبي">
  <p>
    في <strong>الكرسي الذهبي</strong>، نقدم لك تشكيلات فريدة من الأثاث الفاخر، بتصاميم راقية وخامات عالية الجودة، تمنح منزلك لمسة من الفخامة والتميز.
  </p>

  <div class="social-links">
    <a href="https://www.instagram.com/goldenchair_sa" target="_blank" aria-label="Instagram">
      <img src="https://i.ibb.co/9mJ2YGFT/instagram.png" alt="Instagram">
    </a>
    <a href="https://www.snapchat.com/add/goldenchair.sa" target="_blank" aria-label="Snapchat">
      <img src="https://i.ibb.co/NHrbt5X/snapchat.png" alt="Snapchat">
    </a>
    <a href="https://www.tiktok.com/@goldenchair_sa" target="_blank" aria-label="TikTok">
      <img src="https://cdn-icons-png.flaticon.com/512/3046/3046120.png" alt="TikTok">
    </a>
    <a href="https://www.facebook.com/profile.php?id=100079807707781" target="_blank" aria-label="Facebook">
      <img src="https://i.ibb.co/gbZ2mqPC/facebook-app-symbol-1.png" alt="Facebook">
    </a>
  </div>
</div>




          <!-- العمود الثاني -->
          <div class="footer-column footer-links">
            <h4>روابط مهمة</h4>
            <a href="#">من نحن</a>
            <a href="#">سياسة الخصوصية</a>
            <a href="#">الشروط والأحكام</a>
            <a href="#">الاسترجاع والاستبدال</a>
          </div>

          <!-- العمود الثالث -->
          <div class="footer-column footer-contact">
            <h4>تواصل معنا</h4>
            <a href="tel:+966551052273">📞 +966551052273</a>
            <a href="mailto:goldenchair.sa@gmail.com">✉️ goldenchair.sa@gmail.com</a>
            <iframe 
              src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3710.401701683258!2d39.1818418!3d21.5702376!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x15c3d114073d3b8b%3A0xe279af51f4007eea!2z2YXZgdix2YjYtNin2Kog2KfZhNmD2LHYs9mKINin2YTYsNmH2KjZiiDZhNmE2KPYq9in2Ksg2KfZhNmF2YbYstmE2Yog2Ygg2KfZhNmB2YbYr9mC2Yo!5e0!3m2!1sar!2seg!4v1760530566661!5m2!1sar!2seg"
              allowfullscreen=""
              loading="lazy"
              referrerpolicy="no-referrer-when-downgrade">
            </iframe>
          </div>
        </div>

        <div class="footer-bottom">
          <div class="payment-icons">
            <img src="https://i.ibb.co/RpcRnqhn/Group-15-1.png" alt="طرق الدفع">
          </div>
          <div class="copyright">
            جميع الحقوق محفوظة © 2025 الكرسي الذهبي
          </div>
        </div>
      `;
      clearInterval(interval);
    }
  }, 500);
});