/* 
 * Color Theme 2 - Green Theme (Secondary)
 * استخدام الألوان الخضراء من BootstrapMade Mentor
 * اللون الأساسي: #5fcf80
 */

/* ============================================
   Slider Height - تصغير ارتفاع السلايدر
   ============================================ */
.slider-height-1 {
    height: 600px !important;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .slider-height-1 {
        height: 500px !important;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .slider-height-1 {
        height: 450px !important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .slider-height-1 {
        height: 400px !important;
    }
}

@media only screen and (max-width: 767px) {
    .slider-height-1 {
        height: 400px !important;
    }
}

/* تقليل المساحة العلوية للسلايدر */
.slider-content.pt-230 {
    padding-top: 150px !important;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .slider-content.pt-230 {
        padding-top: 120px !important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .slider-content.pt-230 {
        padding-top: 100px !important;
    }
}

@media only screen and (max-width: 767px) {
    .slider-content.pt-230 {
        padding-top: 80px !important;
    }
}

/* ============================================
   Primary Color Overrides - Green Theme
   ============================================ */

/* اللون الأساسي - أخضر */
:root {
    --primary-color: #5fcf80;
    --primary-hover: #4db870;
    --primary-light: #7dd99f;
    --primary-dark: #4db870;
}

/* Buttons - أخضر */
.default-btn,
.btn-green-color,
.slider-content .slider-btn a.btn-green-color,
.slider-content .slider-btn a.default-btn.btn-green-color,
a.default-btn {
    background-color: #5fcf80 !important;
    border-color: #5fcf80 !important;
    color: #fff !important;
}

.default-btn:hover,
.btn-green-color:hover,
.slider-content .slider-btn a.btn-green-color:hover,
.slider-content .slider-btn a.default-btn.btn-green-color:hover,
a.default-btn:hover {
    background-color: #4db870 !important;
    border-color: #4db870 !important;
    color: #fff !important;
}

/* ضمان أن النص أبيض في جميع أزرار default-btn */
.default-btn *,
a.default-btn *,
a.default-btn {
    color: #fff !important;
}

.slider-content .slider-btn a.btn-white-color,
.slider-content .slider-btn a.default-btn.btn-white-color {
    background-color: #fff !important;
    color: #5fcf80 !important;
    border-color: #7dd99f !important;
}

.slider-content .slider-btn a.btn-white-color:hover,
.slider-content .slider-btn a.default-btn.btn-white-color:hover {
    background-color: #5fcf80 !important;
    border-color: #5fcf80 !important;
    color: #fff !important;
}

/* إصلاح إضافي لضمان أن النص أبيض في الأزرار الخضراء */
.slider-content .slider-btn a.btn-green-color *,
.slider-content .slider-btn a.default-btn.btn-green-color *,
.slider-content .slider-btn a.btn-green-color,
.slider-content .slider-btn a.default-btn.btn-green-color {
    color: #fff !important;
}

/* Section Titles - أخضر */
.section-title h2 span,
.section-title-3 h2 span {
    color: #5fcf80 !important;
}

.section-title-green p {
    color: #5fcf80 !important;
}

.text-green.about-choose-content h3 {
    color: #5fcf80 !important;
}

/* Navigation & Links - سكني غامق عادي، أخضر عند hover/focus */
.main-menu nav ul li a {
    color: #212529 !important; /* سكني غامق */
}

.main-menu nav ul li:hover a,
.main-menu nav ul li a:hover,
.main-menu nav ul li a:focus {
    color: #5fcf80 !important; /* أخضر عند hover/focus */
}

.main-menu nav ul li ul.submenu li a {
    color: #212529 !important; /* سكني غامق */
}

.main-menu nav ul li ul.submenu li a:hover,
.main-menu nav ul li ul.submenu li a:focus {
    color: #5fcf80 !important; /* أخضر عند hover/focus */
}

.main-menu nav ul li ul.submenu li a::before {
    background: #5fcf80 none repeat scroll 0 0 !important;
}

/* Mega Menu (Shop) - سكني غامق عادي، أخضر عند hover */
.main-menu nav ul li.mega-menu-position ul.mega-menu > li ul li a {
    color: #212529 !important; /* سكني غامق */
}

.main-menu nav ul li.mega-menu-position ul.mega-menu > li ul li.mega-menu-title a {
    color: #212529 !important; /* سكني غامق */
}

.main-menu nav ul li.mega-menu-position ul.mega-menu > li ul li a:hover,
.main-menu nav ul li.mega-menu-position ul.mega-menu > li ul li a:focus,
.main-menu nav ul li.mega-menu-position ul.mega-menu > li ul li.mega-menu-title:hover a,
.main-menu nav ul li.mega-menu-position ul.mega-menu > li ul li:hover a {
    color: #5fcf80 !important; /* أخضر عند hover/focus */
}

.main-menu nav ul li.mega-menu-position ul.mega-menu > li ul li a::before {
    background: #5fcf80 none repeat scroll 0 0 !important;
}

.main-menu nav ul li a i {
    color: #212529 !important; /* سكني غامق */
}

.main-menu nav ul li:hover a i,
.main-menu nav ul li a:hover i {
    color: #5fcf80 !important; /* أخضر عند hover */
}

/* Cart & Search - أخضر */
.cart-wrap:hover > button,
.header-search:hover > button {
    color: #5fcf80 !important;
}

.cart-wrap .shopping-cart-delete a:hover {
    color: #5fcf80 !important;
}

.header-search .search-content form button:hover {
    color: #5fcf80 !important;
}

/* Choose Us Section - أخضر */
.choose-bg-green {
    background-color: #7dd99f !important;
}

/* Choose Us Section - Blue Box (السلايدر) */
.single-choose-us.choose-bg-blue {
    background-color: #cf4c58 !important;
}

/* Course & Event Cards - أخضر */
.single-course .course-content h4 a:hover,
.single-event .event-content h4 a:hover {
    color: #5fcf80 !important;
}

/* Testimonials - أخضر */
.testi-content .testi-info h5 {
    color: #5fcf80 !important;
}

/* Teachers Section - أخضر */
.single-teacher .teacher-content h4 a:hover {
    color: #5fcf80 !important;
}

/* Blog Section - أخضر */
.single-blog .blog-content h4 a:hover {
    color: #5fcf80 !important;
}

.single-blog .blog-meta ul li a:hover {
    color: #5fcf80 !important;
}

/* Footer - خلفية سكني فاتح، نص سكني غامق */
.footer-area {
    background-color: #f8f9fa !important; /* سكني فاتح */
}

.footer-top {
    background-image: url(/assets_user/img/bg/b3.jpg) !important;
    /*background-color: #f8f9fa !important; /* سكني فاتح */
    background-image: none !important; /* إزالة الصورة الخلفية */
}

.footer-top.default-overlay:before {
    display: none !important; /* إزالة overlay */
}

/* جميع النصوص في الفوتر - سكني غامق */
.footer-area *,
.footer-top *,
.footer-widget *,
.footer-widget p,
.footer-about *,
.footer-about p,
.footer-title h4,
.footer-title h3,
.footer-list ul li,
.footer-list ul li a,
.footer-about .f-contact-info *,
.footer-about .f-contact-info .single-f-contact-info span,
.footer-about .f-contact-info .single-f-contact-info i,
.copyright,
.copyright p,
.copyright a,
.footer-menu ul li,
.footer-menu ul li a {
    color: #212529 !important; /* سكني غامق */
}

/* الروابط في الفوتر - أخضر عند hover */
.footer-list ul li a:hover,
.footer-about .f-contact-info .single-f-contact-info a:hover,
.footer-menu ul li a:hover,
.copyright a:hover {
    color: #5fcf80 !important; /* أخضر عند hover */
}

/* Scroll Up Button - أخضر */
#scrollUp {
    background-color: #5fcf80 !important;
}

/* Registration Form - أخضر */
.register-form .default-btn,
.contact-form-style .default-btn {
    background-color: #5fcf80 !important;
    border-color: #5fcf80 !important;
}

.register-form .default-btn:hover,
.contact-form-style .default-btn:hover {
    background-color: #4db870 !important;
    border-color: #4db870 !important;
}

/* Achievement Counters - أخضر */
.single-count .count-content h2 {
    color: #5fcf80 !important;
}

/* Header Top Background - أخضر */
.header-top:before {
    background-color: #5fcf80 !important;
    opacity: 0.8 !important;
}

/* Sticky Header - أخضر */
.sticky-bar.stick {
    border-bottom-color: #5fcf80 !important;
}

/* Additional Green Accents */
a:hover {
    color: #5fcf80 !important;
}

/* Course Badge - أخضر */
.single-course span {
    background-color: #5fcf80 !important;
}

/* Event Date - أخضر */
.single-event .event-date {
    background-color: #5fcf80 !important;
}

/* Blog Category - أخضر */
.single-blog .blog-content-wrap span {
    background-color: #5fcf80 !important;
    color: #fff !important;
}

/* Blog Date - أخضر */
.single-blog .blog-content-wrap .blog-date {
    background-color: #5fcf80 !important;
}

.single-blog .blog-content-wrap .blog-date a {
    color: #fff !important;
}

.single-blog .blog-content-wrap .blog-date a i {
    color: #fff !important;
}

/* Teacher Position - أخضر */
.single-teacher .teacher-content span {
    color: #5fcf80 !important;
}

/* Footer Social Icons Hover - أخضر */
.footer-social ul li a.facebook:hover,
.footer-social ul li a.youtube:hover,
.footer-social ul li a.twitter:hover,
.footer-social ul li a.google-plus:hover {
    background-color: #5fcf80 !important;
    border-color: #5fcf80 !important;
}

/* Form Inputs Focus - أخضر */
.contact-form-style input:focus,
.contact-form-style textarea:focus,
.subscribe-form input:focus {
    border-color: #5fcf80 !important;
}

/* Pagination - أخضر */
.pagination ul li a:hover,
.pagination ul li.active a {
    background-color: #5fcf80 !important;
    border-color: #5fcf80 !important;
    color: #fff !important;
}

/* Tabs - أخضر */
.nav-tabs .nav-link.active,
.nav-tabs .nav-link:hover {
    color: #5fcf80 !important;
    border-color: #5fcf80 !important;
}

/* Accordion - أخضر */
.accordion-button:not(.collapsed) {
    color: #5fcf80 !important;
    background-color: rgba(95, 207, 128, 0.1) !important;
}

/* Progress Bars - أخضر */
.progress-bar {
    background-color: #5fcf80 !important;
}

/* Badges - أخضر */
.badge-primary,
.badge {
    background-color: #5fcf80 !important;
}

/* Links in Content - أخضر */
.content-area a,
.about-content a {
    color: #5fcf80 !important;
}

.content-area a:hover,
.about-content a:hover {
    color: #4db870 !important;
}

/* Overlay Effects - أخضر */
/* .default-overlay:before {
    background-color: rgba(95, 207, 128, 0.8) !important;
} */

/* Slider Dots Active - أخضر */
.owl-dots .owl-dot.active span,
.owl-dots .owl-dot:hover span {
    background-color: #5fcf80 !important;
}

/* Course Slider Navigation - أخضر */
.course-slider-active .owl-nav button:hover,
.event-active .owl-nav button:hover {
    background-color: #5fcf80 !important;
    border-color: #5fcf80 !important;
}

/* ============================================
   Additional Color Overrides - Green Theme
   ============================================ */

/* Header Contact Links - أخضر */
.header-contact ul li a:hover {
    color: #5fcf80 !important;
}

/* Login/Register Links - أخضر */
.login-register ul li a:hover {
    color: #5fcf80 !important;
}

/* Slider Content h1 - أخضر (for slider-content-3) */
.slider-content-3 h1 {
    color: #5fcf80 !important;
}

/* Nav Style 2 Hover - أخضر */
.nav-style-2.owl-carousel .owl-nav button:hover {
    background-color: #5fcf80 !important;
}

/* Nav Style 1 - أخضر */
.nav-style-1.owl-carousel > .owl-nav button {
    color: #5fcf80 !important;
}

.nav-style-1.owl-carousel > .owl-nav button:hover {
    background-color: #5fcf80 !important;
    color: #fff !important;
}

/* Course Badge New - أخضر */
.single-course .course-img span.new-course {
    color: #5fcf80 !important;
}

/* Course Position Content Icons - أخضر */
.single-course .course-position-content .credit-duration-wrap .sin-credit-duration i {
    color: #5fcf80 !important;
}

/* Admission Title Button - أخضر */
.admission-title .apply-btn a.default-btn {
    color: #5fcf80 !important;
}

/* View All Button - أخضر */
.view-all a.default-btn {
    color: #5fcf80 !important;
    box-shadow: 0px 6px 12px 0.8px rgba(95, 207, 128, 0.22) !important;
}

/* Count White Before - أخضر */
.single-count.count-white:before {
    background-color: #5fcf80 !important;
}

/* Testimonial Content Overlay - أخضر */
.testi-content.default-overlay:before {
    background-color: #5fcf80 !important;
}

/* Register Form Button - أخضر */
.register-form form .contact-form-style button {
    color: #5fcf80 !important;
}

/* Teacher Content Visible - أخضر */
.single-teacher .teacher-content-visible h4,
.single-teacher .teacher-content-visible h5 {
    color: #5fcf80 !important;
}

/* Teacher Overlay - أخضر */
.single-teacher:before {
    background-color: #5fcf80 !important;
}

/* Event Meta Icons - أخضر */
.single-event .event-content .event-meta-wrap .event-meta i {
    background-color: #5fcf80 !important;
}

.single-event .event-content .event-meta-wrap .event-meta span {
    color: #5fcf80 !important;
}

/* Event Navigation - أخضر */
.event-active-2 .e-navigation {
    color: #5fcf80 !important;
}

.event-active-2 .e-navigation:hover {
    background-color: #5fcf80 !important;
    color: #fff !important;
}

/* Blog Meta Icons - أخضر */
.single-blog .blog-content-wrap .blog-content .blog-meta ul li a i {
    color: #5fcf80 !important;
}

/* Blog Navigation - أخضر */
.b-navigation,
.b-navigation2,
.b-navigation3 {
    color: #5fcf80 !important;
}

.b-navigation.active,
.b-navigation2.active2,
.b-navigation3.active3 {
    background-color: #5fcf80 !important;
    color: #fff !important;
}

/* Pagination - أخضر */
.pro-pagination-style ul li a {
    color: #5fcf80 !important;
    box-shadow: 0 0px 12px 0.8px rgba(95, 207, 128, 0.1) !important;
}

.pro-pagination-style ul li a:hover,
.pro-pagination-style ul li a.active {
    background-color: #5fcf80 !important;
    color: #fff !important;
}

.pro-pagination-style ul li a.prev,
.pro-pagination-style ul li a.next {
    color: #5fcf80 !important;
}

.pro-pagination-style ul li a.prev:hover,
.pro-pagination-style ul li a.next:hover {
    background-color: #5fcf80 !important;
    color: #fff !important;
}

/* Footer Title Underline - أخضر */
.footer-widget .footer-title h4:before {
    background-color: #5fcf80 !important;
}

.footer-widget .footer-title h4 {
    color: #212529 !important; /* سكني غامق */
}

/* Footer Bottom Background - سكني فاتح */
.footer-bottom {
    background-color: #e9ecef !important; /* سكني فاتح */
}

.footer-bottom *,
.footer-bottom .copyright,
.footer-bottom .copyright p,
.footer-bottom .copyright a,
.footer-bottom .footer-menu ul li,
.footer-bottom .footer-menu ul li a {
    color: #212529 !important; /* سكني غامق */
}

.footer-bottom .copyright a:hover,
.footer-bottom .footer-menu ul li a:hover {
    color: #5fcf80 !important; /* أخضر عند hover */
}

/* Subscribe Form Button - أخضر */
.footer-widget .subscribe-style .subscribe-form form .clear input {
    color: #5fcf80 !important;
}

.footer-widget .subscribe-style .subscribe-form form .clear input:hover {
    background-color: #5fcf80 !important;
    color: #fff !important;
}
/* Event Date Wrap - أخضر */
.single-event .event-img .event-date-wrap {
    background-color: #5fcf80 !important;
}

/* Event Date - أخضر */
.single-event .event-img .event-date-wrap span {
    color: #fff !important;
}

/* Product Badge - أخضر */
.product-wrap .product-img span {
    background-color: #5fcf80 !important;
}

/* Breadcrumb Bottom - أخضر */
.breadcrumb-bottom {
    background-color: #5fcf80 !important;
}

/* Choose Newsletter Button - أخضر */
.choose-newsletter form button:hover {
    background-color: #5fcf80 !important;
    border-color: #5fcf80 !important;
    color: #fff !important;
}

/* Slider Button White Color Border - أخضر */
.slider-content .slider-btn a.btn-white-color {
    border-color: #7dd99f !important;
}

/* Additional Hover States - أخضر */
a:hover {
    color: #5fcf80 !important;
}

/* Course Content h4 hover - أخضر */
.single-course .course-content h4 a:hover {
    color: #5fcf80 !important;
}

/* Event Content h3 hover - أخضر */
.single-event .event-content h3 a:hover {
    color: #5fcf80 !important;
}

/* Blog Content h4 hover - أخضر */
.single-blog .blog-content-wrap .blog-content h4 a:hover {
    color: #5fcf80 !important;
}

/* Teacher Content h3 hover - أخضر */
.single-teacher .teacher-content h3 a:hover {
    color: #5fcf80 !important;
}

/* Footer Contact Info Links - سكني غامق، أخضر عند hover */
.footer-about .f-contact-info .single-f-contact-info a {
    color: #212529 !important; /* سكني غامق */
}

.footer-about .f-contact-info .single-f-contact-info a:hover {
    color: #5fcf80 !important; /* أخضر عند hover */
}

/* ============================================
   Shop Page - Green Theme
   ============================================ */

/* Shop Top Bar - أخضر */
.shop-top-bar .shop-tab-wrap .shop-tab a.active {
    color: #5fcf80 !important; /* أخضر */
}

/* Shop List - أخضر */
.shop-list-wrap .shop-list-content .review-rating i {
    color: #5fcf80 !important; /* أخضر */
}

.shop-list-wrap .shop-list-content .product-action-list ul li a:hover {
    background-color: #5fcf80 !important; /* أخضر عند hover */
    color: #fff !important;
}

/* Product Wrap - أخضر */
.product-wrap .product-content .pro-title-rating-wrap .product-title h3 a:hover {
    color: #5fcf80 !important; /* أخضر عند hover */
}

.product-wrap .product-content .pro-title-rating-wrap .product-rating i {
    color: #5fcf80 !important; /* أخضر */
}

.product-wrap .product-img .product-action ul li a:hover {
    background-color: #5fcf80 !important; /* أخضر عند hover */
    color: #fff !important;
}

/* Product Details - أخضر */
.product-details-content .pro-details-rating-wrap .pro-details-rating i {
    color: #5fcf80 !important; /* أخضر */
}

.product-details-content .pro-details-size-color2 .pro-details-color2-wrap .pro-details-color2-content ul li.active:before {
    border-color: #5fcf80 !important; /* أخضر */
}

.product-details-content .pro-details-size-color2 .pro-details-size2 .pro-details-size2-content ul li a:hover {
    background-color: #5fcf80 !important; /* أخضر عند hover */
    color: #fff !important;
}

.product-details-img .product-dec-slider .product-dec-icon {
    color: #5fcf80 !important; /* أخضر */
}

.product-details-img .product-dec-slider .product-dec-icon:hover {
    background-color: #5fcf80 !important; /* أخضر */
    color: #fff !important;
}

.pro-details-quality .pro-details-wishlist a:hover {
    background-color: #5fcf80 !important; /* أخضر عند hover */
    border-color: #5fcf80 !important;
    color: #fff !important;
}

.description-review-topbar a.active {
    border-bottom-color: #5fcf80 !important; /* أخضر */
}

/* Cart Page - أخضر */
.cart-table-content table tbody > tr td.product-remove a:hover {
    color: #5fcf80 !important; /* أخضر عند hover */
}

.cart-table-content table tbody > tr td.product-wishlist-cart > a {
    background-color: #5fcf80 !important; /* أخضر */
}

.cart-table-content table tbody > tr td.product-wishlist-cart > a:hover {
    background-color: #333 !important;
}

.cart-shiping-update-wrapper .cart-shiping-update > a:hover,
.cart-shiping-update-wrapper .cart-clear > button:hover,
.cart-shiping-update-wrapper .cart-clear > a:hover {
    background-color: #5fcf80 !important; /* أخضر عند hover */
    color: #fff !important;
}

.cart-tax .tax-wrapper .tax-select-wrapper button.cart-btn-2,
.discount-code-wrapper .tax-wrapper .tax-select-wrapper button.cart-btn-2 {
    background-color: #5fcf80 !important; /* أخضر */
}

.cart-tax .tax-wrapper .tax-select-wrapper button.cart-btn-2:hover,
.discount-code-wrapper .tax-wrapper .tax-select-wrapper button.cart-btn-2:hover {
    background-color: #333 !important;
}

.cart-tax .discount-code form button.cart-btn-2,
.discount-code-wrapper .discount-code form button.cart-btn-2 {
    background-color: #5fcf80 !important; /* أخضر */
}

.cart-tax .discount-code form button.cart-btn-2:hover,
.discount-code-wrapper .discount-code form button.cart-btn-2:hover {
    background-color: #333 !important;
}

.grand-totall h4.grand-totall-title {
    color: #5fcf80 !important; /* أخضر */
}

.grand-totall a {
    background-color: #5fcf80 !important; /* أخضر */
}

.grand-totall a:hover {
    background-color: #333 !important;
}

/* Checkout Page - أخضر */
.billing-info-wrap .checkout-account-toggle button.checkout-btn {
    background-color: #5fcf80 !important; /* أخضر */
}

.billing-info-wrap .checkout-account-toggle button.checkout-btn:hover {
    background-color: #333 !important;
}

.your-order-area .your-order-wrap .your-order-product-info .your-order-total ul li {
    color: #5fcf80 !important; /* أخضر */
}

.your-order-area .Place-order > a {
    background-color: #5fcf80 !important; /* أخضر */
}

.your-order-area .Place-order > a:hover {
    background-color: #333 !important;
}

/* Login/Register Page - أخضر */
.login-register-wrapper .login-register-tab-list a.active h4 {
    color: #5fcf80 !important; /* أخضر */
}

.login-register-wrapper .login-form-container .login-register-form form .button-box .login-toggle-btn a:hover {
    color: #5fcf80 !important; /* أخضر عند hover */
}

/* ============================================
   Admin Login Page - إصلاح الستايل
   ============================================ */
/* إصلاح الستايل لصفحة تسجيل الدخول - استخدام selector أكثر تحديداً */
#app .flex-root,
body .flex-root {
    min-height: 100vh !important;
    background-color: #f5f5f5 !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* إصلاح الستايل للـ container الرئيسي */
#app .flex-column-fluid {
    background-color: #f5f5f5 !important;
    min-height: 100vh !important;
}

/* إصلاح الستايل للنموذج */
#kt_sign_in_form {
    background-color: transparent !important;
}

/* إصلاح الستايل للأزرار */
#kt_sign_in_form .btn-primary {
    background-color: #5fcf80 !important;
    border-color: #5fcf80 !important;
}

