@media (min-width: 992px){
.c-layout-header .c-navbar .c-mega-menu.c-pull-right {
    float: right;
}

.c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li {
    margin-right: 5px;
}

}

.c-layout-header .c-topbar-light {
    background-color: #1F3A88;
}

.c-layout-header .c-topbar-light .c-top-menu > .c-links > li > a:not(.btn), .c-layout-header .c-topbar-light .c-top-menu > .c-icons > li > a:not(.btn) > i
{
	color: #ffffff;
}

.c-content-services-6 .c-content-services-6-item {
    padding: 20px 20px 30px 20px;
}

.c-content-services-6 .c-content-services-6-item .c-content-services-6-item-title {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 0px;
	
}

.btn {
    font-size: 12px;
}

.c-font-18 {
    font-size: 14px;
}

.c-font-16 {
    font-size: 12px;
}

.c-layout-header .c-topbar .c-top-menu > .c-links > li > a:not(.btn), .c-layout-header .c-topbar .c-top-menu > .c-links > li > span {
    font-size: 12px;
}

.c-brand.c-pull-left {
    margin: 3px !important;
}

.c-content-tab-4.c-opt-5 > .nav > li.active > a, .c-content-tab-4.c-opt-5 > .nav > li:active > a {
    color: #0096D4;
    background-color: #27282B;
}
.c-content-tab-4.c-opt-5 > .nav > li > a {
    color: #27282B;
}

.cbp img {
  
    height: 180px;
}

.c-btn-border-2x.c-btn-green {
    border-color: #244298;
    color: #244298;
    background: none;
    border-color: #244298;
}

.c-btn-border-2x.c-btn-green.btn-no-focus:hover, .c-btn-border-2x.c-btn-green:hover, .c-btn-border-2x.c-btn-green.btn-no-focus:active, .c-btn-border-2x.c-btn-green:active, .c-btn-border-2x.c-btn-green.active, .open > .c-btn-border-2x.c-btn-green.dropdown-toggle {
    color: #ffffff;
    background: #244298;
    border-color: #244298;
}

.item .content p {
    text-align: justify;
	/*font-size: 14px;*/
    line-height: 30px;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: #fff;
    background-color: #1F3A88;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
    cursor: default;
}
.metrostyle {
    padding: 25px !important;
}

@media (min-width: 992px){
.c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-link {
    letter-spacing: 0px !important;
}}

@media (min-width: 768px) {
.navbar-nav>li>a{
   padding:5px; 
} 

}

