/* ========================================================
   Redline DMA - Tactical Dark Identity (Refined Global CSS)
   ======================================================== */

html, body, #app, main, .s-layout, .s-page, .site-content,
.product-index, .product-single, .page-single, .theme-raed {
  background-color: #020D2A !important;
  color: #FFFFFF !important;
}

/* Outer Card Container Only */
custom-salla-product-card,
.s-product-card-entry,
.product-entry {
  background-color: #061638 !important;
  border: 1px solid #0F2D6B !important;
  border-radius: 14px !important;
  color: #FFFFFF !important;
  transition: all 0.3s ease !important;
  overflow: hidden !important;
}

custom-salla-product-card:hover,
.s-product-card-entry:hover,
.product-entry:hover {
  border-color: #0F4DFE !important;
  box-shadow: 0 4px 20px rgba(15, 77, 254, 0.25) !important;
}

/* Reset Inner Card Containers (Remove greedy borders/boxes) */
.s-product-card-content,
.s-product-card-content-main,
.s-product-card-content-sub,
.s-product-card-content-footer,
.s-product-card-image,
.s-product-card-image a,
.s-product-card-image-cover,
.s-product-card-content-title,
.s-product-card-price {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

/* Hide Wishlist Button */
.s-product-card-wishlist-btn,
salla-button[class*="wishlist"],
[id*="wishlist-btn"] {
  display: none !important;
}

/* Typography & Links */
.s-product-card-content-title a,
.s-product-card-title,
.s-product-card-entry h3,
.s-product-card-entry h4 {
  color: #FFFFFF !important;
}

h1, h2, h3, h4, h5, h6,
.title, [class*="title"],
.s-title {
  color: #FFFFFF !important;
}

p, .description,
.product-details__description,
.text-gray-500,
.text-gray-600,
.text-gray-700,
.text-gray-800 {
  color: #CBD5E1 !important;
}

/* Prices */
.s-product-card-price,
.price-wrapper,
[class*="price"],
.total-price {
  color: #38BDF8 !important;
  font-weight: 700 !important;
}

/* Primary Action Buttons */
.s-button-element,
.s-product-card-add-to-cart-btn,
.btn-primary,
button[type="submit"],
.s-btn-primary {
  background-color: #0F4DFE !important;
  border-color: #0F4DFE !important;
  color: #FFFFFF !important;
  border-radius: 10px !important;
}

.s-button-element:hover,
.s-product-card-add-to-cart-btn:hover,
.btn-primary:hover {
  background-color: #2563EB !important;
  box-shadow: 0 0 16px rgba(15, 77, 254, 0.45) !important;
}

/* Breadcrumbs */
.breadcrumbs,
.container--breadcrumbs,
.s-breadcrumb-wrapper,
.s-breadcrumb-item,
.s-breadcrumb-item a {
  color: #94A3B8 !important;
  background-color: transparent !important;
}

.s-breadcrumb-item a:hover {
  color: #38BDF8 !important;
}

/* Form Controls & Dropdowns */
.form-input,
select,
input[type="text"],
input[type="search"],
.s-form-control,
.filter-wrapper,
.s-products-filter {
  background-color: #061638 !important;
  color: #FFFFFF !important;
  border: 1px solid #0F2D6B !important;
  border-radius: 8px !important;
}

/* Product Info Blocks */
.product-details,
.product-details-wrapper,
.product-options,
.s-accordion,
.s-tabs,
.s-tab-nav {
  background-color: #061638 !important;
  border: 1px solid #0F2D6B !important;
  border-radius: 14px !important;
  color: #FFFFFF !important;
}

/* Policy & Custom Pages */
.page-main,
.page-content,
.content-entry,
article.article {
  background-color: #061638 !important;
  border: 1px solid #0F2D6B !important;
  border-radius: 16px !important;
  padding: 24px !important;
  color: #FFFFFF !important;
}

.page-main h1, .page-main h2, .page-main h3,
.page-content h1, .page-content h2, .page-content h3 {
  color: #38BDF8 !important;
}

/* Sticky Bottom Bar */
.sticky-product-bar,
.s-cart-summary {
  background-color: #061638 !important;
  border-top: 1px solid #0F2D6B !important;
  color: #FFFFFF !important;
}
 

/* ========================================================
   Header & Navigation Bar - Tactical Dark Styling
   ======================================================== */
header,
.store-header,
#header,
.top-navbar,
#mainnav,
.main-nav-container,
.main-nav-container.bg-white,
.main-nav-container .inner,
.main-nav-container.fixed-header,
.main-nav-container.is-sticky,
.header__main,
.header--sticky,
.site-header {
  background-color: #020D2A !important;
  background: #020D2A !important;
  border-bottom: 1px solid #0F2D6B !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4) !important;
}

/* Header Links, Icons & Text */
.main-nav-container a,
.main-nav-container span,
.main-nav-container p,
.main-nav-container li,
.main-nav-container button,
.main-nav-container i,
.top-navbar a,
.top-navbar span,
.top-navbar i,
.store-header a,
.store-header i {
  color: #FFFFFF !important;
}

.main-nav-container a:hover,
.main-nav-container button:hover {
  color: #38BDF8 !important;
}

/* Header Search Input */
.header-search input,
.header-search .form-input,
salla-search input,
salla-search .s-search-input {
  background-color: #061638 !important;
  border: 1px solid #0F2D6B !important;
  color: #FFFFFF !important;
  border-radius: 9999px !important;
}

.header-search input::placeholder,
salla-search input::placeholder {
  color: #94A3B8 !important;
}
 

/* ========================================================
   User Menu & Avatar - Tactical Dark Styling
   ======================================================== */
salla-user-menu,
.s-user-menu-wrapper,
.s-user-menu-trigger-slot,
.s-user-menu-trigger {
  background-color: transparent !important;
  background: transparent !important;
  --tw-bg-opacity: 0 !important;
  border: none !important;
  box-shadow: none !important;
}

.s-user-menu-trigger {
  padding: 4px 8px !important;
  border-radius: 9999px !important;
  transition: all 0.2s ease !important;
}

.s-user-menu-trigger:hover {
  background-color: rgba(15, 77, 254, 0.15) !important;
}

.s-user-menu-avatar-wrap {
  border-radius: 50% !important;
  border: 1.5px solid #0F4DFE !important;
  overflow: hidden !important;
  background-color: #061638 !important;
}

.s-user-menu-trigger-avatar {
  border-radius: 50% !important;
  display: block !important;
}

.s-user-menu-trigger-content span,
.s-user-menu-trigger-content p,
.s-user-menu-trigger-hello,
.s-user-menu-trigger-name {
  color: #FFFFFF !important;
}

.s-user-menu-trigger-icon svg,
.s-user-menu-trigger-icon path {
  fill: #FFFFFF !important;
}

/* User Menu Dropdown */
.s-user-menu-dropdown {
  background-color: #061638 !important;
  --tw-bg-opacity: 1 !important;
  border: 1px solid #0F2D6B !important;
  border-radius: 12px !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5) !important;
  overflow: hidden !important;
}