#kt_sign_in_form .btn-primary:hover {
    background-color: #4db870 !important;
    border-color: #4db870 !important;
}

/* إصلاح الستايل للحقول */
#kt_sign_in_form .form-control {
    background-color: #fff !important;
    border-color: #e0e0e0 !important;
    color: #212529 !important;
}

#kt_sign_in_form .form-control:focus {
    border-color: #5fcf80 !important;
    box-shadow: 0 0 0 0.2rem rgba(95, 207, 128, 0.25) !important;
}

/* إصلاح الستايل للعنوان */
#kt_sign_in_form h1 {
    color: #212529 !important;
    font-weight: 700 !important;
    font-size: 2rem !important;
}

/* إصلاح الستايل للرابط */
#kt_sign_in_form a {
    color: #5fcf80 !important;
    text-decoration: none !important;
}

#kt_sign_in_form a:hover {
    color: #4db870 !important;
    text-decoration: none !important;
}

/* إصلاح الستايلات العامة لصفحة تسجيل الدخول */
body:has([href*="/admin/login"]) .flex-root,
body:has([href*="/admin/login"]) .flex-column-fluid {
    background-color: #f5f5f5 !important;
    min-height: 100vh !important;
}

/* إصلاح الستايلات للحقول - أكثر شمولية */
.flex-root .form-control,
.flex-root input.form-control {
    background-color: #fff !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 0.475rem !important;
    color: #212529 !important;
    padding: 0.75rem 1rem !important;
    font-size: 1rem !important;
    line-height: 1.5 !important;
    width: 100% !important;
    box-shadow: none !important;
}

