/* تغييرالخلفيه الاساسيه */
body {
    background-image: url(https://cdn.salla.sa/VqAgWZ/dCCrvGhjHrPIj8k1ZxQk12MQyx5y8bUuoxqvnpbZ.png) !important;
    background-size: contain;
    background-repeat: repeat;
}

/* تغيير خلفية المنتجات */
#featured-products-style2-1 {  
    background-color: transparent !important;
}

/* لتغيير خلفية العنصر الأب */
.profile-header.gradient-bg {
    background-color: #1A1D34 !important;
    background-image: none !important;
}

/* تغيير لون الهيدر */
.store-header {
    background-color: #1A1D34 !important;
}

/* تغيير لون الناف بار */
.main-nav-container {
    background-color: #1A1D34 !important;
}

/* تغيير لون الروابط داخل الهيدر والناف بار */
.store-header a,
.main-nav-container a {
    color: white !important;
}

/* تغيير لون الأيقونات */
.header-buttons i,
.salla-cart-summary i,
.sicon-user-circle {
    color: #094749!important;
}

/* تغيير لون عناصر القائمة عند التمرير */
.main-nav-container a:hover {
    color: #6feaf6 !important;
}

/* -------------------------------
  حقل البحث
----------------------------------*/
.s-search-input,
.s-search-inline {
    background-color: #0f0f1c!important;
}
span.s-search-icon svg,
input.s-search-input{
    fill: #08f7fe!important;
}
.s-search-input:hover,
.s-search-inline:hover {
    background-color: white !important;
}

/* -------------------------------
  حقل البحث
----------------------------------*/

/*=================================================*/

/* -------------------------------
اخر الصفحه الرئيسيه
----------------------------------*/
.store-footer {
    background-color: #1A1D34 !important;
    color: #6feaf6 !important;
}
.store-footer a {
    color: white !important;
}
.store-footer h3 {
    color: #08f7fe!important;
}
.store-footer p,
.store-footer span,
.store-footer .copyright-text {
    color: white  !important;
}
.store-footer svg path {
    fill: white !important;
}
.store-footer a:hover {
    color: white !important;
}
.store-footer__inner {
    background-color: #1A1D34 !important;
    color: white !important;
    padding: 20px;
}
.store-footer__inner a {
    color: white !important;
}
.store-footer__inner a:hover {
    color: white !important;
}

/* نص الكتقوري اول الصفحه */
.app-inner h1,
.app-inner h2,
.app-inner span {
    color: white  !important;
}

/* تخصيص خلفية البطاقة */
.s-products-slider-card {
    background-color: #0006ff !important;
}

/* النص جزء اللعبه عدد اللاعبين الخ في المنتج */
.s-product-options-option-label, text , small  {
    color: white!important;
    font-size: 18px !important;
}

/* زر اشتري الان في المنتج */
.s-add-product-button-mini-checkout-content{
    color: white !important;
}

/* سعر المنج قبل في صفحه المنتج*/
span.before-price{
    color: #08f7fe!important;
    font-size: 18px !important;
}

/* -------------------------------
              التقيم 
----------------------------------*/
.s-progress-bar-progress{
    background-color: #FFD700!important;
}
.s-rating-stars-selected svg path {
    fill: #FFD700!important;
}
.s-rating-stars-btn-star:not(.s-rating-stars-selected) svg path {
    fill: #FFD700!important;
}
h3.s-reviews-summary-average,.s-comments-filter-label{
    color: #08f7fe!important;
}
.s-reviews-summary-count{
    color: white !important;
    font-size: 14px !important;
}

/* ✅ =============   انميشن المنتج   ==============✅ */


.s-product-card-entry {
    position: relative;
    border-radius: 16px;
    overflow: hidden;
    background-color: #1A1D34;
    border: 1px solid #08f7fe;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.s-product-card-entry::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 200%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent 0%,
        rgba(255, 255, 255, 0.1) 35%,
        rgba(255, 255, 255, 0.35) 50%,
        rgba(255, 255, 255, 0.1) 65%,
        transparent 100%
    );
    transform: skewX(-25deg);
    z-index: 1;
    pointer-events: none;
    opacity: 0;
}

