/* ESHRAQAT V10 - focused mobile visual fixes and home news rail.
   This file is loaded last; no payment, forms, course marketing URL or filter markup is changed. */
html:has(body.esh9-home){overflow-x:clip!important}
body.esh9-home{overflow-x:clip!important;max-width:100%}
:root{--esh10-green:#204d3c;--esh10-gold:#ba9d54}
/* Fix original header logo on ALL public pages, including nested course paths. */
.site_header.esh-v6-header{background:#fff!important}
.site_header.esh-v6-header .site_logo,.site_header.esh-v6-header .site_logo .site_link{opacity:1!important;visibility:visible!important;position:relative!important;z-index:2!important}
.site_header.esh-v6-header .site_logo img{display:block!important;opacity:1!important;visibility:visible!important;width:clamp(112px,12vw,142px)!important;height:auto!important;max-height:82px!important;object-fit:contain!important}
/* Remove legacy decorative bullets/dots next to submenu page names without losing submenu arrows on the parent. */
.site_header.esh-v6-header .main_menu_list .dropdown-menu,
.site_header.esh-v6-header .main_menu_list .dropdown-menu ul,
.site_header.esh-v6-header .main_menu_list .dropdown-menu li{list-style:none!important;list-style-type:none!important;}
.site_header.esh-v6-header .main_menu_list .dropdown-menu li::marker{content:""!important;font-size:0!important}
.site_header.esh-v6-header .main_menu_list .dropdown-menu li::before,
.site_header.esh-v6-header .main_menu_list .dropdown-menu li::after,
.site_header.esh-v6-header .main_menu_list .dropdown-menu a::before,
.site_header.esh-v6-header .main_menu_list .dropdown-menu a::after{content:none!important;display:none!important;background:none!important}
.site_header.esh-v6-header .main_menu_list .dropdown-menu li>a.nav-link{padding-right:14px!important;text-indent:0!important}
/* HOME: course rail controls remain functional; hide helper/counter entirely. */
body.esh9-home .courses_section .esh9-track-hint,body.esh9-home .courses_section .esh9-courses-progress{display:none!important}
body.esh9-home .courses_section .esh9-courses-nav{justify-content:flex-end!important;align-items:center!important;padding:0 0 12px!important;min-height:48px!important}
body.esh9-home .courses_section .esh9-courses-buttons{margin:0!important;display:flex!important;flex-direction:row!important;gap:9px!important;direction:rtl!important}
body.esh9-home .courses_section .esh9-courses-buttons button{width:42px!important;height:42px!important;border-radius:13px!important}
/* Latest articles: one article at a time, full controls, native scroll snap + touch. */
body.esh9-home .seo-articles-showcase{padding:clamp(42px,5vw,76px) 0!important;background:linear-gradient(180deg,#fff,#f6faf6)!important}
body.esh9-home .seo-articles-showcase .seo-head{margin-bottom:18px!important}
body.esh9-home .seo-articles-showcase .esh10-news-controls{display:flex;align-items:center;justify-content:flex-end;gap:9px;direction:rtl;margin:0 0 18px!important}
body.esh9-home .esh10-news-controls button{width:44px;height:44px;border:1px solid #dfe9df;border-radius:14px;background:#fff;color:var(--esh10-green);display:grid;place-items:center;cursor:pointer;transition:background .2s,color .2s;box-shadow:0 6px 18px rgba(25,58,35,.06)}
body.esh9-home .esh10-news-controls button:hover{background:var(--esh10-green);color:#fff}
body.esh9-home .esh10-news-controls button:focus-visible,body.esh9-home .esh10-news-track:focus-visible{outline:3px solid #c3a45b;outline-offset:3px}
body.esh9-home .seo-articles-showcase .seo-grid.esh10-news-track{display:flex!important;grid-template-columns:none!important;flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;gap:16px!important;scroll-snap-type:x mandatory!important;scroll-behavior:smooth!important;scrollbar-width:none!important;overscroll-behavior-inline:contain!important;direction:rtl!important;padding:4px 3px 20px!important;margin:0!important;touch-action:pan-x pan-y}
body.esh9-home .esh10-news-track::-webkit-scrollbar{display:none}
body.esh9-home .esh10-news-track.esh10-dragging{scroll-snap-type:none!important;scroll-behavior:auto!important;user-select:none;cursor:grabbing}
body.esh9-home .seo-articles-showcase .seo-grid.esh10-news-track>article{flex:0 0 calc(100% - 6px)!important;width:calc(100% - 6px)!important;min-width:0!important;max-width:none!important;min-height:290px!important;height:auto!important;overflow:hidden!important;display:grid!important;grid-template-columns:minmax(0,43%) minmax(0,57%)!important;grid-template-rows:auto!important;align-items:stretch!important;background:#fff!important;border:1px solid #e3ebe2!important;border-radius:22px!important;box-shadow:0 14px 34px rgba(24,54,34,.07)!important;scroll-snap-align:start!important;margin:0!important;transition:none!important;}
body.esh9-home .seo-articles-showcase .seo-grid.esh10-news-track>article::after{content:none!important;display:none!important}
body.esh9-home .seo-articles-showcase .seo-grid.esh10-news-track .seo-feature>img{position:static!important;inset:auto!important;grid-column:1!important;grid-row:1!important;width:100%!important;height:100%!important;min-height:270px!important;object-fit:cover!important;object-position:center!important;}
body.esh9-home .seo-articles-showcase .seo-grid.esh10-news-track .seo-feature-content{position:relative!important;grid-column:2!important;grid-row:1!important;z-index:1!important;margin:0!important;width:100%!important;max-width:none!important;min-width:0!important;padding:clamp(22px,4vw,45px)!important;color:#294634!important;background:#fff!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:flex-start!important;}
body.esh9-home .seo-articles-showcase .seo-grid.esh10-news-track .seo-feature h3{font-size:clamp(23px,2.6vw,34px)!important;color:#234b38!important;line-height:1.5!important;margin:12px 0!important}
body.esh9-home .seo-articles-showcase .seo-grid.esh10-news-track .seo-feature p{font-size:clamp(13px,1.35vw,16px)!important;color:#617268!important;line-height:1.85!important}
body.esh9-home .seo-articles-showcase .seo-grid.esh10-news-track .seo-card-img{grid-column:1!important;grid-row:1!important;height:100%!important;min-height:270px!important;background:#edf3ec!important}
body.esh9-home .seo-articles-showcase .seo-grid.esh10-news-track .seo-card-img img{height:100%!important;width:100%!important;object-fit:cover!important;}
body.esh9-home .seo-articles-showcase .seo-grid.esh10-news-track .seo-card-body{grid-column:2!important;grid-row:1!important;min-width:0!important;padding:clamp(22px,4vw,45px)!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:flex-start!important;}
body.esh9-home .seo-articles-showcase .seo-grid.esh10-news-track .seo-card h3{font-size:clamp(22px,2.3vw,31px)!important;line-height:1.5!important;margin:10px 0!important;color:#244c38!important;}
body.esh9-home .seo-articles-showcase .seo-grid.esh10-news-track .seo-card p{font-size:clamp(13px,1.3vw,16px)!important;line-height:1.8!important;color:#637268!important}
body.esh9-home .seo-articles-showcase .seo-grid.esh10-news-track .seo-btn,
body.esh9-home .seo-articles-showcase .seo-grid.esh10-news-track .seo-more{display:inline-flex!important;align-items:center!important;margin-top:12px!important;padding:11px 18px!important;background:var(--esh10-green)!important;color:#fff!important;border-radius:11px!important;font-weight:900!important;text-decoration:none!important;}
/* Precise RTL arrow meaning: previous →, next ←. Physical arrows are never CSS-mirrored. */
body.esh9-home .partner-section .carousel_arrow button i,body.esh9-home .testimonial_section .carousel_arrow button i{transform:none!important}
body.esh9-home .partner-section .carousel_arrow button,body.esh9-home .testimonial_section .carousel_arrow button{border:1px solid #d9e4da;border-radius:50%;background:#fff;box-shadow:0 5px 16px rgba(32,60,40,.05)}
@media(max-width:767.98px){
 /* A readable, calm hero instead of 4 giant heading lines. Preserve every word. */
 body.esh9-home .hero_banner .content_wrap{padding:28px 0 30px!important;background-position:center center!important}
 body.esh9-home .hero_banner .banner_small_title{font-size:15px!important;margin-bottom:7px!important;letter-spacing:0!important}
 body.esh9-home .hero_banner .banner_description{font-size:13px!important;line-height:1.85!important;gap:10px!important;margin-bottom:12px!important;align-items:flex-start!important}
 body.esh9-home .hero_banner .banner_description img{width:48px!important;min-width:48px!important;height:48px!important;object-fit:cover!important}
 body.esh9-home .hero_banner .banner_big_title{font-size:clamp(26px,7vw,34px)!important;line-height:1.35!important;letter-spacing:0!important;margin:13px 0 20px!important;overflow-wrap:break-word!important;text-wrap:balance;}
 body.esh9-home .hero_banner .banner_btns_group{display:flex!important;flex-wrap:wrap!important;gap:12px!important;align-items:center!important;justify-content:center!important;padding:0!important}
 body.esh9-home .hero_banner .banner_btns_group li{min-width:0!important;max-width:100%!important}
 body.esh9-home .hero_banner .banner_btns_group .btn{min-height:50px!important;padding:10px 18px!important;font-size:15px!important;white-space:normal!important;border-radius:13px!important}
 body.esh9-home .hero_banner .video_play_btn .esh7-hero-message{font-size:12px!important;padding:7px 11px!important;min-height:35px!important}
 body.esh9-home .hero_banner .video_play_btn .icon{width:41px!important;height:41px!important;min-width:41px!important}
 /* Tab categories: keep the THREE ORIGINAL labels in ONE horizontal row. */
 body.esh9-home .courses_section .tabs_wrapper>.nav{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;align-items:stretch!important;justify-content:stretch!important;gap:6px!important;padding:7px!important;margin:0 0 16px!important;max-width:100%!important;border-radius:16px!important;}
 body.esh9-home .courses_section .tabs_wrapper>.nav>li{width:100%!important;min-width:0!important;max-width:none!important;flex:none!important;margin:0!important;}
 body.esh9-home .courses_section .tabs_wrapper>.nav>li>button{width:100%!important;min-width:0!important;min-height:83px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:5px!important;padding:8px 4px!important;border-radius:12px!important;font-size:clamp(10px,2.8vw,12px)!important;line-height:1.45!important;text-align:center!important;white-space:normal!important;word-break:normal!important;overflow-wrap:normal!important;}
 body.esh9-home .courses_section .tabs_wrapper>.nav>li>button span{display:block!important;max-width:100%!important;text-align:center!important;white-space:normal!important;line-height:1.45!important;}
 body.esh9-home .courses_section .tabs_wrapper>.nav>li>button i{font-size:18px!important;flex:none!important;}
 body.esh9-home .courses_section .esh9-courses-nav{min-height:43px!important}
 body.esh9-home .courses_section .esh9-courses-buttons button{width:40px!important;height:40px!important;border-radius:12px!important}
 /* Testimonials: preserve words, names, and stars; stop disproportionate whitespace. */
 body.esh9-home .testimonial_section{padding:39px 0 29px!important;overflow:hidden!important}
 body.esh9-home .testimonial_section .section_heading{margin-bottom:14px!important}
 body.esh9-home .testimonial_section .section_heading .heading_text{font-size:clamp(25px,7vw,33px)!important;line-height:1.4!important}
 body.esh9-home .testimonial_section .testimonial_item{height:auto!important;min-height:0!important;border:1px solid #e7ebe6!important;border-radius:18px!important;box-shadow:0 8px 24px rgba(31,58,41,.06)!important;overflow:hidden!important;}
 body.esh9-home .testimonial_section .testimonial_content{padding:22px 18px!important;min-height:0!important}
 body.esh9-home .testimonial_section .testimonial_content p{font-size:15px!important;line-height:1.95!important;margin:10px 0 15px!important;}
 body.esh9-home .testimonial_section .carousel_arrow{margin:16px auto 0!important;gap:9px!important}
 /* Partners: same logos and slider, but fitted into visual cards with sensible spacing. */
 body.esh9-home .partner-section{padding:33px 0 46px!important;overflow:hidden!important}
 body.esh9-home .partner-section .section_heading{margin-bottom:15px!important}
 body.esh9-home .partner-section .heading_text{font-size:clamp(27px,7vw,35px)!important;margin:0!important}
 body.esh9-home .partner-section .partner_item{display:grid!important;place-items:center!important;min-height:130px!important;height:130px!important;padding:13px!important;background:#fff!important;border:1px solid #edf0ec!important;border-radius:17px!important;}
 body.esh9-home .partner-section .partner_item img{max-height:94px!important;max-width:100%!important;width:auto!important;height:auto!important;object-fit:contain!important}
 body.esh9-home .partner-section .carousel_arrow{margin-top:18px!important;gap:9px!important}
 /* News carousel: one stacked article with its own image, not a vertical page-long grid. */
 body.esh9-home .seo-articles-showcase .seo-grid.esh10-news-track>article{display:flex!important;flex-direction:column!important;min-height:0!important;grid-template-columns:none!important;}
 body.esh9-home .seo-articles-showcase .seo-grid.esh10-news-track .seo-card-img,
 body.esh9-home .seo-articles-showcase .seo-grid.esh10-news-track .seo-feature>img{flex:0 0 auto!important;width:100%!important;height:205px!important;min-height:0!important;max-height:205px!important;object-fit:cover!important;}
 body.esh9-home .seo-articles-showcase .seo-grid.esh10-news-track .seo-feature-content,
 body.esh9-home .seo-articles-showcase .seo-grid.esh10-news-track .seo-card-body{width:100%!important;flex:1!important;min-width:0!important;padding:21px 19px!important;}
 body.esh9-home .seo-articles-showcase .seo-grid.esh10-news-track .seo-feature h3,
 body.esh9-home .seo-articles-showcase .seo-grid.esh10-news-track .seo-card h3{font-size:21px!important;line-height:1.5!important}
 body.esh9-home .seo-articles-showcase .seo-grid.esh10-news-track .seo-feature p,
 body.esh9-home .seo-articles-showcase .seo-grid.esh10-news-track .seo-card p{font-size:14px!important;line-height:1.8!important}
 body.esh9-home .seo-articles-showcase .seo-head h2{font-size:clamp(26px,7vw,32px)!important}
 body.esh9-home .seo-articles-showcase .seo-head h2::before,body.esh9-home .seo-articles-showcase .seo-head h2::after{width:18px!important;margin:0 7px!important}
 body.esh9-home .esh10-news-controls button{width:40px;height:40px;border-radius:12px}
 .site_header.esh-v6-header .site_logo img{width:122px!important;max-height:72px!important}
}
@media(prefers-reduced-motion:reduce){body.esh9-home .seo-articles-showcase .seo-grid.esh10-news-track{scroll-behavior:auto!important}body.esh9-home .esh10-news-controls button{transition:none!important}}