.s-user-menu-dropdown-header {
  background-color: #020D2A !important;
  border-bottom: 1px solid #0F2D6B !important;
  color: #FFFFFF !important;
}

.s-user-menu-dropdown-header-content span,
.s-user-menu-dropdown-header-content p {
  color: #FFFFFF !important;
}

.s-user-menu-dropdown-list {
  background-color: #061638 !important;
}

.s-user-menu-dropdown-item-link {
  color: #CBD5E1 !important;
  transition: all 0.2s ease !important;
}

.s-user-menu-dropdown-item-link:hover {
  background-color: rgba(15, 77, 254, 0.2) !important;
  color: #38BDF8 !important;
}

.s-user-menu-dropdown-item-title {
  color: inherit !important;
}

.s-user-menu-dropdown-item-prefix svg,
.s-user-menu-dropdown-item-prefix path {
  fill: #94A3B8 !important;
}

.s-user-menu-dropdown-item-link:hover .s-user-menu-dropdown-item-prefix svg,
.s-user-menu-dropdown-item-link:hover .s-user-menu-dropdown-item-prefix path {
  fill: #38BDF8 !important;
}
  

/* ========================================================
   Product Details Page - Tactical Dark Styling
   ======================================================== */

/* 1. Price Container */
section.bg-white,
section.flex.bg-white,
.price-wrapper,
.center-between {
  background-color: #061638 !important;
  border-color: #0F2D6B !important;
  color: #FFFFFF !important;
}

