/* ============================================================
   OneWnos — ملف التنسيق العام للمتجر (Global Theme CSS) v4
   ملف نهائي شامل — يستبدل كل الملفات اللي قبله
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800;900&display=swap');

:root{
  --ow-primary:      #4E9F73;
  --ow-primary-dark: #2E7A50;
  --ow-dark:         #1A2B22;
}

/* ------------------------------------------------------------
   الخط: Cairo في كل مكان بالموقع
   ------------------------------------------------------------ */
html, body,
h1, h2, h3, h4, h5, h6,
p, span, a, button, input, textarea, select, li, div {
  font-family: 'Cairo', sans-serif !important;
}

/* ------------------------------------------------------------
   لون الروابط النصية
   ------------------------------------------------------------ */
a {
  color: var(--ow-primary-dark);
}

/* ------------------------------------------------------------
   دائرة الخصم في كروت المنتجات ← أخضر البراند، حجم أصغر
   ------------------------------------------------------------ */
.bg-\[\#C4301C\] {
  background-color: #4E9F73 !important;
  padding: 4px 10px !important;
  font-size: 11px !important;
}

/* ------------------------------------------------------------
   جريد المنتجات: صور طولية بدون فراغ، أسعار وعناوين واضحة،
   وكروت بتقف على نفس المستوى مهما اختلف طول العنوان
   ------------------------------------------------------------ */

/* صور طولية بدون فراغ — تشمل كل أماكن عرض المنتجات الثلاثة */
.home_products_grid_container img.animate-zoom-fade,
.home_slider_container img.animate-zoom-fade,
.category_products_grid_container img.animate-zoom-fade {
  aspect-ratio: 4 / 5 !important;
  object-fit: cover !important;
}

/* اسم الفئة فوق عنوان المنتج */
.home_products_grid_container span.text-\[\#61758A\],
.home_slider_container span.text-\[\#61758A\],
.category_products_grid_container span.text-\[\#61758A\] {
  font-size: 11.5px !important;
}

/* عنوان المنتج: بولد واضح */
.home_products_grid_container h3,
.home_slider_container h3,
.category_products_grid_container h3 {
  font-weight: 800 !important;
  font-size: 14px !important;
  margin-top: 8px !important;
  line-height: 1.45 !important;
}

/* صف السعر: مباشرة تحت العنوان من غير فراغ */
.home_products_grid_container h3 + div,
.home_slider_container h3 + div,
.category_products_grid_container h3 + div {
  padding-top: 8px !important;
}

/* السعر بعد الخصم: أول عنصر في صف السعر ← بولد قوي وأخضر */
.home_products_grid_container h3 + div > span:first-child,
.home_slider_container h3 + div > span:first-child,
.category_products_grid_container h3 + div > span:first-child {
  color: #2E7A50 !important;
  font-weight: 900 !important;
  font-size: 17px !important;
}

/* السعر قبل الخصم (مشطوب): بولد أخف وأحمر */
.home_products_grid_container h3 + div del,
.home_slider_container h3 + div del,
.category_products_grid_container h3 + div del {
  color: #C4301C !important;
  font-weight: 700 !important;
  font-size: 13px !important;
}

/* ------------------------------------------------------------
   قسم "دلوقتي في ون ونص" (لوحة الموسم الحالي)
   ------------------------------------------------------------ */
.ow-now{
  width:100%;
  max-width:1280px;
  margin:0 auto;
  padding:40px 20px 56px;
  box-sizing:border-box;
  font-family:'Cairo',sans-serif;
  background:#FFFFFF;
  direction:rtl;
}
.ow-now__head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:12px;
  margin-bottom:24px;
}
.ow-now__heading{
  font-weight:800;
  font-size:clamp(22px,3vw,28px);
  color:#1A2B22;
  margin:0;
}
.ow-now__sub{
  font-weight:400;
  font-size:14.5px;
  color:#6B7570;
  margin:6px 0 0;
}
.ow-now__all{
  font-weight:700;
  font-size:14px;
  color:#1A2B22;
  text-decoration:none;
  border-bottom:2px solid #4E9F73;
  padding-bottom:4px;
  white-space:nowrap;
}
.ow-now__grid{
  display:grid;
  gap:14px;
  grid-template-columns:1fr 1fr;
  grid-template-areas:
    "a a"
    "b c";
}
.ow-now__card{
  position:relative;
  display:block;
  overflow:hidden;
  border-radius:20px;
  text-decoration:none;
  min-height:190px;
}
.ow-now__card--a{grid-area:a;min-height:260px;}
.ow-now__card--b{grid-area:b;}
.ow-now__card--c{grid-area:c;}
.ow-now__img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform 0.35s ease;
}
.ow-now__card:hover .ow-now__img{
  transform:scale(1.03);
}
.ow-now__scrim{
  position:absolute;
  left:0;right:0;bottom:0;
  height:62%;
  background:linear-gradient(to top,rgba(255,255,255,0.97) 0%,rgba(255,255,255,0.78) 45%,rgba(255,255,255,0) 100%);
  pointer-events:none;
}
.ow-now__badge{
  position:absolute;
  top:14px;
  right:14px;
  z-index:2;
  display:inline-flex;
  align-items:center;
  gap:6px;
  background:#FFFFFF;
  border:1px solid #EAE8E2;
  color:#1A2B22;
  font-size:12px;
  font-weight:600;
  padding:6px 12px;
  border-radius:999px;
}
.ow-now__badge-dot{
  width:6px;
  height:6px;
  border-radius:50%;
  background:#4E9F73;
  flex-shrink:0;
}
.ow-now__foot{
  position:absolute;
  left:16px;
  right:16px;
  bottom:16px;
  z-index:2;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:10px;
}
.ow-now__title{
  font-weight:700;
  font-size:16px;
  color:#1A2B22;
  margin:0 0 4px;
}
.ow-now__card--a .ow-now__title{
  font-size:22px;
}
.ow-now__desc{
  font-weight:400;
  font-size:12.5px;
  line-height:1.5;
  color:#5B6660;
  margin:0;
  max-width:26ch;
}
.ow-now__arrow{
  flex-shrink:0;
  width:34px;
  height:34px;
  border-radius:50%;
  background:#FFFFFF;
  border:1px solid #EAE8E2;
  display:flex;
  align-items:center;
  justify-content:center;
}
.ow-now__arrow svg{
  width:14px;
  height:14px;
}
@media(min-width:900px){
  .ow-now__grid{
    grid-template-columns:2fr 1fr 1fr;
    grid-template-rows:280px;
    grid-template-areas:"a b c";
  }
  .ow-now__card--a{min-height:0;}
  .ow-now__card{min-height:0;}
  .ow-now__card--a .ow-now__title{font-size:26px;}
  .ow-now__card--a .ow-now__desc{font-size:14px;}
}
.default_header {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}
.default_header_logo .h-14 {
  height: 84px !important;
}
.default_header_container .h-18 {
  height: 108px !important;
}
@media(min-width:1024px){
  .default_header_container .lg\:h-16 {
    height: 108px !important;
  }
}
.default_header_container a[href="/search"] svg {
  width: 24px !important;
  height: 24px !important;
}
.default_header_container button.group svg {
  width: 26px !important;
  height: 26px !important;
}

