/* Add custom CSS styles below */ 
/* ========================================================================== 
   JetDash — Salla Theme Raed Custom CSS
   النسخة: 1.0

   طريقة الاستخدام:
   1) من محرر الثيم: تخصيص متقدم ← تخصيص باستخدام CSS.
   2) انسخي الملف كاملًا والصقيه في حقل CSS.
   3) احفظي ثم عايني نسخة الجوال والكمبيوتر قبل النشر.

   ملاحظة: هذا الملف يغير مظهر أقسام ثيم رائد الموجودة ولا يضيف أقسام HTML
   جديدة. يمكن حذف الكود كاملًا للرجوع إلى التصميم السابق.
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');

/* 01 — هوية JetDash ومتغيرات سلة الأساسية */
:root {
  --font-main: 'IBM Plex Sans Arabic', Tahoma, Arial, sans-serif;

  --color-primary: #A8EBF4;
  --color-primary-dark: #73D8E8;
  --color-primary-light: #DDFBFF;
  --color-primary-reverse: #080A0D;

  --jet-obsidian: #080A0D;
  --jet-ink: #0D1116;
  --jet-panel: #12171D;
  --jet-panel-soft: #171D23;
  --jet-graphite: #282E34;
  --jet-titanium: #C3CBD1;
  --jet-ice: #A8EBF4;
  --jet-ice-strong: #73D8E8;
  --jet-white: #F5F7F8;
  --jet-muted: #8C969F;
  --jet-border: rgba(195, 203, 209, 0.16);
  --jet-border-active: rgba(168, 235, 244, 0.42);
  --jet-shadow: 0 22px 60px rgba(0, 0, 0, 0.38);
}

html {
  scroll-behavior: smooth;
  background: var(--jet-obsidian) !important;
}

body,
body.store-home,
.app-inner,
.page-wrapper {
  background-color: var(--jet-obsidian) !important;
  color: var(--jet-white) !important;
  font-family: var(--font-main) !important;
}

body {
  background-image:
    radial-gradient(circle at 15% 5%, rgba(168, 235, 244, 0.07), transparent 28%),
    repeating-linear-gradient(135deg, transparent 0 34px, rgba(255, 255, 255, 0.014) 35px 36px) !important;
  background-attachment: fixed !important;
}

body,
button,
input,
select,
textarea,
.s-button-element {
  font-family: var(--font-main) !important;
}

::selection {
  color: var(--jet-obsidian);
  background: var(--jet-ice);
}

/* 02 — النصوص والروابط */
main h1,
main h2,
main h3,
main h4,
main h5,
main h6,
.s-block__title,
.s-block__title h2,
.s-block__title h3,
#page-main-title,
.product-entry__title,
.product-title {
  color: var(--jet-white) !important;
  font-weight: 700 !important;
}

main p,
.text-gray-400,
.text-gray-500,
.text-gray-600,
.text-gray-text,
.product-entry__description,
.content-entry {
  color: var(--jet-muted) !important;
}

main a:hover,
.s-block__title a:hover {
  color: var(--jet-ice) !important;
}

.text-primary,
.s-block__title a,
.s-product-card-price,
.s-product-card-sale-price,
.product-entry__price,
.total-price,
.item-total {
  color: var(--jet-ice) !important;
}

