/* Eshraqat V9 / November 2026 — Scoped changes only.
 * Home: ONLY the course tab cards become a compact touch carousel.
 * Courses: more polished page banners / cards; original content and forms remain intact.
 */
:root{--esh9-ink:#1d392a;--esh9-green:#1c6045;--esh9-gold:#c6a656;--esh9-soft:#f6f9f5}
/* HOME — DO NOT alter other sections, marketing, news, header or main hero */
.esh9-home .courses_section .tabs_wrapper>.nav{margin-bottom:18px!important}
.esh9-home .courses_section .esh9-courses-nav{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:0 2px 13px;direction:rtl}
.esh9-home .courses_section .esh9-courses-nav .esh9-track-hint{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:800;color:#526b59;margin:0}
.esh9-home .esh9-track-hint i{color:var(--esh9-gold);font-size:16px}
.esh9-home .esh9-courses-buttons{display:flex;align-items:center;gap:9px;margin-right:auto}
.esh9-home .esh9-courses-buttons button{width:46px;height:46px;border:1px solid #dbe6dc;border-radius:50%;background:#fff;color:var(--esh9-green);display:grid;place-items:center;cursor:pointer;transition:background .2s,color .2s,border-color .2s,transform .2s;box-shadow:0 7px 19px rgba(23,68,39,.07)}
.esh9-home .esh9-courses-buttons button:hover{background:var(--esh9-green);color:#fff;transform:translateY(-2px)}
.esh9-home .esh9-courses-buttons button:focus-visible,.esh9-home .courses_section .courses-wrapper>.row:focus-visible{outline:3px solid #c6a656;outline-offset:3px}
.esh9-home .esh9-courses-progress{min-width:43px;text-align:center;direction:ltr;color:#536c58;font-size:14px;font-weight:800;font-variant-numeric:tabular-nums}
.esh9-home .courses_section .tab-pane .courses-wrapper{max-width:100%;overflow:hidden}
.esh9-home .courses_section .tab-pane .courses-wrapper>.row{display:flex!important;flex-wrap:nowrap!important;align-items:stretch!important;gap:22px!important;margin:0!important;padding:4px 4px 20px!important;max-width:100%!important;min-width:0!important;overflow-x:auto!important;overflow-y:hidden!important;direction:rtl!important;scroll-snap-type:x mandatory;scroll-padding-inline:4px;scroll-behavior:smooth;scrollbar-width:none;overscroll-behavior-inline:contain;touch-action:pan-x pan-y;cursor:grab}
.esh9-home .courses_section .tab-pane .courses-wrapper>.row::-webkit-scrollbar{display:none}
.esh9-home .courses_section .tab-pane .courses-wrapper>.row.esh9-dragging{scroll-behavior:auto!important;scroll-snap-type:none!important;cursor:grabbing;user-select:none}
.esh9-home .courses_section .tab-pane .courses-wrapper>.row>.col{flex:0 0 calc((100% - 44px)/3)!important;width:calc((100% - 44px)/3)!important;max-width:none!important;min-width:0!important;margin:0!important;padding:0!important;scroll-snap-align:start;scroll-snap-stop:always;display:flex!important}
.esh9-home .courses_section .tab-pane .courses-wrapper .course_card{width:100%!important;min-width:0!important}
.esh9-home .courses_section .tab-pane .course_card .item_image img{object-fit:contain!important;background:#f7f9f5!important}
.esh9-home .courses_section .tab-pane .course_card .item_image{background:#f7f9f5!important}
/* LISTING + COURSE DETAIL — refined breadcrumb hero inspired by "About". */
.esh9-listing .page_banner,.esh9-detail .page_banner{position:relative!important;isolation:isolate;overflow:hidden;padding:49px 0!important;background:linear-gradient(127deg,#18392b,#325440)!important}
.esh9-listing .page_banner .content_wrapper,.esh9-detail .page_banner .content_wrapper{position:relative;isolation:isolate;overflow:hidden;min-height:260px!important;display:flex;align-items:center;margin:0!important;padding:clamp(27px,4.3vw,66px)!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:27px!important;box-shadow:0 25px 66px rgba(2,20,10,.15)!important;background-image:linear-gradient(90deg,rgba(22,55,37,.95),rgba(26,64,44,.88)),url('/assets/images/banner/offline-banner.webp')!important;background-size:cover!important;background-position:center!important;color:#fff!important}
.esh9-listing .page_banner .content_wrapper:before,.esh9-detail .page_banner .content_wrapper:before{content:"";position:absolute;width:370px;height:370px;left:-120px;bottom:-210px;border-radius:50%;border:1px solid rgba(217,194,128,.38);box-shadow:0 0 0 38px rgba(204,177,103,.045),0 0 0 83px rgba(204,177,103,.04);pointer-events:none;z-index:-1}
.esh9-listing .page_banner .content_wrapper>.row,.esh9-detail .page_banner .content_wrapper>.row{width:100%;position:relative;z-index:2;margin:0!important}
.esh9-listing .page_banner .content_wrapper .col-xl-8,.esh9-detail .page_banner .content_wrapper .col-lg-7{position:relative;z-index:2}
.esh9-listing .page_banner .breadcrumb_nav,.esh9-detail .page_banner .breadcrumb_nav{margin:0 0 17px!important;display:flex;gap:10px!important;flex-wrap:wrap;align-items:center}
.esh9-listing .page_banner .breadcrumb_nav li,.esh9-detail .page_banner .breadcrumb_nav li{color:#d6e3da!important;font-size:13px!important}
.esh9-listing .page_banner .breadcrumb_nav a,.esh9-detail .page_banner .breadcrumb_nav a{color:#f7e7bb!important;text-decoration:none}
.esh9-listing .page_banner .page_title,.esh9-detail .page_banner .page_title{color:white!important;font-size:clamp(30px,4vw,52px)!important;line-height:1.4!important;font-weight:900!important;margin:0 0 13px!important;max-width:760px}
.esh9-listing .page_banner .page_description,.esh9-detail .page_banner .page_description{color:#edf5ed!important;line-height:1.95!important;font-size:15px!important;max-width:630px!important;margin-bottom:16px!important}
.esh9-kicker{display:inline-flex;align-items:center;gap:9px;padding:7px 13px;border:1px solid rgba(255,233,177,.28);border-radius:999px;color:#f7e7bb;background:rgba(215,179,106,.1);font-weight:800;font-size:12px;margin-bottom:17px}
.esh9-kicker i{font-size:13px;color:#f2d387}
.esh9-listing .page_banner .form_item{max-width:510px;margin-top:18px!important;background:#fff!important;border-radius:14px!important;overflow:hidden;box-shadow:0 12px 32px rgba(0,0,0,.13)!important}
.esh9-listing .page_banner .form_item input{min-width:0!important;color:#2a4234!important;border:0!important;background:#fff!important}
.esh9-listing .page_banner .form_item button{background:#d4b060!important;color:#1f3828!important;border-radius:11px!important;margin:5px!important}
.esh9-listing .page_banner .form_item button *{color:#1f3828!important}
.esh9-detail .page_banner .content_wrapper{padding-left:clamp(27px,4.3vw,65px)!important;min-height:290px!important}
.esh9-detail .page_banner .content_wrapper>.row{width:75%!important}
.esh9-detail .page_banner .esh9-banner-media{position:absolute;left:2%;top:12%;height:76%;width:27%;max-width:310px;z-index:1;border:0;border-radius:18px;overflow:hidden;box-shadow:none;background:#e9eee8;opacity:.13;filter:saturate(.55);pointer-events:none}
.esh9-detail .page_banner .esh9-banner-media img{width:100%;height:100%;object-fit:contain;background:#f5f7f4}
.esh9-detail .page_banner .inner_content_html{color:#ebf0e8!important}
.esh9-listing .courses_archive_section{background:linear-gradient(180deg,#f8faf6,#fff)!important}
.esh9-listing .courses_archive_section .course_card{border-radius:21px!important;box-shadow:0 12px 32px rgba(25,58,36,.07)!important}
.esh9-listing .courses_archive_section .course_card .item_image{background:#f5f8f4!important}
.esh9-listing .courses_archive_section .course_card .item_image img{object-fit:contain!important;background:#f5f8f4!important}
.esh9-listing .courses_archive_section .course_card .item_title{font-size:19px!important;line-height:1.7!important;min-height:65px!important}
.esh9-listing .courses_archive_section .filter_topbar{border-radius:18px!important}
.esh9-listing .courses_archive_section .course_card .item_content>.btn{border-radius:12px!important}
.esh9-listing .courses_archive_section .course_card .item_content>.btn:hover{background:#124833!important}
.esh9-detail .course_details_section .course_info_card .details_image img{object-fit:contain!important;background:#f5f8f3!important}
@media(max-width:1100px){.esh9-home .courses_section .tab-pane .courses-wrapper>.row>.col{flex-basis:calc((100% - 22px)/2)!important;width:calc((100% - 22px)/2)!important}}
@media(max-width:767.98px){
 .esh9-home .courses_section .tab-pane .courses-wrapper>.row{gap:14px!important;padding:3px 2px 17px!important}
 .esh9-home .courses_section .tab-pane .courses-wrapper>.row>.col{flex:0 0 calc(100% - 8px)!important;width:calc(100% - 8px)!important;max-width:440px!important}
 .esh9-home .esh9-track-hint span{font-size:12px}
 .esh9-home .esh9-courses-nav{gap:9px}
 .esh9-home .esh9-courses-buttons button{width:40px;height:40px}
 .esh9-listing .page_banner,.esh9-detail .page_banner{padding:24px 0!important}
 .esh9-listing .page_banner .content_wrapper,.esh9-detail .page_banner .content_wrapper{min-height:230px!important;padding:27px 22px!important;border-radius:19px!important}
 .esh9-listing .page_banner .page_title,.esh9-detail .page_banner .page_title{font-size:clamp(29px,8vw,36px)!important}
 .esh9-listing .page_banner .page_description{font-size:14px!important;line-height:1.9!important}
 .esh9-detail .page_banner .content_wrapper>.row{width:100%!important}
 .esh9-detail .page_banner .esh9-banner-media{opacity:.13;left:-18%;top:7%;height:84%;width:68%;max-width:none;border:0;filter:saturate(.75)}
 .esh9-detail .page_banner .content_wrapper:before{opacity:.3}
 .esh9-listing .courses_archive_section .course_card .item_title{min-height:0!important}
}
@media(prefers-reduced-motion:reduce){.esh9-home .courses_section .tab-pane .courses-wrapper>.row{scroll-behavior:auto!important}.esh9-home .esh9-courses-buttons button{transition:none!important}.esh9-home .courses_section .course_card{transform:none!important}}