/* ------------------------------------------------------------
   عداد الوقت المتبقي للخصم: هوية البراند بدل الشكل الرمادي العادي
   ------------------------------------------------------------ */
p[class*="mb-4 font-bold text-[#010101]"] {
  color: #1A2B22 !important;
  font-size: 15px !important;
}
div[class*="border-[#E5E5EF]"] {
  background: #FFFFFF !important;
  border: 1.5px solid #4E9F73 !important;
  box-shadow: none !important;
  border-radius: 12px !important;
}
div[class*="border-[#E5E5EF]"] span.text-xl {
  color: #2E7A50 !important;
  font-size: 22px !important;
  font-weight: 900 !important;
}
div[class*="border-[#E5E5EF]"] span[class*="text-[#01010166]"] {
  color: #7A847D !important;
  font-size: 11px !important;
  font-weight: 600 !important;
}
div[class*="max-w-[486px]"] > span {
  color: #4E9F73 !important;
}

/* ------------------------------------------------------------
   معرض صور المنتج (ديسكتوب): شريط صور مصغّرة رأسي جنب الصورة
   الرئيسية بدل ما يتحطوا تحتها ويطوّلوا الصفحة
   ------------------------------------------------------------ */
div[class*="flex-col-reverse"]:has(.sphinx_product_images_grid) {
  flex-direction: row !important;
  align-items: flex-start !important;
  gap: 14px !important;
}
div[class*="flex-col-reverse"]:has(.sphinx_product_images_grid) > div:first-child {
  margin-top: 0 !important;
  flex-shrink: 0 !important;
  width: 90px !important;
}
div[class*="flex-col-reverse"]:has(.sphinx_product_images_grid) .sphinx_product_images_grid {
  grid-template-columns: 1fr !important;
  gap: 10px !important;
  max-height: 480px !important;
  overflow-y: auto !important;
}
div[class*="flex-col-reverse"]:has(.sphinx_product_images_grid) > div:last-child {
  flex: 1 !important;
  min-width: 0 !important;
}
button[aria-selected="true"] .sphinx_product_images_img {
  outline-color: #4E9F73 !important;
}

/* ------------------------------------------------------------
   شريط التابات (الوصف / التقييمات / سياسات الشحن...): هوية البراند
   ------------------------------------------------------------ */
div[class*="bg-[#F3F4F8]"] {
  background: #F3F6F4 !important;
  border-radius: 14px !important;
}
div[class*="bg-[#F3F4F8]"] button {
  color: #5B6660 !important;
}
div[class*="bg-[#F3F4F8]"] button[aria-selected="true"] {
  background: #FFFFFF !important;
  color: #2E7A50 !important;
  box-shadow: none !important;
  border: 1.5px solid #4E9F73 !important;
}

