/*========================================================
        DARK LAYOUT
=========================================================*/
/* app ecommerce details css */
/*---------------*/
.app-ecommerce-details .item-features {
  background-color : #F7F7F7;
}

/* swiper slide shadow */
.swiper-container .swiper-shadow {
  box-shadow : -2px 8px 10px 0 rgba(25, 42, 70, 0.13) !important;
}

.swiper-responsive-breakpoints.swiper-container .swiper-slide {
  text-align : center;
  font-weight : 500;
  background-color : #F7F7F7;
  padding : 1.5rem;
  cursor : pointer;
}

.swiper-button-prev, .swiper-button-next, .swiper-container-rtl .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
  background-image : none;
  width : 35px;
  font-size : 2rem;
}
.swiper-button-prev:focus, .swiper-button-next:focus, .swiper-container-rtl .swiper-button-prev:focus, .swiper-container-rtl .swiper-button-next:focus {
  outline : none;
}
.swiper-button-prev:after, .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {
  font-family : 'feather';
}

.swiper-button-prev {
  right : 0;
}
.swiper-button-prev:after {
  content : '\e843';
}

.swiper-button-next {
  left : 0;
}
.swiper-button-next:after {
  content : '\e844';
}

.swiper-container-rtl .swiper-button-prev:after {
  content : '\e844';
}

.swiper-container-rtl .swiper-button-next:after {
  content : '\e843';
}

.product-color-options .color-option {
  border : 2px solid transparent;
  border-radius : 50%;
  position : relative;
  cursor : pointer;
  padding : 0.3rem;
}
.product-color-options .color-option .filloption {
  height : 21px;
  width : 21px;
  border-radius : 50%;
}

.product-color-options .selected .b-primary {
  border-color : #7367F0;
}

.product-color-options .selected .b-success {
  border-color : #28C76F;
}

.product-color-options .selected .b-danger {
  border-color : #EA5455;
}

.product-color-options .selected .b-warning {
  border-color : #FF9F43;
}

.product-color-options .selected .b-black {
  border-color : #22292F;
}

/* ====================================== */
/* تحسينات إضافية للتصميم */
/* ====================================== */

/* Smooth Transitions */
* {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

/* Card Hover Effects */
.card {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.card:hover {
  transform: translateY(-2px);
}

/* Badge Styles */
.badge {
  font-weight: 500;
  padding: 0.4em 0.8em;
  border-radius: 6px;
}

/* Image Loading Effect */
img {
  transition: opacity 0.5s ease;
}

img:not([src]) {
  opacity: 0;
}

/* Form Focus States */
input:focus, textarea:focus, select:focus {
  outline: none;
  box-shadow: 0 0 0 0.2rem rgba(108, 92, 231, 0.15);
}

/* Button Loading State */
.btn.loading {
  position: relative;
  pointer-events: none;
  opacity: 0.7;
}

.btn.loading::after {
  content: '';
  position: absolute;
  width: 16px;
  height: 16px;
  top: 50%;
  left: 50%;
  margin-left: -8px;
  margin-top: -8px;
  border: 2px solid transparent;
  border-top-color: currentColor;
  border-radius: 50%;
  animation: button-loading-spinner 1s ease infinite;
}

@keyframes button-loading-spinner {
  from { transform: rotate(0turn); }
  to { transform: rotate(1turn); }
}