/* 03 — الشريط العلوي والهيدر والقائمة */
.top-navbar,
.store-header,
header.store-header,
.main-nav-container,
.header-wrapper,
.site-header {
  color: var(--jet-white) !important;
  background: rgba(8, 10, 13, 0.94) !important;
  border-color: var(--jet-border) !important;
  box-shadow: none !important;
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

.top-navbar {
  background: var(--jet-ice) !important;
  color: var(--jet-obsidian) !important;
}

.top-navbar a,
.top-navbar span,
.top-navbar i {
  color: var(--jet-obsidian) !important;
}

.main-nav-container,
.main-menu,
.main-menu li,
.main-menu a,
.header-btn,
.header-btn i,
.s-user-menu-trigger,
.s-cart-summary-wrapper,
.s-cart-summary-count {
  color: var(--jet-white) !important;
}

.main-menu a:hover,
.main-menu li:hover > a,
.header-btn:hover,
.header-btn:hover i {
  color: var(--jet-ice) !important;
}

.main-menu .sub-menu,
.main-menu .sub-menu ul,
.s-user-menu-dropdown,
.dropdown-menu {
  background: var(--jet-panel) !important;
  border: 1px solid var(--jet-border) !important;
  border-radius: 10px !important;
  box-shadow: var(--jet-shadow) !important;
}

.navbar-brand img,
.store-logo img,
.site-logo img {
  max-height: 58px !important;
  width: auto !important;
  object-fit: contain !important;
}

/* 04 — البحث والحقول */
.header-search,
.search-bar,
.s-search-container,
.s-search-input,
input[type='search'],
input[type='text'],
input[type='email'],
input[type='tel'],
input[type='number'],
input[type='password'],
select,
textarea,
.form-input,
.s-form-control {
  color: var(--jet-white) !important;
  background: var(--jet-panel) !important;
  border-color: #3A444D !important;
  border-radius: 9px !important;
  box-shadow: none !important;
}

input::placeholder,
textarea::placeholder,
.s-search-input::placeholder {
  color: #6F7B84 !important;
  opacity: 1 !important;
}

input:focus,
select:focus,
textarea:focus,
.form-input:focus,
.s-form-control:focus {
  border-color: var(--jet-ice) !important;
  box-shadow: 0 0 0 3px rgba(168, 235, 244, 0.10) !important;
  outline: none !important;
}

select option {
  color: var(--jet-white) !important;
  background: var(--jet-panel) !important;
}

/* 05 — أقسام الصفحة الرئيسية */
main,
.s-block,
.s-block-container,
.s-block--features,
.s-block--fixed-products,
.s-block--slider-products,
.s-block--featured-products,
.s-block--latest-products,
.s-block--brands,
.s-block--testimonials {
  background-color: transparent !important;
}

.s-block__title,
.s-slider-block__title {
  border-color: var(--jet-border) !important;
}

.s-block__title::before,
.s-slider-block__title::before {
  background: var(--jet-ice) !important;
}

.s-block--features .s-block__item,
.store-feature,
.feature-item,
.testimonial-entry,
.brand-item {
  color: var(--jet-white) !important;
  background: linear-gradient(180deg, var(--jet-panel-soft), var(--jet-ink)) !important;
  border: 1px solid var(--jet-border) !important;
  border-radius: 12px !important;
  box-shadow: none !important;
}

.store-feature i,
.feature-item i,
.s-block--features i {
  color: var(--jet-ice) !important;
}

/* 06 — بطاقات المنتجات */
salla-product-card {
  display: block !important;
  height: 100% !important;
  border-radius: 14px !important;
}

.s-product-card-entry,
.product-entry,
.product-card,
.product-block,
.product-item {
  overflow: hidden !important;
  color: var(--jet-white) !important;
  background: var(--jet-panel) !important;
  border: 1px solid var(--jet-border) !important;
  border-radius: 14px !important;
  box-shadow: none !important;
  transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease !important;
}

.s-product-card-entry:hover,
.product-entry:hover,
.product-card:hover,
.product-block:hover,
.product-item:hover {
  transform: translateY(-5px) !important;
  border-color: var(--jet-border-active) !important;
  box-shadow: 0 22px 50px rgba(0, 0, 0, 0.28) !important;
}

.s-product-card-image,
.s-product-card-image img,
.product-entry__image,
.product-card__image,
.product-block__image {
  background-color: var(--jet-ink) !important;
}

.s-product-card-image img,
.product-entry__image img,
.product-card__image img {
  object-fit: cover !important;
  transition: transform 0.35s ease !important;
}

.s-product-card-entry:hover .s-product-card-image img,
.product-entry:hover .product-entry__image img,
.product-card:hover .product-card__image img {
  transform: scale(1.025) !important;
}

.s-product-card-content,
.s-product-card-content-main,
.product-entry__content,
.product-card__content,
.product-block__content {
  color: var(--jet-white) !important;
  background: var(--jet-panel) !important;
}

.s-product-card-name,
.s-product-card-name a,
.product-entry__title,
.product-card__title,
.product-block__title {
  color: var(--jet-white) !important;
  font-weight: 700 !important;
}

.s-product-card-name:hover,
.s-product-card-name a:hover {
  color: var(--jet-ice) !important;
}

.s-product-card-regular-price,
.s-product-card-old-price,
.price-before {
  color: #69747D !important;
}

.s-product-card-promotion-title,
.promotion-title,
.sale-badge,
.product-badge {
  color: var(--jet-obsidian) !important;
  background: var(--jet-ice) !important;
  border-radius: 6px !important;
  font-weight: 700 !important;
}

.s-product-card-wishlist-btn,
.btn--wishlist,
.wishlist-button {
  color: var(--jet-white) !important;
  background: rgba(8, 10, 13, 0.78) !important;
  border: 1px solid var(--jet-border) !important;
  border-radius: 50% !important;
}

.s-product-card-wishlist-btn:hover,
.btn--wishlist:hover,
.wishlist-button:hover {
  color: var(--jet-ice) !important;
  border-color: var(--jet-ice) !important;
}

/* 07 — أزرار سلة والشراء */
.s-button-primary,
.s-button-element.s-button-primary,
.s-button-element--primary,
.btn--primary,
.btn-primary,
.add-to-cart,
.product-add-to-cart,
salla-add-product-button .s-button-element {
  min-height: 46px !important;
  color: var(--jet-obsidian) !important;
  background: var(--jet-ice) !important;
  border-color: var(--jet-ice) !important;
  border-radius: 8px !important;
  box-shadow: 0 10px 30px rgba(115, 216, 232, 0.12) !important;
  font-weight: 700 !important;
  transition: transform 0.2s ease, background 0.2s ease, border-color 0.2s ease !important;
}

.s-button-primary:hover,
.s-button-element.s-button-primary:hover,
.s-button-element--primary:hover,
.btn--primary:hover,
.btn-primary:hover,
.add-to-cart:hover,
.product-add-to-cart:hover,
salla-add-product-button .s-button-element:hover {
  color: var(--jet-obsidian) !important;
  background: var(--jet-ice-strong) !important;
  border-color: var(--jet-ice-strong) !important;
  transform: translateY(-1px) !important;
}

.s-button-outline,
.s-button-element.s-button-outline,
.btn--outline-primary,
.btn-outline-primary {
  color: var(--jet-white) !important;
  background: var(--jet-panel) !important;
  border-color: #47515A !important;
  border-radius: 8px !important;
}

.s-button-outline:hover,
.s-button-element.s-button-outline:hover,
.btn--outline-primary:hover,
.btn-outline-primary:hover {
  color: var(--jet-obsidian) !important;
  background: var(--jet-ice) !important;
  border-color: var(--jet-ice) !important;
}

.swiper-button-next,
.swiper-button-prev,
.s-slider-nav-arrow,
.s-slider-prev,
.s-slider-next {
  color: var(--jet-ice) !important;
  background: var(--jet-panel) !important;
  border: 1px solid var(--jet-border) !important;
  border-radius: 50% !important;
}

.swiper-pagination-bullet-active,
.s-slider-pagination-dot-active {
  background: var(--jet-ice) !important;
}

/* 08 — صفحة المنتج */
.container--product-details,
.product-details,
.product-summary,
.product-form,
.details-slider,
.content--single-page,
.content-entry,
.product-options-wrapper {
  color: var(--jet-white) !important;
  background: var(--jet-panel) !important;
  border-color: var(--jet-border) !important;
  border-radius: 14px !important;
}

.details-slider {
  overflow: hidden !important;
  background: var(--jet-ink) !important;
}

.product-entry__title,
.product-details h1,
.product-summary h1 {
  color: var(--jet-white) !important;
  font-weight: 700 !important;
}

.product-option,
.product-option-item,
.s-product-options-option,
.product-tabs,
.tabs-wrapper,
.s-comments-wrapper,
.s-reviews-wrapper {
  color: var(--jet-white) !important;
  background: var(--jet-panel) !important;
  border-color: var(--jet-border) !important;
}

.breadcrumbs,
.breadcrumbs a,
salla-breadcrumb {
  color: var(--jet-muted) !important;
}

.breadcrumbs a:hover {
  color: var(--jet-ice) !important;
}

/* 09 — السلة والحساب والمحتوى */
.cart-item,
.cart-options,
.cart-summary,
.cart-summary-wrapper,
.s-cart-summary-wrapper,
.customer-page,
.customer-sidebar,
.customer-content,
.order-card,
.account-card,
.no-content-placeholder,
.modal-content,
.s-modal-wrapper,
.s-sheet-wrapper {
  color: var(--jet-white) !important;
  background: var(--jet-panel) !important;
  border-color: var(--jet-border) !important;
  border-radius: 12px !important;
  box-shadow: none !important;
}

.cart-item,
.order-card,
.account-card {
  border: 1px solid var(--jet-border) !important;
}

main .bg-white,
main .bg-gray-50,
main .bg-gray-100 {
  background-color: var(--jet-panel) !important;
}

main .border-gray-100,
main .border-gray-200,
main .border-gray-300 {
  border-color: var(--jet-border) !important;
}

.s-quantity-input-container,
.quantity-input,
.s-quantity-input-input {
  color: var(--jet-white) !important;
  background: var(--jet-ink) !important;
  border-color: var(--jet-border) !important;
}

/* 10 — الفوتر */
.store-footer,
footer.store-footer,
.footer-is-light,
.footer-is-dark,
.footer-main,
.footer-bottom {
  color: var(--jet-white) !important;
  background: #07090C !important;
  border-color: var(--jet-border) !important;
}

.store-footer h3,
.store-footer h4,
.store-footer .footer-title,
footer h3,
footer h4 {
  color: var(--jet-white) !important;
}

.store-footer p,
.store-footer a,
.store-footer span,
footer p,
footer a {
  color: #7F8A93 !important;
}

.store-footer a:hover,
footer a:hover {
  color: var(--jet-ice) !important;
}

.store-footer .social-link,
.store-footer .social-icon,
footer .social-link {
  color: var(--jet-ice) !important;
  background: var(--jet-panel) !important;
  border: 1px solid var(--jet-border) !important;
}

/* 11 — تحسينات عامة */
hr,
.divider,
.border-b,
.border-t {
  border-color: var(--jet-border) !important;
}

.rounded,
.rounded-md,
.rounded-lg {
  border-radius: 10px !important;
}

::-webkit-scrollbar {
  width: 9px;
  height: 9px;
}

::-webkit-scrollbar-track {
  background: var(--jet-obsidian);
}

::-webkit-scrollbar-thumb {
  background: #39444D;
  border: 2px solid var(--jet-obsidian);
  border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--jet-ice-strong);
}

/* 12 — الجوال */
@media (max-width: 768px) {
  .top-navbar {
    font-size: 11px !important;
  }

  .store-header,
  header.store-header,
  .main-nav-container {
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
  }

  .navbar-brand img,
  .store-logo img,
  .site-logo img {
    max-height: 45px !important;
  }

  .s-product-card-entry,
  .product-entry,
  .product-card {
    border-radius: 11px !important;
  }

  .s-product-card-content,
  .product-entry__content,
  .product-card__content {
    padding: 14px !important;
  }

  .s-product-card-name,
  .product-entry__title,
  .product-card__title {
    font-size: 14px !important;
    line-height: 1.65 !important;
  }

  .s-button-primary,
  .s-button-element.s-button-primary,
  .btn--primary,
  .add-to-cart,
  salla-add-product-button .s-button-element {
    min-height: 43px !important;
  }
}

/* نهاية كود JetDash */