.s-product-card-entry:hover::after {
    animation: smooth-shine 0.9s ease-out forwards;
}

@keyframes smooth-shine {
    0% {
        left: -100%;
        opacity: 0.4;
    }
    50% {
        opacity: 0.7;
    }
    100% {
        left: 100%;
        opacity: 0;
    }
}

.s-product-card-entry:hover {
    transform: translateY(-6px);
    box-shadow: 0 0 20px #08f7feaa;
}






/* ✅ =============   انميشن المنتج   ==============✅ */



/* ✅ إخفاء دائرة زر المفضلة */
.s-product-card-wishlist-btn {
    display: none !important;
}

.swiper-wrapper {
    display: flex;
    width: max-content;
    white-space: nowrap;
}

.swiper-slide {
    flex-shrink: 0;
    width: auto;
}

/* تخصيص النصوص داخل الرابط */
.s-product-card-content-title a {
    color: #FFFFFF!important;
}

/* السعر الجديد مع رمز العملة */
.s-product-card-sale-price h4 {
    color: #48fe08!important;
}
.s-product-card-sale-price h4 .sicon-sar {
    color: #48fe08!important;
}

/* السعر القديم مع رمز العملة */
.s-product-card-sale-price span {
    color: #F84C4C !important;
}
.s-product-card-sale-price span .sicon-sar {
    color: #F84C4C !important;
}

/* السعر داخل صفحة المنتج */
h4.text-red-800 {
  color: #48fe08!important;
}
span.text-gray-500.line-through {
  color: #F84C4C !important;
}
h2.total-price {
  color: #48fe08!important;
}
span.before-price {
  color: #F84C4C !important;
}

/* عناصر القائمة */
.s-block--features__item,
.s-reviews-container .swiper-slide-active .s-reviews-testimonial {
    background: #1A1D34;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 8px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    text-align: center;
    padding-top: 64px;
    padding-bottom: 64px;
}
.s-block--features__item p,
.s-reviews-container .swiper-slide-active .s-reviews-testimonial p {
    color: white !important;
}                                                                                                

/* تعديلات صفحة المنتج */
.product__description ul,
.product__description li {
    color: white !important;
}
blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre, span {
    color: white;
}

/* تخصيص حقل المدخلات */
.form.product-form {
    margin-bottom: 1rem;
    background-color: transparent !important;
    padding-top: 1rem;
    padding-bottom: 1rem;
}
.s-product-options-wrapper,
.sticky-product-bar {
    margin-bottom: 1rem;
    background-color:  #1A1D34 !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    padding-top: 1rem;
    padding-bottom: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 8px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    text-align: center;
}
.flex {
    margin-bottom: 1rem;
    background-color: transparent !important;
}
.s-comments-product {
    margin-bottom: 1rem;
    background-color: transparent !important;
    padding-top: 1rem;
    padding-bottom: 1rem;
}
.form-label {
    color: white !important;
}
b, strong {
    color: white !important;
}
button, input:where([type='button']), input:where([type='reset']), input:where([type='submit']) {
    background-color: transparent;
    background-image: none;
}
.s-product-options-thumbnails-wrapper div p {
    font-size: 0.875rem;
    line-height: 1.25rem;
    color: white;
}

/* -------------------------------
              تمارا
----------------------------------*/
tamara-widget {
    color: white !important;
}
tamara-widget:hover, tamara-widget *:hover {
    color: inherit !important;
    text-decoration: none !important;
    background: none !important;
}

/* قائمة المدخلات */
.s-form-control {
    background-color: #0f0f1c!important;
    color:  #6feaf6 !important;
    border: 2px solid #000 !important;
    padding: 5px;
    border-radius: 8px;
}
.s-button-element:not(:disabled):not([loading]), .text-sm {
    background-color: #1A1D34;
}
.s-reviews-testimonial {
    background-color: #1A1D34 !important;
}
.xs\:p-7, .form-input {
    background-color:  #1A1D34 ;
}
.s-modal-body {
    background-color: #1A1D34 !important;
    color: white !important;
    border-radius: 12px;
    padding: 20px;
}
.s-modal-close {
    background-color: #1A1D34 !important;
    border: none;
    border-radius: 50%;
    padding: 8px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}