.flex-root .form-control:focus,
.flex-root input.form-control:focus {
    background-color: #fff !important;
    border-color: #5fcf80 !important;
    color: #212529 !important;
    outline: 0 !important;
    box-shadow: 0 0 0 0.2rem rgba(95, 207, 128, 0.25) !important;
}

.flex-root .form-control::placeholder,
.flex-root input.form-control::placeholder {
    color: #6c757d !important;
    opacity: 1 !important;
}

/* إصلاح الستايلات للأزرار - أكثر شمولية */
.flex-root .btn-primary,
.flex-root button.btn-primary {
    background-color: #5fcf80 !important;
    border-color: #5fcf80 !important;
    color: #fff !important;
    font-weight: 500 !important;
    padding: 0.75rem 1.5rem !important;
    font-size: 1rem !important;
    border-radius: 0.475rem !important;
    transition: all 0.3s ease !important;
    box-shadow: none !important;
}

.flex-root .btn-primary:hover,
.flex-root .btn-primary:focus,
.flex-root button.btn-primary:hover,
.flex-root button.btn-primary:focus {
    background-color: #4db870 !important;
    border-color: #4db870 !important;
    color: #fff !important;
    box-shadow: 0 0.5rem 1rem rgba(95, 207, 128, 0.15) !important;
}

