/** Shopify CDN: Minification failed

Line 16:0 Unexpected "<"
Line 19:57 Unterminated string token
Line 21:18 Expected identifier but found "%"
Line 22:34 Expected identifier but found whitespace
Line 22:35 Unexpected "url(https://via.placeholder.com/500x1000.png)"
Line 23:17 Expected identifier but found "%"
Line 24:17 Unexpected bad string token
Line 24:20 Unterminated string token
Line 25:17 Unexpected "{"
Line 25:26 Expected ":"
... and 31 more hidden warnings

**/
<div class="cta__section" style="direction: rtl">
    <div class="wrapper">
        <div class="outer__cta"
            style="{% if section.settings.img != blank %}
                background-image: url('{{ section.settings.img | img_url: 'master' }}');
                 {% else %}
                 background-image: url(https://via.placeholder.com/500x1000.png);
                {% endif %}
                 "> 
            <h6>{{ section.settings.text }}</h6>
            {% form 'customer', class: 'newsletter-form' %}
            <div class="group__field">
                <input 
                    placeholder="{{ 'sections.newsletter.email_placeholder' | t }}"
                    id="NewsletterForm--{{ section.id }}"
                    type="email"
                    name="contact[email]"
                    value="{{ form.email }}"
                    aria-required="true"
                    autocorrect="off"
                    autocapitalize="off"
                    autocomplete="email"
                    {% if form.errors %}
                      autofocus
                      aria-invalid="true"
                      aria-describedby="Newsletter-error--{{ section.id }}"
                    {% elsif form.posted_successfully? %}
                      aria-describedby="Newsletter-success--{{ section.id }}"
                    {% endif %}
                    required
                >
                <button type="submit" class="btn" name="commit" id="Subscribe">{{ 'sections.newsletter.subscribe' | t }}</button>
            </div>
            {% endform %}
        </div>
    </div>
</div>


<div class="modal__wrapper" id="successModal" style="display: none;">
    <div class="inner__modal">
        <div class="modal__box modal__notification">
            <span>{% render 'newsletter-success' %}</span>
            <h6>{{ 'sections.newsletter.success_modal_heading' | t }}</h6>
            <p>{{ 'sections.newsletter.success_modal_text' | t }}</p>
            <div class="button__wrapper">
                <a href="#" class="btn">{{ 'sections.newsletter.success_modal_btn' | t }}</a>
            </div>
        </div>
    </div>
</div>

<style>
/* ===== تحسين عرض الفوتر على الجوال ===== */

/* أرقام واتساب ما تنقلب */
.inner .ltr{direction:ltr;unicode-bidi:bidi-override;white-space:nowrap}

/* عمود "الأكثر مبيعًا" يكون عامودي */
@media (max-width: 768px){
  .top__footer{display:flex;flex-direction:column;gap:22px}
  .top__footer .elem__footer{width:100%}
  .top__footer .elem__footer h6{
    text-align:center;margin:0 0 6px;font-size:16px;font-weight:800
  }
  .top__footer .elem__footer p{text-align:center}

  /* قوائم الروابط تصير عامودية ومتمركزة */
  .top__footer .elem__footer ul{
    display:flex !important;flex-direction:column !important;
    gap:8px;align-items:center;padding:0;margin:0
  }

  /* القائمة المزدوجة تُجبر عمود واحد في الجوال */
  .top__footer .elem__footer .double{
    -webkit-columns:1 !important;-moz-columns:1 !important;columns:1 !important;
    display:flex !important;flex-direction:column !important;gap:8px
  }
  .top__footer .elem__footer ul li{break-inside:avoid}

  /* خانة معلومات التواصل تكون بالنص */
  .top__footer .elem__footer:last-child ul,
  .top__footer .elem__footer:last-child{text-align:center}

  /* محدد الدولة ياخذ عرض الشاشة */
  .localization-country .country-form-select{
    width:100%;max-width:100%;
  }

  /* مسافات ألطف تحت */
  .bottom__part .wrapper .inner__bottom{
    gap:10px
  }
}

/* شعارات أسفل الفوتر – تنظيم أقوى على الجوال */
@media (max-width: 768px){
  .footer-logos-section{
    padding:22px 0;gap:20px
  }
  .footer-logos-section .logo-group{
    flex:1 1 100%;min-width:auto;margin-bottom:8px
  }
  .footer-logos-section h4{
    font-size:15px;margin:0 0 8px;text-align:center
  }
  .footer-logos-grid{gap:10px;justify-content:center}
  .footer-logos-grid a,.footer-logos-grid div{
    padding:10px 12px;border-radius:12px
  }
  .footer-logos-grid img{
    max-height:34px;max-width:100px; /* أصغر للجوال */
  }
}

/* موبايل صغير جداً */
@media (max-width: 480px){
  .footer-logos-grid img{max-height:30px;max-width:90px}
  .top__footer .elem__footer h6{font-size:15px}
  .top__footer .elem__footer ul a{font-size:14px;line-height:1.4}
}

</style>


{% schema %}
{
  "name": "النشرة الإخبارية",
  "settings": [
    {
      "type": "image_picker",
      "id": "img",
      "label": "صورة الخلفية"
    },
    {
      "type": "textarea",
      "id": "text",
      "label": "نص النشرة الإخبارية",
      "default": "اشترك في متجرنا وتلقى<br> عروض حصرية أسبوعية"/* ===== Newsletter CTA – Desktop & Mobile (زر على اليمين) ===== */
.cta__section{direction:rtl}
.cta__section .wrapper{max-width:1200px;margin:0 auto;padding:0 16px}

.outer__cta{
  position:relative;
  background-repeat:no-repeat;background-size:cover;background-position:center;
  border-radius:12px; padding:28px; min-height:260px;
  display:flex; align-items:flex-end; justify-content:space-between; gap:24px;
  color:#fff; overflow:hidden;
}
.outer__cta::after{
  content:""; position:absolute; inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.0) 0%, rgba(0,0,0,.35) 60%, rgba(0,0,0,.45) 100%);
  pointer-events:none;
}

/* العنوان */
.outer__cta h6{
  position:relative; z-index:1;
  margin:0; font-size:34px; line-height:1.2; font-weight:800; text-align:right;
  max-width:520px; color:#fff;
}

/* الفورم */
.newsletter-form{position:relative; z-index:1}
.group__field{
  display:flex; align-items:center; gap:0; 
  flex-direction:row;              /* الزر الآن على اليمين */
  background:#fff; border-radius:999px; padding:6px;
  width:520px; max-width:100%;
  box-shadow:0 2px 10px rgba(0,0,0,.06);
}
.group__field input{
  flex:1; border:0; outline:0; background:transparent;
  height:48px; padding:0 16px; border-radius:999px; color:#333; font-size:16px;
  text-align:right;
}
.group__field input::placeholder{color:#9aa3ab}

/* زر الاشتراك */
.group__field .btn{
  border:0; height:48px; padding:0 22px;
  border-radius:999px; font-weight:800; font-size:16px;
  background:#f7901e; color:#fff; cursor:pointer;
  transition:transform .12s ease, filter .12s ease;
}
.group__field .btn:hover{filter:brightness(1.07)}
.group__field .btn:active{transform:translateY(1px)}

/* ===== الجوال ===== */
@media (max-width: 768px){
  .outer__cta{
    min-height:auto; padding:20px;
    flex-direction:column; align-items:stretch; gap:14px;
  }
  .outer__cta h6{
    font-size:24px; text-align:center; line-height:1.5;
  }
  .group__field{
    width:100%; flex-direction:row; /* خليه مثل الديسكتوب */
  }
  .group__field input{text-align:right}
}

/* جوالات صغيرة جدًا */
@media (max-width: 420px){
  .outer__cta{padding:16px}
  .outer__cta h6{font-size:22px}
  .group__field input{font-size:15px}
  .group__field .btn{padding:0 18px;font-size:15px}
}

    }
  ],
  "presets": [
    {
      "name": "النشرة الإخبارية"
    }
  ]
}
{% endschema %}
/* ===== Newsletter CTA – Desktop & Mobile (زر على اليمين) ===== */
.cta__section{direction:rtl}
.cta__section .wrapper{max-width:1200px;margin:0 auto;padding:0 16px}

