/* Add custom JS code below */ 
(function () {
  const END_DATE = '2026-10-20T23:59:59+03:00';
  const SHOP_URL = 'https://blancoparfumes.com/ar/National-Day-offers/c340987798';
  const OFFER_TEXT = 'متبقي على سحب الذهب ✨';

  if (document.getElementById('blanco-announcement-bar')) return;

  const style = document.createElement('style');

  style.textContent = `
    #blanco-announcement-bar {
      width: 100%;
      background: #000;
      color: #fff;
      direction: rtl;
      position: relative;
      z-index: 999;
      font-family: inherit;
      border-bottom: 1px solid #292929;
    }

    #blanco-announcement-bar * {
      box-sizing: border-box;
    }

    #blanco-announcement-bar .announcement-inner {
      max-width: 1200px;
      min-height: 48px;
      margin: auto;
      padding: 7px 20px;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 25px;
    }

    #blanco-announcement-bar .announcement-title {
      font-size: 14px;
      font-weight: 700;
      white-space: nowrap;
    }

    #blanco-announcement-bar .announcement-countdown {
      display: flex;
      align-items: center;
      gap: 5px;
      direction: rtl;
    }

    #blanco-announcement-bar .count-item {
      display: flex;
      align-items: center;
      gap: 3px;
      font-size: 11px;
      color: #bdbdbd;
      white-space: nowrap;
    }

    #blanco-announcement-bar .count-number {
      min-width: 27px;
      padding: 2px 5px;
      background: #1c1c1c;
      border: 1px solid #373737;
      border-radius: 4px;
      color: #fff;
      font-size: 12px;
      font-weight: 700;
      text-align: center;
      font-variant-numeric: tabular-nums;
    }

    #blanco-announcement-bar .announcement-button {
      padding: 5px 16px;
      background: #fff;
      color: #000;
      border-radius: 5px;
      font-size: 12px;
      font-weight: 700;
      text-decoration: none;
      white-space: nowrap;
      transition: opacity 0.2s ease;
    }

    #blanco-announcement-bar .announcement-button:hover {
      color: #000;
      opacity: 0.85;
    }

    #blanco-announcement-bar .expired-text {
      font-size: 13px;
      font-weight: 700;
    }

    @media (max-width: 600px) {
      #blanco-announcement-bar .announcement-inner {
        min-height: 44px;
        padding: 6px 10px;
        gap: 8px;
        justify-content: space-between;
      }

      #blanco-announcement-bar .announcement-title {
        font-size: 11px;
      }

      #blanco-announcement-bar .count-item {
        font-size: 0;
      }

      #blanco-announcement-bar .count-number {
        min-width: 23px;
        padding: 2px 4px;
        font-size: 10px;
      }

      #blanco-announcement-bar .announcement-button {
        padding: 5px 9px;
        font-size: 10px;
      }
    }

    @media (max-width: 390px) {
      #blanco-announcement-bar .announcement-title {
        display: none;
      }

      #blanco-announcement-bar .announcement-inner {
        justify-content: center;
      }
    }
  `;

  document.head.appendChild(style);

  const bar = document.createElement('div');
  bar.id = 'blanco-announcement-bar';

  bar.innerHTML = `
    <div class="announcement-inner">

      <div class="announcement-title">
        ${OFFER_TEXT}
      </div>

      <div class="announcement-countdown" id="blanco-countdown">
        <div class="count-item">
          <span class="count-number" id="offer-days">00</span>
          <span>يوم</span>
        </div>

        <div class="count-item">
          <span class="count-number" id="offer-hours">00</span>
          <span>ساعة</span>
        </div>

        <div class="count-item">
          <span class="count-number" id="offer-minutes">00</span>
          <span>دقيقة</span>
        </div>

        <div class="count-item">
          <span class="count-number" id="offer-seconds">00</span>
          <span>ثانية</span>
        </div>
      </div>

      <a href="${SHOP_URL}" class="announcement-button">
        تسوق الآن
      </a>

    </div>
  `;

  document.body.prepend(bar);

  const endTime = new Date(END_DATE).getTime();
  let timer;

  function formatTime(value) {
    return String(value).padStart(2, '0');
  }

  function updateCountdown() {
    const distance = endTime - Date.now();

    if (distance <= 0) {
      document.getElementById('blanco-countdown').innerHTML =
        '<span class="expired-text">انتهى الوقت</span>';

      clearInterval(timer);
      return;
    }

    const days = Math.floor(distance / (1000 * 60 * 60 * 24));

    const hours = Math.floor(
      (distance % (1000 * 60 * 60 * 24)) /
      (1000 * 60 * 60)
    );

    const minutes = Math.floor(
      (distance % (1000 * 60 * 60)) /
      (1000 * 60)
    );

    const seconds = Math.floor(
      (distance % (1000 * 60)) / 1000
    );

    document.getElementById('offer-days').textContent =
      formatTime(days);

    document.getElementById('offer-hours').textContent =
      formatTime(hours);

    document.getElementById('offer-minutes').textContent =
      formatTime(minutes);

    document.getElementById('offer-seconds').textContent =
      formatTime(seconds);
  }

  updateCountdown();
  timer = setInterval(updateCountdown, 1000);
})();




(function fixPageLtrStyling() {
    let container = document.querySelector('.content-entry') || document.body;
    let htmlContent = container.innerHTML;

    if (htmlContent.includes('&lt;style&gt;')) {
        let fixedHTML = htmlContent
            .replace(/&lt;/g, '<')
            .replace(/&gt;/g, '>');

        container.innerHTML = fixedHTML;
    }
})();