.flex-root .btn-primary:active,
.flex-root button.btn-primary:active {
    background-color: #45a865 !important;
    border-color: #45a865 !important;
}

/* إصلاح الستايلات للنصوص */
.flex-root h1,
.flex-root .text-gray-900 {
    color: #212529 !important;
    font-weight: 700 !important;
}

.flex-root .text-center {
    text-align: center !important;
}

/* إصلاح الستايلات للصورة */
.flex-root img {
    max-width: 100% !important;
    height: auto !important;
}

/* إصلاح الستايلات للـ spinner */
.flex-root .spinner-border {
    width: 1rem !important;
    height: 1rem !important;
    border-width: 0.15em !important;
}

/* إصلاح الستايلات للـ indicator */
.flex-root .indicator-label {
    display: inline-block !important;
}

.flex-root .indicator-progress {
    display: none !important;
}

.flex-root .btn-primary[data-kt-indicator="on"] .indicator-label {
    display: none !important;
}

.flex-root .btn-primary[data-kt-indicator="on"] .indicator-progress {
    display: inline-block !important;
}

/* إزالة أي تأثيرات من القالب */
.flex-root * {
    box-sizing: border-box !important;
}

/* إصلاح الستايلات للـ wrapper */
.flex-root .w-lg-500px {
    max-width: 500px !important;
    width: 100% !important;
}

