/* === لوحة الألوان المستخرجة من الألوان الجديدة حسب طلب العميل === */
:root {
  --color-darkest: #0e2a3a;   /* داكن جدًا - الفوتر والهيدر */
  --color-darker:  #184b64;   /* سكشنات داكنة */
  --color-dark:    #2e6f92;   /* سكشنات متوسطة */
  --color-light:   #4e94bb;   /* فقرات خفيفة */
  --color-lighter: #82bde0;   /* خلفيات تمييز */
  --color-pale:    #184b64;   /* خلفيات مخففة */
  --color-text:    #ffffff;   /* نصوص فاتحة */
  --color-subtext: #dbeefa;   /* نصوص ثانوية */
  --color-accent:  #f1c40f;   /* لون ذهبي للنقاط */
}

body, html {
  background-color: var(--color-darkest) !important;
  color: var(--color-darker);
}

.site-header, .store-header, .header-bar {
  background-color: var(--color-darkest) !important;
  color: var(--color-text) !important;
}

footer, .footer-main, .footer-sub {
  background-color: var(--color-darkest) !important;
  color: var(--color-subtext) !important;
}
.footer-title, .footer-links a, .store-contact a {
  color: var(--color-subtext) !important;
}
.footer-links a:hover, .store-contact a:hover {
  color: var(--color-text) !important;
}

.section:nth-of-type(2n) {
  background-color: var(--color-dark) !important;
}
.section:nth-of-type(2n+1) {
  background-color: var(--color-darker) !important;
}

.section h2, .section h3, .section p, .section .section--title {
  color: var(--color-text) !important;
}

.product, .product-footer, .product-cart {
  background-color: var(--color-light) !important;
  color: var(--color-text);
  border: 1px solid var(--color-lighter);
}
.product-title, .product-subtitle {
  color: var(--color-text);
}
.product-price, .product-summary, .product-price-bg span {
  color: var(--color-accent) !important;
  font-weight: bold;
}

button, .btn, .add_to_cart_btn, .product-add, .cart-nav-solid {
  background-color: var(--color-lighter) !important;
  color: var(--color-darkest) !important;
  border: none;
  transition: all 0.3s ease;
}
button:hover, .btn:hover, .add_to_cart_btn:hover, .cart-nav-solid:hover {
  background-color: var(--color-accent) !important;
  color: var(--color-darkest) !important;
}

.main-slider {
  background-color: var(--color-darker) !important;
}
.slick-dots {
  background-color: var(--color-dark) !important;
  padding: 10px;
  border-radius: 0;
}
.slick-dots li button:before {
  font-size: 12px;
  color: #ffffff !important;
  opacity: 0.5;
}
.slick-dots li.slick-active button:before {
  color: var(--color-accent) !important;
  opacity: 1;
}

.section *, .product *, footer *, header *, .product-cart * {
  color: color: #ffffff !important;
  text-shadow: none !important;
}

.sub-nav-header, .sub-nav {
  background-color: var(--color-darker) !important;
}
.sub-nav li a {
  color: var(--color-subtext) !important;
}
.sub-nav li a:hover {
  background-color: var(--color-light) !important;
  color: var(--color-text) !important;
}

.cart-total-box, .shipping-bar, .qty-field-wrapper, .product-options, .cart-nav {
  background-color: var(--color-pale) !important;
  color: var(--color-darkest) !important;
  border-radius: 8px;
  padding: 10px;
}

::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: var(--color-darkest);
}
::-webkit-scrollbar-thumb {
  background-color: var(--color-accent);
}

* {
  background-color: transparent;
  box-shadow: none !important;
  color: var(--color-text) !important;
}
img, svg {
  filter: brightness(0.98) contrast(1.02);
}

.section {
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.6s ease;
}
.section.visible {
  opacity: 1;
  transform: translateY(0);
}

.testimonials-item p {
  color: var(--color-darkest) !important;
}
.testimonials-item__author, .testimonials-item__location {
  color: var(--color-subtext) !important;
}

@media only screen and (max-width: 991px) {
  .sub-nav .sub-nav-content {
    background: var(--color-darkest) !important;
  }
  .sub-nav .sub-nav-content .sub-nav-header a {
    color: var(--color-text) !important;
  }
  .cart-total-box, .cart-nav, .product-cart, .product-options {
    background-color: var(--color-darker) !important;
    color: var(--color-text) !important;
  }
}

.py-3 {
  background: var(--color-darkest) !important;
}

.page-container-cart, .product-cart .details, .product-cart .product-options, .cart-nav-solid {
  background-color: var(--color-light) !important;
  color: var(--color-text) !important;
  border-radius: 6px;
}

input[type="number"], input, select, textarea {
  background-color: var(--color-pale) !important;
  color: var(--color-darkest) !important;
  border: 1px solid var(--color-light);
  border-radius: 4px;
  padding: 5px;
}

.qty-field button {
  background-color: var(--color-lighter) !important;
  color: var(--color-darkest) !important;
}
.qty-field button:hover {
  background-color: var(--color-accent) !important;
  color: var(--color-darkest) !important;
}


.circle-action span:first-of-type:not(.notification-badge), .cart-number, .empty-box .empty-text, .login-title, .icon-object>i, #login-panel-actions > p, .input-group-addon>i {color: var(--color-darkest) !important;}


.sicon-cancel:before {color: #000 !important;}

.list--product-fields li.form-group .form-control:not(textarea) {color: #FFF !important;}

.testimonials-item {background-color : #184b64 !important;} .testimonials-item p {color: #ffffff !important;}

.sub-nav__menu svg {
  fill: #ffffff !important;
}



.list--tags li a {background-color: #184b64;} .product-form {background: #184b64 !important;}
.page-container-cart {margin-top: 15px !important;}


@media only screen and (max-width: 991px) { .sub-nav .sub-nav-content .sub-nav-header a { color: #0e2a3a !important; } }


.price-after {background: #444 !important; border-radius: 9px; padding: 5px; margin: 5px;}

.product-price {display: flex !important ;} .sicon-sar {margin-right: 5px !important;}

.product-details__price .price-after {background: none !important;}