/*
Theme Name: Mzlalah - إبداع النهضة
Theme URI: https://mzlahalradh.com/
Author: Custom development
Description: قالب مخصص يعيد بناء واجهة موقع مظلات وسواتر الرياض اعتماداً على ملفات CodeIgniter الأصلية.
Version: 0.3.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: mzlalahksa
*/

/* Mzlalah theme layer - original CodeIgniter CSS is retained. */
body { direction: rtl; font-family: 'Droid Arabic Kufi', sans-serif; }
.header .navbar-brand img, .mobile-nav .logo img { max-height: 74px; width: auto; }
.slider-section-four .hero-slider-item { background-position: center; background-size: cover; min-height: 620px; }
.slider-section-four .slider-text { text-align: right; }
.slider-section-four .slider-text h1 { max-width: 720px; }
.mzlalah-article, .mzlalah-page { direction: rtl; text-align: right; line-height: 2; }
.mzlalah-article .article-featured { margin: 25px 0; text-align: center; }
.mzlalah-article .article-featured img { max-height: 620px; width: auto; }
.article-content { font-size: 17px; line-height: 2.1; color: #555; }
.article-content img { height: auto; }
.single-team-wrapper .single-team img { width: 100%; height: 250px; object-fit: cover; }
.single-blog-img img { width: 100%; height: 230px; object-fit: cover; }
.footer-top .icon-float { z-index: 999; }
.footer-top .icon-float-call { bottom: 105px; }
@media (max-width: 767px) {
 .slider-section-four .hero-slider-item { min-height: 520px; }
 .slider-section-four .slider-text h1 { font-size: 28px; line-height: 1.6; }
 .header-wrapper-four .contact-info-wrapper { text-align: center; }
}

/* Mobile-first refinements for Mzlalah homepage */
@media (max-width: 767px) {
 html,body{max-width:100%;overflow-x:hidden}
 .header,.header-wrapper-one,.header-wrapper-four{width:100%}
 .header-wrapper-one{display:none!important}
 .header-wrapper-one>.container>.row{display:flex;align-items:center}
 .header-wrapper-one .col-lg-4,.header-wrapper-one .col-md-4{flex:0 0 68%;max-width:68%;order:2;text-align:right}
 .header-wrapper-one .col-lg-8,.header-wrapper-one .col-md-8{flex:0 0 32%;max-width:32%;order:1}
 .header .navbar-brand{display:inline-flex;align-items:center;max-width:100%}
 .header .navbar-brand img,.header .navbar-brand .custom-logo{display:block!important;width:auto!important;max-width:100%!important;max-height:58px!important;height:auto!important}
 .header .contact-info-wrapper{display:none!important}
 .header .right-btn{display:block!important;text-align:left}
 .header .navbar-area{min-height:0}
 .header .navbar-area .mobile-nav{display:flex!important;align-items:center;justify-content:space-between;min-height:76px;padding:8px 16px;background:#171717}
 .header .navbar-area .construction-nav-one{display:block!important}
 .header .navbar-area .navbar{min-height:44px;padding:0}
 .header .navbar-area .mean-menu{display:none!important}
 .slider-section-four .hero-slider-item{min-height:440px!important;height:440px!important;background-position:center center!important;background-size:cover!important}
 .slider-section-four .d-table,.slider-section-four .d-tablecell{min-height:440px!important;height:440px!important}
 .slider-section-four .slider-text{width:100%;max-width:100%;padding:36px 12px 24px;text-align:center!important}
 .slider-section-four .slider-text h3{font-size:15px!important;margin-bottom:12px}
 .slider-section-four .slider-text h1{font-size:clamp(25px,6.4vw,34px)!important;line-height:1.5!important;max-width:100%!important;margin:0 auto 12px;overflow-wrap:anywhere}
 .slider-section-four .slider-text .typewrite{font-size:17px!important}
 .slider-section-four .slide-button{margin-top:20px}
 .slider-section-four .slide-button .default-btn{font-size:14px!important;padding:12px 20px!important}
 .about-section-four,.team-section-four,.choose-section,.testimoinal-section-four,.blog-section-four,.contact-section-four{padding-top:48px!important;padding-bottom:48px!important}
 .about-section-four .experience-video{margin-bottom:28px}
 .about-section-four .experience-video img{width:100%;height:auto}
 .about-section-four .about-text-wrapper{text-align:right}
 .team-section-four .single-team-wrapper{margin-bottom:22px}
 .team-section-four .single-team img{width:100%;height:auto}
 .counter-section-four .single-counter{margin:12px 0}
 .position-section-four{padding:42px 15px!important;text-align:center}
 .position-section-four h2{font-size:25px!important;line-height:1.5!important}
 .testimoinal-section-four .single-testimonial{margin-bottom:18px}
 .blog-section-four .single-blog-wrapper{margin-bottom:22px}
 .footer-top .single-widget{margin-bottom:28px}
 .icon-float{z-index:9999}
}
@media(max-width:380px){.slider-section-four .hero-slider-item,.slider-section-four .d-table,.slider-section-four .d-tablecell{min-height:410px!important;height:410px!important}.slider-section-four .slider-text h1{font-size:24px!important}}

@media(max-width:767px){
 .mobile-nav .logo{display:flex!important;align-items:center;max-width:72%;font-size:0}
 .mobile-nav .logo img,.mobile-nav .logo .custom-logo{display:block!important;max-width:100%!important;width:auto!important;height:auto!important;max-height:62px!important}
 .mobile-nav .mean-menu, .mobile-nav .navbar-nav{display:none!important}
 .navbar-area .mean-bar{display:block!important}
 .navbar-area .meanmenu-reveal{top:22px!important;left:16px!important;right:auto!important}
}