/* ===================================
   الستايلات العامة - Global Styles
   =================================== */

/* CSS Variables */
:root {
    --color-primary: #f4b62d; /* Gold */
    --color-primary-rgb: 244, 182, 45;
    --color-text-light: #9ca3af; /* gray-400 */
    --color-text-border: #6b7280; /* gray-500 */
    --transition-default: all 0.3s ease;
    --color-nav-color: #f4b62d;
}

/* Global utility classes */
.border-text_color {
    border-color: var(--color-text-border);
}

.text-e_store-light {
    color: var(--color-text-light);
}

.expand {
    flex: 1;
}

.e_store-container {
    margin-left: auto;
    margin-right: auto;
    max-width: 1280px;
    padding-left: .5rem;
    padding-right: .5rem
}

@media (min-width: 640px) {
    .e_store-container {
        padding-left:1.25rem;
        padding-right: 1.25rem
    }
}

/* Title classes */
.e_store-title {
    margin-left: auto;
    margin-right: auto;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.75rem;
    text-align: center;
    color: var(--color-primary);
}

@media (min-width: 640px) {
    .e_store-title {
        font-size: 1.5rem;
        line-height: 2rem;
    }
}

.e_store-title.base {
    font-size: 1rem;
    line-height: 1.5rem;
}

/* Spin animation for offers */
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.custom-text-bg[data-v-2a8e6741] {
   --tw-bg-opacity: 1!important;
   background-color: rgba(var(--color-bg-color),var(--tw-bg-opacity))!important;
   --tw-text-opacity: 1!important;
   color: rgba(var(--color-text-color),var(--tw-text-opacity))!important
}


.border-nav_color {
    --tw-border-opacity: 1;
    border-color: rgba(var(--color-nav-color),var(--tw-border-opacity))
}

.border-nav_color\/50 {
    border-color: rgba(var(--color-nav-color),.5)
}

.swiper-slide {
    height: auto!important
}

.swiper-slide.auto {
    flex-shrink: 1!important;
    min-width: -moz-fit-content;
    min-width: fit-content
}