.outer__cta{
  position:relative;
  background-repeat:no-repeat;background-size:cover;background-position:center;
  border-radius:12px; padding:28px; min-height:260px;
  display:flex; align-items:flex-end; justify-content:space-between; gap:24px;
  color:#fff; overflow:hidden;
}
.outer__cta::after{
  content:""; position:absolute; inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.0) 0%, rgba(0,0,0,.35) 60%, rgba(0,0,0,.45) 100%);
  pointer-events:none;
}

/* العنوان */
.outer__cta h6{
  position:relative; z-index:1;
  margin:0; font-size:34px; line-height:1.2; font-weight:800; text-align:right;
  max-width:520px; color:#fff;
}

/* الفورم */
.newsletter-form{position:relative; z-index:1}
.group__field{
  display:flex; align-items:center; gap:0; 
  flex-direction:row;              /* الزر الآن على اليمين */
  background:#fff; border-radius:999px; padding:6px;
  width:520px; max-width:100%;
  box-shadow:0 2px 10px rgba(0,0,0,.06);
}
.group__field input{
  flex:1; border:0; outline:0; background:transparent;
  height:48px; padding:0 16px; border-radius:999px; color:#333; font-size:16px;
  text-align:right;
}
.group__field input::placeholder{color:#9aa3ab}

/* زر الاشتراك */
.group__field .btn{
  border:0; height:48px; padding:0 22px;
  border-radius:999px; font-weight:800; font-size:16px;
  background:#f7901e; color:#fff; cursor:pointer;
  transition:transform .12s ease, filter .12s ease;
}
.group__field .btn:hover{filter:brightness(1.07)}
.group__field .btn:active{transform:translateY(1px)}

/* ===== الجوال ===== */
@media (max-width: 768px){
  .outer__cta{
    min-height:auto; padding:20px;
    flex-direction:column; align-items:stretch; gap:14px;
  }
  .outer__cta h6{
    font-size:24px; text-align:center; line-height:1.5;
  }
  .group__field{
    width:100%; flex-direction:row; /* خليه مثل الديسكتوب */
  }
  .group__field input{text-align:right}
}

/* جوالات صغيرة جدًا */
@media (max-width: 420px){
  .outer__cta{padding:16px}
  .outer__cta h6{font-size:22px}
  .group__field input{font-size:15px}
  .group__field .btn{padding:0 18px;font-size:15px}
}