/* ------------------------------------------------------------
   عمود بيانات المنتج (العنوان/السعر/العداد/الزراير): يفضل ثابت
   في مكانه زي عمود الصور بالظبط بدل ما يمشي مع الصفحة
   ------------------------------------------------------------ */
.p_gallery_container ~ div:has(.product_name),
div:has(.product_name):has(~ .p_gallery_container) {
  position: sticky !important;
  top: 0 !important;
  align-self: flex-start !important;
}

/* ------------------------------------------------------------
   وصف المنتج: تنسيق نضيف بدل الشكل الافتراضي
   ------------------------------------------------------------ */
.product_description.leading-10,
.product_description .ql-editor.leading-10 {
  line-height: 1.9 !important;
  text-align: right !important;
  direction: rtl !important;
}
.product_description .ql-editor p {
  font-size: 14.5px !important;
  line-height: 1.9 !important;
  color: #3C463F !important;
  margin-bottom: 16px !important;
  text-align: right !important;
}
.product_description .ql-editor p:first-of-type {
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #1A2B22 !important;
  border-right: 3px solid #4E9F73 !important;
  padding-right: 14px !important;
}
.product_description .ql-editor p:last-of-type {
  background: #F6F9F7 !important;
  border: 1px solid #E4EBE6 !important;
  border-radius: 12px !important;
  padding: 14px 16px !important;
  font-weight: 600 !important;
  color: #2E7A50 !important;
}
.product_description .ql-editor h4 {
  font-size: 16px !important;
  font-weight: 800 !important;
  color: #1A2B22 !important;
  margin: 0 0 12px !important;
  padding-bottom: 8px !important;
  border-bottom: 2px solid #4E9F73 !important;
  display: inline-block !important;
  text-align: right !important;
}
.product_description .ql-editor ul {
  list-style: none !important;
  margin: 0 0 20px !important;
  padding: 16px !important;
  background: #F6F9F7 !important;
  border: 1px solid #E4EBE6 !important;
  border-radius: 14px !important;
  text-align: right !important;
}
.product_description .ql-editor ul li {
  position: relative !important;
  padding-right: 20px !important;
  font-size: 14px !important;
  line-height: 1.8 !important;
  color: #3C463F !important;
  margin-bottom: 8px !important;
  text-align: right !important;
}
.product_description .ql-editor ul li:last-child {
  margin-bottom: 0 !important;
}
.product_description .ql-editor ul li::before {
  content: "" !important;
  position: absolute !important;
  right: 0 !important;
  top: 9px !important;
  width: 6px !important;
  height: 6px !important;
  border-radius: 50% !important;
  background: #4E9F73 !important;
}

/* ------------------------------------------------------------
   عنوان القسم (زي "بوكسااات" فوق كل قسم): نشيل الخط المرسوم
   يدوي (SVG) ونحط بدله خط نضيف بلون البراند
   ------------------------------------------------------------ */
.home_section_top_title svg {
  display: none !important;
}
.home_section_top_title {
  font-weight: 800 !important;
  font-size: 24px !important;
  color: #1A2B22 !important;
  padding-bottom: 10px !important;
  border-bottom: 3px solid #4E9F73 !important;
  display: inline-block !important;
}
.home_section_top_container span.text-skin-primary {
  font-weight: 700 !important;
  font-size: 12px !important;
  letter-spacing: 0.04em !important;
  color: #2E7A50 !important;
}

/* إزالة أي فراغ زيادة قبل الأسهم وزرار عرض جميع المنتجات */
.home_slider_container.swiper {
  height: auto !important;
}
.home_slider_container .swiper-wrapper {
  height: auto !important;
}
.carouselWrapper {
  margin-bottom: 0 !important;
}

/* دواير اختيار اللون: بتتشال من شكل الكارت الصغير خالص (بتفضل
   موجودة في صفحة المنتج نفسه)، عشان الكروت تتساوى مضمون 100% */
.home_products_grid_container h3 + div + div,
.home_slider_container h3 + div + div,
.category_products_grid_container h3 + div + div {
  display: none !important;
}

/* ------------------------------------------------------------
   محاذاة الكروت: كل الكروت في نفس الصف بنفس الطول
   ------------------------------------------------------------ */
.home_products_grid_container > div,
.category_products_grid_container > div {
  height: 100% !important;
  display: flex !important;
}
.home_products_grid_container > div > div,
.category_products_grid_container > div > div {
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
}
.home_products_grid_container .text-center.w-full,
.category_products_grid_container .text-center.w-full {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 !important;
}

/* تباعد أهدأ بين الكروت */
.home_products_grid_container,
.category_products_grid_container {
  gap: 12px !important;
}

/* زرار "عرض جميع المنتجات": أخضر بدل الرمادي */
.home_products_grid_container ~ div.rounded-2xl {
  border-color: #4E9F73 !important;
}
.home_products_grid_container ~ div.rounded-2xl:hover {
  background-color: #4E9F73 !important;
  border-color: #4E9F73 !important;
}