/* Layout Internal Styles */
/* This file contains all internal styles extracted from Layout files */

/* ========================================
   LAYOUT.CSHTML STYLES
   ======================================== */

/* Header Carousel Styles */
#header-carousel .carousel-item {
    height: 70vh; /* يمكنك تغيير هذا الارتفاع حسب حاجتك */
    min-height: 500px;
    overflow: hidden;
}

#header-carousel .carousel-item img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* يحافظ على نسب الصورة ويغطي المساحة */
    object-position: center; /* يركز الصورة في المنتصف */
}

/* MsoNormal Styles */
.MsoNormal {
    font-family: 'Cairo', sans-serif !important;
}

.MsoNormal span {
    font-family: 'Cairo', sans-serif !important;
}

/* Opacity and Overflow */
.opcity {
    opacity: 1 !important;
    overflow-y: auto;
}

/* Popup Payment */
.poppay {
    display: none !important;
}

/* Splash Screen */
.splashscreen {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: white;
}

.splashscreen img {
    text-align: center;
    margin-top: 150px;
}


.main {
    min-height: 200px;
}

/* DevExtreme Button Styles */
.dx-button .dx-button-content {
    padding: 3px !important;
    height: 33px !important;
}

.dx-button-has-text .dx-icon {
    margin-left: 15px !important;
}

.dx-button-mode-contained.dx-button-default {
    padding-right: 10px;
    padding-left: 20px;
}

/* Home Div */
.homeDiv {
    display: none !important;
}

/* Button Styles */
.btnYes {
    float: right;
}

.btnNo {
    float: left;
}

/* Slider */
.slider {
    max-height: 100%;
    max-width: 100%;
}

/* ========================================
   LAYOUTESTORE.CSHTML STYLES
   ======================================== */

/* Star Rating */
.checked {
    color: orange;
}

.empty {
    color: #ddd; /* لون النجوم الفارغة */
}

/* RTL Support */
html[lang="ar-sa"] {
    direction: rtl;
    unicode-bidi: embed;
}

body {
    font-family: 'Cairo', sans-serif !important;
}

/* Main Content */
.main {
    min-height: 200px;
    padding-top: 80px;
}

/* Slider */
.slider {
    max-width: 100%;
    height: auto;
}

/* Modal Z-Index */
.modal {
    z-index: 1050 !important;
}

.modal-backdrop {
    z-index: 1040 !important;
}

/* ========================================
   LAYOUTSTORE.CSHTML STYLES
   ======================================== */

/* Font Awesome Angle Left */
.fa-angle-left:before {
    margin-right: 10px;
}

/* Breadcrumbs */
.breadcrumbs {
    background: #fff;
    padding: 10px 7px;
    box-shadow: 1px 4px 5px #d2d2d2;
}

/* ========================================
   LAYOUTDATA.CSHTML STYLES
   ======================================== */

/* HTML Editor */
.html-editor {
    min-height: 300px !important;
}

/* Border Styles */
.no-bordered {
    border: none;
}

.bordered {
    border: 1px solid #ccc;
}

/* Float Left */
.flot-left {
    float: left !important;
}

/* Comment */
.comm {
    min-width: 150px;
    min-height: 200px;
    float: left;
}

/* ========================================
   RESPONSIVE STYLES
   ======================================== */

@media (max-width: 768px) {
    #header-carousel .carousel-item img {
        height: auto !important;
    }
    
    #header-carousel .carousel-item {
        height: auto; /* يمكنك تغيير هذا الارتفاع حسب حاجتك */
        min-height: auto;
        overflow: hidden;
    }
}