section.bg-white .form-label,
section.bg-white label {
  color: #FFFFFF !important;
}

section.bg-white .total-price,
section.bg-white [class*="price"] {
  color: #38BDF8 !important;
  font-weight: 700 !important;
}

/* 2. Quantity Input */
salla-quantity-input,
.s-quantity-input,
.s-quantity-input-container {
  background-color: #061638 !important;
  border: 1px solid #0F2D6B !important;
  border-radius: 8px !important;
  overflow: hidden !important;
}

.s-quantity-input-input {
  background-color: #061638 !important;
  color: #FFFFFF !important;
  border-left: 1px solid #0F2D6B !important;
  border-right: 1px solid #0F2D6B !important;
  border-top: none !important;
  border-bottom: none !important;
  font-weight: 700 !important;
  text-align: center !important;
}

.s-quantity-input-button,
.s-quantity-input-increase-button,
.s-quantity-input-decrease-button {
  background-color: #081B44 !important;
  color: #FFFFFF !important;
  border: none !important;
  transition: all 0.2s ease !important;
}

.s-quantity-input-button svg path {
  fill: #FFFFFF !important;
}

.s-quantity-input-button:hover {
  background-color: #0F4DFE !important;
}

/* 3. Wide Comments & Reviews Section */
.s-comments,
.s-comments-product,
.s-comments-container {
  background-color: #020D2A !important;
  background: #020D2A !important;
  color: #FFFFFF !important;
  border-top: 1px solid #0F2D6B !important;
  border-bottom: 1px solid #0F2D6B !important;
}

.s-comments h1, .s-comments h2, .s-comments h3, .s-comments h4,
.s-comments span, .s-comments p, .s-comments label {
  color: #FFFFFF !important;
}

.s-comment-form-input,
textarea.s-comment-form-input {
  background-color: #061638 !important;
  border: 1px solid #0F2D6B !important;
  border-radius: 12px !important;
  color: #FFFFFF !important;
}

.s-comment-form-input::placeholder {
  color: #94A3B8 !important;
}

/* 4. Product Image Gallery & Slider */
.swiper.s-slider-container,
.swiper-slide,
.homeslider__slide,
.magnify-wrapper {
  background-color: #061638 !important;
  border-color: #0F2D6B !important;
  border-radius: 14px !important;
}

.s-slider-prev,
.s-slider-next {
  background-color: #061638 !important;
  border: 1px solid #0F2D6B !important;
  color: #FFFFFF !important;
}

.s-slider-prev:hover,
.s-slider-next:hover {
  background-color: #0F4DFE !important;
  border-color: #0F4DFE !important;
}

/* 5. General Product Details Sections */
.container--product-details . bg-white,
.product-single .bg-white {
  background-color: #061638 !important;
  border-color: #0F2D6B !important;
  color: #FFFFFF !important;
}

.s-social-share-list {
  background-color: transparent !important;
}


/* ========================================================
   Footer (ذيل الصفحة) - Tactical Deep Navy Identity
   ======================================================== */