/* إصلاح الستايلات للـ padding */
.flex-root .p-10 {
    padding: 2.5rem !important;
}

@media (max-width: 991.98px) {
    .flex-root .p-10 {
        padding: 1.5rem !important;
    }
}

/* إصلاح الستايلات للـ margin */
.flex-root .mb-11 {
    margin-bottom: 2.75rem !important;
}

.flex-root .mb-8 {
    margin-bottom: 2rem !important;
}

.flex-root .mb-3 {
    margin-bottom: 0.75rem !important;
}

.flex-root .mb-10 {
    margin-bottom: 2.5rem !important;
}

/* إصلاح الستايلات للـ flex */
.flex-root .d-flex {
    display: flex !important;
}

.flex-root .flex-column {
    flex-direction: column !important;
}

.flex-root .flex-center {
    justify-content: center !important;
    align-items: center !important;
}

.flex-root .flex-column-fluid {
    flex: 1 1 auto !important;
}

/* إصلاح الستايلات للـ width */
.flex-root .w-100 {
    width: 100% !important;
}

.flex-root .w-lg-50 {
    width: 100% !important;
}

@media (min-width: 992px) {
    .flex-root .w-lg-50 {
        width: 50% !important;
    }
}

/* إصلاح الستايلات للـ order */
.flex-root .order-2 {
    order: 2 !important;
}

.flex-root .order-lg-1 {
    order: 1 !important;
}

@media (min-width: 992px) {
    .flex-root .order-lg-1 {
        order: 1 !important;
    }
}
}

.login-register-wrapper .login-form-container .login-register-form form .button-box button {
    background-color: #5fcf80 !important; /* أخضر */
}

.login-register-wrapper .login-form-container .login-register-form form .button-box button:hover {
    background-color: #333 !important;
}

.text-white{
    color: #fff !important;
}

.logo img {
    width: 158px !important;
    margin-top: -38px !important;
    height: 93px !important;
}