.s-user-menu {
    background-color: #ff00ae!important;
    border-radius: 10px;
    padding: 10px;
}
.s-user-menu-dropdown, .lg\:shadow-default {
    background-color: #1A1D34 !important;
}
.s-user-settings-section:first-child, .s-user-settings-section-deactivate-user .s-list-tile-item {
    background-color: #1A1D34;
}
.s-user-profile-wrapper {
    background-color: transparent;
}
.s-datetime-picker-input,
.iti input, .iti input[type=text], .iti input[type=tel] {
    background-color: #1A1D34;
}
.form-input, .iti input, .iti input[type=text], .iti input[type=tel], .s-datetime-picker-input {
    border: 2px solid #6feaf6;
    border-radius: 5px;
    background-color: #1A1D34;
}
.s-user-profile-field-label {
    color: white;
}
.form-input, .iti input, .iti input[type=text], .iti input[type=tel], .iti__selected-flag, .iti__arrow, .s-datetime-picker-input {
    color: 0006ff;
}
.s-user-menu-trigger {
    background-color: transparent;
}
.iti * {
    background-color: #1A1D34;
}
.flatpickr-innerContainer {
    background-color: #21585b;
}
.flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover {
    color: black;
}
salla-slider,
.swiper,
.s-products-slider-card {
    background-color: transparent !important;
}
.s-notifications-item {
    background-color: #1A1D34 !important;
}
.s-orders-table-tbody-tr,
.s-orders-table-head {
    background-color:#1A1D34 !important;
    color :#6feaf6 !important;
}
.s-notifications-item-content h4,
.s-notifications-item-content p,
.s-notifications-item-content-trailing span {
    color :#6feaf6 !important;
}
.s-notifications-item-icon {
  background-color: #e0f0ff;
}
.text-sm {
 color :white ;
}
.w-full.lg\:w-10\/12.bg-white.rounded.p-6.lg\:p-8.mt-4.lg\:mt-12 {
    background-color: #1A1D34 !important;
}
button.s-button {
  color: #08f7fe!important;
  border: 2px solid #00ffd5 !important;
}
button.s-button-outline {
  color: #08f7fe!important;
  border: 2px solid #00ffd5 !important;
}
button.s-button-outline i {
  color: #ffffff !important;
}
.s-button-btn{
    background-color: #1A1D34 !important;
}
a.s-reviews-display-all{
 color: white !important;
}
UL{
color: white !important;
}
.s-comments-item-timestamp{
color: #000000 !important;
}
.s-infinite-scroll-btn  {
    background-color: #0f0f1c !important;  
}
.s-comments-item {
    background-color: #1A1D34!important;  
    border-radius: 10px;
    padding: 10px;
    margin-bottom: 15px;
}





/* ✅ تخصيص شكل وموضع السلايدر */
.s-products-slider {
    width: 95% !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 20px 0 !important;
}
/* ✅ إعداد الـ swiper-wrapper للسماح بالتمدد */
.s-products-slider .swiper-wrapper {
    display: flex !important;
    flex-wrap: nowrap !important;
}


/* ✅ تخصيص عنصر السلايد */
.s-products-slider .swiper-slide {
    flex: 0 0 auto !important; /* ← لا يتمدد تلقائي */
    width: auto !important;
    flex-basis: 260px !important;
    max-width: none !important;
    height: auto !important;
    margin-right: 16px !important;

    transform: scale(1.05) !important;
    transition: transform 0.3s ease-in-out !important;
    z-index: 2 !important;
}

/* ✅ تخصيص عدد العناصر حسب حجم الشاشة */

/* شاشة الجوال */
@media (max-width: 767px) {
    .s-products-slider .swiper-slide {
        min-width: 150% !important;    /* منتج واحد */
    }
}

/* شاشة التابلت */
@media (min-width: 768px) and (max-width: 1024px) {
    .s-products-slider .swiper-slide {
        min-width: 150% !important;    /* منتجين */
    }
}

/* شاشة لابتوب أو أكبر */
@media (min-width: 1025px) {
    .s-products-slider .swiper-slide {
        flex-basis:150% !important;
    }
}
#coupon-input {
  color: #ffffff !important; /* يخلي النص أبيض */
}