footer,
.store-footer,
.store-footer__inner,
[data-testid="store-footer"],
.footer-is-dark footer,
.footer-is-dark .store-footer__inner {
  background-color: #01091C !important;
  background: linear-gradient(180deg, #020D2A 0%, #01081A 100%) !important;
  border-top: 1px solid #0F2D6B !important;
  color: #94A3B8 !important;
}

.store-footer h1,
.store-footer h2,
.store-footer h3,
.store-footer h4,
.store-footer .footer-title {
  color: #FFFFFF !important;
  font-weight: 700 !important;
}

.store-footer a,
.store-footer p,
.store-footer span,
.store-footer li {
  color: #94A3B8 !important;
}

.store-footer a:hover {
  color: #38BDF8 !important;
}

/* إخفاء شارة وثيقة العمل الحر وشارات التوثيق من الفوتر */
salla-trust-badges,
[data-testid="store-footer-trust-badges"],
.s-trust-badges-wrapper {
  display: none !important;
}

/* ========================================================
   Testimonials Slider & Navigation Arrows - Remove White Glow
   ======================================================== */
.s-slider-block__title-nav button,
.s-reviews-container .s-slider--nav-arrow,
.s-slider-nav-arrow,
.s-slider-prev,
.s-slider-next {
  box-shadow: none !important;
  filter: none !important;
  backdrop-filter: none !important;
  background-color: #061638 !important;
  border: 1px solid #0F2D6B !important;
  color: #FFFFFF !important;
}

.s-slider-block__title-nav button:hover,
.s-reviews-container .s-slider--nav-arrow:hover,
.s-slider-nav-arrow:hover,
.s-slider-prev:hover,
.s-slider-next:hover {
  background-color: #0F4DFE !important;
  border-color: #0F4DFE !important;
  box-shadow: 0 0 12px rgba(15, 77, 254, 0.4) !important;
}

.s-slider-block__title-nav button::before,
.s-slider-block__title-nav button::after,
.s-reviews-container .s-slider--nav-arrow::before,
.s-reviews-container .s-slider--nav-arrow::after,
.s-slider-nav-arrow::before,
.s-slider-nav-arrow::after {
  display: none !important;
  box-shadow: none !important;
  background: none !important;
  filter: none !important;
}


/* ========================================================
   Header Cart Summary & Price Numbers - High Contrast Tactical Light
   ======================================================== */
.s-cart-summary-wrapper,
.s-cart-summary-wrapper * {
  color: #FFFFFF !important;
}

.s-cart-summary-total,
.s-cart-summary-total *,
.s-cart-summary-content,
.s-cart-summary-content *,
b.s-cart-summary-total {
  color: #38BDF8 !important;
  font-weight: 700 !important;
}

.s-cart-summary-total .sicon-sar,
.s-cart-summary-content .sicon-sar {
  color: #38BDF8 !important;
  font-size: 13px !important;
  margin-right: 2px !important;
}


/* ========================================================
   Cart Page & Order Summary Card - Tactical Dark Identity
   ======================================================== */
salla-cart-summary-card,
.s-cart-summary-card,
.s-cart-summary-card-sheet,
.s-cart-summary-card-sheet-wrap,
.s-cart-summary-card-bar,
.s-cart-summary-card-line {
  background-color: #061638 !important;
  background: #061638 !important;
  border-color: #0F2D6B !important;
}

salla-cart-summary-card,
.s-cart-summary-card {
  border: 1px solid #0F2D6B !important;
  border-radius: 16px !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4) !important;
  overflow: hidden !important;
}

.s-cart-summary-card-sheet-header,
.s-cart-summary-card-sheet-title {
  background-color: #020D2A !important;
  background: #020D2A !important;
  color: #FFFFFF !important;
  border-bottom: 1px solid #0F2D6B !important;
  font-weight: 700 !important;
}

/* Labels */
.s-cart-summary-card-line span,
.s-cart-summary-card-bar-label,
.s-cart-summary-card-bar-label-text,
.s-cart-summary-card-bar-count {
  color: #94A3B8 !important;
}

/* Amounts & Prices */
.s-cart-summary-card-line b,
.s-cart-summary-card-bar-total,
.s-cart-summary-card-bar-totals-row b,
.s-cart-summary-card-bar-totals,
.s-cart-summary-card-bar-totals-row {
  color: #38BDF8 !important;
  font-weight: 700 !important;
}

.s-cart-summary-card .sicon-sar {
  color: #38BDF8 !important;
}

.s-cart-summary-card-bar {
  border-top: 1px solid #0F2D6B !important;
}

/* Checkout Button */
.s-cart-summary-card-action button,
.s-cart-summary-card-action .s-button-btn,
.s-cart-summary-card-action salla-button {
  background-color: #0F4DFE !important;
  border-color: #0F4DFE !important;
  color: #FFFFFF !important;
  font-weight: 700 !important;
  border-radius: 12px !important;
  box-shadow: 0 4px 14px rgba(15, 77, 254, 0.35) !important;
}

/* Cart Item Cards */
.cart-item {
  background-color: #061638 !important;
  border: 1px solid #0F2D6B !important;
  border-radius: 14px !important;
}

.cart-item h1, .cart-item h2, .cart-item h3, .cart-item h4,
.cart-item a, .cart-item-title {
  color: #FFFFFF !important;
}

.cart-item .cart-item-price,
.cart-item .total-price {
  color: #38BDF8 !important;
}

.cart-item img {
  border-color: #0F2D6B !important;
  background-color: #020D2A !important;
}