/***** HourClothing – Global Brand Theme (CSS Only)
 * غيّر الألوان من :root بس
 **************************************************/

:root{
  /* لوحة الهوية */
  --brand-primary: #000000;       /* اللون الأساسي (من الشعار) */
  --brand-accent:  #d4af37;       /* لون مساعد/ذهبي للإبراز */
  --brand-text:    #121212;       /* نص رئيسي */
  --brand-muted:   #6b7280;       /* نص ثانوي/رمادي */
  --brand-bg:      #ffffff;       /* خلفية عامة */
  --brand-soft:    #f6f7f9;       /* خلفية ناعمة للأقسام */
  --brand-border:  rgba(18,18,18,.12); /* لون البوردر الافتراضي */

  --brand-success: #10b981;
  --brand-danger:  #ef4444;
  --brand-warning: #f59e0b;

  /* أسلوب عام */
  --radius-lg: 16px;
  --radius-md: 12px;
  --shadow-1: 0 6px 24px rgba(0,0,0,.06);
  --shadow-2: 0 12px 32px rgba(0,0,0,.10);

  /* الأسعار */
  --price-final: var(--brand-primary); /* لون السعر النهائي */
  --price-before: #9ca3af;             /* لون السعر قبل الخصم */

  /* أزرار */
  --btn-radius: 999px;
  --btn-shadow: 0 12px 28px rgba(0,0,0,.14);
  --btn-bg: var(--brand-primary);
  --btn-color: #fff;
  --btn-border: var(--brand-primary);
  --btn-hover-bg: #111;    /* بديل أغمق بسيط */
  --btn-active-bg: #0a0a0a;

  /* روابط */
  --link: var(--brand-text);
  --link-hover: var(--brand-primary);

  /* فوكس أكسِسبيليتي */
  --focus-ring: 0 0 0 3px color-mix(in srgb, var(--brand-accent) 26%, transparent);
}

/* خط كايرو وتنسيق RTL */
html[dir="rtl"], body{
  background: var(--brand-bg);
  color: var(--brand-text);
  direction: rtl;
  text-align: right;
}
span,strong,a,h1,h2,h3,h4,h5,h6,p,li,button,label,input,textarea,dd,dt{
  font-family: "Cairo", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
}

/* روابط */
a{ color: var(--link); text-decoration: none; transition: color .2s ease, opacity .2s ease; }
a:hover{ color: var(--link-hover); text-decoration: underline; }

/* بوردرات وكروت عامة */
.default_product_list_card,
.home_products_grid_card,
.products_grid_card,
.reviews_container,
.fake_stock_container,
.fake_visitors_container{
  border: 1px solid var(--brand-border) !important;
  border-radius: var(--radius-lg) !important;
  background: #fff !important;
  box-shadow: var(--shadow-1);
}
.products_grid_container .products_grid_card:hover,
.home_products_grid_card:hover,
.default_product_list_card:hover{
  transform: translateY(-4px);
  box-shadow: var(--shadow-2);
}

/* عنوان الأقسام */
.home_section_top_container .home_section_top_title{
  color: var(--brand-text) !important;
}
.home_section_top_container .home_section_top_title::after{
  content:"";
  position:absolute; bottom:-10px; inset-inline-start:0;
  width:48px; height:3px; background: var(--brand-text); border-radius:3px;
}

/* أزرار عامة – توحيد الشكل */
button,
.checkout_btn,
.form_checkout_btn,
.add_to_cart_btn{
  border-radius: var(--btn-radius) !important;
  font-weight: 800 !important;
}

/* زر الشراء الأساسي */
.checkout_btn,
.form_checkout_btn{
  background: var(--btn-bg) !important;
  color: var(--btn-color) !important;
  border: 1px solid var(--btn-border) !important;
  box-shadow: var(--btn-shadow) !important;
  transition: transform .08s ease, box-shadow .2s ease, opacity .2s ease, background .2s ease !important;
}
.checkout_btn:hover,
.form_checkout_btn:hover{
  background: var(--btn-hover-bg) !important;
  opacity: .96 !important;
  transform: translateY(-1px) !important;
}
.checkout_btn:active,
.form_checkout_btn:active{
  background: var(--btn-active-bg) !important;
  transform: translateY(0) !important;
}

/* زر الإضافة للسلة – ستايل أوتلاين */
.add_to_cart_btn{
  background: #fff !important;
  color: var(--brand-primary) !important;
  border: 1.5px solid var(--brand-primary) !important;
  transition: background .2s ease, color .2s ease, transform .08s ease !important;
}
.add_to_cart_btn:hover{
  background: var(--brand-primary) !important;
  color: #fff !important;
  transform: translateY(-1px) !important;
}

/* فوكس واضح على كل الأزرار */
button:focus-visible,
.checkout_btn:focus-visible,
.form_checkout_btn:focus-visible,
.add_to_cart_btn:focus-visible{
  outline: none !important;
  box-shadow: var(--btn-shadow), var(--focus-ring) !important;
}

/* الأسعار */
#sale-price,
.product_price_sale,
.price–final{
  color: var(--price-final) !important;
  font-weight: 900 !important;
  letter-spacing: .2px;
}

/* السعر قبل الخصم (شَطب) */
.line-through,
del,
.default_product_featured_card del,
.home_products_grid_card del,
.products_grid_card del{
  color: var(--price-before) !important;
}

/* شارة الخصم / التوفير */
.default_product_featured_card span[class*="inline-block"][class*="bg-heading"],
.badge-discount,
.badge-sale{
  background: var(--brand-danger) !important;
  color: #fff !important;
  border-radius: 10px !important;
}

/* شريط الهيدر واللينكات */
.default_header_container a{
  color: var(--brand-text) !important;
  font-weight: 600 !important;
}
.default_header_container a:hover{
  color: var(--brand-primary) !important;
}

/* أزرار السلايدر */
.slider_buttons_container .slider_button{
  background: #fff !important;
  color: var(--brand-text) !important;
  border: 1px solid var(--brand-border) !important;
  box-shadow: 0 6px 16px rgba(0,0,0,.08);
  transition: transform .2s ease;
}
.slider_buttons_container .slider_button:hover{ transform: scale(1.05); }

/* أقسام (كروت) */
.default_category_card{
  background:#fff;
  border:1px solid var(--brand-border);
  border-radius: var(--radius-lg);
  padding:12px;
  box-shadow: var(--shadow-1);
  transition: transform .22s ease, box-shadow .22s ease;
}
.default_category_card:hover{
  transform: translateY(-4px);
  box-shadow: var(--shadow-2);
}

/* صناديق FOMO */
.fake_stock_container .fake_stock_progress{ background:#f3f4f6 !important; }
.fake_stock_container .fake_stock_progress > div{
  background: linear-gradient(90deg, var(--brand-danger) 0%, var(--brand-warning) 100%) !important;
}

/* تذييل */
footer, .default_footer{ background:#fff !important; border-top:1px solid var(--brand-border) !important; }

/* اختيار النص */
::selection{ background: color-mix(in srgb, var(--brand-accent) 24%, #0000); color:#000; }

/* احترام تقليل الحركة */
@media (prefers-reduced-motion: reduce){
  *{ animation: none !important; transition: none !important; }
}