.btn-filter-highlight,.category-card .card-body{position:relative;overflow:hidden}@font-face{font-family:Cairo;src:url('../assets/css/fonts/cairo/cairo-arabic.woff2') format('woff2'),url('../assets/css/fonts/cairo/cairo-arabic.ttf') format('truetype');font-weight:400;font-style:normal}body{font-family:Cairo,sans-serif!important;font-size:1rem;background-color:var(--bs-body-bg)}.page-wrapper{overflow-x:hidden;display:flex;flex-direction:column;min-height:100vh}.file-date,.site-footer-simple{flex-shrink:0}main.container{flex-grow:1;flex-shrink:0}body:not(.full-width-layout) .container{max-width:1045px;margin-left:auto;margin-right:auto}body.full-width-layout .container{max-width:100%!important}.card-header h5,.page-header-nav .page-title{flex-grow:1;text-align:start;white-space:nowrap;text-overflow:ellipsis}body:not(.full-width-layout) .nav-item.show-on-full-width-only{display:none!important}.navbar-brand{font-weight:700}.hero-section{background:linear-gradient(270deg,#0052d4,#4364f7,#65c7f7);color:#fff;padding:2rem 0;border-radius:.5rem}.hero-section h1,.hero-section h2{font-weight:700;font-size:1.5rem}.hero-section .lead{font-size:.9rem}.form-control[name=search_query]{font-size:.85rem}.level-card{transition:transform .2s ease-in-out,box-shadow .2s ease-in-out;border:none;border-radius:.5rem}.level-card:hover{transform:translateY(-10px);box-shadow:0 1rem 1.5rem rgba(0,0,0,.1)!important}.level-card .card-title{font-weight:700;font-size:1.1rem}.footer{background-color:#e9ecef;font-size:.9rem}.card-header h5{margin:0;font-size:.9rem;font-weight:600}.card-footer{display:flex;justify-content:center;gap:1rem;padding:.6rem;background-color:#f8f9fa}.auth-form-container,.page-header-nav{align-items:center;display:flex}#file-viewer-container:-webkit-full-screen{background-color:#fff}#file-viewer-container:-moz-full-screen{background-color:#fff}#file-viewer-container:-ms-fullscreen{background-color:#fff}#file-viewer-container:fullscreen{background-color:#fff}#category-navigation-header{background-color:#fff!important;border:1px solid #dee2e6}.list-group-item.file-row{cursor:pointer}.list-group-item-action:focus,.list-group-item-action:hover{background-color:var(--list-group-item-hover-bg-light)}.file-preview-link{text-decoration:none;color:inherit}.auth-form-container{min-height:80vh;justify-content:center}.auth-form-card{width:100%;max-width:450px;border-radius:.5rem;border:1px solid #ddd;box-shadow:0 .75rem 1.5rem rgba(0,0,0,.08)}.page-header-nav .back-link,.year-icon{align-items:center;color:var(--bs-body-color)}.page-header-nav .back-link{font-size:.9rem;padding:.25rem .5rem;margin-left:.2rem;border-radius:50px;display:flex}.page-header-nav .back-link:hover{background-color:var(--link-hover-bg)}.page-header-nav .page-title{font-size:.9rem;font-weight:600;margin:0}@media (max-width:575.98px){.file-title{white-space:normal;margin-bottom:.25rem}.file-date{align-self:flex-start}}#file-viewer-container{position:relative;height:60vh;background-color:#1e1e1e;padding-top:10px;padding-bottom:10px}.file-row.visited .bi-file-earmark-text{color:#198754!important}.file-title{white-space:nowrap;flex-grow:1;padding-left:10px}.icon-dark,.navbar-brand .dark-logo,.sidebar-ad-slot,.sidebar-general-ad-slot,.sidebar-search-form,.sidebar-welcome-message,.year-number-icon,[data-bs-theme=dark] .icon-light,[data-bs-theme=dark] .navbar-brand .light-logo{display:none}.year-icon{display:inline-flex;justify-content:center;gap:4px;padding:0 8px;height:24px;border-radius:12px;border:1px solid var(--bs-border-color);background-color:var(--bs-secondary-bg)}.footer-simple-bottom,.footer-simple-links ul li a,.site-footer-simple,.social-icons-simple a{color:var(--bs-secondary-color)}.year-icon i{font-size:.95rem;line-height:1}.year-icon .year-number{font-weight:600;font-size:.85rem;line-height:1}:root{--overlay-bg-alpha:0.55;--overlay-text-color:#fff;--overlay-text-shadow-opacity:0.65;--offcanvas-icon-color:#0d6efd;--offcanvas-icon-color-hover:#0b5ed7}[data-bs-theme=dark]{--overlay-bg-alpha:0.65;--overlay-text-shadow-opacity:0.8;--offcanvas-icon-color:var(--bs-primary);--offcanvas-icon-color-hover:var(--bs-primary)}.category-card{position:relative}.category-card .card-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,var(--overlay-bg-alpha));color:var(--overlay-text-color);opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s;text-align:center;padding:.9rem;pointer-events:none;z-index:10;backdrop-filter:blur(2px)}.category-card .card-overlay .overlay-content{max-width:92%;font-weight:700;font-size:1rem;line-height:1.5;text-shadow:0 1px 2px rgba(0,0,0,var(--overlay-text-shadow-opacity))}.category-card .card-header:hover+.card-body .card-overlay{opacity:1;visibility:visible}[data-bs-theme=dark] .list-group .list-group-item.last-year-item{background-color:var(--alert-warning-bg-dark)!important;color:var(--alert-warning-color-dark)!important;border-color:var(--bs-border-color-dark)!important;border-bottom-width:0;border-radius:0 0 5px 5px}[data-bs-theme=dark] .list-group .list-group-item.last-year-item .bi-award-fill{color:var(--alert-warning-color-dark)!important}[data-bs-theme=dark] .list-group .list-group-item.last-year-item .badge{background-color:var(--bs-primary)!important;color:#fff!important}.year-icon.year-prep{background-color:#fff3cd;color:#664d03;border-color:#ffe69c}.year-icon.year-1{background-color:#e7f1ff;color:#084298;border-color:#b6d4fe}.year-icon.year-2{background-color:#e6fffa;color:#0f5132;border-color:#b3fff0}.year-icon.year-3{background-color:#f0e9ff;color:#3d2b7b;border-color:#d6c8ff}.year-icon.year-4{background-color:#fff0f6;color:#842029;border-color:#ffc2d1}.year-icon.year-5{background-color:#eefcef;color:#0f5132;border-color:#cfe8cf}.year-icon.year-6{background-color:#eaf6ff;color:#055160;border-color:#bce0ff}[data-bs-theme=dark] .year-icon,[data-bs-theme=dark] .year-icon.year-1,[data-bs-theme=dark] .year-icon.year-2,[data-bs-theme=dark] .year-icon.year-3,[data-bs-theme=dark] .year-icon.year-4,[data-bs-theme=dark] .year-icon.year-5,[data-bs-theme=dark] .year-icon.year-6,[data-bs-theme=dark] .year-icon.year-prep{background-color:var(--list-group-item-bg-dark);color:var(--list-group-item-color-dark);border-color:var(--bs-border-color-dark)}[data-bs-theme=dark] .year-icon i{color:var(--bs-primary);font-size:1.05rem;line-height:1}[data-bs-theme=dark] .year-icon .year-number{color:var(--list-group-item-color-dark);font-size:.9rem;line-height:1}.page-header-nav{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem}.page-header-nav .back-link{display:inline-flex;align-items:center;gap:.25rem;color:inherit;text-decoration:none;transition:color .2s}.page-header-nav .back-link i{color:currentColor;font-size:1.1rem;line-height:1;transition:transform .2s,color .2s}.footer-simple-links ul li a:hover,.navbar .navbar-brand:hover,.page-header-nav .back-link:hover,[data-bs-theme=dark] .file-row .bi-file-earmark-arrow-down-fill,[data-bs-theme=dark] .file-row:active .bi-file-earmark-arrow-down-fill,[data-bs-theme=dark] .file-row:hover .bi-file-earmark-arrow-down-fill,[data-bs-theme=dark] .list-group-item .d-flex.align-items-center>i.bi,[data-bs-theme=dark] .page-header-nav .back-link i{color:var(--bs-primary)}.page-header-nav .back-link:hover i{transform:translateX(2px)}.page-header-nav .back-link:active i{transform:translateX(3px) scale(.98)}.page-header-nav .back-link:focus-visible{outline:2px solid var(--bs-primary);outline-offset:2px;border-radius:.25rem}.list-group-item .d-flex.align-items-center>i.bi{color:inherit;font-size:1.05rem;line-height:1;transition:color .15s,transform .15s}.list-group-item:hover .d-flex.align-items-center>i.bi{transform:translateX(-1px)}#hero-quote-display .quote-text,.file-row .bi-file-earmark-arrow-down-fill,.file-row:active .bi-file-earmark-arrow-down-fill,.file-row:hover .bi-file-earmark-arrow-down-fill{color:#fff}.footer-button-group.btn-group>.btn{border-top-left-radius:0;border-top-right-radius:0;padding:0;margin:0;height:100%;display:flex;align-items:center;justify-content:center}.btn-group.d-flex.w-100.footer-button-group{height:40px;align-items:center}.footer .nav-link.active,.navbar-nav .nav-link.active{font-weight:400!important}.btn-filter-highlight{width:40px;animation:1s ease-out .5s forwards expand-button}.btn-filter-highlight.no-animation{animation:none;width:180px}.btn-filter-highlight.no-animation .filter-text{animation:none;opacity:1}.btn-filter-highlight .filter-text{white-space:nowrap;opacity:0;margin-right:5px;animation:.8s ease-out .8s forwards show-text}@keyframes expand-button{to{width:180px}}@keyframes show-text{to{opacity:1}}.navbar-nav .nav-link{font-size:1rem;padding-top:.4rem;padding-bottom:.4rem}.card-header .btn,.season-buttons-container .btn{font-size:.85rem!important;padding:.2rem .3rem}[data-bs-theme=light] .list-group-item.active{background-color:#e9ecef;color:#212529;border-color:#dee2e6}[data-bs-theme=dark] .season-buttons-container .btn-outline-secondary{--bs-btn-color:#0d6efd;--bs-btn-border-color:#0d6efd;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#0d6efd;--bs-btn-hover-border-color:#0d6efd;--bs-btn-active-color:#fff;--bs-btn-active-bg:#0d6efd;--bs-btn-active-border-color:#0d6efd;--bs-btn-disabled-color:#0d6efd;--bs-btn-disabled-bg:transparent}.site-footer-simple{background-color:var(--bs-body-tertiary);font-size:.9rem}.footer-simple-content{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;text-align:center;padding-bottom:10px}.footer-simple-links ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;justify-content:center;gap:15px}.footer-simple-links ul li a{text-decoration:none;transition:color .3s}.social-icons-simple{display:flex;gap:15px;justify-content:center}.social-icons-simple a{display:inline-block;font-size:1.2rem;transition:color .3s,transform .3s}.social-icons-simple a:hover{color:var(--bs-primary)!important;transform:translateY(-2px)}.footer-simple-bottom{background-color:var(--bs-body-secondary);text-align:center;padding:15px 0;font-size:.8rem;border-top:1px solid var(--bs-border-color)}@media (min-width:768px){.footer-simple-content{justify-content:space-between}.footer-simple-links ul{justify-content:flex-start}.social-icons-simple{justify-content:flex-end}}@media (max-width:991.98px){.navbar-nav .nav-item:not(:last-child){border-bottom:1px solid var(--bs-border-color)}.sticky-top-mobile{position:-webkit-sticky;position:sticky;top:0;z-index:1029}#site-navbar .navbar-brand{position:absolute;left:50%;transform:translateX(-50%)}#site-navbar .navbar-collapse{width:100%}}.sidebar-ad-slot,.sidebar-welcome-message{border-bottom:1px solid var(--bs-border-color)}#offcanvasCategories,#offcanvasCategories .accordion-button,#offcanvasCategories .offcanvas-body,#offcanvasCategories .offcanvas-footer,#offcanvasCategories .offcanvas-header,#offcanvasCategories .offcanvas-stats{background-color:var(--bs-tertiary-bg)}#offcanvasCategories.offcanvas,.offcanvas-backdrop{transition:none!important}#offcanvasCategories{--bs-offcanvas-width:var(--sidebar-width, 300px)}#offcanvasCategories .list-group-item .d-flex.align-items-center>i.bi{color:var(--offcanvas-icon-color);font-size:1.1rem;line-height:1;transition:color .15s,transform .15s}#offcanvasCategories .list-group-item:hover .d-flex.align-items-center>i.bi{transform:translateX(-1px);color:var(--offcanvas-icon-color-hover)}#offcanvasCategories .offcanvas-header{background-color:var(--card-header-bg-light)}[data-bs-theme=dark] #offcanvasCategories .offcanvas-header{background-color:var(--card-header-bg-dark)}#offcanvasCategories .offcanvas-header .navbar-brand{color:var(--bs-body-color);display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;transition:color .2s,transform .2s}#offcanvasCategories .offcanvas-header .navbar-brand:hover{color:var(--bs-primary);transform:translateY(-1px)}#offcanvasCategories .offcanvas-header .navbar-brand img{height:30px;width:auto}.navbar-brand .light-logo,[data-bs-theme=dark] .icon-dark,[data-bs-theme=dark] .navbar-brand .dark-logo{display:inline-block}#offcanvasCategories .offcanvas-stats .text-muted{color:var(--text-muted-light)}[data-bs-theme=dark] #offcanvasCategories .offcanvas-stats .text-muted{color:var(--text-muted-dark)!important}#offcanvasCategories .offcanvas-stats .stat-icon i.bi{color:inherit;font-size:1.25rem;line-height:1}@media (max-width:575.98px){.page-header-nav{padding:.5rem}.page-header-nav .back-link i{font-size:1.05rem}#offcanvasCategories .offcanvas-stats .stat-icon i.bi{font-size:1.1rem}}.navbar .navbar-brand{color:var(--bs-body-color);transition:color .2s}.navbar .navbar-brand:focus-visible{outline:2px solid var(--bs-primary);outline-offset:2px;border-radius:.25rem}.sidebar-general-ad-slot{padding:.75rem;border-top:0;margin-top:auto}@media (min-width:992px){body.full-width-layout .page-wrapper{margin-right:var(--sidebar-width,300px);transition:none;min-height:calc(100vh - var(--header-height,66px))}body.full-width-layout #offcanvasCategories{position:fixed;top:0;right:0;left:auto;bottom:0;--bs-offcanvas-width:var(--sidebar-width, 300px);width:var(--sidebar-width,300px);visibility:visible!important;transform:translateX(0)!important;transition:none;z-index:1030;border-left:1px solid var(--bs-border-color)}body.full-width-layout #offcanvasCategories .offcanvas-header{min-height:var(--header-height,66px)}body.full-width-layout #offcanvasCategories .btn-close,body.full-width-layout .footer-simple-bottom,body.full-width-layout .search-page-form-wrapper{display:none}body.full-width-layout #offcanvasCategories .offcanvas-body{padding-top:var(--header-height,66px);padding-top:0}body.full-width-layout .navbar{margin-right:var(--sidebar-width,300px);width:calc(100% - var(--sidebar-width,300px));transition:none;background:linear-gradient(270deg,#0052d4,#4364f7,#65c7f7)!important;border-bottom:none!important}body.full-width-layout .site-footer-simple{width:100%;transition:none}body.full-width-layout #hero-section-wrapper[data-visibility-mode=hide_on_full_width],body.full-width-layout .hero-section #hero-search-form,body.full-width-layout .hero-section h1,body.full-width-layout .nav-item.show-on-boxed-only,body.full-width-layout .navbar .navbar-brand,body.full-width-layout .offcanvas-backdrop,body.full-width-layout .show-on-boxed-only{display:none!important}body.full-width-layout .navbar,body.full-width-layout .navbar .btn,body.full-width-layout .navbar .nav-link{color:#fff!important;--bs-btn-color:white}body.full-width-layout .navbar .quote-text{color:#fff!important}body.full-width-layout .offcanvas-footer{height:calc(var(--footer-height,48px) + 1px)!important;box-sizing:border-box;display:flex;align-items:center;justify-content:center;padding-top:0!important;padding-bottom:0!important}.navbar-nav .nav-item:not(:last-child){position:relative}.navbar-nav .nav-item:not(:last-child)::before{content:'';position:absolute;left:0;top:25%;height:50%;width:1px;background-color:rgba(0,0,0,.15)}body.full-width-layout .navbar-nav .nav-item:not(:last-child)::before{background-color:rgba(255,255,255,.25)}[data-bs-theme=dark] .navbar-nav .nav-item:not(:last-child)::before{background-color:rgba(255,255,255,.15)}body.full-width-layout .sidebar-ad-slot,body.full-width-layout .sidebar-general-ad-slot,body.full-width-layout .sidebar-search-form,body.full-width-layout .sidebar-welcome-message{display:block}}#offcanvasCategories .accordion-button:not(.collapsed){background-color:var(--bs-tertiary-bg);box-shadow:none}a.btn.btn-primary.btn-sm.w-100{height:40px}.sidebar-search-form{border-bottom:none!important}.quote-container{max-width:700px;margin-left:auto;margin-right:auto;padding:0 15px;min-height:40px;display:flex!important;align-items:center!important;justify-content:center!important;transition:opacity .5s ease-in-out;opacity:0}.quote-text{font-size:.95rem;position:relative;padding:0 20px;color:var(--bs-body-color);text-align:center}.quote-text::after,.quote-text::before{font-family:Georgia,serif;font-size:2rem;position:absolute;color:currentColor;opacity:.5;line-height:1}.quote-text::before{content:'“';right:-5px;top:5px}.quote-text::after{content:'”';left:-5px;bottom:-15px}

.card-header h2 {
    margin: 0;
    font-size: 0.9rem !important;
    font-weight: 600 !important;
}

.theme-switching *, .theme-switching *::before, .theme-switching *::after {
    transition: none !important;
    animation: none !important;
}



.page-header-nav .page-title {

    text-overflow: clip;
}
.scrollable-title-wrapper {
    overflow: visible;
    display: block;
    max-width: 100%;
    white-space: normal;
    overflow-y: visible;
    line-height: 1.2;
    padding-bottom: 2px;
}
.scrollable-title-wrapper::-webkit-scrollbar { display: none; }
.scrollable-title-wrapper.dragging { cursor: grabbing; }
.hero-section{
    background: linear-gradient(135deg, #d71920 0%, #ffffff 33%, #009a49 66%, #000000 100%) !important;
}
.hero-section{ position: relative; }
.hero-section::before{ content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none; background: rgba(0,0,0,0.18); }
.hero-section > *{ position: relative; z-index: 1; }
.hero-section h1,.hero-section h2,.hero-section .lead{ text-shadow: 0 1px 2px rgba(0,0,0,0.35); }

/* Site-wide primary color override (blended UAE flag tone) */
:root{
  --bs-primary: #13795b;
  --bs-primary-rgb: 19,121,91;
  --list-group-item-active-bg-light: var(--bs-primary);
}

[data-bs-theme=dark] body{
  --bs-primary: #13795b;
  --bs-primary-rgb: 19,121,91;
  --list-group-item-active-bg-dark: var(--bs-primary);
}

@media (min-width: 992px){
  body.full-width-layout .navbar{
    background: linear-gradient(135deg, #d71920 0%, #ffffff 33%, #009a49 66%, #000000 100%) !important;
  }
}

@media (min-width: 992px){
  body.full-width-layout .navbar{ position: relative; }
  body.full-width-layout .navbar::after{ content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none; background: rgba(0,0,0,0.18); }
  body.full-width-layout .navbar .nav-link,
  body.full-width-layout .navbar .btn,
  body.full-width-layout .navbar .navbar-brand{ text-shadow: 0 1px 2px rgba(0,0,0,0.35); }
}

@media (min-width: 992px){
  body.full-width-layout .hero-section::before{ background: rgba(0,0,0,0.28); }
}

body.full-width-layout .quote-text{ color: #fff !important; text-shadow: 0 1px 2px rgba(0,0,0,0.35); }
body.full-width-layout .quote-text:hover,
body.full-width-layout .quote-text:focus,
body.full-width-layout .quote-text:active{ color: #fff !important; }
body.full-width-layout .quote-text a{ color: #fff !important; text-decoration: underline; }
body.full-width-layout .quote-text::before,
body.full-width-layout .quote-text::after{ color: #fff !important; }