/* =========================
   Fonts & Base Variables
   ========================= */
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@200..1000&family=Poppins:ital,wght@0,100..900;1,100..900&display=swap');

:root {
  --orange-500: #F28C3B; /* برتقالي رئيسي */
  --orange-600: #E0732D; /* Hover */
  --orange-700: #C76022;

  --gray-50:  #FAFAFA;
  --gray-100: #F2F2F3;
  --gray-200: #E7E7EA;
  --gray-300: #D7D7DB;
  --gray-600: #6E737B;
  --gray-900: #15171A; /* نص أساسي */

  --text: var(--gray-900);
  --muted: var(--gray-600);
  --border: var(--gray-200);
  --ring: rgba(242,140,59,.18);

  --radius-s:10px; --radius-m:12px; --radius-l:16px;
  --shadow-s:0 6px 18px rgba(0,0,0,.06);
  --shadow-m:0 10px 30px rgba(0,0,0,.08);
}

body {
  font-family: 'Cairo','Poppins',sans-serif;
  color: var(--text);
  background: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* =========================
   Header / Navbar (أبيض ثابت)
   ========================= */
.main-nav-container, .site-header, .header {
  background: #fff !important;
  border-bottom: 1px solid var(--border);
}
.header-btn__icon,.s-cart-summary-icon,.icon {
  color: var(--gray-900) !important;
}
.main-menu a span { color: var(--gray-900); }
.main-menu a:hover span { color: var(--orange-600); }

/* =========================
   Product Cards
   ========================= */
.s-product-card {
  background:#fff; border:1px solid var(--border);
  border-radius:var(--radius-l); overflow:hidden;
  box-shadow:var(--shadow-s); transition: box-shadow .2s;
}
.s-product-card:hover { box-shadow:var(--shadow-m); }

.s-product-card-content {
  background:#fff !important; border-top:1px solid var(--border);
  padding:12px !important; text-align:center;
}
.s-product-card-title {
  font-size:14px; font-weight:600;
  color:var(--gray-900);
  margin-bottom:6px;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.s-product-card-price {
  font-size:16px; font-weight:800;
  color:var(--orange-600); margin-bottom:8px;
}

/* =========================
   Buttons / CTA
   ========================= */
.s-button-element, .button, .btn, .add-to-cart {
  background: var(--orange-500); color:#fff;
  border-radius: var(--radius-m); padding:12px 18px;
  font-weight:700; border:0;
  transition: background .2s;
}
.s-button-element:hover, .button:hover, .btn:hover, .add-to-cart:hover {
  background: var(--orange-600);
}

/* =========================
   Footer - أسود غامق
   ========================= */
.footer-is-light .store-footer .store-footer__inner,
.site-footer {
  background: var(--gray-900) !important;  /* أسود غامق */
  color: #fff !important;
}
.site-footer a {
  color: #fff !important;
  opacity:.9;
}
.site-footer a:hover { opacity:1; }

.store-footer .navbar-brand img,
.site-footer .navbar-brand img {
  filter:none !important;
  mix-blend-mode:normal !important;
  max-height:42px;
  height:auto;
}

/* =========================
   Responsive Tweaks
   ========================= */
@media (max-width:767px){
  .s-product-card-content { padding:10px !important; }
  .s-button-element:not(:disabled):not([loading]){
    font-size:13px; padding:11px 16px;
  }
  h1.text-2xl.font-bold{ font-size:18px; }
}
.footer-is-light .store-footer .store-footer__inner,
.site-footer {
  background: #F2F2F3 !important; /* رمادي فاتح */
  color: var(--gray-900) !important;
}
.site-footer a {
  color: var(--gray-900) !important;
  opacity:.85;
}
.site-footer a:hover { opacity:1; }

.store-footer .navbar-brand img,
.site-footer .navbar-brand img {
  filter:none !important;
  mix-blend-mode:normal !important;
  max-height:42px;
  height:auto;
}
/* === CTA Buttons (أزرار الإجراء الرئيسي) === */
.s-button-element, 
.button, 
.btn, 
.add-to-cart, 
.hero-cta {
  background: linear-gradient(135deg, #F7A052, #E0732D); /* برتقالي متدرج */
  color: #fff !important;
  border: none;
  border-radius: 14px;
  padding: 14px 22px;
  font-size: 16px;
  font-weight: 800;
  box-shadow: 0 6px 18px rgba(0,0,0,.12);
  cursor: pointer;
  transition: all .25s ease-in-out;
  display: inline-block;
  text-align: center;
}

/* Hover effect */
.s-button-element:hover, 
.button:hover, 
.btn:hover, 
.add-to-cart:hover, 
.hero-cta:hover {
  background: linear-gradient(135deg, #E0732D, #C76022); /* أغمق عند hover */
  transform: translateY(-2px);
  box-shadow: 0 10px 25px rgba(0,0,0,.18);
}

/* Focus for accessibility */
.s-button-element:focus,
.button:focus,
.btn:focus,
.add-to-cart:focus,
.hero-cta:focus {
  outline: none;
  box-shadow: 0 0 0 6px rgba(242,140,59,.25);
}
/* إزالة الحدود حول الأزرار */
.s-button-element,
.button,
.btn,
.add-to-cart,
.hero-cta {
  border: none !important;   /* يلغي أي خطوط افتراضية */
  outline: none !important;
  box-shadow: 0 6px 18px rgba(0,0,0,.12); /* يخلي الزر بارز بالظل بدل الحدود */
}
/* إلغاء الحدود عن الحاوية اللي فيها الأزرار */
.s-product-card-content .s-product-card-actions {
  border: none !important;
  box-shadow: none !important;
}

/* إلغاء أي حدود على الأزرار نفسها */
.s-product-card-content .s-product-card-actions button,
.s-button-element,
.button,
.btn,
.add-to-cart,
.hero-cta {
  border: none !important;
  outline: none !important;
  box-shadow: 0 6px 18px rgba(0,0,0,.12) !important;
}

/* إلغاء أي خط علوي إضافي في صندوق الأزرار */
.s-product-card-content {
  border-top: none !important;
}
/* ============ إزالة أي حدود/فواصل/ظلال في منطقة الأزرار ============ */

/* الحاوية التي تحتضن الأزرار أسفل البطاقة */
.s-product-card-content,
.product-card .product-info,
.product-card .card__footer,
.s-product-card .s-product-card-content {
  border-top: none !important;
  box-shadow: none !important;
  background: #fff !important;
}

/* مجموعة الأزرار */
.s-product-card-actions,
.product-card .product-actions,
.product-actions,
.card__actions,
.actions {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  outline: 0 !important;
}

/* أزل الفواصل التي تُرسم كأشباه عناصر */
.s-product-card-actions::before,
.s-product-card-actions::after,
.product-actions::before,
.product-actions::after,
.s-product-card-actions > *::before,
.s-product-card-actions > *::after {
  content: none !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* الأزرار نفسها */
.s-product-card-actions button,
.s-product-card-actions a,
.product-actions button,
.product-actions a,
.s-button-element,
.button,
.btn,
.add-to-cart,
.hero-cta {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: 0 6px 18px rgba(0,0,0,.12) !important; /* ظل خارجي فقط */
  background-clip: padding-box !important; /* يمنع ظهور حد داخلي */
}

/* أحيانًا يُضاف حد بين الأزرار عبر border-left/right */
.s-product-card-actions > * {
  border-left: 0 !important;
  border-right: 0 !important;
}

/* ألغِ أي ظل داخلي يبان كخط */
.s-product-card-actions,
.s-product-card-actions > * {
  box-shadow: none !important;
}

/* لو الفاصل مرسوم Gradient رفيع في أعلى منطقة الأزرار */
.s-product-card-content {
  background-image: none !important;
}

/* لو الأيقونة SVG فيها stroke يبان كخط */
.s-product-card-actions svg,
.s-product-card-actions svg * {
  stroke: none !important;
}

/* للحالات المركبة: أي عنصر داخل منطقة الأزرار ممنوع يكون له إطار */
.s-product-card-content .s-product-card-actions * {
  border: 0 !important;
}

/* تأكيد مظهر الأزرار (اختياري) */
.s-product-card-actions button:hover,
.s-product-card-actions a:hover {
  border: 0 !important;
}
/* زر السلة = برتقالي متدرج (CTA رئيسي) */
.s-product-card-actions button.add-to-cart,
.s-product-card-actions .add-to-cart {
  background: linear-gradient(135deg, #F7A052, #E0732D) !important;
  color: #fff !important;
  font-weight: 700;
  border: none !important;
  border-radius: 8px;
  padding: 10px 14px;
  box-shadow: 0 6px 12px rgba(0,0,0,.12);
  transition: all .2s ease-in-out;
}
.s-product-card-actions button.add-to-cart:hover {
  background: linear-gradient(135deg, #E0732D, #C76022) !important;
  transform: translateY(-2px);
  box-shadow: 0 8px 18px rgba(0,0,0,.18);
}

/* زر العرض 👁 = رمادي فاتح (زر ثانوي) */
.s-product-card-actions button:not(.add-to-cart) {
  background: #F2F2F3 !important;
  color: #6E737B !important;
  border: 1px solid #E7E7EA !important;
  border-radius: 8px;
  padding: 10px 14px;
  transition: all .2s ease-in-out;
}
.s-product-card-actions button:not(.add-to-cart):hover {
  background: #E7E7EA !important;
  color: #15171A !important;
}
/* توسيط أيقونات الدوائر (مثل سلة المهملات / الشحن) */
.s-button-element i,
.s-button-element svg {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 100% !important;
  width: 100% !important;
  line-height: 1 !important;
  font-size: 18px; /* اضبط الحجم لو حسيت الأيقونة كبيرة/صغيرة */
}

/* توحيد الدائرة نفسها */
.s-button-element {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
/* تغيير لون أيقونة سلة المهملات والأيقونات داخل الدوائر */
.s-button-element i,
.s-button-element svg {
  color: #fff !important;   /* خليها بيضاء داخل الدائرة */
  font-size: 18px !important;
}