header{background:rgba(255,255,255,1)!important;transition:background-color .25s ease,box-shadow .25s ease,transform .25s ease}
.header_container{padding-inline:2.25rem;padding-block:.8125rem}
header .header_container .navbar-brand img{max-width:140px}
@media (min-width:1024px){header{will-change:transform,background-color,box-shadow;backdrop-filter:saturate(1.1) blur(6px)}}
header.scrolled{background:rgba(255,255,255,1)!important;}
@media (min-width:968px){header.scroll-down{transform:translateY(-100%)}header.scroll-up{transform:translateY(0)}}
.header-transparent{background:transparent;backdrop-filter:none;border:0}
.header-light{background-color:#fff;margin:0;border-bottom:1px solid #0F111314}
.fix-header{margin-bottom:0;background:#fff}
.navbar.header-navbar{--bs-navbar-toggler-focus-width:0;--bs-navbar-nav-link-padding-x:calc(38px / 2);--bs-navbar-brand-margin-end:calc(3.875rem - var(--bs-navbar-nav-link-padding-x));--bs-navbar-brand-padding-y:0px}
.navbar-nav{--bs-nav-link-hover-color:var(--bs-primary);--bs-nav-link-padding-y:0}
.navbar-nav.header-bar .nav-link{color:#000}
.navbar-nav.header-bar .nav-link:hover{color:var(--bs-primary)}
.navbar .nav-item{position:relative;transition:color .25s ease}
@media(min-width:1200px){
  .navbar .nav-item:not(.dropdown) .nav-link::after{content:"";position:absolute;left:0rem;right:0rem;bottom:-21px;height:2px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .3s ease;opacity:.75;width:100%;border:0px!important;margin:0px!important;vertical-align:bottom}
  .navbar .nav-item:not(.dropdown) .nav-link:hover::after,
  .navbar .nav-item:not(.dropdown) .nav-link:focus-visible::after{transform:scaleX(1)}
  .navbar .nav-item.dropdown .dropdown-menu a .card .gap-lg-4{gap:3.375rem!important}
  .navbar .nav-item.dropdown .dropdown-menu a .card .card-text{max-width:85%!important}
}
.navbar .nav-item.dropdown .nav-link.dropdown-toggle::after{content: "";display: inline-block;margin-left: .255em;vertical-align:middle;border:0 !important;height:6px;width:11px;background-image: url("data:image/svg+xml,%3Csvg width='11' height='6' viewBox='0 0 11 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.00649 0L5.49643 4.33754L9.98637 0L11 0.972326L6.00324 5.79947C5.8695 5.92791 5.68858 6 5.5 6C5.31142 6 5.1305 5.92791 4.99676 5.79947L0 0.972326L1.00649 0Z' fill='%232D2C2B'/%3E%3C/svg%3E%0A");}

.navbar .nav-item.dropdown .dropdown-menu{border-bottom: 1px solid #0F111314 !important;}
.navbar .nav-item.dropdown .dropdown-menu a .card{--bs-card-spacer-y:1.5rem;--bs-card-spacer-x:1.5rem;--bs-card-title-spacer-y:0.5rem;--bs-card-title-color:var(--bs-black);--bs-card-subtitle-color:rgba(0, 0, 0, 0.6);--bs-card-border-width:0;--bs-card-border-radius:1.5rem;--bs-card-box-shadow:none;--bs-card-color:rgba(0, 0, 0, 0.6);--bs-card-bg:transparent;}
.navbar .nav-item.dropdown .dropdown-menu a:hover .card{--bs-card-bg:rgba(249, 249, 249, 1);}
@media(max-width:1200px){
  header.site-header #navOff .navbar-nav .nav-item.dropdown .dropdown-menu .container{padding:.5rem 0 !important;}
  .navbar .nav-item.dropdown .dropdown-menu{border-bottom:0px solid #0F111314;}
  .navbar .nav-item.dropdown .dropdown-menu a .card{--bs-card-spacer-y:1.125rem;--bs-card-spacer-x:1.125rem;--bs-card-border-radius:1rem;--bs-card-bg:rgba(249, 249, 249, 1);}
  .navbar .nav-item.dropdown .dropdown-menu a .card .card-text{display:none !important;}
  .navbar .nav-item.dropdown .dropdown-menu a .card ._icon{height:42px;width:42px;display:inline-block;}
  .navbar .nav-item.dropdown .dropdown-menu a .card ._icon :where(svg,img){height:100%;width:100%;object-fit:cover;object-position:center center;}
}
.navbar-nav.db-nav{--bs-nav-link-color:#000;--bs-nav-link-font-size:1rem;margin-top:1.125rem;column-gap:2.0625rem;flex-wrap:wrap;flex-direction:row;text-transform:capitalize;font-weight:500}
.db-nav.navbar-nav .nav-link{border-radius:8px 0 0 8px;display:flex;align-items:center;gap:8px}
#dash-nav a[aria-current="page"],#dash-nav a:hover{background-color:#F6F7F9;color:#000}
#dash-nav a[aria-current="page"] svg path,#dash-nav a:hover svg path{fill:#000}
.lang-switch .dropdown-toggle::after,.search_icon.dropdown-toggle::after{display:none}
.lang-switch .btn-link:hover svg,.search_icon.btn-link:hover svg{margin:0!important}
.search-wrapper .dropdown .dropdown-menu{--bs-dropdown-min-width:20rem}
header .search-wrapper .dropdown-toggle{padding:8px;border-radius:50%;background:transparent;transition:all .35s ease}
header .search-wrapper .dropdown-toggle:hover{background:var(--bs-primary)}
header .search-wrapper .dropdown-toggle:hover svg path{stroke:var(--bs-white)}
header .lang-switch .dropdown-toggle{padding:6px;border-radius:50%;background:transparent;transition:all .35s ease}
header .lang-switch .dropdown-toggle:hover{background:var(--bs-primary)}
header .lang-switch .dropdown-toggle:hover svg path{stroke:var(--bs-white)}
.user-menu:not(.sitebar-user){padding:7px 9px;background:var(--bs-primary);border-radius:50%;display:inline-block}
.user-menu:not(.sitebar-user) button.btn{font-size:1rem;padding:0!important}
.avatar-circle-btn{padding:8px 11px;font-size:20px;background:var(--bs-primary)!important}
header .header_container .auth-cta .btn.btn-sm{--bs-btn-padding-x:1.175rem;--bs-btn-padding-y:.5625rem;--bs-btn-font-size:.9375rem;--bs-btn-font-weight:500;--bs-btn-line-height:1rem}
.streak-wrap{background-color:#F5F5F5!important;border-top:1px solid #0F11131A}
.sticky-top-100{position:sticky;top:100px}
.sticky-76{position:sticky;top:76px}
.breadcrumb ol{list-style:none;padding:0;display:flex;gap:.5rem;flex-wrap:wrap}
.breadcrumb a{color:var(--bs-primary);text-decoration:none}
.breadcrumb-item+.breadcrumb-item{position:relative;padding-left:18px}
.breadcrumb-item+.breadcrumb-item::before{content:'';background-image:url('../media/right-angle.svg');width:14px;height:14px;background-position:center;position:absolute;bottom:6px;left:2px}
.db-pages footer{display:none}
#threadForm .form-control-lg{border:1px solid #dee2e6;outline:none}
.btn-check+.btn:hover{border-color:var(--bs-secondary)}
.form-control:focus,#threadForm .form-control-lg:focus{box-shadow:none;border-color:var(--bs-primary)}
.newslatter.form-control{padding:1rem;font-size:.9375rem;font-weight:400;border-radius:.5rem;border:1px solid #D2D5DE;color:#63605D;line-height:0}
footer .f_links li a{font-size:.715rem;color:#44423F;transform:all var(--bs-transition) ease-in-out;text-decoration:none}
footer .f_links li:hover a{color:var(--bs-primary)}
.search_field input{border-radius:6px 0px 0px 6px;font-size:1.25rem;padding:1.125rem;line-height:0}
.search_field .btn{border-radius:0px 6px 6px 0px}
.form-select.r-filter,.r-filter{padding:.8rem 1rem;font-size:1rem;border-radius:3.5725rem;background-position:right 2rem center;line-height:1}
@media(min-width:1200px){.coursesList .ad-slot:not(.text-end){transform:translateX(-2rem)}.coursesList .ad-slot.text-end,.cta__ads{transform:translateX(2rem)}}
@media(min-width:1400px){.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{max-width:1400px}}
@media(min-width:1600px){.coursesList .ad-slot:not(.text-end){transform:translateX(-8rem)}.coursesList .ad-slot.text-end,.cta__ads{transform:translateX(4rem)}}
:root{--overlay:rgba(0,0,0,0.6);--skyblue-8:rgba(82,184,219,0.17);--skyblue-20:rgba(82,184,219,0.20);--skyblue-0:rgba(82,184,219,0.0)}
@media(max-width:991px){.search-wrapper .dropdown .dropdown-menu.dropdown-menu-end{position:fixed!important;width:98%!important;top:48px;left:0px;padding:.75rem 1rem!important;border-color:#e7e7e7;border-radius:0px}.navbar-nav.header-bar{--bs-nav-link-padding-y:.5rem;--bs-nav-link-font-size:1.25rem}.user-menu:not(.sitebar-user){padding:7px}}
header.site-header{position:fixed!important;left:0px;right:0px;width:100%;z-index:9999}
header.site-header.scrolled{left:0;right:0}
header.site-header.scrolled.scroll-down{transform:translateY(-100px)}
header.site-header~.page-wrapper:not(.daily-drill){padding-top:86px}/* clears the 2-row mobile header (logo + controls = ~82px) so content isn't hidden under it */
@media(min-width:768px){header.site-header~.page-wrapper:not(.daily-drill){padding-top:64px}}
@media(min-width:1200px){header.site-header~.page-wrapper:not(.daily-drill){padding-top:62px}}


/* Responsive Learn Page Header */
.learn-v2 header.site-header~.page-wrapper:not(.daily-drill){padding-top:70px}
.learn-v2 .site-header .header_container.header-navbar .btn-togle .btn-togle_inner :where(.search-wrapper, .lang-switch, .profile_wrap ){display:none !important;}

.learn-v2 .px-mhud__item {gap: 4px;font-size:.875rem;padding:7px 10px;font-weight:500;}
.learn-v2 .px-mhud__item img{width:22px;height:22px;}


@media(max-width:991px){
  .navbar-brand img,header .header_container .navbar-brand img {width: 42px !important;max-width:42px;}
  
}
@media(max-width:767px){
    .learn-v2 .site-header .container-fluid{padding-inline:0.875rem !important;padding-block:1.125rem !important;}
    .offcanvas, .offcanvas-lg, .offcanvas-md, .offcanvas-sm, .offcanvas-xl, .offcanvas-xxl{--bs-offcanvas-width:296px}
    header.site-header~.page-wrapper:not(.daily-drill){padding-top:49px;}
    .page-news-view  .article-main{padding-top:2rem !important;}
    .pxn-sectionbar__inner{padding-inline: 1rem;}
}




/* =====================================================================
   DASHBOARD UI/UX IMPROVEMENTS
   ===================================================================== */

/* --- Leaderboard: Rank Badges --- */
.rank-badge{width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;color:#fff;flex-shrink:0}
.rank-badge.rank-1{background:#F59E0B}
.rank-badge.rank-2{background:#10B981}
.rank-badge.rank-3{background:#06B6D4}
.rank-badge.rank-other{background:#94A3B8;color:#fff}

/* --- Streak: Active day dot shows green checkmark --- */
.pplx-dashboard .pplx-day-row .day-item.active .day-dot{background-color:#10B981;border-color:#10B981;position:relative;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:11px;font-weight:700}
.pplx-dashboard .pplx-day-row .day-item.active .day-dot::after{content:"✓";color:#fff;font-size:11px;font-weight:700;line-height:1}

/* --- XP Progress bar: blue/teal fill --- */
.pplx-dashboard .pplx-streak-progress .progress-bar{background:#3B82F6!important}

/* --- Continue Learning: Resume button green --- */
.btn-resume{background:#10B981!important;border-color:#10B981!important;color:#fff!important}
.btn-resume:hover{background:#059669!important;border-color:#059669!important;color:#fff!important}

/* --- Today's Plan: visual card improvements --- */
.plan-item{transition:box-shadow .15s ease,transform .15s ease}
.plan-item:hover{box-shadow:0 4px 12px rgba(0,0,0,.08);transform:translateY(-1px)}
.plan-item.plan-item--primary{border-left:3px solid #FF6B00!important}
.plan-item.plan-item--drill{border-left:3px solid #3B82F6!important}
.plan-item.plan-item--news{border-left:3px solid #06B6D4!important}
.plan-item.plan-item--default{border-left:3px solid #8B5CF6!important}

/* --- Community widget: better spacing --- */
.community-thread-item{transition:background .15s ease;background-color:rgba(248, 248, 248, 1);padding:13px 18px;margin-bottom:1rem;}
.community-thread-item:last-child{margin-bottom:0}
.community-thread-item:hover{background:#F9FAFB}

/* --- Upgrade CTA card --- */
.upgrade-cta-card{background:linear-gradient(135deg,#1e293b,#0f172a);border-radius:16px;padding:20px;color:#fff;text-align:center;margin-top:1rem}
.upgrade-cta-card .upgrade-title{font-size:16px;font-weight:700;margin-bottom:8px;color:#fff}
.upgrade-cta-card .upgrade-features{font-size:12px;opacity:.8;margin-bottom:16px;color:#fff;line-height:1.6}
.upgrade-cta-card .upgrade-btn{background:#FF6B00!important;border-color:#FF6B00!important;color:#fff!important;font-weight:600}
.upgrade-cta-card .upgrade-btn:hover{background:#e05e00!important;border-color:#e05e00!important}

/* --- Achievement badge fallback --- */
.achievement-icon{min-height:56px;display:flex;align-items:center;justify-content:center}
.achievement-icon img{width:56px;height:56px;object-fit:contain}
.achievement-icon img.broken-badge{display:none}
.achievement-badge-fallback{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#F59E0B,#EF4444);display:inline-flex;align-items:center;justify-content:center;font-size:28px}

/* --- League card header --- */
.league-card-header{background:linear-gradient(135deg,rgba(16,185,129,.08),rgba(6,182,212,.05));border-bottom:1px solid #E5E7EB;border-radius:.875rem .875rem 0 0}
.league-name{font-size:1.125rem;font-weight:700;color:#0f172a}
.league-weekly-xp{font-size:.8125rem;color:#6B7280}
.league-resets{font-size:10px;color:#9CA3AF}

@media(min-width:1200px) and (max-width:1439px){
  /* html{font-size:14px;} */
  .navbar.header-navbar{
    --bs-navbar-brand-margin-end:calc(2rem - var(--bs-navbar-nav-link-padding-x));
    --bs-nav-link-font-size:.875rem;
  }
  header .header_container .navbar-brand img{max-width:124px;}
}