/* ============================================
   مركز كلمة للتدريب - تحسين صفحات الدخول والتسجيل وفلاتر الدورات
   ============================================ */

:root{
    --kalima-auth-black:#070707;
    --kalima-auth-charcoal:#15110A;
    --kalima-auth-gold:#D8C47C;
    --kalima-auth-gold-2:#B89442;
    --kalima-auth-cream:#FBF7EA;
    --kalima-auth-soft:#FFFDF7;
    --kalima-auth-border:rgba(216,196,124,.28);
}

/* صفحات الدخول والتسجيل */
.auth-kalima-page{
    min-height:100vh!important;
    align-items:center!important;
    padding:34px!important;
    background:
        radial-gradient(circle at 85% 10%, rgba(216,196,124,.22), transparent 24rem),
        radial-gradient(circle at 12% 82%, rgba(184,148,66,.16), transparent 20rem),
        linear-gradient(135deg,#070707 0%,#15110A 48%,#2B2415 100%)!important;
    isolation:isolate;
}
.auth-kalima-page::before{
    display:block!important;
    content:''!important;
    position:absolute!important;
    inset:0!important;
    width:auto!important;
    height:auto!important;
    border-radius:0!important;
    background:
        linear-gradient(115deg, rgba(255,255,255,.05) 0 1px, transparent 1px 42px),
        radial-gradient(circle at 58% 50%, rgba(255,255,255,.06), transparent 34rem)!important;
    opacity:.85!important;
    pointer-events:none;
    z-index:0;
}
.auth-kalima-page .auth-orb{display:none!important;}
.auth-kalima-page .auth-shell{
    width:min(1180px,100%)!important;
    gap:0!important;
    border-radius:36px!important;
    overflow:hidden;
    background:rgba(255,255,255,.04);
    border:1px solid rgba(216,196,124,.20);
    box-shadow:0 38px 110px rgba(0,0,0,.38);
}
.auth-kalima-page .auth-register-shell{width:min(1240px,100%)!important;}
.auth-visual-kalima{
    min-height:690px!important;
    border-radius:0!important;
    padding:48px!important;
    background:
        linear-gradient(115deg, rgba(7,7,7,.94), rgba(18,16,11,.83)),
        url('../images/hero-slider/kalima-training-digital.webp') center/cover no-repeat!important;
    box-shadow:none!important;
    position:relative;
}
.register-identity-page .auth-visual-kalima{
    background:
        linear-gradient(115deg, rgba(7,7,7,.94), rgba(18,16,11,.82)),
        url('../images/hero-slider/kalima-training-workshop.webp') center/cover no-repeat!important;
}
.auth-visual-kalima::before{
    content:'';
    position:absolute;
    inset:0;
    background:
        radial-gradient(circle at 78% 22%, rgba(216,196,124,.22), transparent 20rem),
        linear-gradient(180deg, transparent, rgba(0,0,0,.22));
    pointer-events:none;
}
.auth-visual-kalima::after{
    content:''!important;
    position:absolute!important;
    inset:auto -15% -22% auto!important;
    width:420px!important;
    height:420px!important;
    background:radial-gradient(circle, rgba(216,196,124,.22), transparent 68%)!important;
    border-radius:50%!important;
}
.auth-visual-content{position:relative;z-index:2;max-width:620px;}
.auth-visual-brand{
    display:flex;
    align-items:center;
    gap:14px;
    margin-bottom:30px;
    padding:12px 14px;
    border-radius:24px;
    width:max-content;
    max-width:100%;
    background:rgba(255,255,255,.08);
    border:1px solid rgba(216,196,124,.24);
    backdrop-filter:blur(16px);
}
.auth-visual-brand .brand-mark{
    width:58px;height:58px;display:grid;place-items:center;
    background:#fff;border-radius:20px;padding:7px;
    box-shadow:0 16px 38px rgba(0,0,0,.22);
    flex:0 0 58px;
}
.auth-visual-brand img{width:100%;height:100%;object-fit:contain;}
.auth-visual-brand small{display:block;color:rgba(255,255,255,.66);font-weight:800;font-size:12px;margin-bottom:2px;}
.auth-visual-brand strong{display:block;color:#fff;font-weight:900;font-size:18px;line-height:1.35;white-space:normal;}
.auth-kalima-page .auth-badge{
    background:rgba(216,196,124,.12)!important;
    border-color:rgba(216,196,124,.32)!important;
    color:#F8EBC0!important;
    font-weight:900!important;
}
.auth-kalima-page .auth-visual h1{
    font-size:clamp(2.2rem,4vw,3.6rem)!important;
    letter-spacing:-1.2px;
    color:#fff;
    line-height:1.23!important;
    margin:20px 0 16px!important;
}
.auth-kalima-page .auth-visual p{
    color:rgba(255,255,255,.75)!important;
    font-size:17px!important;
    line-height:2!important;
}
.auth-proof-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:12px;
    margin:28px 0 18px;
}
.auth-proof-grid div{
    padding:16px 14px;
    border-radius:22px;
    background:rgba(255,255,255,.08);
    border:1px solid rgba(216,196,124,.18);
    backdrop-filter:blur(12px);
}
.auth-proof-grid i{display:block;color:var(--kalima-auth-gold);font-size:22px;margin-bottom:10px;}
.auth-proof-grid strong{display:block;color:#fff;font-size:14px;font-weight:900;margin-bottom:3px;}
.auth-proof-grid span{display:block;color:rgba(255,255,255,.62);font-size:12px;font-weight:700;line-height:1.6;}
.auth-kalima-page .auth-feature{
    background:rgba(255,255,255,.075)!important;
    border-color:rgba(216,196,124,.18)!important;
    color:#fff!important;
    backdrop-filter:blur(12px);
}
.auth-kalima-page .auth-feature i{
    background:linear-gradient(135deg,rgba(216,196,124,.22),rgba(255,255,255,.08))!important;
    color:var(--kalima-auth-gold)!important;
}
.auth-kalima-page .auth-panel{
    align-self:stretch!important;
    display:flex;
    flex-direction:column;
    justify-content:center;
    border-radius:0!important;
    padding:44px!important;
    background:
        radial-gradient(circle at 12% 0%, rgba(216,196,124,.12), transparent 18rem),
        linear-gradient(180deg,rgba(255,255,255,.98),rgba(255,253,247,.96))!important;
    border:0!important;
    box-shadow:none!important;
    backdrop-filter:blur(18px);
}
.auth-kalima-page .auth-brand-mini{
    gap:12px!important;
    color:#17130B!important;
    margin-bottom:18px!important;
    min-width:0;
}
.auth-kalima-page .auth-brand-mini img{
    width:62px!important;
    height:62px!important;
    border-radius:22px!important;
    border:1px solid rgba(216,196,124,.36)!important;
    padding:8px!important;
    box-shadow:0 14px 34px rgba(23,19,11,.08);
    flex:0 0 62px;
}
.auth-kalima-page .auth-brand-mini span{
    font-size:18px;
    line-height:1.45;
    white-space:normal;
    overflow:visible;
    text-overflow:clip;
    font-weight:900;
}
.auth-kalima-page .auth-panel h2{
    color:#080808!important;
    font-size:clamp(1.85rem,3vw,2.45rem)!important;
    letter-spacing:-.7px;
}
.auth-kalima-page .auth-subtitle{color:#625945!important;}
.auth-kalima-page .auth-tabs{
    background:#F3EBD2!important;
    border:1px solid rgba(216,196,124,.25);
    border-radius:20px!important;
}
.auth-kalima-page .auth-tabs .nav-link{
    color:#43391F!important;
    justify-content:center;
    flex:1 1 auto;
}
.auth-kalima-page .auth-tabs .nav-link.active{
    color:#070707!important;
    background:#fff!important;
    box-shadow:0 12px 28px rgba(184,148,66,.16)!important;
}
.auth-kalima-page .smart-field label{color:#17130B!important;font-weight:900!important;display:block;}
.auth-kalima-page .smart-field .input-group{
    box-shadow:0 15px 34px rgba(23,19,11,.06)!important;
    background:#fff;
    overflow:hidden;
    border-radius:18px!important;
}
.auth-kalima-page .smart-field .form-control,
.auth-kalima-page .smart-field .form-select{
    min-height:54px;
    border-color:rgba(216,196,124,.30)!important;
    background:#fff!important;
    color:#17130B!important;
    font-weight:700;
}
.auth-kalima-page .smart-field .input-group-text{
    border-color:rgba(216,196,124,.30)!important;
    background:#FFFCF2!important;
    color:#B89442!important;
}
.auth-kalima-page .form-hint{color:#766C56!important;font-weight:700;line-height:1.8;}
.auth-kalima-page .auth-submit,
.auth-kalima-page .btn-primary{
    border:0!important;
    background:linear-gradient(135deg,#080808,#2A2417 54%,#B89442)!important;
    color:#fff!important;
    border-radius:18px!important;
    box-shadow:0 18px 40px rgba(23,19,11,.18)!important;
}
.auth-kalima-page .btn-outline-primary{
    color:#17130B!important;
    border-color:rgba(184,148,66,.48)!important;
    background:linear-gradient(135deg,#fff,#FFF8E8)!important;
    border-radius:18px!important;
    font-weight:900!important;
}
.auth-kalima-page .btn-dark{
    background:linear-gradient(135deg,#15110A,#B89442)!important;
    border:0!important;
}
.auth-kalima-page .auth-link,
.auth-kalima-page a{color:#9A762E;}
.auth-kalima-page .auth-divider span{color:#6F6144;font-weight:800;}
.auth-kalima-page .auth-divider:before,
.auth-kalima-page .auth-divider:after{background:rgba(216,196,124,.34)!important;}
.auth-kalima-page .otp-method-card span{
    border-color:rgba(216,196,124,.28)!important;
    background:linear-gradient(180deg,#fff,#FFFDF7)!important;
}
.auth-kalima-page .otp-method-card i{color:#B89442!important;}
.auth-kalima-page .otp-method-card input:checked+span{
    border-color:#B89442!important;
    box-shadow:0 16px 36px rgba(184,148,66,.18)!important;
}
.auth-kalima-page .consent-box{
    background:#FFF9EA!important;
    border-color:rgba(216,196,124,.34)!important;
}
.auth-kalima-page .password-meter{background:#EFE4C2!important;}
.auth-kalima-page .auth-back{
    background:rgba(255,255,255,.12)!important;
    border:1px solid rgba(216,196,124,.26);
    color:#fff!important;
    backdrop-filter:blur(14px);
}
.auth-kalima-page .alert{
    border-radius:18px!important;
    border-width:1px!important;
}
.auth-kalima-page .success-hero i{color:#B89442!important;}

/* فلاتر صفحة الدورات */
.kalima-courses-aside{
    border-radius:32px;
    padding:14px;
    background:
        radial-gradient(circle at 15% 0%, rgba(216,196,124,.20), transparent 16rem),
        linear-gradient(180deg,#0A0A0A,#18140E 72%,#231C10);
    border:1px solid rgba(216,196,124,.24);
    box-shadow:0 28px 80px rgba(23,19,11,.15);
    color:#fff;
    overflow:hidden;
}
.filter-brand-block{
    display:flex;align-items:center;gap:12px;
    padding:15px;
    border-radius:24px;
    background:rgba(255,255,255,.08);
    border:1px solid rgba(216,196,124,.18);
    margin-bottom:12px;
}
.filter-brand-icon{
    width:48px;height:48px;border-radius:18px;display:grid;place-items:center;
    background:linear-gradient(135deg,#D8C47C,#B89442);
    color:#111;font-size:18px;box-shadow:0 14px 30px rgba(184,148,66,.20);
    flex:0 0 48px;
}
.filter-brand-block span{display:block;color:rgba(255,255,255,.62);font-size:12px;font-weight:800;margin-bottom:2px;}
.filter-brand-block strong{display:block;color:#fff;font-size:15px;font-weight:900;line-height:1.45;}
.active-filter-summary{
    padding:13px;border-radius:22px;background:rgba(216,196,124,.11);border:1px solid rgba(216,196,124,.20);margin-bottom:12px;
}
.active-filter-title{font-weight:900;color:#F8EBC0;margin-bottom:9px;display:flex;align-items:center;gap:7px;}
.active-filter-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px;}
.active-filter-tags span{
    display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:999px;
    background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.10);font-size:12px;font-weight:800;
}
.clear-filter-link{display:inline-flex!important;align-items:center;gap:7px;color:#fff!important;text-decoration:none;font-weight:900;font-size:13px;}
.mobile-filter-search{margin-bottom:12px;}
.mobile-filter-search .input-group{overflow:hidden;border-radius:18px;background:#fff;}
.mobile-filter-search .form-control,.mobile-filter-search .input-group-text{border:0!important;background:#fff!important;}
.mobile-filter-search .input-group-text{color:#B89442!important;}
.filter-section-block{
    padding:14px;
    border-radius:24px;
    background:rgba(255,255,255,.965);
    color:#17130B;
    border:1px solid rgba(216,196,124,.20);
    margin-bottom:12px;
}
.filter-section-head{display:flex;align-items:center;gap:9px;margin-bottom:12px;}
.filter-section-head i{
    width:34px;height:34px;border-radius:13px;display:grid;place-items:center;
    background:#F3EBD2;color:#9A762E;
}
.filter-section-head h6{margin:0;font-size:14px;font-weight:900;color:#17130B;}
.filter-pill-list{display:grid;gap:8px;}
.filter-pill{
    display:grid;
    grid-template-columns:38px minmax(0,1fr) auto;
    align-items:center;
    gap:10px;
    padding:10px;
    border-radius:18px;
    background:#FFFDF7;
    border:1px solid rgba(216,196,124,.18);
    color:#17130B!important;
    text-decoration:none!important;
    transition:.22s ease;
}
.filter-pill:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(23,19,11,.08);border-color:rgba(184,148,66,.35);}
.filter-pill.active{
    background:linear-gradient(135deg,#0B0B0B,#2A2417)!important;
    color:#fff!important;
    border-color:rgba(216,196,124,.45)!important;
    box-shadow:0 16px 38px rgba(23,19,11,.18);
}
.pill-icon{
    width:38px;height:38px;border-radius:15px;display:grid;place-items:center;
    background:color-mix(in srgb, var(--cat-color,#D8C47C) 15%, white);
    color:var(--cat-color,#B89442);
    flex:0 0 38px;
}
.pill-icon.all{background:#F3EBD2;color:#9A762E;}
.filter-pill.active .pill-icon{background:rgba(216,196,124,.18);color:#D8C47C;}
.pill-text{font-weight:900;line-height:1.45;white-space:normal;min-width:0;}
.filter-pill em{
    min-width:28px;height:28px;padding:0 8px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;
    background:#F3EBD2;color:#17130B;font-style:normal;font-weight:900;font-size:12px;
}
.filter-pill.active em{background:rgba(216,196,124,.22);color:#F8EBC0;}
.level-chip-list{display:flex;flex-wrap:wrap;gap:8px;}
.level-chip{
    display:inline-flex;align-items:center;gap:7px;
    padding:9px 12px;border-radius:999px;background:#FFFDF7;border:1px solid rgba(216,196,124,.22);
    color:#17130B!important;text-decoration:none!important;font-weight:900;font-size:13px;transition:.2s ease;
}
.level-chip span{width:11px;height:11px;border-radius:50%;display:inline-block;}
.level-chip:hover{transform:translateY(-1px);border-color:rgba(184,148,66,.40);}
.level-chip.active{background:linear-gradient(135deg,#0B0B0B,#2A2417);color:#fff!important;border-color:rgba(216,196,124,.42);}
.sort-select-wrap{position:relative;}
.sort-select-wrap i{position:absolute;inset-inline-start:14px;top:50%;transform:translateY(-50%);color:#B89442;z-index:2;}
.sort-select-wrap .form-select{
    min-height:50px!important;border-radius:17px!important;background:#FFFDF7!important;border-color:rgba(216,196,124,.32)!important;font-weight:900!important;
    padding-inline-start:42px!important;
}
.filter-help-card{
    display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;
    padding:13px;margin-top:12px;border-radius:22px;background:rgba(255,255,255,.08);border:1px solid rgba(216,196,124,.18);
}
.filter-help-card>i{width:42px;height:42px;border-radius:16px;display:grid;place-items:center;background:rgba(216,196,124,.16);color:#D8C47C;}
.filter-help-card strong{display:block;font-weight:900;color:#fff;font-size:13px;}
.filter-help-card span{display:block;color:rgba(255,255,255,.64);font-size:11.5px;line-height:1.6;}
.filter-help-card a{display:inline-flex;align-items:center;justify-content:center;height:34px;padding:0 12px;border-radius:999px;background:#D8C47C;color:#111!important;text-decoration:none;font-weight:900;font-size:12px;}

/* تحسينات مرافقة لصفحة الدورات */
.kalima-results-toolbar{
    border-radius:28px!important;
    background:linear-gradient(135deg,#fff,#FFF9EA)!important;
    border-color:rgba(216,196,124,.30)!important;
}
.kalima-results-toolbar p::before{
    content:'\f0ca';
    font-family:'Font Awesome 6 Free';
    font-weight:900;
    color:#B89442;
    margin-inline-end:8px;
}

@media (max-width:1199.98px){
    .auth-kalima-page .auth-panel{padding:34px!important;}
    .auth-proof-grid{grid-template-columns:1fr;}
    .auth-visual-kalima{min-height:640px!important;}
}
@media (max-width:991.98px){
    .auth-kalima-page{padding:18px!important;align-items:flex-start!important;}
    .auth-kalima-page .auth-shell{display:block!important;border-radius:30px!important;margin-top:58px;}
    .auth-kalima-page .auth-panel{border-radius:30px!important;padding:26px!important;}
    .auth-kalima-page .auth-brand-mini{justify-content:center;text-align:center;flex-direction:column;}
    .auth-kalima-page .auth-brand-mini span{font-size:17px;}
    .auth-kalima-page .auth-back{top:16px;right:16px;}
    .kalima-courses-aside{position:relative!important;top:auto!important;border-radius:28px;margin-bottom:22px;}
    .filter-section-block{border-radius:22px;}
    .filter-pill-list{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:767.98px){
    .auth-kalima-page{padding:12px!important;}
    .auth-kalima-page .auth-shell{margin-top:56px;border-radius:26px!important;}
    .auth-kalima-page .auth-panel{padding:20px!important;border-radius:26px!important;}
    .auth-kalima-page .auth-tabs{display:grid!important;grid-template-columns:1fr;}
    .auth-kalima-page .auth-tabs .nav-link{width:100%;}
    .auth-kalima-page .smart-field .form-control,
    .auth-kalima-page .smart-field .form-select{min-height:52px;font-size:14px;}
    .auth-kalima-page .otp-method-grid{grid-template-columns:1fr!important;}
    .auth-kalima-page .auth-panel h2{text-align:center;}
    .auth-kalima-page .auth-subtitle{text-align:center;}
    .filter-pill-list{grid-template-columns:1fr;}
    .filter-help-card{grid-template-columns:42px 1fr;}
    .filter-help-card a{grid-column:1/-1;width:100%;}
}
@media (max-width:575.98px){
    .auth-kalima-page .auth-panel{padding:16px!important;}
    .auth-kalima-page .auth-brand-mini img{width:58px!important;height:58px!important;}
    .auth-kalima-page .auth-brand-mini span{font-size:16px;}
    .auth-kalima-page .auth-panel h2{font-size:1.7rem!important;}
    .auth-kalima-page .auth-back{padding:8px 12px;font-size:13px;}
    .filter-brand-block{align-items:flex-start;}
    .level-chip{width:100%;justify-content:center;}
}

@media print{
    .auth-kalima-page,.kalima-courses-aside{background:#fff!important;color:#000!important;box-shadow:none!important;}
}