/* ===== لوحة meirc: أزرق ملكي #244298 + سماوي #0096D4 ===== */
body .c-bg-red-2-hover:hover { background-color: #244298 !important; color:#fff !important; }
body .c-content-feature-2:hover { background-color: #244298 !important; }
body .c-icon-wrapper > .fa { color: #244298 !important; }
body .c-bg-dark-2 { background-color: #244298 !important; }
body .my_hover:hover, body .c-menu.c-theme > li > i { color: #2969D3 !important; }
body li.active > a:focus, body li.active > a:hover { color: #2969D3 !important; border-bottom-color: #2969D3 !important; }
body a:focus, body li.active:focus { color: #2969D3 !important; }
body button.c-btn-yellow-2, body a.c-btn-yellow-2 { background-color: #244298 !important; border-color: #244298 !important; color:#fff !important; }
body a.metrostyle { background-color: #244298 !important; }
body a.metrostyle:hover { background-color: #2969D3 !important; }
body [style*="background: #036"] { background-color: #244298 !important; }
body .home_group_btn, body a.btn.home_group_btn { background-color: #244298 !important; border-color: #244298 !important; color:#fff !important; }
body .child_div_members_cost, body span.input-group-addon.child_div_members_cost { background-color: #244298 !important; border-color:#244298 !important; color:#fff !important; }
body .c-label.c-bg-red, body .c-label.c-bg-red-2 { background-image: linear-gradient(#0096D4, #0096D4) !important; }
body .pagination > li > a, body .pagination > li > span, body .page-link { color: #244298 !important; }
body .pagination > .active > a, body .pagination > .active > span, body .page-item.active .page-link { background-color: #244298 !important; border-color:#244298 !important; color:#fff !important; }
body .btn-primary, body input.btn-primary, body a.btn-primary, body button.btn-primary { background-color: #0096D4 !important; border-color: #0096D4 !important; color:#fff !important; }
body .btn-primary:hover, body .btn-primary:focus, body .btn-primary:active { background-color: #007AB0 !important; border-color: #007AB0 !important; color:#fff !important; }

/* ===== كروت الدورات: أطراف منحنية ===== */
body .c-content-product-2 { border-radius: 14px !important; overflow: hidden !important; box-shadow: 0 2px 10px rgba(0,0,0,.07) !important; transition: box-shadow .25s ease, transform .25s ease !important; }
body .c-content-product-2:hover { box-shadow: 0 10px 28px rgba(0,0,0,.14) !important; transform: translateY(-3px) !important; }
body .c-content-product-2 .c-content-overlay, body .c-content-product-2 .c-bg-img-center { border-radius: 0 !important; }
body .c-content-product-2 .btn-group.btn-group-justified, body .c-content-product-2 .btn-group.btn-group-justified > .btn-group > .btn { border-radius: 0 !important; }

/* ===== تدرج الهيدر والفوتر - مطابق لـ meirc (#dt-top-section / #dt-copyright-section) =====
   الميل 34 درجة من الأزرق الملكي إلى الوردي المغبّر.
   نستخدم background-image لأنها تُرسم فوق أي background-color سابق. */
body .c-topbar,
body .c-topbar.c-topbar-light,
body .c-layout-footer-10-subfooter-container {
    background-image: linear-gradient(34deg, #244298 0%, #dc8b84 100%) !important;
    background-color: #244298 !important;
}

/* ظل نصي خفيف: الطرف الوردي من التدرج تباينه مع الأبيض منخفض (2.6:1) */
body .c-topbar a,
body .c-topbar span,
body .c-topbar li,
body .c-layout-footer-10-subfooter-container,
body .c-layout-footer-10-subfooter-container a {
    text-shadow: 0 1px 2px rgba(0, 0, 0, .35);
}
body .c-topbar .btn,
body .c-topbar .c-btn { text-shadow: none; }

/* ===== قائمة الأقسام الجانبية =====
   إخفاء الأيقونات، تصغير الخط، وكل قسم داخل إطار بأطراف منحنية.
   التفرقة بين عنوان المجموعة والقسم عبر الرابط:
   /category/ = عنوان مجموعة   |   /course_training/ = قسم */

body .cat_div { list-style: none !important; padding: 0 !important; margin: 0 !important; }

body .cat_div > li {
    font-size: 12px !important;
    line-height: 1.45 !important;
    list-style: none !important;
    margin: 0 0 6px !important;
    padding: 0 !important;
}

/* إخفاء الأيقونة الصغيرة قبل النص */
body .cat_div li a img { display: none !important; }

/* القسم: إطار منحني */
body .cat_div li a[href*="/course_training/"] {
    display: block !important;
    padding: 9px 12px !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
    color: #27282B !important;
    background: #fff !important;
    border: 1px solid #E3E7EF !important;
    border-radius: 10px !important;
    text-decoration: none !important;
    transition: border-color .18s ease, background .18s ease, box-shadow .18s ease, color .18s ease !important;
}
body .cat_div li a[href*="/course_training/"]:hover,
body .cat_div li a[href*="/course_training/"]:focus {
    color: #244298 !important;
    background: #F5F7FC !important;
    border-color: #244298 !important;
    box-shadow: 0 2px 8px rgba(36, 66, 152, .10) !important;
}

/* عنوان المجموعة: بدون إطار، أبرز قليلاً */
body .cat_div li a[href*="/category/"] {
    display: block !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #244298 !important;
    padding: 0 !important;
    margin: 16px 0 8px !important;
    border: 0 !important;
    background: transparent !important;
    text-decoration: none !important;
}
body .cat_div li:first-child a[href*="/category/"] { margin-top: 0 !important; }

/* العناصر الفرعية داخل الأكورديون تأخذ نفس شكل الإطار المنحني */
body .c-content-ver-nav.cat_div a[href*="specialization="] {
    display: block !important;
    padding: 8px 11px !important;
    margin: 0 0 5px !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
    color: #27282B !important;
    background: #fff !important;
    border: 1px solid #E3E7EF !important;
    border-radius: 10px !important;
    font-weight: 400 !important;
    transition: border-color .18s ease, background .18s ease, color .18s ease !important;
}
body .c-content-ver-nav.cat_div a[href*="specialization="]:hover {
    color: #244298 !important; background: #F5F7FC !important; border-color: #244298 !important;
}
body .c-content-ver-nav.cat_div a[href*="specialization="] img { display: none !important; }

/* ===== الفراغ فوق السلايدر + شريط الهوية =====
   الترويسة absolute بارتفاع 108px و .c-layout-page كان له margin-top:145px،
   فينتج فراغ أبيض 37px. نضبط الهامش على 110px ونرسم شريطين بلوني الشعار:
   أحمر 2px (عبر box-shadow خارج الصندوق) فوق كحلي 3px (حد علوي). */
body .c-layout-page {
    margin-top: 156px !important;
    border-top: 3px solid #102A5C !important;
    box-shadow: 0 -2px 0 0 #C6102E !important;
}

/* ===== توحيد مقاس بنرات السلايدر =====
   الصور بنسب مختلفة (3.44 / 3.00 / 2.70) فكل شريحة تظهر بارتفاع مختلف.
   نثبّت نسبة 1440:418 (=3.44، نسبة أعرض صورتين) مع object-fit:cover،
   فتُقص الصور الأطول رأسياً من المنتصف ولا تُقص العريضة من الجانبين. */
body #myCarousel .item img.img-responsive {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1440 / 418 !important;
    object-fit: cover !important;
    object-position: center center !important;
    display: block !important;
}
@media (max-width: 767px) {
    /* الموبايل: البنر لازم يظهر كامل (النص جواه) — contain بنسبة أضيق صورة (2.7) بدل cover اللي كان بيقص الجوانب */
    body #myCarousel .item img.img-responsive { aspect-ratio: 2.7 / 1 !important; object-fit: contain !important; background: #eef3fb; }
}

/* ===== نموذج البحث: صف واحد ملاصق للبنر، بدون عنوان =====
   الحقول موزّعة على form-group صفّين × 4 أعمدة col-md-3.
   نستخدم حشواً جانبياً على الأعمدة بدل gap، فتتساوى المسافات
   حتى عند الحد الفاصل بين المجموعتين. */
body .c-content-box:has(.c-content-feature-1) { padding: 12px 0 20px !important; }

/* إخفاء عنوان "Search in Courses" */
body .c-content-box:has(.c-content-feature-1) .c-content-title-1 { display: none !important; }

body .c-content-feature-1 form {
    display: flex !important; flex-wrap: nowrap !important;
    align-items: center !important; gap: 0 !important;
    margin: 0 -4px !important;
}
body .c-content-feature-1 form > .form-group {
    display: flex !important; flex-wrap: nowrap !important;
    align-items: center !important; gap: 0 !important;
    flex: 1 1 0 !important; min-width: 0 !important; margin: 0 !important;
}
body .c-content-feature-1 form .form-group > [class*="col-md-"] {
    flex: 1 1 0 !important; width: auto !important; max-width: none !important;
    min-width: 0 !important; margin: 0 !important; float: none !important;
    padding: 0 4px !important;
}
body .c-content-feature-1 form .form-control,
body .c-content-feature-1 form select,
body .c-content-feature-1 form .btn {
    width: 100% !important; min-width: 0 !important;
    padding-left: 9px !important; padding-right: 9px !important; text-overflow: ellipsis !important;
}
@media (max-width: 1199px) {
    body .c-content-feature-1 form,
    body .c-content-feature-1 form > .form-group { flex-wrap: wrap !important; }
    body .c-content-feature-1 form > .form-group { flex: 1 1 100% !important; }
    body .c-content-feature-1 form .form-group > [class*="col-md-"] { flex: 1 1 22% !important; margin-bottom: 8px !important; }
}
@media (max-width: 767px) {
    body .c-content-feature-1 form .form-group > [class*="col-md-"] { flex: 1 1 46% !important; }
}

/* ===== ضبط نهائي لشريط البحث =====
   1) قسم السلايدر في LTR عليه min-height:500px بينما الكاروسيل 418px،
      فينتج فراغ 82px تحت البنر في الإنجليزية فقط.
   2) عروض متفاوتة: الكلمة المفتاحية أوسع، والشهر/السنة/الزر أضيق.
   3) ارتفاع موحّد لكل الحقول والزر. */
body .c-layout-revo-slider { min-height: 0 !important; }

/* أوزان المجموعتين = مجموع أوزان حقولها، ليصحّ التناسب عبر الصف كله */
body .c-content-feature-1 form > .form-group:nth-of-type(1) { flex-grow: 6 !important; }
body .c-content-feature-1 form > .form-group:nth-of-type(2) { flex-grow: 4 !important; }

body .c-content-feature-1 form > .form-group:nth-of-type(1) > [class*="col-md-"]:nth-child(1) { flex-grow: 2 !important; }
body .c-content-feature-1 form > .form-group:nth-of-type(1) > [class*="col-md-"]:nth-child(2) { flex-grow: 1 !important; }
body .c-content-feature-1 form > .form-group:nth-of-type(1) > [class*="col-md-"]:nth-child(3) { flex-grow: 1 !important; }
body .c-content-feature-1 form > .form-group:nth-of-type(1) > [class*="col-md-"]:nth-child(4) { flex-grow: 1 !important; }
body .c-content-feature-1 form > .form-group:nth-of-type(1) > [class*="col-md-"]:nth-child(5) { flex-grow: 1 !important; }
body .c-content-feature-1 form > .form-group:nth-of-type(2) > [class*="col-md-"]:nth-child(1) { flex-grow: 1 !important; }
body .c-content-feature-1 form > .form-group:nth-of-type(2) > [class*="col-md-"]:nth-child(2) { flex-grow: 1 !important; }
body .c-content-feature-1 form > .form-group:nth-of-type(2) > [class*="col-md-"]:nth-child(3) { flex-grow: 1 !important; }
body .c-content-feature-1 form > .form-group:nth-of-type(2) > [class*="col-md-"]:nth-child(4) { flex-grow: 1 !important; }

/* ارتفاع موحّد */
body .c-content-feature-1 form .form-control,
body .c-content-feature-1 form input,
body .c-content-feature-1 form select,
body .c-content-feature-1 form .btn,
body .c-content-feature-1 form button {
    height: 42px !important;
    min-height: 42px !important;
    line-height: 1.2 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    box-sizing: border-box !important;
    vertical-align: middle !important;
}

/* الحقول كانت عليها margin-bottom:10px فصار ارتفاع حاوياتها 52px بينما
   حاوية الزر 42px، ومع align-items:center ينتج إزاحة رأسية 5px.
   نصفّر الهوامش ليقف الجميع على خط واحد. */
body .c-content-feature-1 form .form-control,
body .c-content-feature-1 form input,
body .c-content-feature-1 form select,
body .c-content-feature-1 form .btn,
body .c-content-feature-1 form button { margin: 0 !important; }
body .c-content-feature-1 form .form-group > [class*="col-md-"] > * { margin-bottom: 0 !important; }

/* ===== تبويبات "الدورات حسب التخصص" =====
   1) كانت display:table-cell فتتحجّم حسب طول النص (236/203/186/146px).
      نحوّلها إلى فليكس بأوزان متساوية.
   2) عند التحويم كان النص يأخذ لون الخلفية فيصبح غير مقروء. */
body #c_courses .nav-tabs.nav-justified {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    border-bottom: 1px solid #E3E7EF !important;
}
body #c_courses .nav-tabs.nav-justified > li {
    flex: 1 1 0 !important;
    width: auto !important;
    min-width: 0 !important;
    display: flex !important;
    float: none !important;
    margin: 0 !important;
}
body #c_courses .nav-tabs.nav-justified > li > a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 64px !important;
    margin: 0 !important;
    padding: 10px 8px !important;
    text-align: center !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
    color: #3F444A !important;
    background: transparent !important;
    border: 1px solid transparent !important;
    border-radius: 0 !important;
    transition: background .18s ease, color .18s ease !important;
}
/* النشط والتحويم: خلفية كحلية ونص أبيض */
body #c_courses .nav-tabs.nav-justified > li > a:hover,
body #c_courses .nav-tabs.nav-justified > li > a:focus,
body #c_courses .nav-tabs.nav-justified > li.active > a,
body #c_courses .nav-tabs.nav-justified > li.active > a:hover,
body #c_courses .nav-tabs.nav-justified > li.active > a:focus {
    background-color: #244298 !important;
    color: #fff !important;
    border-color: #244298 !important;
}
@media (max-width: 991px) {
    body #c_courses .nav-tabs.nav-justified { flex-wrap: wrap !important; }
    body #c_courses .nav-tabs.nav-justified > li { flex: 1 1 33% !important; }
}

/* ===== صور مكسورة: مسار بلا اسم ملف =====
   قوالب المدينة ترسم <img src="/uploads/{{حقل}}"> بلا شرط، فإذا كان الحقل
   فارغاً ينتج src="/uploads" وتظهر أيقونة صورة مكسورة. نخفي هذه الحالة. */
body img[src$="/uploads"],
body img[src$="/uploads/"] { display: none !important; }
body a:has(> img[src$="/uploads"]) { display: none !important; }

/* ===== شريط البحث: حدود زرقاء بدل الخضراء + أطراف منحنية =====
   اللون الأخضر #5DC09C يأتي من كلاس has-success في بوتستراب. */
body .c-content-feature-1 form .form-control,
body .c-content-feature-1 form input,
body .c-content-feature-1 form select,
body .c-content-feature-1 .has-success .form-control,
body .c-content-feature-1 .has-success input,
body .c-content-feature-1 .has-success select {
    border: 1px solid #244298 !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    color: #27282B !important;
}
body .c-content-feature-1 form .form-control:focus,
body .c-content-feature-1 form input:focus,
body .c-content-feature-1 form select:focus,
body .c-content-feature-1 .has-success .form-control:focus {
    border-color: #0096D4 !important;
    box-shadow: 0 0 0 3px rgba(0, 150, 212, .15) !important;
}
/* زر البحث بنفس الانحناء */
body .c-content-feature-1 form .btn,
body .c-content-feature-1 form button {
    border-radius: 8px !important;
    border: 1px solid #244298 !important;
}
/* أيقونة التحقق الخضراء التي يضيفها has-success */
body .c-content-feature-1 .has-success .form-control-feedback { display: none !important; }

/* ==================================================================
   إعادة هيكلة قسم المزايا
   القديم: شبكة 3×2 من بطاقات بيضاء، الأيقونة يمين النص.
   الجديد: شريط أفقي واحد من 5 عناصر بفواصل رأسية، الأيقونة فوق النص،
           ثم شريط دعوة عريض بعرض القسم كامل.
   ================================================================== */
body .c-content-feature-2-grid .row {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
    margin: 0 !important;
    background: #fff !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    box-shadow: 0 2px 14px rgba(16, 42, 92, .07) !important;
}

/* العناصر الخمسة: صف واحد متساوٍ */
body .c-content-feature-2-grid .row > a:has(.c-content-feature-2) {
    order: 1 !important;
    flex: 1 1 0 !important;
    min-width: 0 !important;
    display: block !important;
    border-inline-end: 1px solid #E8ECF4 !important;
    transition: background .2s ease !important;
}
body .c-content-feature-2-grid .row > a:has(.c-content-feature-2):last-of-type { border-inline-end: 0 !important; }
body .c-content-feature-2-grid .row > a:has(.c-content-feature-2):hover { background: #F5F7FC !important; }

body .c-content-feature-2-grid .row > a > [class*="col-md-"] {
    width: 100% !important; max-width: none !important; float: none !important; padding: 0 !important;
}

/* البطاقة نفسها: أيقونة فوق، نص تحت، توسيط */
body .c-content-feature-2-grid .c-content-feature-2 {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    height: 100% !important;
    padding: 30px 16px 26px !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    transform: none !important;
}
body .c-content-feature-2-grid .c-icon-wrapper {
    width: 58px !important; height: 58px !important;
    display: flex !important; align-items: center !important; justify-content: center !important;
    margin: 0 0 14px !important;
    background: #EEF3FB !important;
    border-radius: 50% !important;
    float: none !important;
}
body .c-content-feature-2-grid .c-icon-wrapper > .fa {
    font-size: 24px !important; color: #244298 !important; margin: 0 !important;
}
body .c-content-feature-2-grid .c-content-feature-2 h3 {
    font-size: 14px !important; font-weight: 700 !important;
    color: #244298 !important; margin: 0 0 8px !important; line-height: 1.35 !important;
}
body .c-content-feature-2-grid .c-content-feature-2 p {
    font-size: 12px !important; line-height: 1.6 !important;
    color: #6B7280 !important; margin: 0 !important;
}

/* شريط الدعوة: عرض كامل أسفل الصف */
body .c-content-feature-2-grid .row > a:has(.c-theme-bg) {
    order: 2 !important;
    flex: 1 1 100% !important;
    display: block !important;
}
body .c-content-feature-2-grid .c-content-v-center.c-theme-bg {
    height: auto !important;
    background: linear-gradient(90deg, #244298 0%, #16306F 100%) !important;
    border-radius: 0 !important;
}
body .c-content-feature-2-grid .c-content-v-center.c-theme-bg .c-body {
    padding: 18px 26px !important;
}
body .c-content-feature-2-grid .c-content-v-center.c-theme-bg h3 {
    font-size: 15px !important; line-height: 1.5 !important; margin: 0 !important;
}

@media (max-width: 991px) {
    body .c-content-feature-2-grid .row > a:has(.c-content-feature-2) { flex: 1 1 50% !important; border-bottom: 1px solid #E8ECF4 !important; }
}
@media (max-width: 575px) {
    body .c-content-feature-2-grid .row > a:has(.c-content-feature-2) { flex: 1 1 100% !important; }
}

/* الفقرة ورثت padding-left:95px من القالب الأصلي (كان يفسح مكاناً للأيقونة
   العائمة)، فبدت مزاحة لليمين رغم text-align:center. والشريط الأزرق عليه
   margin-bottom:20px يترك شريطاً أبيض أسفله. */
body .c-content-feature-2-grid .c-content-feature-2 p,
body .c-content-feature-2-grid .c-content-feature-2 h3 {
    padding: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
    max-width: 100% !important;
}
body .c-content-feature-2-grid .c-content-feature-2 h3 { margin-bottom: 8px !important; }
body .c-content-feature-2-grid .c-content-feature-2 p  { margin-bottom: 0 !important; }

body .c-content-feature-2-grid .c-content-v-center.c-theme-bg {
    margin: 0 !important;
}
body .c-content-feature-2-grid .row > a:has(.c-theme-bg) {
    line-height: 0 !important;
    font-size: 0 !important;
}
body .c-content-feature-2-grid .row > a:has(.c-theme-bg) * {
    line-height: 1.5 !important;
}
body .c-content-feature-2-grid .row > a:has(.c-theme-bg) h3 { font-size: 15px !important; }

/* الشريط العلوي: أزرق صريح بدل التدرج المتحول إلى وردي */
body .c-topbar,
body .c-topbar.c-topbar-light {
    background-image: none !important;
    background-color: #244298 !important;
}
/* التدرج كان يبرر ظل النص؛ لم يعد له داعٍ على لون صريح */
body .c-topbar a,
body .c-topbar span,
body .c-topbar li { text-shadow: none !important; }

/* ===== قسم "من نحن" (الصورة القطرية) -> بطاقة صورة مدورة + نص جانبي ===== */
body .c-content-feature-4 {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 55px !important;
    height: auto !important;
    margin-bottom: 0 !important;
    padding: 75px 60px !important;
    background: #f4f6fb !important;
}
body .c-content-feature-4 .c-content-area { display: none !important; }

/* الصورة: تتحول من قطع قطري إلى بطاقة مدورة بإطار وظل */
body .c-content-feature-4 .c-feature-bg,
body .c-content-feature-4 .c-content-right.c-diagonal,
body .c-content-feature-4 .c-content-left.c-diagonal {
    border: 10px solid #fff !important;
}
body .c-content-feature-4 .c-feature-bg {
    position: static !important;
    float: none !important;
    width: 420px !important;
    flex: 0 1 420px !important;
    height: 430px !important;
    margin: 0 !important;
    border-radius: 22px !important;
    box-shadow: 0 0 0 1px #e5e9f2, 0 25px 55px -15px rgba(16,42,92,.35) !important;
    background-attachment: scroll !important;
    background-size: cover !important;
    background-position: center !important;
}

/* عمود النص */
body .c-content-feature-4 > .container {
    flex: 1 1 420px !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 15px !important;
}
body .c-content-feature-4 .c-feature-content {
    float: none !important;
    width: 100% !important;
    position: static !important;
}
body .c-content-feature-4 .c-content-v-center,
body .c-content-feature-4 .c-wrapper,
body .c-content-feature-4 .c-body,
body .c-content-feature-4 .c-content {
    display: block !important;
    height: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    float: none !important;
}

/* شريط صغير ملون فوق العنوان بدل الشكل القديم */
body .c-content-feature-4 .c-content-title-1 {
    margin-bottom: 18px !important;
}
body .c-content-feature-4 .c-content-title-1::before {
    content: "";
    display: block;
    width: 54px;
    height: 4px;
    border-radius: 2px;
    background: #C6102E;
    margin-bottom: 16px;
}
body .c-content-feature-4 h3 {
    text-transform: none !important;
    font-size: 32px !important;
    font-weight: 700 !important;
    color: #102A5C !important;
    line-height: 1.35 !important;
    margin: 0 !important;
}
body .c-content-feature-4 .c-content p.c-margin-b-30 {
    color: #5c6873 !important;
    font-size: 16px !important;
    line-height: 1.85 !important;
    max-width: 96% !important;
    margin-bottom: 26px !important;
}

/* الأزرار: زر رئيسي مصمت + زرين بإطار بدل الثلاثة المتطابقة */
body .c-content-feature-4 .c-content p:has(.home_group_btn) {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
}
body .c-content-feature-4 .home_group_btn {
    border-radius: 30px !important;
    padding: 12px 26px !important;
    font-weight: 600 !important;
    transition: all .2s ease !important;
}
body .c-content-feature-4 .home_group_btn:nth-of-type(1) {
    background: #244298 !important;
    border-color: #244298 !important;
    color: #fff !important;
    box-shadow: 0 10px 22px -8px rgba(36,66,152,.6) !important;
}
body .c-content-feature-4 .home_group_btn:nth-of-type(1):hover {
    background: #1b3277 !important;
    border-color: #1b3277 !important;
}
body .c-content-feature-4 .home_group_btn:nth-of-type(n+2) {
    background: transparent !important;
    border-color: #244298 !important;
    color: #244298 !important;
}
body .c-content-feature-4 .home_group_btn:nth-of-type(n+2):hover {
    background: #244298 !important;
    color: #fff !important;
}

@media (max-width: 767px) {
    body .c-content-feature-4 { padding: 45px 20px !important; gap: 30px !important; }
    body .c-content-feature-4 .c-feature-bg { width: 100% !important; flex-basis: 100% !important; height: 260px !important; }
}

/* قسم "اطلب دورة" (خلفية غامقة) بيستخدم نفس مكون البطاقة -> بدّل الجوانب: الفورم يسار والصورة يمين */
body .c-bg-dark-2 .c-content-feature-4 .c-feature-bg { order: 2 !important; }
body .c-bg-dark-2 .c-content-feature-4 > .container { order: 1 !important; }

/* نص العنوان الفرعي كان أبيض فوق خلفية غامقة، دلوقتي الخلفية فاتحة فبقى مختفي */
body .c-content-feature-4 .c-content-title-1 p { color: #5c6873 !important; }

/* ===== قسم "آخر المنشورات": تابات pill + بطاقة مقال بصورة كبيرة ===== */
body .c-content-tab-5 { padding-bottom: 10px; }

/* العنوان: شريط أحمر صغير تحته زي باقي الأقسام */
body .c-content-box:has(.c-content-tab-5) > .c-content-title-1 h3 {
    color: #102A5C !important;
    font-size: 26px !important;
    font-weight: 700 !important;
    text-transform: none !important;
}
body .c-content-box:has(.c-content-tab-5) > .c-content-title-1 h3::after {
    content: "";
    display: block;
    width: 54px;
    height: 4px;
    border-radius: 2px;
    background: #C6102E;
    margin: 14px auto 0;
}

/* التابات: حبوب داخل شريط رمادي مدوّر */
body .c-content-tab-5 .c-nav-tab {
    display: flex !important;
    justify-content: center;
    flex-wrap: wrap;
    gap: 6px;
    width: fit-content;
    max-width: 100%;
    margin: 0 auto 34px !important;
    padding: 6px !important;
    background: #e9eef7;
    border-radius: 999px;
}
body .c-content-tab-5 .c-nav-tab > li {
    display: block !important;
    margin: 0 !important;
    float: none !important;
}
body .c-content-tab-5 .c-nav-tab > li > a {
    background: transparent !important;
    color: #3f444a !important;
    border-radius: 999px !important;
    padding: 10px 26px !important;
    font-size: 13px;
    font-weight: 600;
    transition: background .2s ease, color .2s ease, box-shadow .2s ease;
}
body .c-content-tab-5 .c-nav-tab > li > a:hover,
body .c-content-tab-5 .c-nav-tab > li > a:focus {
    background: rgba(36, 66, 152, .10) !important;
    color: #244298 !important;
}
body .c-content-tab-5 .c-nav-tab > li.active > a {
    background: #244298 !important;
    color: #fff !important;
    box-shadow: 0 8px 18px -8px rgba(36, 66, 152, .7);
}
/* الأسهم الصغيرة القديمة تحت التاب */
body .c-content-tab-5 .c-nav-tab.c-arrow a::after { display: none !important; }

/* البطاقة */
body .c-content-tab-5 .carousel-inner { padding: 12px 12px 58px; margin-bottom: -22px; }
body .c-content-tab-5 .carousel-inner > .item.active { min-height: 0 !important; }
body .c-content-tab-5 .carousel-inner > .item > .container-fluid { padding: 0 !important; }
body .c-content-tab-5 .carousel-inner > .item .row {
    display: flex !important;
    align-items: stretch;
    margin: 0 auto !important;
    max-width: 1080px;
    background: #fff;
    border-radius: 22px;
    overflow: hidden;
    box-shadow: 0 22px 50px -22px rgba(16, 42, 92, .35), 0 0 0 1px #e8ecf4;
}
body .c-content-tab-5 .carousel-inner > .item .row::before,
body .c-content-tab-5 .carousel-inner > .item .row::after { display: none !important; }

/* الصورة */
body .c-content-tab-5 .item .top {
    float: none !important;
    flex: 0 0 46%;
    width: 46% !important;
    padding: 0 !important;
    position: relative;
    overflow: hidden;
    min-height: 320px;
}
body .c-content-tab-5 .item .top a { display: block; position: absolute; inset: 0; }
body .c-content-tab-5 .item .top img {
    width: 100% !important;
    height: 100% !important;
    max-width: none;
    object-fit: cover;
    transition: transform .6s ease;
}
body .c-content-tab-5 .item .row:hover .top img { transform: scale(1.05); }

/* النص */
body .c-content-tab-5 .item .content {
    float: none !important;
    flex: 1 1 auto;
    width: auto !important;
    padding: 38px 40px !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
body .c-content-tab-5 .item .content h1 {
    margin: 0 0 16px;
    font-size: 22px;
    line-height: 1.55;
    font-weight: 700;
}
body .c-content-tab-5 .item .content h1 a {
    color: #102A5C !important;
    transition: color .2s ease;
}
body .c-content-tab-5 .item .content h1 a:hover { color: #0096D4 !important; }
body .c-content-tab-5 .item .content p {
    margin: 0;
    color: #5c6873;
    font-size: 15px;
    line-height: 1.95;
    text-align: start !important;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* زرار "المزيد" */
body .c-content-tab-5 .tab-pane .btn.c-btn-green {
    border-radius: 999px !important;
    padding: 11px 34px !important;
    font-weight: 600;
}

@media (max-width: 767px) {
    body .c-content-tab-5 .carousel-inner > .item .row { flex-direction: column; }
    body .c-content-tab-5 .item .top { flex: 0 0 auto; width: 100% !important; min-height: 210px; }
    body .c-content-tab-5 .item .content { padding: 24px 22px !important; }
    body .c-content-tab-5 .c-nav-tab { border-radius: 22px; }
}

/* القسمين اللي بيستخدموا c-content-feature-4 (من نحن / اطلب دورة):
   العنصر الخارجي c-content-box فيه قاعدة أصلية (جوه media query) بترسم ارتفاع 750px
   حتى بعد ما بقى المحتوى جواه أقصر بكتير -> فراغ فاضي كبير تحت القسم. نصفّره. */
body .c-content-box:has(> .c-content-feature-4) {
    height: auto !important;
    min-height: 0 !important;
}

/* ===== فيديو تعريفي: نفس تقنية عرض dxbti.com بالظبط (فحصتها من كود الموقع نفسه) -
   حاوية overflow:hidden + فريم بمقاس بكسل مضبوط بالجافاسكريبت (مش تقريب vw/vh) +
   transform:scale(1.2) بسيط لسد هامش التقريب. بلا أي أزرار تحكم مطلقًا (زيهم). ===== */
body .batd-video-section { padding: 0 !important; }
body .batd-video-frame {
    position: relative;
    width: 100%;
    height: clamp(220px, 32vw, 420px);
    overflow: hidden;
    background-color: #0f172a;
}
body .batd-video-frame .video-background-container {
    position: absolute;
    inset: 0;
    overflow: hidden;
    z-index: 0;
    pointer-events: none;
}
body .batd-video-frame .video-background-container iframe {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) scale(1.2) !important;
    border: 0 !important;
    pointer-events: none;
}
body .batd-video-overlay {
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(180deg, rgba(6,16,35,.35) 0%, rgba(6,16,35,.55) 100%);
    pointer-events: none;
}

/* عمود الأقسام في صفحة تفاصيل الدورة: عنصر مباشر تحت .c-layout-page (من غير .container)
   وقاعدة .cat_div فوق بتصفّر الـpadding فكان لازق في حافة الشاشة. نبعده بحد رمادي
   بنفس لون هوامش الصفحة (زي الهامش عند البطاقة الرئيسية) + padding داخلي للنص. */
body .c-layout-page > .c-content-ver-nav.cat_div {
    border-right: 16px solid #eee !important;
    padding-right: 22px !important;
    padding-left: 26px !important;
}

/* صفحة تفاصيل الدورة: لوحتين (الأقسام + المحتوى) بحواف منحنية.
   اللوحات كانت شفافة والأبيض من خلفية الصفحة والرمادي من حدود/شرائط، فمفيش شكل يتقوّر.
   نخلّي خلفية الصفحة رمادي واللوحات بيضا (background-clip:padding-box عشان الأبيض ما يمتدّش
   تحت الحد الشفاف) ونضبط نصف القطر الأفقي = عرض الحد + 18 عشان الانحناء الداخلي يطلع 18px. */
body .c-layout-page:has(> .c-content-ver-nav.cat_div) { background-color: #eee !important; }
body .c-layout-page > .c-content-ver-nav.cat_div {
    background-color: #fff !important;
    background-clip: padding-box !important;
    border-right-color: transparent !important;
    border-radius: 18px 32px 32px 18px / 18px !important;
}
body .c-layout-page > .col-md-9 {
    background-color: #fff !important;
    background-clip: padding-box !important;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-radius: 29px / 18px !important;
}

/* صفحة تفاصيل الدورة: أزرار الدورة في صندوق لوحدها فوق الأقسام (تحت بعض ونفس المقاس)،
   وصندوق الأقسام تحته - كل واحد لوحة بيضا بحواف منحنية. العمود نفسه بقى شفاف. */
body .c-layout-page > .c-content-ver-nav.cat_div {
    background: transparent !important;
    border-radius: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
body .c-layout-page > .c-content-ver-nav.cat_div .batd-course-actions,
body .c-layout-page > .c-content-ver-nav.cat_div .batd-cats-box {
    background: #fff;
    border-radius: 18px;
}
body .batd-course-actions {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 18px;
    margin-bottom: 14px;
}
body .batd-course-actions .btn {
    float: none !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 100% !important;
    height: 46px;
    margin: 0 !important;
    padding: 0 12px !important;
    border-radius: 10px !important;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.3;
    text-align: center;
    white-space: normal;
}
body .batd-cats-box { padding: 4px 22px 22px; }
/* فقرة العنوان كان فيها مسافة 55px تحت عشان الأزرار اللي كانت جواها */
body .c-layout-page > .col-md-9 > .row > .col-md-12:first-child { padding-bottom: 20px !important; }
body .c-layout-page > .col-md-9 > .row > .col-md-12:first-child > br { display: none; }

/* أزرار المشاركة (فيسبوك/إيميل/X) فوق في صف عنوان الدورة، في الجهة المقابلة للاسم */
body .batd-title-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
}
body .batd-title-row > h1 { flex: 1 1 260px; min-width: 0; padding-bottom: 0 !important; }
body .batd-title-row .social_medial_course_details {
    float: none !important;
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0 20px;
}
body .batd-title-row .social_medial_course_details > *,
body .batd-title-row .social_medial_course_details .fb-share-button {
    margin: 0 !important;
}
body .batd-title-row .social_medial_course_details .btn { display: inline-flex; align-items: center; gap: 6px; }

/* تابات أقسام الدورة (نظرة عامة / الأهداف / المحتوى / التاريخ / الرسوم): أزرار متباعدة بدل الخط السفلي */
body .c-content-tab-1 .nav-tabs {
    display: flex !important;
    flex-wrap: wrap;
    gap: 12px;
    border-bottom: 0 !important;
    padding: 8px 0;
}
body .c-content-tab-1 .nav-tabs > li.nav-tabs-li-course-details {
    float: none !important;
    margin: 0 !important;
}
body .c-content-tab-1 .nav-tabs > li.nav-tabs-li-course-details > a {
    margin: 0 !important;
    padding: 11px 24px !important;
    background: #eef2f9 !important;
    color: #244298 !important;
    border: 1px solid transparent !important;
    border-radius: 10px !important;
    font-size: 13px;
    font-weight: 600;
    transition: background .2s ease, color .2s ease, box-shadow .2s ease;
}
body .c-content-tab-1 .nav-tabs > li.nav-tabs-li-course-details > a::before,
body .c-content-tab-1 .nav-tabs > li.nav-tabs-li-course-details > a::after { display: none !important; }
body .c-content-tab-1 .nav-tabs > li.nav-tabs-li-course-details > a:hover,
body .c-content-tab-1 .nav-tabs > li.nav-tabs-li-course-details > a:focus {
    background: rgba(36, 66, 152, .14) !important;
    color: #1b3277 !important;
}
body .c-content-tab-1 .nav-tabs > li.nav-tabs-li-course-details.active > a,
body .c-content-tab-1 .nav-tabs > li.nav-tabs-li-course-details.active > a:hover,
body .c-content-tab-1 .nav-tabs > li.nav-tabs-li-course-details.active > a:focus {
    background: #244298 !important;
    color: #fff !important;
    box-shadow: 0 8px 18px -8px rgba(36, 66, 152, .7);
}
@media (max-width: 767px) {
    body .c-content-tab-1 .nav-tabs { gap: 8px; }
    body .c-content-tab-1 .nav-tabs > li.nav-tabs-li-course-details > a { padding: 9px 16px !important; font-size: 12px; }
}
@media (max-width: 767px) {
    body .c-content-tab-1 .clearfix > div:first-child { float: none !important; width: 100%; }
    body .c-content-tab-1 .nav-tabs > li.nav-tabs-li-course-details { flex: 1 1 calc(50% - 8px); }
    body .c-content-tab-1 .nav-tabs > li.nav-tabs-li-course-details > a { display: block; text-align: center; }
}

/* اسم الدورة في النص + أزرار التابات في المنتصف (أزرار السوشيال اتشالت) */
body .batd-title-row { justify-content: center !important; }
body .batd-title-row > h1 {
    flex: 0 1 auto !important;
    text-align: center !important;
    padding: 0 !important;
}
body .c-content-tab-1 .clearfix > div:first-child { float: none !important; width: 100%; }
body .c-content-tab-1 .nav-tabs { justify-content: center !important; }

/* شريط التابات الثابت (موبايل بس): بيظهر فوق الشاشة لما التابات الأصلية تعدّي */
body .batd-tabs-sticky { display: none; }
@media (max-width: 767px) {
    body .batd-tabs-sticky {
        display: block;
        position: fixed;
        top: 0; left: 0; right: 0;
        z-index: 9990;
        background: #fff;
        box-shadow: 0 8px 20px rgba(16, 42, 92, .18);
        transform: translateY(-120%);
        transition: transform .25s ease;
    }
    body .batd-tabs-sticky.batd-on { transform: translateY(0); }
    body .batd-tabs-sticky .nav-tabs {
        display: flex !important;
        flex-wrap: nowrap !important;
        justify-content: flex-start !important;
        overflow-x: auto;
        gap: 8px;
        margin: 0 !important;
        padding: 8px 12px !important;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }
    body .batd-tabs-sticky .nav-tabs::-webkit-scrollbar { display: none; }
    body .batd-tabs-sticky.c-content-tab-1 .nav-tabs > li.nav-tabs-li-course-details { flex: 0 0 auto !important; }
    body .batd-tabs-sticky.c-content-tab-1 .nav-tabs > li.nav-tabs-li-course-details > a { white-space: nowrap; padding: 9px 16px !important; }
}

/* ==================================================================
   انحناء شامل لكل عناصر الموقع (كل الصفحات): حقول، أزرار، صور، لوحات، قوائم منسدلة...
   الاستثناءات المقصودة: اللوجو، سلايدر الرئيسية (بعرض الشاشة كاملة)، أيقونات الهيدر،
   وأجزاء الكروت اللي ليها انحناء خاص بيها (كروت الدورات/المدن).
   ================================================================== */

/* --- حقول الإدخال والقوائم ومربعات النص --- */
body .form-control,
body select.form-control,
body textarea.form-control,
body .c-square,
body input[type=text], body input[type=email], body input[type=tel], body input[type=number],
body input[type=password], body input[type=search], body input[type=date], body input[type=url],
body select, body textarea {
    border-radius: 10px !important;
}
/* حقل جوه input-group ملزوق بزر/أيقونة: نسيب الانحناء من جهة واحدة بس */
body .input-group .form-control:not(:last-child) { border-top-left-radius: 10px !important; border-bottom-left-radius: 10px !important; border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; }
body .input-group .form-control:not(:first-child) { border-top-right-radius: 10px !important; border-bottom-right-radius: 10px !important; border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; }
body .input-group .form-control:first-child:last-child { border-radius: 10px !important; }
body .input-group-addon { border-radius: 10px !important; }

/* --- محرك البحث في كل الصفحات: حدود زرقاء بدل الأخضر (has-success / c-theme) + انحناء --- */
body .form-horizontal .form-control,
body .form-horizontal input,
body .form-horizontal select,
body .form-horizontal .has-success .form-control {
    border: 1px solid #244298 !important;
    border-radius: 10px !important;
    box-shadow: none !important;
    color: #27282B !important;
}
body .form-horizontal .form-control:focus,
body .form-horizontal select:focus,
body .form-horizontal input:focus {
    border-color: #0096D4 !important;
    box-shadow: 0 0 0 3px rgba(0, 150, 212, .15) !important;
}
body .form-horizontal .has-success .form-control-feedback { display: none !important; }
body .form-horizontal .btn, body .form-horizontal button { border-radius: 10px !important; }

/* --- الأزرار --- */
body .btn,
body .c-btn-square,
body a.btn, body button.btn, body input.btn {
    border-radius: 10px !important;
}
body .btn-group > .btn:not(:first-child):not(:last-child) { border-radius: 0 !important; }

/* --- الصور (مع استثناء اللوجو والسلايدر) --- */
body img { border-radius: 12px; }
body .c-brand img, body .c-layout-header img, body .c-layout-footer img,
body .tp-banner-container img, body .rev_slider img, body .tp-bgimg,
body .fab-icon-holder img, body img.emoji, body .cbp-item img {
    border-radius: 0;
}
body .c-layout-header .c-topbar img, body .c-layout-header .c-brand img { border-radius: 0; }

/* --- لوحات وقوائم منسدلة ونوافذ --- */
body .panel, body .well, body .alert, body .modal-content, body .popover,
body .c-content-panel, body .c-content-accordion .panel {
    border-radius: 14px !important;
    overflow: hidden;
}
body .dropdown-menu { border-radius: 12px !important; overflow: hidden; }
body .modal-header { border-top-left-radius: 14px; border-top-right-radius: 14px; }
body .pagination > li > a, body .pagination > li > span { border-radius: 8px !important; margin: 0 2px; }
body .label, body .badge { border-radius: 8px; }

/* --- العمود الجانبي (الأقسام) في صفحات القوائم: لوحة بيضا منحنية --- */
body .container .c-content-ver-nav.cat_div,
body .container-fluid .c-content-ver-nav.cat_div {
    background: #fff;
    border-radius: 18px;
    padding-top: 6px !important;
    padding-bottom: 20px !important;
}

/* صفحات القوائم (الأقسام/التخصصات/البحث): خلفية الحاوية رمادي واللوحة الجانبية كارت أبيض منحني،
   والصناديق البيضا جوه المحتوى بحواف منحنية */
body .course-container { background-color: #eee; }
body .course-container > .c-content-ver-nav {
    background: #fff;
    border-radius: 18px;
    padding: 6px 14px 22px !important;
}
body .course-container .c-content-box > .row { border-radius: 16px; }

/* تخطّي قاعدة الثيم .form-control.c-square { border-radius:0 !important } (تخصيصها أعلى) */
body .form-control.c-square,
body select.form-control.c-square,
body input.form-control.c-square,
body textarea.form-control.c-square { border-radius: 10px !important; }
body .input-group.c-square .input-group-btn > .btn,
body .input-group.c-square .input-group-addon { border-radius: 10px !important; }

/* صفحات التسجيل (عادي/داخلي): لوحة الفورم ولوحة الرسوم بحواف منحنية (overflow يقصّ الهيدر الكحلي) */
body .c-layout-page .container > .row > .col-md-9:has(#regirster_form),
body .c-layout-page .price-panel {
    border-radius: 16px;
    overflow: hidden;
}

/* لوحة الرسوم: الصندوق الأبيض الفعلي هو الابن جوّه price-panel، فالتقويس عليه هو */
body .c-layout-page .price-panel > .col-md-12 { border-radius: 16px; overflow: hidden; }
/* بطاقات المدن: انحناء الأربع زوايا (كانت العلوية بس) */
body .batd-city-card, body .batd-city-hero { border-radius: 20px !important; }

/* الجداول في صفحات الموقع (جدول تواريخ الدورة في التسجيل + قوائم الدورات): حواف منحنية.
   border-collapse:separate عشان الانحناء يشتغل، وحدود الخلايا بنعيد رسمها (تحت + جهة البداية)
   بدل الحدود الأربعة المزدوجة. */
body .c-layout-page .table {
    border-collapse: separate !important;
    border-spacing: 0;
    border-radius: 14px;
    overflow: hidden;
}
body .c-layout-page .table-bordered { border: 1px solid #ddd; }
body .c-layout-page .table-bordered > thead > tr > th,
body .c-layout-page .table-bordered > tbody > tr > th,
body .c-layout-page .table-bordered > tbody > tr > td,
body .c-layout-page .table-bordered > tfoot > tr > td {
    border-width: 0 !important;
    border-bottom: 1px solid #ddd !important;
    border-inline-start: 1px solid #ddd !important;
}
body .c-layout-page .table-bordered tr > *:first-child { border-inline-start: 0 !important; }
body .c-layout-page .table-bordered > tbody > tr:last-child > * { border-bottom: 0 !important; }

/* كروت التخصصات (cubeportfolio): حواف منحنية - overflow يقصّ الصورة والطبقة الغامقة اللي بتظهر عند الـhover */
body .cbp-item .cbp-caption {
    border-radius: 18px;
    overflow: hidden;
}
body .cbp-item .cbp-caption img,
body .cbp-item .cbp-caption-defaultWrap,
body .cbp-item .cbp-caption-activeWrap {
    border-radius: 18px;
}

/* بنر صفحات الأقسام/التخصصات: ارتفاع 175px (نص القديم 350px) والصورة كلها ظاهرة من غير قص ولا تمطيط
   (object-fit:contain). البنر بعرض الصندوق كله، والمساحة الجانبية اللي بتفضل بلون كحلي بدل الأبيض. */
body .course-container img.cover {
    height: 175px !important;
    width: 100% !important;
    display: block;
    object-fit: contain;
    background-color: #102A5C;
}

/* صفحة تفاصيل التخصص: صناديق الوصف والبحث والمقدمة + الغلاف بحواف منحنية */
body .main-section .head,
body .main-section > .container > .c-content-box.c-bg-white {
    border-radius: 16px;
}
body .main-section img.cover { border-radius: 16px; }
body .main-section .table { border-radius: 16px; }

/* بنر القسم الخاص (banner_photo1): بالعرض كله بنسبته الطبيعية - من غير شريط كحلي جانبي.
   (صور s_img القديمة المربعة لسه بالقاعدة اللي فوق: 175px contain) */
body .course-container img.cover.batd-section-banner {
    width: 100% !important;
    height: auto !important;
    object-fit: fill;
    background: none;
}

/* صفوف "رسوم الدورة" (عدد المشتركين + السعر): بار واحد بحواف منحنية بدل نص مربّع ونص منحني */
body .parent_div_members_costs {
    border-radius: 10px !important;
    overflow: hidden;
}
body .input-group.c-square.parent_div_members_costs > .child_div_members_cost,
body .input-group.c-square.parent_div_members_costs > .input-group-addon {
    border-radius: 0 !important;   /* أعلى تخصيصًا من قاعدة addon العامة (10px) عشان ما يبقاش فيه نتوء عند الوصلة */
}

/* خانة التاريخ (datepicker): من غير انحناء، رجوع للشكل الأصلي المربّع */
body .input-group.date-picker .form-control,
body .input-group.date-picker input,
body .input-group.date-picker .input-group-btn > .btn,
body .input-group.date-picker .input-group-addon {
    border-radius: 0 !important;
}

/* تواريخ الدورة في العمود الجانبي (فوق الأقسام وتحت أزرار الدورة): صندوق أبيض منحني + صفوف مضغوطة */
body .batd-dates-box {
    background: #fff;
    border-radius: 18px;
    padding: 12px 16px 6px;
    margin-bottom: 14px;
    text-align: start;
}
body .batd-dates-box h1#course_date {
    margin: 0 0 10px !important;
    font-size: 16px;
    font-weight: 700;
    color: #102A5C;
}
/* الصف: التاريخ + المدينة + زرار التسجيل في سطر واحد بدل الأعمدة الكبيرة */
body .batd-dates-box form > div {
    display: flex !important;
    align-items: center;
    gap: 8px;
    padding: 0 0 8px !important;
    margin: 0 0 8px !important;
    border-bottom: 1px solid #f0f2f7 !important;
    float: none !important;
    width: auto !important;
}
body .batd-dates-box form > div > [class*="col-"] {
    float: none !important;
    width: auto !important;
    padding: 0 !important;
    margin: 0 !important;
}
body .batd-dates-box form > div > [class*="col-"]:has(select) { flex: 1 1 auto; min-width: 0; }
body .batd-dates-box form > div > [class*="col-"]:not(:has(select)):not(:has(input[type=submit])):not(:has(.date-picker)):not(:first-child) { display: none !important; }
body .batd-dates-box .col-xs-12 { width: auto !important; margin-top: 0 !important; padding: 0 !important; white-space: nowrap; text-align: start !important; font-size: 13px; }
body .batd-dates-box .form-group { margin: 0 !important; }
body .batd-dates-box select.form-control { height: 36px; padding: 4px 8px; font-size: 12px; }
body .batd-dates-box #city_validate { display: none; }
body .batd-dates-box input.btn-primary { padding: 8px 12px !important; font-size: 12px !important; }
body .batd-dates-box .input-group.date-picker { width: auto; }
body .batd-dates-box .input-group.date-picker .form-control { width: 100%; height: 36px; font-size: 12px; }
/* عمود التكلفة بقى لوحده في الصف: ياخد العرض كله */
body .c-layout-page .col-md-5:has(> h1#cost) { width: 100%; }

/* خانة المكان أصغر وخانة التاريخ أوسع */
body .batd-dates-box form > div > [class*="col-"]:has(select) { flex: 0 0 90px !important; min-width: 0; }
body .batd-dates-box form > div > [class*="col-"]:first-child { flex: 1 1 auto !important; min-width: 0; }
body .batd-dates-box form > div > [class*="col-"]:first-child .col-xs-12 { width: 100% !important; font-size: 14px; }
body .batd-dates-box form > div > [class*="col-"]:first-child .input-group.date-picker { width: 100% !important; display: table; }
body .batd-dates-box select.form-control { padding: 4px 4px 4px 6px; font-size: 12px; }

/* رسوم الدورة في العمود الجانبي (تحت تواريخ الدورة وفوق الأقسام): صندوق أبيض منحني وصفوف مضغوطة */
body .batd-cost-box {
    background: #fff;
    border-radius: 18px;
    padding: 12px 16px 8px;
    margin-bottom: 14px;
    text-align: start;
}
body .batd-cost-box h1#cost {
    margin: 0 0 6px !important;
    font-size: 16px;
    font-weight: 700;
    color: #102A5C;
}
body .batd-cost-box > p { font-size: 12px; line-height: 1.6; color: #5c6873; margin: 0 0 10px; }
body .batd-cost-box .form-group { margin: 0; }
body .batd-cost-box .col-md-12 { float: none !important; width: auto !important; padding: 0 !important; margin: 0 0 8px !important; }
body .batd-cost-box .parent_div_members_costs .child_div_members_cost { height: 40px !important; line-height: 2.2 !important; font-size: 13px; }
body .batd-cost-box .parent_div_members_costs .input-group-addon { padding: 0 12px; font-size: 12px; }
body .batd-cost-box hr { margin: 0 0 8px; border-top-color: #f0f2f7; }

/* ==================================================================
   لمسة جمالية لصفحة تفاصيل الدورة (كل القواعد مقصورة على الصفحة دي عبر :has(.batd-course-actions))
   ================================================================== */
body .c-layout-page:has(.batd-course-actions) { background: linear-gradient(180deg, #f3f5fa 0%, #e9edf5 100%) !important; }

/* اللوحات: ظل ناعم + حد شعري */
body .c-layout-page:has(.batd-course-actions) > .col-md-9,
body .c-layout-page:has(.batd-course-actions) .batd-course-actions,
body .c-layout-page:has(.batd-course-actions) .batd-dates-box,
body .c-layout-page:has(.batd-course-actions) .batd-cost-box,
body .c-layout-page:has(.batd-course-actions) .batd-cats-box {
    box-shadow: 0 10px 28px -14px rgba(16, 42, 92, .28), 0 0 0 1px #e6ebf4;
}

/* عنوان الدورة: كبير وكحلي وتحته شريط أحمر */
body .c-layout-page:has(.batd-course-actions) .batd-title-row > h1 {
    font-size: 24px !important;
    font-weight: 700 !important;
    line-height: 1.5;
    color: #102A5C !important;
    padding-bottom: 14px !important;
    position: relative;
}
body .c-layout-page:has(.batd-course-actions) .batd-title-row > h1::after {
    content: "";
    display: block;
    width: 64px;
    height: 4px;
    border-radius: 2px;
    background: linear-gradient(90deg, #C6102E, #e5394f);
    margin: 12px auto 0;
}

/* عناوين الأقسام جوه المحتوى: شريط أحمر جنب العنوان */
body .c-layout-page:has(.batd-course-actions) .col-md-9 .col-md-12 > h1 {
    font-size: 21px;
    font-weight: 700;
    color: #102A5C;
    padding-inline-start: 14px;
    border-inline-start: 4px solid #C6102E;
    margin: 6px 0 16px;
}
/* الفواصل الرمادية بين الأقسام: أنعم */
body .c-layout-page:has(.batd-course-actions) .col-md-9 .col-md-12[style*="height: 20px"] { background-color: #f2f4f9 !important; height: 14px !important; }
/* نقط القوائم بلون الهوية */
body .c-layout-page:has(.batd-course-actions) .col-md-9 li::marker { color: #244298; }

/* أزرار الدورة: أيقونات + ظل + رفعة عند الـhover، وزرار التسجيل هو الأبرز (أحمر) */
body .c-layout-page:has(.batd-course-actions) .batd-course-actions .btn {
    box-shadow: 0 8px 18px -10px rgba(36, 66, 152, .7);
    transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
    position: relative;
}
body .c-layout-page:has(.batd-course-actions) .batd-course-actions .btn::before {
    font-family: FontAwesome;
    font-weight: normal;
    font-size: 15px;
    margin-inline-end: 10px;
    opacity: .95;
}
body .c-layout-page:has(.batd-course-actions) .batd-course-actions a[href*="registerCourse?"]::before { content: "\f044"; }
body .c-layout-page:has(.batd-course-actions) .batd-course-actions a[href*="registerInternalCourse"]::before { content: "\f1ad"; }
body .c-layout-page:has(.batd-course-actions) .batd-course-actions #contact_btn::before { content: "\f059"; }
body .c-layout-page:has(.batd-course-actions) .batd-course-actions a[href*="show_course_content_pdf"]::before { content: "\f02f"; }
body .c-layout-page:has(.batd-course-actions) .batd-course-actions .btn:hover { transform: translateY(-2px); box-shadow: 0 12px 22px -10px rgba(36, 66, 152, .8); filter: brightness(1.06); }
body .c-layout-page:has(.batd-course-actions) .batd-course-actions a[href*="registerCourse?"] {
    background: linear-gradient(135deg, #C6102E 0%, #e5394f 100%) !important;
    border-color: #C6102E !important;
    box-shadow: 0 10px 22px -10px rgba(198, 16, 46, .75);
}

/* صفوف التواريخ: تظليل عند الـhover */
body .c-layout-page:has(.batd-course-actions) .batd-dates-box form > div { border-radius: 10px; transition: background .18s ease; }
body .c-layout-page:has(.batd-course-actions) .batd-dates-box form > div:hover { background: #f6f8fd; }
body .c-layout-page:has(.batd-course-actions) .batd-dates-box .fa, body .c-layout-page:has(.batd-course-actions) .batd-dates-box .glyphicon { font-size: 14px; }

/* شرايط الرسوم: تدرج كحلي + ظل */
body .c-layout-page:has(.batd-course-actions) .batd-cost-box .parent_div_members_costs {
    box-shadow: 0 8px 16px -10px rgba(36, 66, 152, .7);
}
body .c-layout-page:has(.batd-course-actions) .batd-cost-box .parent_div_members_costs .child_div_members_cost,
body .c-layout-page:has(.batd-course-actions) .batd-cost-box .parent_div_members_costs .input-group-addon {
    background-image: linear-gradient(135deg, #2b4ba8 0%, #1b3277 100%) !important;
}

/* عناوين اللوحات الجانبية */
body .c-layout-page:has(.batd-course-actions) .batd-dates-box h1#course_date,
body .c-layout-page:has(.batd-course-actions) .batd-cost-box h1#cost,
body .c-layout-page:has(.batd-course-actions) .batd-cats-box .c-content-title-1 h3 { position: relative; }
body .c-layout-page:has(.batd-course-actions) .batd-dates-box h1#course_date::after,
body .c-layout-page:has(.batd-course-actions) .batd-cost-box h1#cost::after {
    content: "";
    display: block;
    width: 34px;
    height: 3px;
    border-radius: 2px;
    background: #C6102E;
    margin-top: 6px;
}

@media (max-width: 767px) {
    /* على الموبايل الرسوم بتتكدّس سطرين (قاعدة قديمة في الصفحة) فنشيل التدرج عشان ما يبانش الفاصل */
    body .c-layout-page:has(.batd-course-actions) .batd-cost-box .parent_div_members_costs .child_div_members_cost,
    body .c-layout-page:has(.batd-course-actions) .batd-cost-box .parent_div_members_costs .input-group-addon { background-image: none !important; }
}

/* آخر الصفحة كان لازق في الفوتر: مسافة تحت المحتوى */
body .c-layout-page:has(.batd-course-actions) { padding-bottom: 48px; }

/* لوحة المحتوى: نقصّ أي محتوى داخلي (زي قسم الدورات ذات العلاقة) على شكل الحواف المنحنية بدل ما يطلع برّاها */
body .c-layout-page:has(.batd-course-actions) > .col-md-9 { overflow: hidden; }

/* قسم "الدورات ذات العلاقة": الصندوق الرمادي الداخلي بحواف منحنية وبإطار أبيض من تحت كمان (زي الجناب) */
body .c-layout-page:has(.batd-course-actions) > .col-md-9 .row[style*="padding-bottom: 0"] { padding-bottom: 10px !important; }
body .c-layout-page:has(.batd-course-actions) > .col-md-9 .col-md-12[style*="background-color: #eee"]:not([style*="height"]) { border-radius: 14px; }

/* شيل الشريط الفاصل اللي فوق عنوان "الدورات ذات العلاقة" (العنوان المباشر تحت اللوحة، مش اللي جوه الصفوف) */
body .c-layout-page:has(.batd-course-actions) > .col-md-9 > .col-md-12[style*="height: 20px"]:has(+ .col-md-12 > h1#desc) { display: none !important; }

/* الشريط اللي بين عنوان "الدورات ذات العلاقة" والصندوق الرمادي كان مغطّي انحناء الحواف العلوية للصندوق */
body .c-layout-page:has(.batd-course-actions) > .col-md-9 > .col-md-12[style*="height: 20px"]:has(+ .row[style*="padding-bottom: 0"]) { display: none !important; }

/* إظهار السعر في صندوق "رسوم الدورة" فقط (قاعدة .hide_price العامة بتخفيه في باقي الموقع) */
body .batd-cost-box .hide_price { display: inline !important; margin-inline-end: 4px; }
body .batd-cost-box .parent_div_members_costs .input-group-addon { white-space: nowrap; }

/* زرار أيقونة التقويم جنب خانة التاريخ: نفس ارتفاع الخانة (كان أقصر ومش مصطف معاها) */
body .input-group.date-picker .input-group-btn > .btn {
    height: 34px;
    margin: 0 !important;
    padding-top: 0;
    padding-bottom: 0;
    line-height: 32px;
    vertical-align: top;
    box-shadow: none !important;
}
body .input-group.date-picker .input-group-btn { vertical-align: top; }

/* جدول التواريخ في التسجيل: overflow:hidden كان بيقصّ نافذة التقويم (بتتفتح جوّه الجدول) فالتواريخ ماكانتش بتظهر.
   نلغيه ونحافظ على الانحناء بتدوير خلايا الأركان بدله. */
body .c-layout-page .table:has(.date-picker) { overflow: visible !important; }
body .c-layout-page .table:has(.date-picker) > thead > tr:first-child > *:first-child { border-top-left-radius: 14px; }
body .c-layout-page .table:has(.date-picker) > thead > tr:first-child > *:last-child { border-top-right-radius: 14px; }
body .c-layout-page .table:has(.date-picker) > tbody > tr:last-child > *:first-child { border-bottom-left-radius: 14px; }
body .c-layout-page .table:has(.date-picker) > tbody > tr:last-child > *:last-child { border-bottom-right-radius: 14px; }

/* لوحة فورم التسجيل: overflow:hidden كان بيقصّ نافذة التقويم برضه. نلغيه وندوّر الهيدر الكحلي بنفسه. */
body .c-layout-page .container > .row > .col-md-9:has(#regirster_form) { overflow: visible !important; border-radius: 16px; }
body .c-layout-page .container > .row > .col-md-9:has(#regirster_form) > .col-md-12:first-child { border-radius: 16px 16px 0 0; }

/* فورم التسجيل: فقرة رسالة الخطأ الفاضية (spam) فوق حقل التصنيف كانت بتزق العمود الأول 10px لتحت.
   نصفّر هامشها عشان الحقول التلاتة (التصنيف/القسم/الدورة) تبقى على نفس المستوى. */
body #regirster_form .form-group > div > p.text-danger { margin: 0; }

/* ==================================================================
   لمسة جمالية لصفحات التسجيل (عادي + داخلي) - مقصورة على الصفحات اللي فيها #regirster_form
   ================================================================== */
body .c-layout-page:has(#regirster_form) { background: linear-gradient(180deg, #f3f5fa 0%, #e9edf5 100%) !important; padding-bottom: 48px; }

/* اللوحتين: ظل ناعم وحد شعري */
body .c-layout-page:has(#regirster_form) .container > .row > .col-md-9:has(#regirster_form),
body .c-layout-page:has(#regirster_form) .price-panel > .col-md-12 {
    box-shadow: 0 12px 30px -16px rgba(16, 42, 92, .32), 0 0 0 1px #e6ebf4;
}

/* هيدر لوحة الفورم ولوحة الرسوم: تدرج كحلي + خط أحمر تحته */
body .c-layout-page:has(#regirster_form) .container > .row > .col-md-9:has(#regirster_form) > .col-md-12:first-child,
body .c-layout-page:has(#regirster_form) .price-panel > .col-md-12 > .col-md-12:first-child,
body .c-layout-page:has(#regirster_form) .price-panel .col-md-12[style*="#036"] {
    background: linear-gradient(135deg, #2b4ba8 0%, #1b3277 100%) !important;
    height: 46px !important;
    line-height: 46px !important;
    font-size: 15px;
    font-weight: 700;
    padding-inline: 20px;
    border-bottom: 3px solid #C6102E;
}

/* التسميات: كحلي وأوضح */
body .c-layout-page:has(#regirster_form) #regirster_form label { color: #102A5C; font-weight: 600; font-size: 14px; margin-bottom: 6px; }

/* الحقول: ظل خفيف وتركيز بلون الهوية */
body .c-layout-page:has(#regirster_form) #regirster_form .form-control {
    background-color: #fff;
    box-shadow: 0 2px 6px -3px rgba(16, 42, 92, .25) !important;
    transition: border-color .18s ease, box-shadow .18s ease;
}
body .c-layout-page:has(#regirster_form) #regirster_form .form-control:hover { border-color: #244298 !important; }

/* جدول التواريخ: هيدر أزرق فاتح، تظليل عند الـhover، والصف المختار بارز */
body .c-layout-page:has(#regirster_form) #regirster_form .table > thead > tr > th { background: #eef2f9; color: #102A5C; font-weight: 700; }
body .c-layout-page:has(#regirster_form) #regirster_form .table > tbody > tr { transition: background .15s ease; }
body .c-layout-page:has(#regirster_form) #regirster_form .table > tbody > tr:hover { background: #f6f8fd; }
body .c-layout-page:has(#regirster_form) #regirster_form .table > tbody > tr:has(input[type=radio]:checked) { background: #eaf0ff; box-shadow: inset 4px 0 0 #244298; }
body .c-layout-page:has(#regirster_form) #regirster_form input[type=radio] { accent-color: #244298; }

/* عناوين مثل "التواريخ المتوفرة" و"نوع المشترك": شريط أحمر جنبها */
body .c-layout-page:has(#regirster_form) #regirster_form h1, body .c-layout-page:has(#regirster_form) #regirster_form h2, body .c-layout-page:has(#regirster_form) #regirster_form h3,
body .c-layout-page:has(#regirster_form) #regirster_form .col-md-12 > label:only-of-type { color: #102A5C; }

/* زرار التسجيل: تدرج أحمر بارز + ظل ورفعة عند الـhover */
body .c-layout-page:has(#regirster_form) #regirster_form input[type=submit],
body .c-layout-page:has(#regirster_form) #regirster_form button[type=submit] {
    background: linear-gradient(135deg, #C6102E 0%, #e5394f 100%) !important;
    border-color: #C6102E !important;
    color: #fff !important;
    padding: 12px 34px !important;
    font-size: 14px !important;
    font-weight: 700;
    box-shadow: 0 12px 24px -12px rgba(198, 16, 46, .8);
    transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
}
body .c-layout-page:has(#regirster_form) #regirster_form input[type=submit]:hover,
body .c-layout-page:has(#regirster_form) #regirster_form button[type=submit]:hover { transform: translateY(-2px); filter: brightness(1.06); }

/* لوحة الرسوم: تثبيت أثناء التمرير، السعر كبير وكحلي، وزرار الخصم بشكل هادي */
body .c-layout-page:has(#regirster_form) .price-panel { align-self: flex-start; }
body .c-layout-page:has(#regirster_form) .price-panel #cost_span, body .c-layout-page:has(#regirster_form) .price-panel .hide_price { font-size: 22px; font-weight: 800; color: #244298; }
body .c-layout-page:has(#regirster_form) .price-panel .btn, body .c-layout-page:has(#regirster_form) .price-panel a[class*="btn"] { box-shadow: 0 8px 18px -10px rgba(233, 80, 96, .8); }

/* آخر زوايا لوحة الفورم منحنية (الأبيض الداخلي كان مربّع) */
body .c-layout-page:has(#regirster_form) .container > .row > .col-md-9:has(#regirster_form) form > .col-md-12:last-of-type { border-radius: 0 0 16px 16px; padding-bottom: 20px; }

/* لوحة الرسوم: الهيدر الكحلي والصندوق الأبيض قطعة واحدة (الهيدر منحني من فوق بس والأبيض من تحت بس)
   والصندوق أوسع (شلنا الحشو الجانبي 15px بتاع العمود) */
body .c-layout-page:has(#regirster_form) .price-panel { padding-left: 0 !important; padding-right: 0 !important; box-shadow: 0 12px 30px -16px rgba(16, 42, 92, .32), 0 0 0 1px #e6ebf4; border-radius: 16px; overflow: hidden; }
body .c-layout-page:has(#regirster_form) .price-panel > .col-md-12 { box-shadow: none !important; border-radius: 0 !important; margin: 0 !important; }
body .c-layout-page:has(#regirster_form) .price-panel > .col-md-12:first-child { border-radius: 16px 16px 0 0 !important; }
body .c-layout-page:has(#regirster_form) .price-panel > .col-md-12:last-child { border-radius: 0 0 16px 16px !important; height: auto !important; padding: 8px 6px 14px !important; }
body .c-layout-page:has(#regirster_form) .price-panel .list-group { margin: 0; }
body .c-layout-page:has(#regirster_form) .price-panel .list-group-item { padding: 10px 16px; }

/* فراغ بين لوحة الفورم ولوحة الرسوم (كان الحشو الجانبي هو اللي بيفصلهم وشلناه) */
body .c-layout-page:has(#regirster_form) .price-panel { margin-inline-start: 18px; width: calc(25% - 18px); }
@media (max-width: 991px) {
    body .c-layout-page:has(#regirster_form) .price-panel { margin-inline-start: 0; width: 100%; }
}

/* توسيع لوحة الرسوم ناحية الخارج (الجهة التانية عن الفورم) - الفراغ مع الفورم زي ما هو */
@media (min-width: 1300px) {   /* تحت 1300 مفيش مساحة برّه الحاوية: نسيبها بعرضها العادي */
    body .c-layout-page:has(#regirster_form) .price-panel { width: calc(25% - 18px + 50px); margin-inline-end: -50px; }
}

/* قائمة الأقسام المطوية (+/-) - نفس شكل صفحة تفاصيل الدورة، وبتتطبق في البحث والأقسام والتخصصات */
body .batd-cat-acc { margin: 0 !important; padding: 0 !important; }
body .batd-cat-acc > li {
    margin: 0 !important;
    padding: 14px 0 !important;
    border-bottom: 1px solid #edf0f6;
    font-size: 14px !important;
}
body .batd-cat-acc > li:last-child { border-bottom: 0; }
body .batd-cat-acc .batd-cat-toggle {
    display: block !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    background: none !important;
    color: #102A5C !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    text-decoration: none;
    transition: color .18s ease;
}
body .batd-cat-acc .batd-cat-toggle:hover { color: #244298 !important; }
body .batd-cat-acc .batd-cat-toggle .icon { color: #C6102E; margin-inline-end: 6px; transition: transform .2s ease; }
body .batd-cat-acc .collapse > ul, body .batd-cat-acc .collapsing > ul { margin: 12px 0 2px !important; padding: 0 !important; }
body .batd-cat-acc .c-menu > li { margin: 0 0 6px !important; padding: 0 !important; line-height: 1.45 !important; }
body .batd-cat-acc .c-menu > li::before { display: none !important; }
/* روابط التخصصات: نفس بطاقات الإطار المنحني */
body .batd-cat-acc .c-menu a {
    display: block !important;
    padding: 9px 12px !important;
    font-size: 12px !important;
    color: #27282B !important;
    background: #fff !important;
    border: 1px solid #E3E7EF !important;
    border-radius: 10px !important;
    text-decoration: none !important;
    transition: border-color .18s ease, background .18s ease, color .18s ease, box-shadow .18s ease;
}
body .batd-cat-acc .c-menu a:hover { color: #244298 !important; background: #F5F7FC !important; border-color: #244298 !important; box-shadow: 0 2px 8px rgba(36, 66, 152, .10); }
/* رابط "كل دورات القسم": تمييزه بلون هادي */
body .batd-cat-acc .c-menu a.batd-cat-all { background: #eef2f9 !important; color: #244298 !important; font-weight: 500 !important; border-color: #dbe3f2 !important; }

/* رابط "القسم ›" جوّه القسم المفتوح: قاعدة عنوان المجموعة القديمة (a[href*="/category/"]) كانت بتصفّر الحشو فيطلع الإطار صغير */
body .cat_div.batd-cat-acc .c-menu a.batd-cat-all[href*="/category/"] {
    display: block !important;
    padding: 9px 12px !important;
    margin: 0 !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
    font-weight: 500 !important;
    color: #244298 !important;
    background: #eef2f9 !important;
    border: 1px solid #dbe3f2 !important;
    border-radius: 10px !important;
}
body .cat_div.batd-cat-acc .c-menu a.batd-cat-all[href*="/category/"]:hover { background: #e2eafa !important; border-color: #244298 !important; }

/* ==================================================================
   لمسة جمالية لصفحات القوائم (البحث + الأقسام + التخصصات) - مقصورة على .course-container
   ================================================================== */
body .c-layout-page:has(> .course-container) { background: linear-gradient(180deg, #f3f5fa 0%, #e9edf5 100%); padding-bottom: 48px; }
body .course-container { background: transparent !important; }
body .course-container .c-content-box.c-bg-grey { background: transparent !important; }

/* العمود الجانبي: ظل ناعم وحد شعري */
body .course-container > .c-content-ver-nav {
    box-shadow: 0 12px 30px -16px rgba(16, 42, 92, .32), 0 0 0 1px #e6ebf4;
}
/* عنوان العمود: كحلي وتحته خط أحمر بدل الأزرق الفاتح */
body .course-container > .c-content-ver-nav .c-content-title-1 h3 { color: #102A5C !important; font-size: 20px; font-weight: 800; line-height: 1.35; }
body .course-container > .c-content-ver-nav .c-content-title-1 .c-line-left { background: #C6102E !important; height: 4px; width: 46px; border-radius: 2px; }

/* نموذج البحث: لوحة بيضا منحنية فيها الحقول */
body .course-container form.form-horizontal {
    background: #fff;
    border-radius: 18px;
    padding: 18px 12px 6px;
    margin-bottom: 22px;
    box-shadow: 0 12px 30px -18px rgba(16, 42, 92, .32), 0 0 0 1px #e6ebf4;
}
body .course-container form.form-horizontal .row.form-group { margin-top: 0 !important; margin-bottom: 12px; }
body .course-container form.form-horizontal .form-control { border-color: #d6def0 !important; background-color: #fff; transition: border-color .18s ease, box-shadow .18s ease; }
body .course-container form.form-horizontal .form-control:hover { border-color: #244298 !important; }
/* زرار البحث: تدرج كحلي + ظل ورفعة عند الـhover */
body .course-container form.form-horizontal .btn {
    background: linear-gradient(135deg, #2b4ba8 0%, #1b3277 100%) !important;
    border-color: #1b3277 !important;
    color: #fff !important;
    font-weight: 700;
    box-shadow: 0 12px 24px -12px rgba(36, 66, 152, .8);
    transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
}
body .course-container form.form-horizontal .btn:hover { transform: translateY(-2px); filter: brightness(1.08); }

/* كروت الدورات: ظل وحد شعري ورفعة عند الـhover، والصورة تكبر شوية */
body .course-container .c-content-product-2 {
    box-shadow: 0 10px 26px -16px rgba(16, 42, 92, .4), 0 0 0 1px #e8ecf4 !important;
    transition: transform .22s ease, box-shadow .22s ease !important;
}
body .course-container .c-content-product-2:hover { transform: translateY(-4px) !important; box-shadow: 0 18px 34px -16px rgba(16, 42, 92, .5), 0 0 0 1px #d3dcf0 !important; }
body .course-container .c-content-product-2 .c-bg-img-center { transition: transform .5s ease; }
body .course-container .c-content-product-2:hover .c-bg-img-center { transform: scale(1.06); }
body .course-container .c-content-product-2 .c-content-overlay { overflow: hidden; }
body .course-container .c-content-product-2 .c-title { color: #102A5C; font-weight: 600; }
body .course-container .c-content-product-2 .c-label.c-bg-red { border-radius: 0 0 10px 0; }
/* زرار "التسجيل" أسفل الكرت: يتلوّن كحلي عند الـhover */
body .course-container .c-content-product-2 .btn-group .btn.c-btn-product { transition: background .18s ease, color .18s ease; }
body .course-container .c-content-product-2 .btn-group .btn.c-btn-product:hover { background: #244298 !important; color: #fff !important; }

/* ترقيم الصفحات */
body .course-container .pagination > li > a, body .course-container .pagination > li > span { box-shadow: 0 4px 10px -6px rgba(16, 42, 92, .4); }

/* الشريط الرمادي اللي فوق المحتوى كان بيقطع التدرج: نخليه شفاف ونقصّره */
body .c-layout-page:has(> .course-container) > .col-md-12.pull-right { background: transparent !important; height: 28px !important; }

/* البحث: مسافة بينه وبين عمود الأقسام ومحاذاة مع كروت النتائج + لمسات إضافية */
body .course-container form.form-horizontal {
    margin: 0 16px 24px !important;
    border: 4px solid transparent;
    border-radius: 18px;
    background: linear-gradient(#fff, #fff) padding-box, linear-gradient(90deg, #244298 0%, #0096D4 55%, #C6102E 100%) border-box;
    padding: 20px 14px 8px;
}
body .course-container form.form-horizontal .form-control:focus { border-color: #0096D4 !important; box-shadow: 0 0 0 3px rgba(0, 150, 212, .16) !important; }
body .course-container form.form-horizontal .btn .fa, body .course-container form.form-horizontal .btn .glyphicon { margin-inline-end: 6px; }

/* عمود الأقسام: يتثبّت مع التمرير وبيبدأ من نفس مستوى النموذج */
body .course-container > .c-content-ver-nav {
    position: sticky; top: 96px; align-self: flex-start;
    margin-top: 6px; padding: 8px 14px 20px !important;
    border-radius: 18px;
}
body .course-container > .c-content-ver-nav .c-content-title-1 { margin-top: 10px !important; }
/* شريط رفيع أزرق-سماوي-أحمر فوق العمود الجانبي (نفس ألوان نموذج البحث) */
body .course-container > .c-content-ver-nav::before {
    content: ""; display: block; height: 4px; margin: -8px -14px 6px; border-radius: 18px 18px 0 0;
    background: linear-gradient(90deg, #244298 0%, #0096D4 55%, #C6102E 100%);
}

/* كروت النتائج: محاذاة مع النموذج + خط أحمر تحت العنوان */
body .course-container .c-content-product-2 .c-info { padding-top: 12px; }
body .course-container .c-content-product-2 .c-price { color: #3d4653; }
body .course-container .c-content-product-2 .c-price strong { font-weight: 600; }

/* تخفيف إطار البحث: حد شعري + شريط علوي رفيع بدل الإطار المتدرج السميك، ومحاذاة أعلاه مع العمود الجانبي */
body .course-container form.form-horizontal {
    border: 1px solid #e6ebf4 !important;
    background: #fff !important;
    position: relative;
    overflow: hidden;
    margin-top: 6px !important;
    padding-top: 24px;
}
/* في صفحة البحث بس النموذج هو أول عنصر: نعوّض الحشو العلوي (30px) عشان أعلاه يبقى بمحاذاة أعلى العمود الجانبي */
body .course-container .c-content-box > form.form-horizontal:first-child { margin-top: -24px !important; }
body .course-container form.form-horizontal::before {
    content: ""; position: absolute; top: 0; left: 0; right: 0; height: 4px;
    background: linear-gradient(90deg, #244298 0%, #0096D4 55%, #C6102E 100%);
}

/* تبسيط: إلغاء الشرايط الملوّنة اللي فوق النموذج والعمود الجانبي (كانت شكلها مش حلو)، وأيقونات +/- كحلي هادي */
body .course-container form.form-horizontal::before { display: none !important; }
body .course-container > .c-content-ver-nav::before { display: none !important; }
body .course-container > .c-content-ver-nav { padding-top: 6px !important; }
body .course-container form.form-horizontal { padding-top: 20px; }
body .batd-cat-acc .batd-cat-toggle .icon { color: #244298; }
body .course-container > .c-content-ver-nav .c-content-title-1 .c-line-left { background: #244298 !important; height: 3px; width: 40px; }

/* مربعات التخصصات في صفحة القسم: شبكة منتظمة 4 أعمدة بأطوال متساوية بدل float بيسيب فراغات لما ارتفاعاتهم تختلف */
body .course-container .c-content-box > .col-xs-12:has(> .col-md-3 > .c-content-product-2) {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    width: 100%;
    padding: 0 15px;
    float: none;
}
body .course-container .c-content-box > .col-xs-12 > .col-md-3:has(> .c-content-product-2) {
    float: none !important;
    width: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex;
}
body .course-container .c-content-box > .col-xs-12 > .col-md-3 > .c-content-product-2 {
    width: 100%;
    height: auto;
    min-height: 86px;
    margin: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #dbe3f2 !important;   /* كان أخضر (#5dc09c) inline */
    border-radius: 14px !important;
}
body .course-container .c-content-box > .col-xs-12 > .col-md-3 > .c-content-product-2 .c-info { padding: 10px 12px; width: 100%; }
body .course-container .c-content-box > .col-xs-12 > .col-md-3 > .c-content-product-2 .c-title { margin: 0; line-height: 1.5; }
body .course-container .c-content-box > .col-xs-12 > .col-md-3 > .c-content-product-2 a { color: #102A5C; font-weight: 600; text-decoration: none; }
body .course-container .c-content-box > .col-xs-12 > .col-md-3 > .c-content-product-2:hover { border-color: #244298 !important; }
@media (max-width: 991px) {
    body .course-container .c-content-box > .col-xs-12:has(> .col-md-3 > .c-content-product-2) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 480px) {
    body .course-container .c-content-box > .col-xs-12:has(> .col-md-3 > .c-content-product-2) { grid-template-columns: 1fr; }
}

/* النص جوّه مربع التخصص في النص رأسيًا */
body .course-container .c-content-box > .col-xs-12 > .col-md-3 > .c-content-product-2 .c-info {
    display: flex !important; align-items: center; justify-content: center; min-height: 84px; height: auto !important;
}
body .course-container .c-content-box > .col-xs-12 > .col-md-3 > .c-content-product-2 .c-info .c-title { width: 100%; }

/* عمود الأقسام الجانبي: بيتحرك مع الصفحة لحد ما نوصل لآخره، وبعدها يثبت مكانه (والباقي يكمّل تمرير).
   قيمة top بتتحسب بالجافاسكريبت (partials/sticky_side) = أصغر من 84px أو (ارتفاع الشاشة - ارتفاع العمود) لو أطول من الشاشة. */
body .course-container > .c-content-ver-nav,
body .c-layout-page > .c-content-ver-nav.cat_div {
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 84px;
    align-self: flex-start;
    z-index: 5;
}
@media (max-width: 991px) {
    body .course-container > .c-content-ver-nav,
    body .c-layout-page > .c-content-ver-nav.cat_div { position: static !important; }
}

/* ===== لوجو المنيو: معهد الخليج للتدريب (لوجو عريض 5:1 بدل اللوجو المربع) ===== */
.c-layout-header .c-brand img.batd-gulf-logo{width:auto!important;height:auto!important;max-height:none!important;object-fit:contain}
.c-layout-header .c-brand img.batd-gulf-logo.c-desktop-logo{max-width:250px!important;max-height:52px!important}
.c-layout-header .c-brand img.batd-gulf-logo.c-mobile-logo{max-width:190px!important;max-height:38px!important}
.c-layout-header .c-brand > span.hidden-md.hidden-lg{display:none!important}

/* ===== الفراغ تحت الترويسة بعد اللوجو العريض (معهد الخليج) =====
   اللوجو الجديد أقصر (52px بدل 105px) فالترويسة قصرت؛ نطابق هامش الصفحة مع ارتفاعها الجديد. */
@media (min-width: 992px) { body .c-layout-page { margin-top: 101px !important; } }
@media (max-width: 991px) { body .c-layout-page { margin-top: 65px !important; } }

/* ===== محاذاة المنيو مع منتصف لوجو معهد الخليج =====
   كان li.dropdown عليه margin-top:25px (مضبوط للوجو القديم الطويل) فالمنيو أنزل من اللوجو بـ12px.
   ارتفاع النافبار 56px وارتفاع الرابط 30px => 13px تخلي مركز الرابط = مركز اللوجو. */
@media (min-width: 992px) {
    body:not(.c-page-on-scroll) .c-layout-header ul.nav.navbar-nav.c-theme-nav > li.dropdown { margin-top: 13px !important; }
}

/* ===== لمسة جمالية للمنيو الرئيسي (ديسكتوب) =====
   روابط بحواف دائرية + خلفية فاتحة عند المرور + خط سفلي متدرّج (أزرق→أحمر بلوني الشعار) يتمدد من المنتصف،
   والصفحة الحالية بتتعلّم بنفس الشكل (كلاس batd-current بيضيفه سكربت partials/header_offset).
   القائمة المنسدلة: بطاقة بيضاء بظل ناعم وعناصر بحواف دائرية وإزاحة بسيطة عند المرور. */
@media (min-width: 992px) {
    body .c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > a {
        position: relative;
        padding: 5px 9px !important;
        border-radius: 9px;
        font-weight: 500;
        color: #1B2B4B !important;
        transition: background-color .2s ease, color .2s ease;
    }
    body .c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > a::after {
        content: "";
        position: absolute;
        left: 50%;
        bottom: -3px;
        width: 0;
        height: 2px;
        border-radius: 2px;
        background: linear-gradient(90deg, #244298, #C6102E);
        transform: translateX(-50%);
        transition: width .25s ease;
        pointer-events: none;
    }
    body .c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li:hover > a,
    body .c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li.open > a,
    body .c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > a.batd-current {
        background-color: #EEF3FC !important;
        color: #244298 !important;
    }
    body .c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li:hover > a::after,
    body .c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li.open > a::after,
    body .c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > a.batd-current::after {
        width: calc(100% - 18px);
    }
    body .c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > a.batd-current { font-weight: 600; }

    /* القائمة المنسدلة */
    body .c-layout-header .c-navbar .c-mega-menu ul.dropdown-menu {
        padding: 8px !important;
        border: 1px solid #E6EBF5 !important;
        border-radius: 14px !important;
        background: #fff !important;
        box-shadow: 0 16px 36px rgba(16, 42, 92, .16) !important;
    }
    body .c-layout-header .c-navbar .c-mega-menu ul.dropdown-menu > li > a {
        padding: 9px 16px !important;
        border-radius: 9px;
        color: #1B2B4B !important;
        transition: background-color .18s ease, color .18s ease, padding .18s ease;
    }
    body .c-layout-header .c-navbar .c-mega-menu ul.dropdown-menu > li > a:hover,
    body .c-layout-header .c-navbar .c-mega-menu ul.dropdown-menu > li > a.batd-current {
        background-color: #EEF3FC !important;
        color: #244298 !important;
        padding-inline-start: 21px !important;
    }
}

/* عرض متوسط: تقليل حشوة روابط المنيو عشان يفضل في صف واحد */
@media (min-width: 992px) and (max-width: 1199px) {
    body .c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > a { padding: 5px 5px !important; }
    body .c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li { margin-right: 0 !important; }
}

/* ===== صفحة الدورات (search_course): نفس تصميم صفحات الموقع الجديدة (بدون صورة) ===== */
body:has(.batd-srch-band) .c-layout-page { background: #F3F6FC !important; padding-bottom: 60px !important; }
.batd-srch-band { position: relative; background: linear-gradient(105deg, #102A5C 0%, #244298 62%, #2f56b8 100%); color: #fff; overflow: hidden; }
.batd-srch-band::before { content: ""; position: absolute; inset-inline-end: -80px; top: -90px; width: 340px; height: 340px; border-radius: 50%; background: rgba(255,255,255,.07); }
.batd-srch-band::after { content: ""; position: absolute; inset-inline: 0; bottom: 0; height: 4px; background: linear-gradient(90deg, #C6102E, #244298); }
.batd-srch-band .container { position: relative; padding-top: 44px; padding-bottom: 92px; }
.batd-srch-band .crumbs { font-size: 14px; opacity: .9; margin-bottom: 12px; } .batd-srch-band .crumbs a { color: #fff; } .batd-srch-band .crumbs a:hover { text-decoration: underline; } .batd-srch-band .crumbs i { margin-inline: 8px; font-size: 11px; }
.batd-srch-band h1 { margin: 0; font-size: 40px; font-weight: 700; color: #fff; line-height: 1.25; text-shadow: 0 2px 16px rgba(0,0,0,.25); }
.batd-srch-band h1::after { content: ""; display: block; width: 74px; height: 4px; border-radius: 4px; background: #C6102E; margin-top: 16px; }
.batd-srch-band .cnt { display: inline-block; margin-top: 16px; background: rgba(255,255,255,.16); border: 1px solid rgba(255,255,255,.28); border-radius: 999px; padding: 6px 18px; font-size: 14.5px; font-weight: 600; }
body:has(.batd-srch-band) .course-container { margin-top: -56px; position: relative; z-index: 2; }
body:has(.batd-srch-band) .course-container .c-content-box > form.form-horizontal:first-child { margin-top: 0 !important; }
body:has(.batd-srch-band) .course-container > .c-content-ver-nav { border-radius: 20px !important; border: 1px solid #E6EBF5 !important; box-shadow: 0 14px 34px rgba(16,42,92,.10) !important; background: #fff !important; }
body:has(.batd-srch-band) .course-container form.form-horizontal { border-radius: 20px !important; border: 1px solid #E6EBF5 !important; box-shadow: 0 14px 34px rgba(16,42,92,.10) !important; }
body:has(.batd-srch-band) .course-container form.form-horizontal .form-control { border-radius: 14px !important; height: 46px; background: #F8FAFE; }
body:has(.batd-srch-band) .course-container form.form-horizontal .btn { border-radius: 999px !important; background: linear-gradient(110deg, #102A5C, #244298) !important; border: 0 !important; box-shadow: 0 10px 24px rgba(16,42,92,.24); }
body:has(.batd-srch-band) .course-container .c-content-product-2 { border-radius: 20px !important; border: 1px solid #E6EBF5 !important; box-shadow: 0 8px 26px rgba(16,42,92,.07) !important; overflow: hidden; display: flex; flex-direction: column; height: 100%; }
body:has(.batd-srch-band) .course-container .c-content-product-2:hover { box-shadow: 0 22px 46px rgba(16,42,92,.16) !important; border-color: #C8D4EE !important; }
body:has(.batd-srch-band) .course-container .c-content-product-2 .c-info { flex: 1; padding: 14px 16px 6px; }
body:has(.batd-srch-band) .course-container .c-content-product-2 .c-title { font-size: 16.5px !important; line-height: 1.55; font-weight: 700 !important; color: #102A5C; min-height: 50px; margin-bottom: 8px; }
body:has(.batd-srch-band) .course-container .c-content-product-2 .c-price { display: inline-flex; align-items: center; gap: 6px; margin: 0 6px 6px 0 !important; padding: 3px 11px; border-radius: 999px; background: #EEF3FC; color: #244298 !important; font-size: 13.5px !important; }
[dir="rtl"] body:has(.batd-srch-band) .course-container .c-content-product-2 .c-price, body.rtl:has(.batd-srch-band) .course-container .c-content-product-2 .c-price { margin: 0 0 6px 6px !important; }
body:has(.batd-srch-band) .course-container .c-content-product-2 .c-price strong { font-weight: 700 !important; }
body:has(.batd-srch-band) .course-container .c-content-product-2 .c-price:has(.fa-money) { background: #FDECEF; color: #C6102E !important; }
body:has(.batd-srch-band) .course-container .c-content-product-2 .c-price:has(.fa-money) strong { color: #C6102E; }
body:has(.batd-srch-band) .course-container .c-content-product-2 .btn-group { margin: 8px 14px 14px !important; width: calc(100% - 28px) !important; display: block !important; }
body:has(.batd-srch-band) .course-container .c-content-product-2 .btn-group .btn { border-radius: 999px !important; border: 0 !important; background: #EEF3FC !important; color: #244298 !important; font-weight: 700 !important; letter-spacing: .3px; padding: 10px 0; }
body:has(.batd-srch-band) .course-container .c-content-product-2 .btn-group .btn:hover { background: #C6102E !important; color: #fff !important; }
body:has(.batd-srch-band) .course-container .pagination > li > a, body:has(.batd-srch-band) .course-container .pagination > li > span { border-radius: 12px !important; margin: 0 3px; border: 1px solid #DCE3F1 !important; }
body:has(.batd-srch-band) .course-container .pagination > .active > a, body:has(.batd-srch-band) .course-container .pagination > .active > span { background: linear-gradient(135deg, #244298, #102A5C) !important; border-color: #102A5C !important; }
body:has(.batd-srch-band) .c-layout-footer, body:has(.batd-srch-band) .col-md-12.pull-right { }
@media (max-width: 991px) { .batd-srch-band h1 { font-size: 30px; } body:has(.batd-srch-band) .course-container { margin-top: -40px; } .batd-srch-band .container { padding-bottom: 76px; } }

body:has(.batd-srch-band) .course-container .c-content-product-2 .c-info { flex: 1 0 auto !important; min-height: 0 !important; height: auto !important; }
body:has(.batd-srch-band) .course-container .c-content-product-2 .c-info > p.c-price { width: auto !important; float: none !important; }
body:has(.batd-srch-band) .course-container .c-content-box .container > .row { display: flex; flex-wrap: wrap; }
body:has(.batd-srch-band) .course-container .c-content-box .container > .row::before, body:has(.batd-srch-band) .course-container .c-content-box .container > .row::after { display: none; }
body:has(.batd-srch-band) .course-container .c-content-box .container > .row > [class*="col-"] { display: flex; float: none; }
body:has(.batd-srch-band) .course-container .c-content-box .container > .row > [class*="col-"] > .c-content-product-2 { width: 100%; }
body:has(.batd-srch-band) .course-container .c-content-product-2 .c-info { max-height: none !important; overflow: visible !important; }
@media (max-width: 767px) { body:has(.batd-srch-band) .course-container > .c-content-ver-nav { display: none !important; } body:has(.batd-srch-band) .course-container { margin-top: -40px; } }

/* ===== صفحة القسم (category): نفس تصميم الصفحات الجديدة - الصورة العلوية زي ما هي ===== */
body:has(.batd-ca-main) .c-layout-page { background: #F3F6FC !important; padding-bottom: 60px !important; }
body:has(.batd-ca-main) .course-container > .c-content-ver-nav { border-radius: 20px !important; border: 1px solid #E6EBF5 !important; box-shadow: 0 10px 30px rgba(16,42,92,.08) !important; background: #fff !important; }
.batd-ca-main > h1 { font-size: 24px !important; color: #102A5C; font-weight: 700 !important; margin: 4px 0 16px !important; }
.batd-ca-main > .row { border-radius: 20px !important; border: 1px solid #E6EBF5; box-shadow: 0 10px 30px rgba(16,42,92,.07); background: #fff !important; margin-inline: 0 !important; }
.batd-ca-main > .row img.cover { border-radius: 14px !important; }
.batd-ca-main > .row p { color: #33415E; font-size: 15px; line-height: 2.1 !important; text-align: start !important; }
.batd-ca-tiles { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin: 6px 0 28px; }
.batd-ca-tile { position: relative; display: flex; align-items: center; gap: 12px; min-height: 84px; padding: 14px 16px; background: #fff; border: 1px solid #E6EBF5; border-radius: 18px; box-shadow: 0 8px 24px rgba(16,42,92,.06); color: #102A5C !important; font-weight: 500; font-size: 13.5px; line-height: 1.45; text-decoration: none !important; transition: transform .25s, box-shadow .25s, border-color .25s; overflow: hidden; }
.batd-ca-tile > i { flex: none; width: 42px; height: 42px; line-height: 42px; text-align: center; border-radius: 12px; background: linear-gradient(135deg, #244298, #102A5C); color: #fff; font-size: 17px; }
.batd-ca-tile span { flex: 1; min-width: 0; }
.batd-ca-tile .go { flex: none; width: 28px; height: 28px; line-height: 28px; text-align: center; border-radius: 50%; background: #EEF3FC; color: #244298; font-style: normal; font-size: 12px; transition: background-color .2s, color .2s; }
.batd-ca-tile:hover { transform: translateY(-4px); box-shadow: 0 18px 40px rgba(16,42,92,.14); border-color: #C8D4EE; }
.batd-ca-tile:hover .go { background: #C6102E; color: #fff; }
[dir="rtl"] .batd-ca-tile .go i, body.rtl .batd-ca-tile .go i { transform: scaleX(-1); }
.batd-ca-card { background: #fff; border: 1px solid #E6EBF5; border-radius: 20px; box-shadow: 0 10px 30px rgba(16,42,92,.07); padding: 26px 30px; margin-bottom: 26px; }
.batd-ca-title { display: flex; align-items: center; gap: 14px; margin: 0 0 16px; font-size: 20px; font-weight: 700; color: #102A5C; }
.batd-ca-title > i { flex: none; width: 42px; height: 42px; line-height: 42px; text-align: center; border-radius: 12px; background: #EEF3FC; color: #244298; font-size: 18px; }
.batd-ca-title small { margin-inline-start: auto; font-size: 12.5px; font-weight: 500; color: #fff; background: linear-gradient(135deg, #244298, #102A5C); border-radius: 999px; padding: 4px 14px; }
.batd-ca-main .batd-ca-search form.form-horizontal { border: 0 !important; box-shadow: none !important; padding: 0 !important; margin: 0 !important; background: transparent !important; }
.batd-ca-main .batd-ca-search form.form-horizontal .row.form-group { margin: 0 !important; }
.batd-ca-main .batd-ca-search .form-control { border-radius: 14px !important; height: 46px !important; background: #F8FAFE; border: 1px solid #DCE3F1 !important; }
.batd-ca-main .batd-ca-search .btn { border-radius: 999px !important; background: linear-gradient(110deg, #102A5C, #244298) !important; border: 0 !important; box-shadow: 0 10px 24px rgba(16,42,92,.24); height: 46px !important; }
.batd-ca-main .batd-ca-search .c-content-title-1 { display: none; }
.batd-ca-list { display: grid; gap: 12px; }
.batd-ca-course { display: flex; align-items: center; gap: 16px; background: #fff; border: 1px solid #E6EBF5; border-radius: 16px; padding: 14px 18px; box-shadow: 0 6px 20px rgba(16,42,92,.05); transition: transform .2s, box-shadow .2s, border-color .2s; }
.batd-ca-course:hover { transform: translateY(-3px); box-shadow: 0 16px 34px rgba(16,42,92,.12); border-color: #C8D4EE; }
.batd-ca-course > i { flex: none; width: 46px; height: 46px; line-height: 46px; text-align: center; border-radius: 13px; background: linear-gradient(135deg, #244298, #102A5C); color: #fff; font-size: 19px; }
.batd-ca-course .info { flex: 1; min-width: 0; }
.batd-ca-course h3 { margin: 0 0 6px; font-size: 15.5px; line-height: 1.5; font-weight: 600; }
.batd-ca-course h3 a { color: #102A5C; text-decoration: none; } .batd-ca-course h3 a:hover { color: #244298; }
.batd-ca-course .meta { display: flex; flex-wrap: wrap; gap: 8px; }
.batd-ca-course .meta span { display: inline-flex; align-items: center; gap: 7px; font-size: 12.5px; font-weight: 400; padding: 3px 12px; border-radius: 999px; background: #EEF3FC; color: #244298; }
.batd-ca-course .meta span.price { background: #FDECEF; color: #C6102E; }
.batd-ca-course .acts { flex: none; display: flex; gap: 10px; }
.batd-ca-course .acts a { display: inline-block; padding: 9px 20px; border-radius: 999px; font-size: 13px; font-weight: 500; text-decoration: none; transition: background-color .2s, color .2s, transform .2s; }
.batd-ca-course .acts a.det { background: #EEF3FC; color: #244298; } .batd-ca-course .acts a.det:hover { background: #244298; color: #fff; }
.batd-ca-course .acts a.reg { background: #C6102E; color: #fff; } .batd-ca-course .acts a.reg:hover { background: #A30E25; transform: translateY(-1px); }
.batd-ca-listhead { margin: 6px 0 14px; }
.batd-ca-main .pagination > li > a, .batd-ca-main .pagination > li > span { border-radius: 12px !important; margin: 0 3px; border: 1px solid #DCE3F1 !important; }
.batd-ca-main .pagination > .active > a, .batd-ca-main .pagination > .active > span { background: linear-gradient(135deg, #244298, #102A5C) !important; border-color: #102A5C !important; color: #fff !important; }
.batd-ca-about { margin-top: 28px; color: #33415E; line-height: 2; }
.batd-ca-about img { max-width: 100%; height: auto; border-radius: 14px; }
.batd-ca-about h2, .batd-ca-about h3 { color: #102A5C; font-weight: 700; }
.batd-ca-about a { color: #244298; }
@media (max-width: 1199px) { .batd-ca-tiles { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 991px) { .batd-ca-tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 720px) { .batd-ca-course { flex-wrap: wrap; } .batd-ca-course .acts { width: 100%; } .batd-ca-course .acts a { flex: 1; text-align: center; } .batd-ca-card { padding: 20px 18px; } }
@media (max-width: 480px) { .batd-ca-tiles { grid-template-columns: 1fr; } }
@media (max-width: 767px) { body:has(.batd-ca-main) .course-container > .c-content-ver-nav { display: none !important; } }
@media (max-width: 991px) { .course-container > .c-content-box.batd-ca-main { width: 100% !important; float: none !important; display: block !important; } .batd-ca-main > h1 { margin-inline: 0 !important; } }

/* ===== صفحة التخصص (course_training): كروت الدورات بنفس تصميم صفحة الدورات ===== */
.batd-sp-main .container > .row { display: flex; flex-wrap: wrap; }
.batd-sp-main .container > .row::before, .batd-sp-main .container > .row::after { display: none; }
.batd-sp-main .container > .row > [class*="col-"] { display: flex; float: none; }
.batd-sp-main .c-content-product-2 { width: 100%; border-radius: 20px !important; border: 1px solid #E6EBF5 !important; box-shadow: 0 8px 26px rgba(16,42,92,.07) !important; overflow: hidden; display: flex; flex-direction: column; transition: transform .25s, box-shadow .25s, border-color .25s; }
.batd-sp-main .c-content-product-2:hover { transform: translateY(-4px); box-shadow: 0 22px 46px rgba(16,42,92,.16) !important; border-color: #C8D4EE !important; }
.batd-sp-main .c-content-product-2 .c-content-overlay { overflow: hidden; }
.batd-sp-main .c-content-product-2 .c-bg-img-center { transition: transform .5s ease; }
.batd-sp-main .c-content-product-2:hover .c-bg-img-center { transform: scale(1.06); }
.batd-sp-main .c-content-product-2 .c-info { flex: 1 0 auto !important; min-height: 0 !important; height: auto !important; max-height: none !important; overflow: visible !important; padding: 14px 16px 6px; }
.batd-sp-main .c-content-product-2 .c-title { font-size: 16.5px !important; line-height: 1.55; font-weight: 700 !important; color: #102A5C; min-height: 50px; margin-bottom: 8px; }
.batd-sp-main .c-content-product-2 .c-price { display: inline-flex; align-items: center; gap: 6px; margin: 0 6px 6px 0 !important; padding: 3px 11px; border-radius: 999px; background: #EEF3FC; color: #244298 !important; font-size: 13.5px !important; width: auto !important; float: none !important; }
[dir="rtl"] .batd-sp-main .c-content-product-2 .c-price, body.rtl .batd-sp-main .c-content-product-2 .c-price { margin: 0 0 6px 6px !important; }
.batd-sp-main .c-content-product-2 .c-price strong { font-weight: 700 !important; }
.batd-sp-main .c-content-product-2 .c-price:has(.fa-money) { background: #FDECEF; color: #C6102E !important; }
.batd-sp-main .c-content-product-2 .c-price:has(.fa-money) strong { color: #C6102E; }
.batd-sp-main .c-content-product-2 .btn-group { margin: 8px 14px 14px !important; width: calc(100% - 28px) !important; display: block !important; }
.batd-sp-main .c-content-product-2 .btn-group .btn { border-radius: 999px !important; border: 0 !important; background: #EEF3FC !important; color: #244298 !important; font-weight: 700 !important; letter-spacing: .3px; padding: 10px 0; }
.batd-sp-main .c-content-product-2 .btn-group .btn:hover { background: #C6102E !important; color: #fff !important; }
.batd-sp-main > h1 + br { display: none; }
.batd-sp-main .c-content-product-2 .btn-group > .btn-group { display: block !important; width: 100% !important; float: none !important; }
.batd-sp-main .c-content-product-2 .btn-group .btn { display: block; width: 100%; }
body .course-container .batd-sp-main .c-content-product-2 .btn-group .btn { border-radius: 999px !important; box-sizing: border-box !important; width: 100% !important; margin: 0 !important; }
body .course-container .batd-sp-main .c-content-product-2 .btn-group { width: calc(100% - 28px) !important; box-sizing: border-box; }

/* ===== تفاصيل الدورة: نفس تصميم الصفحات الجديدة (شريط عنوان + لوحات دائرية) ===== */
.batd-cd-band { position: relative; background: linear-gradient(105deg, #102A5C 0%, #244298 62%, #2f56b8 100%); color: #fff; overflow: hidden; margin-bottom: 26px; }
.batd-cd-band::before { content: ""; position: absolute; inset-inline-end: -80px; top: -90px; width: 340px; height: 340px; border-radius: 50%; background: rgba(255,255,255,.07); }
.batd-cd-band::after { content: ""; position: absolute; inset-inline: 0; bottom: 0; height: 4px; background: linear-gradient(90deg, #C6102E, #244298); }
.batd-cd-band .container { position: relative; padding-top: 34px; padding-bottom: 42px; }
.batd-cd-band .crumbs { font-size: 14px; opacity: .92; margin-bottom: 12px; line-height: 1.9; }
.batd-cd-band .crumbs a { color: #fff; } .batd-cd-band .crumbs a:hover { text-decoration: underline; } .batd-cd-band .crumbs i { margin-inline: 9px; font-size: 11px; }
.batd-cd-band .ttl { font-size: 34px; font-weight: 700; color: #fff; line-height: 1.35; max-width: 940px; }
.batd-cd-band .ttl::after { content: ""; display: block; width: 74px; height: 4px; border-radius: 4px; background: #C6102E; margin-top: 16px; }
.batd-cd-band .chips { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 18px; }
.batd-cd-band .chips span { background: rgba(255,255,255,.16); border: 1px solid rgba(255,255,255,.28); border-radius: 999px; padding: 6px 16px; font-size: 14.5px; font-weight: 600; }
.batd-cd-band .chips span i { margin-inline-end: 8px; }
.batd-cd-band .chips span.price { background: #C6102E; border-color: #C6102E; }
/* العنوان القديم فوق المحتوى: بيتخبّى بصريًا (بيفضل للقارئ وللسيو) */
body .c-layout-page:has(.batd-cd-band) .batd-title-row { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; margin: -1px; padding: 0; }
body .c-layout-page:has(.batd-cd-band) .batd-title-row + br { display: none; }
body .c-layout-page:has(.batd-cd-band) { background: #F3F6FC !important; }
body .c-layout-page:has(.batd-cd-band) > .col-md-9,
body .c-layout-page:has(.batd-cd-band) .batd-course-actions,
body .c-layout-page:has(.batd-cd-band) .batd-dates-box,
body .c-layout-page:has(.batd-cd-band) .batd-cost-box,
body .c-layout-page:has(.batd-cd-band) .batd-cats-box { border-radius: 20px !important; border: 1px solid #E6EBF5 !important; box-shadow: 0 12px 32px rgba(16,42,92,.08) !important; }
body .c-layout-page:has(.batd-cd-band) > .col-md-9 { border-left-width: 1px !important; border-right-width: 1px !important; background: #fff; }
body .c-layout-page:has(.batd-cd-band) .col-md-9 .col-md-12 > h1 { border-inline-start: 0; padding-inline-start: 0; display: flex; align-items: center; gap: 12px; font-size: 22px; }
body .c-layout-page:has(.batd-cd-band) .col-md-9 .col-md-12 > h1::before { content: ""; width: 5px; height: 26px; border-radius: 3px; background: linear-gradient(180deg, #244298, #C6102E); flex: none; }
body .c-layout-page:has(.batd-cd-band) .col-md-9 .col-md-12[style*="height: 20px"] { background: transparent !important; }
body .c-layout-page:has(.batd-cd-band) .batd-course-actions .btn { border-radius: 999px !important; }
body .c-layout-page:has(.batd-cd-band) .batd-dates-box .btn, body .c-layout-page:has(.batd-cd-band) .batd-dates-box .form-control, body .c-layout-page:has(.batd-cd-band) .batd-dates-box select { border-radius: 999px !important; }
body .c-layout-page:has(.batd-cd-band) .batd-dates-box select, body .c-layout-page:has(.batd-cd-band) .batd-dates-box input.form-control { border-radius: 12px !important; }
body .c-layout-page:has(.batd-cd-band) .batd-cost-box .child_div_members_cost, body .c-layout-page:has(.batd-cd-band) .batd-cost-box .input-group-addon { border-radius: 14px !important; }
body .c-layout-page:has(.batd-cd-band) .c-content-tab-5 .c-nav-tab > li > a, body .c-layout-page:has(.batd-cd-band) .c-content-tabs .nav > li > a { border-radius: 999px !important; }
@media (max-width: 991px) { .batd-cd-band .ttl { font-size: 26px; } .batd-cd-band .container { padding-bottom: 32px; } }
@media (min-width: 992px) { body .c-layout-page:has(.batd-cd-band) > .col-md-9 { width: calc(75% - 14px) !important; margin-inline-end: 14px; } }

/* ===== صفحة التسجيل: شريط عنوان + لوحات دائرية (نفس تصميم الموقع) ===== */
.batd-rg-band { position: relative; background: linear-gradient(105deg, #102A5C 0%, #244298 62%, #2f56b8 100%); color: #fff; overflow: hidden; }
.batd-rg-band::before { content: ""; position: absolute; inset-inline-end: -80px; top: -90px; width: 340px; height: 340px; border-radius: 50%; background: rgba(255,255,255,.07); }
.batd-rg-band::after { content: ""; position: absolute; inset-inline: 0; bottom: 0; height: 4px; background: linear-gradient(90deg, #C6102E, #244298); }
.batd-rg-band .container { position: relative; padding-top: 40px; padding-bottom: 72px; }
.batd-rg-band .crumbs { font-size: 14px; opacity: .9; margin-bottom: 12px; } .batd-rg-band .crumbs a { color: #fff; } .batd-rg-band .crumbs a:hover { text-decoration: underline; } .batd-rg-band .crumbs i { margin-inline: 8px; font-size: 11px; }
.batd-rg-band h1 { margin: 0; font-size: 38px; font-weight: 700; color: #fff; line-height: 1.25; text-shadow: 0 2px 16px rgba(0,0,0,.25); }
.batd-rg-band h1::after { content: ""; display: block; width: 74px; height: 4px; border-radius: 4px; background: #C6102E; margin-top: 16px; }
.batd-rg-band p { margin: 14px 0 0; font-size: 16.5px; opacity: .95; max-width: 640px; line-height: 1.8; }
body .c-layout-page:has(.batd-rg-band) { background: #F3F6FC !important; padding-bottom: 50px !important; }
body .c-layout-page:has(.batd-rg-band) > .container { margin-top: -44px; position: relative; z-index: 2; }
body .c-layout-page:has(.batd-rg-band) > br { display: none; }
body .c-layout-page:has(.batd-rg-band) .container > .row > .col-md-9:has(#regirster_form),
body .c-layout-page:has(.batd-rg-band) .price-panel { border-radius: 20px !important; border: 1px solid #E6EBF5 !important; box-shadow: 0 14px 36px rgba(16,42,92,.10) !important; background: #fff !important; }
body .c-layout-page:has(.batd-rg-band) #regirster_form .form-control { border-radius: 14px !important; height: 46px; background: #F8FAFE; border: 1px solid #DCE3F1 !important; }
body .c-layout-page:has(.batd-rg-band) #regirster_form .form-control:focus { border-color: #244298 !important; background: #fff; box-shadow: 0 0 0 4px rgba(36,66,152,.12) !important; }
body .c-layout-page:has(.batd-rg-band) #regirster_form label { color: #102A5C; font-weight: 700; font-size: 13.5px; }
body .c-layout-page:has(.batd-rg-band) #regirster_form .btn.register, body .c-layout-page:has(.batd-rg-band) #regirster_form input[type=submit] { border-radius: 999px !important; background: linear-gradient(110deg, #C6102E, #e5394f) !important; border: 0 !important; padding: 12px 40px; font-weight: 700; box-shadow: 0 12px 26px rgba(198,16,46,.28); }
body .c-layout-page:has(.batd-rg-band) #regirster_form table { border-radius: 14px; }
@media (max-width: 991px) { .batd-rg-band h1 { font-size: 30px; } .batd-rg-band .container { padding-bottom: 60px; } }

/* ===== الفوتر: نفس هوية الموقع (كحلي داكن + خط أحمر + روابط بحواف) ===== */
body .c-layout-footer-10.c-layout-footer, body footer.c-layout-footer-10 { background: linear-gradient(180deg, #0E2352 0%, #102A5C 100%) !important; color: #C9D3EC; position: relative; margin-top: 0; }
body footer.c-layout-footer-10::before { content: ""; position: absolute; inset-inline: 0; top: 0; height: 4px; background: linear-gradient(90deg, #C6102E, #244298); }
body footer.c-layout-footer-10 .c-footer { background: transparent !important; padding-top: 18px; }
body footer.c-layout-footer-10 .c-layout-footer-10-title { color: #fff !important; font-weight: 700; font-size: 18px; letter-spacing: .3px; }
body footer.c-layout-footer-10 .c-layout-footer-10-title-line span, body footer.c-layout-footer-10 .c-layout-footer-10-title-line .c-theme-bg { background: #C6102E !important; height: 3px !important; width: 44px !important; border-radius: 3px; display: block; }
body footer.c-layout-footer-10 .c-layout-footer-10-desc { color: #B7C3E2 !important; line-height: 2 !important; }
body footer.c-layout-footer-10 .c-layout-footer-10-list-item a { color: #C9D3EC !important; transition: color .2s, padding .2s; }
body footer.c-layout-footer-10 .c-layout-footer-10-list-item a:hover { color: #fff !important; padding-inline-start: 6px; }
body footer.c-layout-footer-10 .c-layout-footer-10-list-item { border: 0 !important; }
body footer.c-layout-footer-10 .c-layout-footer-10-content { padding-top: 46px; padding-bottom: 30px; }
body footer.c-layout-footer-10 .batd-ft-logo { max-width: 220px; max-height: 56px; width: auto; height: auto; background: #fff; border-radius: 14px; padding: 8px 14px; box-shadow: 0 10px 24px rgba(0,0,0,.25); }
body .c-layout-footer-10-subfooter-container { background: #0A1B40 !important; background-image: none !important; border-top: 1px solid rgba(255,255,255,.10); }
body .c-layout-footer-10-subfooter-container, body .c-layout-footer-10-subfooter-container a { text-shadow: none !important; color: #B7C3E2; }
body .c-layout-footer-10-subfooter-container a:hover { color: #fff; }
body .c-layout-footer-10-subfooter-container .c-layout-footer-10-subfooter-content a[href*="facebook"], body .c-layout-footer-10-subfooter-container .c-layout-footer-10-subfooter-content a[href*="twitter"] { display: inline-block; }
body .c-layout-footer-10-subfooter-container ul.c-layout-footer-10-subfooter-social-icons a, body .c-layout-footer-10-subfooter-container .c-layout-footer-10-subfooter-content ~ * a i.fa, body .c-layout-footer-10-subfooter-container .icons a { display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; border-radius: 50%; background: rgba(255,255,255,.10); transition: background-color .2s, transform .2s; }
body .c-layout-footer-10-subfooter-container ul.c-layout-footer-10-subfooter-social-icons a:hover, body .c-layout-footer-10-subfooter-container .icons a:hover { background: #C6102E; transform: translateY(-2px); }
body .c-layout-footer-10-subfooter-social ul { list-style: none; margin: 0; padding: 0; display: flex; gap: 10px; }
body .c-layout-footer-10-subfooter-social li { display: block; margin: 0 !important; }
body .c-layout-footer-10-subfooter-social a { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50%; background: rgba(255,255,255,.10); transition: background-color .2s, transform .2s; }
body .c-layout-footer-10-subfooter-social a i { font-size: 17px; }
body .c-layout-footer-10-subfooter-social a:hover { background: #C6102E; transform: translateY(-2px); }
body .c-layout-page:has(.batd-rg-band) > .container > br { display: none; }
body .c-layout-page:has(.batd-rg-band) > .container > .row { margin-top: 0; }
body .c-layout-page:has(.batd-rg-band) .price-panel { align-self: flex-start; }
body .c-layout-page:has(.batd-rg-band) .container > .row > .col-md-9:has(#regirster_form) { overflow: visible !important; padding-top: 6px !important; }
body .c-layout-page:has(.batd-rg-band) .container > .row > .col-md-9:has(#regirster_form) > form > .col-md-12:first-child { border-radius: 20px; }
body footer.c-layout-footer-10 .batd-ft-logo { max-width: 100%; box-sizing: border-box; }
body footer.c-layout-footer-10 .col-md-3[style*="text-align: center"] { min-width: 0; overflow: hidden; }
@media (min-width: 992px) and (max-width: 1199px) { body footer.c-layout-footer-10 .batd-ft-logo { max-width: 150px; padding: 6px 10px; } }

/* صفحة التسجيل: هيدر المربع الكبير بنفس شكل هيدر مربع الرسوم (تدرّج كحلي + خط أحمر + حواف دائرية)، والاتنين ثابتين وقت السكرول */
body .c-layout-page:has(.batd-rg-band) .container > .row > .col-md-9:has(#regirster_form) { padding-top: 0 !important; overflow: visible !important; border-radius: 20px !important; }
body .c-layout-page:has(.batd-rg-band) .container > .row > .col-md-9:has(#regirster_form) > .col-md-12:first-child {
    display: block !important; border-radius: 20px 20px 0 0 !important; border-bottom: 3px solid #C6102E; float: none; width: 100%;
}
body .c-layout-page:has(.batd-rg-band) .price-panel > .col-md-12:first-child { border-radius: 20px 20px 0 0 !important; border-bottom: 3px solid #C6102E; }
body .c-layout-page:has(.batd-rg-band) .price-panel > .col-md-12:last-child { border-radius: 0 0 20px 20px !important; }
@media (min-width: 992px) {
    body .c-layout-page:has(.batd-rg-band) .container > .row { display: flex; align-items: flex-start; }
    body .c-layout-page:has(.batd-rg-band) .container > .row::before, body .c-layout-page:has(.batd-rg-band) .container > .row::after { display: none; }
    body .c-layout-page:has(.batd-rg-band) .price-panel { align-self: flex-start; float: none; }
    body .c-layout-page:has(.batd-rg-band) .container > .row > .col-md-9:has(#regirster_form) { align-self: flex-start; float: none; }
}

/* صفحة التسجيل: الفوتر فوق المربعين المثبّتين لما يوصلهم */
body:has(.batd-rg-band) footer.c-layout-footer-10 { position: relative; z-index: 5; }

/* صفحة التسجيل على الموبايل/التابلت: مربع الرسوم ياخد أول الصفحة وبيثبت فوق وقت السكرول كشريط مضغوط (الهيدر + السعر)، والضغط عليه بيوسّعه */
@media (max-width: 991px) {
    body .c-layout-page:has(.batd-rg-band) .container > .row { display: flex; flex-direction: column; }
    body .c-layout-page:has(.batd-rg-band) .container > .row::before, body .c-layout-page:has(.batd-rg-band) .container > .row::after { display: none; }
    body .c-layout-page:has(.batd-rg-band) .price-panel { order: -1; position: sticky !important; top: 72px !important; z-index: 30; width: 100% !important; margin: 0 0 14px !important; float: none; }
    body .c-layout-page:has(.batd-rg-band) .price-panel > .col-md-12:first-child { cursor: pointer; height: 40px !important; line-height: 40px !important; }
    body .c-layout-page:has(.batd-rg-band) .price-panel > .col-md-12:first-child::after { content: "\f107"; font-family: FontAwesome; float: inline-end; transition: transform .2s; }
    body .c-layout-page:has(.batd-rg-band) .price-panel.rg-open > .col-md-12:first-child::after { transform: rotate(180deg); }
    body .c-layout-page:has(.batd-rg-band) .price-panel > .col-md-12:last-child { padding: 0 !important; }
    body .c-layout-page:has(.batd-rg-band) .price-panel:not(.rg-open) .list-group-item:not(:first-child) { display: none !important; }
    body .c-layout-page:has(.batd-rg-band) .price-panel .list-group-item:first-child { padding: 8px 16px; }
}
/* ديسكتوب: البانر أطول شوية عشان مربع الرسوم الثابت يبقى جواه بالكامل (مش نصه فوق البانر ونصه تحته) */
@media (min-width: 992px) { .batd-rg-band .container { padding-bottom: 116px; } }

/* ===== إطار جدول التواريخ في التسجيل =====
   الانحناء كان بيتحط على الخلايا بـleft/right فبيتعكس في RTL ويطلع "سِنّة" بين خلية # وخلية التاريخ.
   بنستخدم الخصائص المنطقية (start/end) عشان الأركان الأربعة تطلع صح في العربي والإنجليزي. */
body .c-layout-page #regirster_form .table:has(.date-picker) > thead > tr:first-child > *:first-child,
body .c-layout-page #regirster_form .table:has(.date-picker) > thead > tr:first-child > *:last-child,
body .c-layout-page #regirster_form .table:has(.date-picker) > tbody > tr:last-child > *:first-child,
body .c-layout-page #regirster_form .table:has(.date-picker) > tbody > tr:last-child > *:last-child { border-radius: 0 !important; }
body .c-layout-page #regirster_form .table:has(.date-picker) > thead > tr:first-child > *:first-child { border-start-start-radius: 13px !important; }
body .c-layout-page #regirster_form .table:has(.date-picker) > thead > tr:first-child > *:last-child { border-start-end-radius: 13px !important; }
body .c-layout-page #regirster_form .table:has(.date-picker) > tbody > tr:last-child > *:first-child { border-end-start-radius: 13px !important; }
body .c-layout-page #regirster_form .table:has(.date-picker) > tbody > tr:last-child > *:last-child { border-end-end-radius: 13px !important; }
body .c-layout-page #regirster_form .table > tbody > tr > td, body .c-layout-page #regirster_form .table > thead > tr > th { vertical-align: middle; }
body .c-layout-page #regirster_form .table > tbody > tr > td { padding-top: 10px; padding-bottom: 10px; }
/* حقل التاريخ + زر التقويم: نفس ارتفاع وحواف باقي الحقول */
body .c-layout-page #regirster_form .input-group.date-picker { display: flex !important; align-items: center; gap: 8px; width: 100%; max-width: none; }
body .c-layout-page #regirster_form .input-group.date-picker .form-control { flex: 1 1 auto; float: none; width: auto; cursor: pointer; }
body .c-layout-page #regirster_form .input-group.date-picker .input-group-btn { display: block; width: auto; flex: none; }
body .c-layout-page #regirster_form .input-group.date-picker .input-group-btn .btn { height: 46px; width: 46px; padding: 0; border-radius: 14px !important; background: #F8FAFE; border: 1px solid #DCE3F1; color: #244298; box-shadow: none; transition: background-color .2s, border-color .2s, color .2s; }
body .c-layout-page #regirster_form .input-group.date-picker .input-group-btn .btn:hover { background: #244298; border-color: #244298; color: #fff; }

/* صفحة القسم/التخصص: خطوط أصغر شوية وبدون بولد إلا في العناوين والنص الأساسي */
body .batd-ca-main strong, body .batd-ca-main b { font-weight: 600; }
body .batd-ca-main li strong, body .batd-ca-main li b { font-weight: 500; }
body .batd-ca-tile span { font-weight: 500; }
body .c-layout-page:has(.batd-ca-main) .cat_div1 { font-size: 19px !important; font-weight: 600 !important; }
body .batd-ca-main .batd-ca-search .btn { font-size: 13.5px; font-weight: 500; }

/* صفحة تفاصيل الدورة: مسافة بين عمود الأزرار/التواريخ وكارت تفاصيل الدورة (كانوا لازقين في بعض) */
@media (min-width: 992px) {
    /* المسافة بتتاخد من عرض كارت التفاصيل مش من عرض العمود الجانبي (عشان عناصر التواريخ والأسعار ماتضيقش) */
    body .c-layout-page:has(.batd-course-actions) > .col-md-9 { width: calc(75% - 24px) !important; }
}

/* زرار تبديل اللغة: شكل تاب مزدوج EN/AR بدل رابط نصي واحد */
.batd-lang-toggle { display: inline-flex; align-items: center; background: #EDF0F6; border-radius: 999px; padding: 3px; gap: 2px; margin-top: 2px; }
.batd-lang-toggle a, .batd-lang-toggle span { display: inline-flex; align-items: center; justify-content: center; min-width: 34px; height: 24px; padding: 0 12px; border-radius: 999px; font-size: 12px; font-weight: 700; letter-spacing: .3px; line-height: 1; text-decoration: none !important; transition: background-color .2s, color .2s; }
.batd-lang-toggle span.on { background: #102A5C; color: #fff !important; box-shadow: 0 2px 6px rgba(16,42,92,.28); }
.batd-lang-toggle a { color: #7A88A8 !important; background: transparent; }
.batd-lang-toggle a:hover { color: #244298 !important; background: rgba(36,66,152,.08); }


/* ===== صفحة الخطة السنوية (year_plan): تحويل القائمة الطويلة (31 ألف بكسل!) لكروت أكورديون قابلة للطي ===== */
body:has(.batd-yp-band) .c-layout-page { background: #F3F6FC !important; }
.batd-yp-band { position: relative; background: linear-gradient(105deg, #102A5C 0%, #244298 62%, #2f56b8 100%); color: #fff; overflow: hidden; }
.batd-yp-band::before { content: ""; position: absolute; inset-inline-end: -80px; top: -90px; width: 340px; height: 340px; border-radius: 50%; background: rgba(255,255,255,.07); }
.batd-yp-band::after { content: ""; position: absolute; inset-inline: 0; bottom: 0; height: 4px; background: linear-gradient(90deg, #C6102E, #244298); }
.batd-yp-band .container { position: relative; padding-top: 44px; padding-bottom: 56px; }
.batd-yp-band .crumbs { font-size: 14px; opacity: .9; margin-bottom: 12px; }
.batd-yp-band .crumbs a { color: #fff; }
.batd-yp-band .crumbs a:hover { text-decoration: underline; }
.batd-yp-band .crumbs i { margin-inline: 8px; font-size: 11px; }
.batd-yp-band h1 { margin: 0; font-size: 28px; font-weight: 700; color: #fff; line-height: 1.4; text-shadow: 0 2px 16px rgba(0,0,0,.25); }
.batd-yp-band h1::after { content: ""; display: block; width: 74px; height: 4px; border-radius: 4px; background: #C6102E; margin-top: 16px; }
.batd-yp-band .cnt { display: inline-flex; align-items: center; margin-top: 16px; background: rgba(255,255,255,.16); border: 1px solid rgba(255,255,255,.28); border-radius: 999px; padding: 6px 18px; font-size: 14.5px; font-weight: 600; }
.batd-yp-band .cnt i { margin-inline-end: 6px; }

.batd-yp-page { padding-bottom: 60px; }
.batd-yp-list { margin-top: -30px; position: relative; z-index: 2; display: flex; flex-direction: column; gap: 16px; }

.batd-yp-card { background: #fff; border: 1px solid #E6EBF5; border-radius: 18px; box-shadow: 0 10px 26px rgba(16,42,92,.06); overflow: hidden; transition: box-shadow .2s, border-color .2s; }
.batd-yp-card:hover { box-shadow: 0 16px 34px rgba(16,42,92,.11); }
.batd-yp-card.batd-yp-open { border-color: #C8D4EE; }

.batd-yp-card-head { display: flex; align-items: center; gap: 12px; padding: 14px 22px; }
.batd-yp-head-toggle { flex: 1; display: flex; align-items: center; gap: 16px; min-width: 0; background: none; border: 0; padding: 4px 0; margin: 0; font: inherit; text-align: inherit; color: inherit; cursor: pointer; }
.batd-yp-icon { flex: none; width: 56px; height: 56px; border-radius: 16px; background: linear-gradient(135deg, #EEF3FC, #E1E9FA); display: flex; align-items: center; justify-content: center; }
.batd-yp-icon img { max-width: 34px; max-height: 34px; }
.batd-yp-icon i { font-size: 24px; color: #244298; }
.batd-yp-title { flex: 1; font-size: 19px; font-weight: 700; color: #102A5C; }
.batd-yp-chev { flex: none; width: 34px; height: 34px; border-radius: 50%; background: #F3F6FC; display: flex; align-items: center; justify-content: center; color: #244298; transition: transform .25s, background-color .2s, color .2s; }
.batd-yp-card.batd-yp-open .batd-yp-chev { transform: rotate(180deg); background: #244298; color: #fff; }

/* زرار "عرض الخطة التدريبية" بقى ظاهر جمب كل قسم في الشريط نفسه، مش مخفي جوه الأكورديون */
.batd-yp-view-btn { flex: none; display: inline-flex; align-items: center; gap: 7px; padding: 9px 18px; border-radius: 999px; background: #EEF3FC; border: 1px solid #DCE6F7; color: #244298 !important; font-size: 13.5px; font-weight: 600; text-decoration: none !important; white-space: nowrap; transition: background-color .2s, color .2s, box-shadow .2s, border-color .2s; }
.batd-yp-view-btn:hover { background: linear-gradient(110deg, #102A5C, #244298); border-color: transparent; color: #fff !important; box-shadow: 0 10px 20px rgba(16,42,92,.24); }

.batd-yp-card-body { border-top: 1px solid #EEF1F8; }
.batd-yp-desc { padding: 20px 22px; color: #4A5573; font-size: 15px; line-height: 1.9; }
.batd-yp-desc strong, .batd-yp-desc b { color: #102A5C; }
.batd-yp-desc h2, .batd-yp-desc h3, .batd-yp-desc h4 { font-size: 16.5px !important; font-weight: 700 !important; color: #102A5C !important; margin: 14px 0 8px !important; }
.batd-yp-desc ul, .batd-yp-desc ol { padding-inline-start: 20px; }
.batd-yp-desc li { margin-bottom: 6px; }
.batd-yp-desc li::marker { color: #244298; }
.batd-yp-desc p:last-child { margin-bottom: 0; }

@media (max-width: 767px) {
    .batd-yp-band .container { padding-top: 30px; padding-bottom: 46px; }
    .batd-yp-band h1 { font-size: 22px; }
    .batd-yp-list { gap: 12px; }
    .batd-yp-card-head { flex-direction: column; align-items: stretch; padding: 14px 16px; gap: 10px; }
    .batd-yp-head-toggle { gap: 12px; }
    .batd-yp-icon { width: 46px; height: 46px; border-radius: 13px; }
    .batd-yp-title { font-size: 16px; }
    .batd-yp-view-btn { align-self: flex-start; margin-inline-start: 58px; }
    .batd-yp-desc { padding: 14px 16px; font-size: 14px; }
}


/* ===== صفحة خطة القسم (printCategory / Category.export): هيدر متدرّج + شريط فلترة + جدول DataTables منسّق بدل الجدول العملاق غير المقسّم (كان بيوصل طول الصفحة لـ266 ألف بكسل بدون ترقيم صفحات) ===== */
body:has(.batd-pc-band) .c-layout-page { background: #F3F6FC !important; padding-bottom: 60px; }
.batd-pc-band { position: relative; background: linear-gradient(105deg, #102A5C 0%, #244298 62%, #2f56b8 100%); color: #fff; overflow: hidden; }
.batd-pc-band::before { content: ""; position: absolute; inset-inline-end: -80px; top: -90px; width: 340px; height: 340px; border-radius: 50%; background: rgba(255,255,255,.07); }
.batd-pc-band::after { content: ""; position: absolute; inset-inline: 0; bottom: 0; height: 4px; background: linear-gradient(90deg, #C6102E, #244298); }
.batd-pc-band .container { position: relative; padding-top: 44px; padding-bottom: 56px; }
.batd-pc-band .crumbs { font-size: 14px; opacity: .9; margin-bottom: 12px; }
.batd-pc-band .crumbs a { color: #fff; }
.batd-pc-band .crumbs a:hover { text-decoration: underline; }
.batd-pc-band .crumbs i { margin-inline: 8px; font-size: 11px; }
.batd-pc-band h1 { margin: 0; font-size: 28px; font-weight: 700; color: #fff; line-height: 1.4; text-shadow: 0 2px 16px rgba(0,0,0,.25); }
.batd-pc-band h1::after { content: ""; display: block; width: 74px; height: 4px; border-radius: 4px; background: #C6102E; margin-top: 16px; }
.batd-pc-band .cnt { display: inline-flex; align-items: center; gap: 6px; margin-top: 16px; background: rgba(255,255,255,.16); border: 1px solid rgba(255,255,255,.28); border-radius: 999px; padding: 6px 18px; font-size: 14.5px; font-weight: 600; }

/* شريط الفلترة: كارت أبيض عايم فوق حافة الهيدر الأزرق */
.batd-pc-toolbar { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 14px; background: #fff; border: 1px solid #E6EBF5; border-radius: 18px; box-shadow: 0 10px 26px rgba(16,42,92,.08); padding: 18px 22px; margin-top: -30px; position: relative; z-index: 2; }
.batd-pc-field { display: flex; flex-direction: column; gap: 6px; flex: 1 1 240px; min-width: 200px; }
.batd-pc-field label { font-size: 13px; font-weight: 600; color: #4A5573; }
.batd-pc-select { height: 44px; padding: 0 14px; border-radius: 12px; border: 1px solid #DCE3F1; background: #F8FAFE; color: #102A5C; font-size: 14px; font-weight: 500; }
.batd-pc-select:focus { outline: none; border-color: #244298; }
.batd-pc-btn { display: inline-flex; align-items: center; gap: 8px; height: 44px; padding: 0 22px; border-radius: 12px; font-size: 14px; font-weight: 600; border: 0; cursor: pointer; text-decoration: none !important; transition: box-shadow .2s, transform .2s, background-color .2s, color .2s; }
.batd-pc-btn-primary { background: linear-gradient(110deg, #102A5C, #244298); color: #fff !important; box-shadow: 0 10px 22px rgba(16,42,92,.22); }
.batd-pc-btn-primary:hover { box-shadow: 0 14px 28px rgba(16,42,92,.3); transform: translateY(-1px); }
.batd-pc-btn-outline { background: #EEF3FC; color: #244298 !important; border: 1px solid #DCE6F7; }
.batd-pc-btn-outline:hover { background: linear-gradient(110deg, #102A5C, #244298); color: #fff !important; border-color: transparent; box-shadow: 0 10px 20px rgba(16,42,92,.24); }

/* كارت الجدول: كل دورة صف مستقل، اسمها سطر لوحده وتحته التصنيف/القسم وتواريخ الانعقاد والأسعار كـ"شرائح" صغيرة على سطر تاني (بدل الأعمدة الجنب بعض اللي كانت بتضغط الاسم) */
.batd-pc-table-card { background: #fff; border: 1px solid #E6EBF5; border-radius: 18px; box-shadow: 0 10px 26px rgba(16,42,92,.06); padding: 8px 22px 20px; margin-top: 20px; }
.batd-pc-table { width: 100% !important; margin-top: 12px !important; }
.batd-pc-table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.batd-pc-table tbody tr { display: flex; flex-wrap: wrap; align-items: center; row-gap: 8px; column-gap: 8px; padding: 16px 6px; border-bottom: 1px solid #F0F3FA; }
.batd-pc-table tbody tr:hover { background: #F8FAFE; }
.batd-pc-table tbody td { display: block; padding: 0 !important; border: 0 !important; white-space: normal; }
.batd-pc-table .batd-pc-col-course { order: 1; flex: 1 1 100%; font-size: 16px; font-weight: 700; line-height: 1.6; margin-bottom: 2px; }
.batd-pc-table .batd-pc-col-course a { color: #102A5C; }
.batd-pc-table .batd-pc-col-course a:hover { color: #244298; text-decoration: underline; }
.batd-pc-table .batd-pc-col-meta { order: 2; display: flex; flex-wrap: wrap; gap: 6px; }
.batd-pc-table .batd-pc-col-dates { order: 3; display: flex; flex-wrap: wrap; gap: 5px; }
.batd-pc-table .batd-pc-col-prices { order: 3; display: flex; flex-wrap: wrap; gap: 5px; margin-inline-start: 6px; }
.batd-pc-table .batd-pc-col-city { order: 5; font-size: 12.5px; color: #7A88A8; }
.batd-pc-table tbody td.batd-pc-hide { display: none !important; }

.batd-pc-chip { display: inline-flex; align-items: center; border-radius: 999px; padding: 4px 10px; font-size: 11px; white-space: nowrap; }
.batd-pc-chip-cat { font-weight: 600; color: #7A88A8; background: #F3F6FC; }
.batd-pc-chip-spec { color: #7A88A8; background: #F3F6FC; }
.batd-pc-chip-date { font-weight: 600; color: #244298; background: #EEF3FC; }
.batd-pc-chip-date i { margin-inline-end: 4px; font-size: 10px; opacity: .8; }
.batd-pc-chip-price { font-weight: 700; color: #0A7D3C; background: #EAF7EE; }
.batd-pc-chip-price .batd-pc-price-label { font-weight: 500; color: #4F9D6C; margin-inline-end: 4px; }

/* عناصر تحكّم DataTables: عدد الصفوف رقم بس فوق الجدول، والنتائج+الترقيم تحت */
.batd-pc-dt-top { display: flex; justify-content: flex-end; margin-bottom: 10px; }
.batd-pc-dt-top .dataTables_length label { margin: 0; }
.batd-pc-dt-top .dataTables_length select { height: 34px; min-width: 56px; border-radius: 9px; border: 1px solid #DCE3F1; background: #F8FAFE; padding: 0 8px; font-size: 13px; color: #244298; font-weight: 600; }
.batd-pc-dt-top .dataTables_length select:focus { outline: none; border-color: #244298; }
.batd-pc-dt-bottom { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; margin-top: 16px; padding-top: 14px; border-top: 1px solid #F0F3FA; }
.batd-pc-dt-bottom .dataTables_info { font-size: 13px; color: #7A88A8; padding: 0 !important; order: 1; }
.batd-pc-dt-bottom .dataTables_paginate { order: 2; }
.batd-pc-table-card .dataTables_paginate .paginate_button { border-radius: 10px !important; border: 1px solid #E6EBF5 !important; margin: 0 3px !important; padding: 6px 12px !important; color: #244298 !important; background: #fff !important; }
.batd-pc-table-card .dataTables_paginate .paginate_button.current { background: #244298 !important; border-color: #244298 !important; color: #fff !important; }
.batd-pc-table-card .dataTables_paginate .paginate_button.disabled { opacity: .4; }
.batd-pc-table-card .dataTables_paginate .paginate_button:hover:not(.disabled) { background: #EEF3FC !important; border-color: #244298 !important; color: #244298 !important; }

@media (max-width: 767px) {
    .batd-pc-band .container { padding-top: 30px; padding-bottom: 46px; }
    .batd-pc-band h1 { font-size: 22px; }
    .batd-pc-toolbar { padding: 16px; margin-top: -24px; }
    .batd-pc-table-card { padding: 14px; }
}


/* ===== مودال "بوابة التحميل" العام: بيظهر قبل تحميل أي ملف (خطة تدريبية/بروشور/...) في أي صفحة بالموقع ===== */
#batd-download-modal .batd-dl-modal-content { border-radius: 20px; border: 0; padding: 8px; box-shadow: 0 24px 60px rgba(16,42,92,.28); }
#batd-download-modal .modal-body { padding: 30px 28px 26px; text-align: center; }
#batd-download-modal .batd-dl-close { position: absolute; inset-inline-end: 14px; top: 12px; z-index: 2; opacity: .5; font-size: 22px; }
#batd-download-modal .batd-dl-close:hover { opacity: .9; }
#batd-download-modal .batd-dl-icon { width: 60px; height: 60px; margin: 0 auto 14px; border-radius: 50%; background: linear-gradient(135deg, #102A5C, #244298); display: flex; align-items: center; justify-content: center; color: #fff; font-size: 24px; box-shadow: 0 10px 22px rgba(16,42,92,.28); }
#batd-download-modal .batd-dl-title { font-size: 17px; font-weight: 700; color: #102A5C; margin: 0 0 6px; line-height: 1.5; }
#batd-download-modal .batd-dl-file-label { font-size: 13px; color: #244298; background: #EEF3FC; display: inline-block; padding: 5px 14px; border-radius: 999px; margin-bottom: 18px; font-weight: 600; }
#batd-download-modal .batd-dl-file-label:empty { display: none; margin-bottom: 0; }
#batd-download-modal .batd-dl-field { margin-bottom: 12px; }
#batd-download-modal .batd-dl-input { width: 100%; height: 46px; border-radius: 12px; border: 1px solid #DCE3F1; background: #F8FAFE; padding: 0 16px; font-size: 14px; color: #102A5C; text-align: start; }
#batd-download-modal .batd-dl-input:focus { outline: none; border-color: #244298; background: #fff; box-shadow: 0 0 0 3px rgba(36,66,152,.1); }
#batd-download-modal .batd-dl-error { color: #C6102E; font-size: 13px; margin-bottom: 10px; display: none; }
#batd-download-modal .batd-dl-submit { width: 100%; height: 48px; border: 0; border-radius: 999px; background: linear-gradient(110deg, #102A5C, #244298); color: #fff; font-size: 15px; font-weight: 700; cursor: pointer; box-shadow: 0 12px 26px rgba(16,42,92,.26); transition: box-shadow .2s, transform .2s; margin-top: 4px; }
#batd-download-modal .batd-dl-submit:hover { box-shadow: 0 16px 32px rgba(16,42,92,.34); transform: translateY(-1px); }
#batd-download-modal .batd-dl-submit:disabled { opacity: .7; cursor: default; transform: none; }
#batd-download-modal .batd-dl-submit i { margin-inline-end: 6px; }
#batd-download-modal .batd-dl-honeypot { position: absolute; left: -9999px; top: -9999px; height: 0; overflow: hidden; }
#batd-download-modal .batd-dl-recaptcha { display: flex; justify-content: center; }

/* كروت الدورات (category_section) - تجميع التواريخ في نص مع بعض والسعر تحتها في النص */
.c-content-product-2 .c-info .batd-ct-dates { display: flex; flex-wrap: wrap; justify-content: center; gap: 4px 10px; margin: 6px 0; }
.c-content-product-2 .c-info .batd-ct-dates .c-price { margin: 0; }
.c-content-product-2 .c-info .batd-ct-price { display: block; text-align: center; width: 100%; margin-top: 4px; }

/* ===== صفحتا الدورات الأونلاين / الحضورية: الشريط العلوي + مفتاح التبديل ===== */
body:has(.batd-srch-band) .batd-ca-search form.form-horizontal { border: 0 !important; box-shadow: none !important; background: transparent !important; padding: 0 !important; border-radius: 0 !important; }

.batd-mode-band .container { padding-bottom: 96px; }
.batd-mode-row { display: flex; align-items: center; justify-content: space-between; gap: 22px; flex-wrap: wrap; }
.batd-mode-head { display: flex; align-items: center; gap: 18px; }
.batd-mode-head h1 { font-size: 38px; }
.batd-mode-ico { flex: 0 0 auto; width: 74px; height: 74px; border-radius: 22px; display: inline-flex; align-items: center; justify-content: center; font-size: 32px; color: #fff; background: linear-gradient(135deg, rgba(255,255,255,.26), rgba(255,255,255,.08)); border: 1px solid rgba(255,255,255,.35); box-shadow: 0 12px 30px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.35); backdrop-filter: blur(4px); }
.batd-mode-switch { display: inline-flex; padding: 5px; gap: 4px; border-radius: 999px; background: rgba(255,255,255,.14); border: 1px solid rgba(255,255,255,.3); backdrop-filter: blur(6px); box-shadow: 0 10px 28px rgba(0,0,0,.18); }
.batd-mode-switch a { display: inline-flex; align-items: center; gap: 8px; padding: 10px 22px; border-radius: 999px; color: #fff; font-size: 15px; font-weight: 600; text-decoration: none; transition: background .2s, color .2s, transform .2s; }
.batd-mode-switch a:hover { background: rgba(255,255,255,.2); color: #fff; }
.batd-mode-switch a.on { background: #fff; color: #102A5C; box-shadow: 0 6px 16px rgba(16,42,92,.28); }
.batd-mode-switch a.on i { color: #C6102E; }
@media (max-width: 767px) { .batd-mode-head h1 { font-size: 27px; } .batd-mode-ico { width: 56px; height: 56px; font-size: 24px; border-radius: 16px; } .batd-mode-switch { width: 100%; } .batd-mode-switch a { flex: 1; justify-content: center; padding: 10px 8px; } }

/* ===== الخطة التدريبية: زرّان (حضورية / أونلاين) ===== */
.batd-yp-btns { flex: none; display: inline-flex; align-items: center; gap: 8px; }
.batd-yp-view-btn-online { background: #FFF1F3; border-color: #F6D3D9; color: #C6102E !important; }
.batd-yp-view-btn-online:hover { background: linear-gradient(110deg, #8f0b21, #C6102E); border-color: transparent; color: #fff !important; box-shadow: 0 10px 20px rgba(198,16,46,.28); }
@media (max-width: 767px) { .batd-yp-btns { margin-inline-start: 58px; flex-wrap: wrap; } .batd-yp-btns .batd-yp-view-btn { margin-inline-start: 0; } }

/* شريط الحقوق السفلي + لوجو الفوتر تحت نص "عن الأكاديمية" */
body footer.c-layout-footer-10 .batd-ft-logo-link { display: inline-block; margin-top: 18px; }
body footer.c-layout-footer-10 .batd-ft-logo { max-width: 240px; max-height: 64px; }
body .c-layout-footer-10-subfooter-container .c-layout-footer-10-subfooter-content { font-size: 13px; line-height: 1.6; color: #B7C3E2 !important; padding: 12px 0; }