.header_logo .logo{height:85px;width:auto}.btn-link,a{text-decoration:none}.panel-title{font-size:14px}.ltr_font{font-family:calibri}h1{font-size:24px}.list-article-title{font-size:16px}.justify,.text-justify{text-align:justify}.zoom_ltr img:hover,.zoom_rtl img:hover{transform:scale(4);border:1px dashed #777;position:relative}.modal_aw{max-width:fit-content;margin-left:auto;margin-right:auto}.relj:hover img,.social_icon:hover{transform:translateY(-4px) scale(1.2);transition:.3s}#topBar{padding-top:5px;padding-bottom:5px;background:#eee}#header{border-bottom:1px solid rgba(0,0,0,.05);margin-bottom:20px}#header .container{padding:5px 1px}.navbar{padding:10px 0}.nav-link{position:relative;margin:0 5px;transition:.3s}.nav-link:hover{color:#0d6efd}.nav-link:hover::after{width:100%}.dropdown-hover:hover>.dropdown-menu,.dropdown-menu>li:hover>.dropdown-submenu{display:block}.nav-link_::after{content:'';position:absolute;bottom:-5px;right:0;width:0;height:2px;background:#0d6efd;transition:.3s}.navbar .dropdown ul li{min-width:200px;padding:3px 0;margin-right:5px;margin-left:5px;border-bottom:1px solid #eee}.navbar .dropdown ul li:last-child{border-bottom:none}.search-overlay{position:relative;top:-70px;left:0;right:0;background:#fff;z-index:1000;padding:1rem;transform:translateY(-100%);transition:.3s;box-shadow:0 2px 5px rgba(0,0,0,.1);display:none}.search-overlay.active{transform:translateY(0);display:block}#login_hdr,.hid_ac_ico::after{display:none}.ac_ico_sm::after{background-size:80%;background-position:top}.footer{background:linear-gradient(145deg,#1a1a1a,#2d2d2d);color:#fff;padding:2rem 0 1rem}.copyright{border-top:1px solid rgba(255,255,255,.1);padding-top:1rem}.filter-item{transition:.3s;margin-bottom:1.5rem}.mtooltip .tooltip-inner{text-align:start;line-height:2;max-width:40rem!important;padding:10px}.btn:hover{transform: translateY(1px) scale(.98);}.alert-aw {display: inline-block;max-width: 100%;padding-inline-end: 50px;}#ju_header_title_m{max-width: 200pt;}

/* ── Unified login form UI — geometry + theme variables only ─────────────────
   Colours are NOT hardcoded: they are inherited from the active theme via
   Bootstrap button classes (.btn-primary / .btn-light) and Bootstrap CSS
   variables (var(--bs-*)). Hover/focus come from Bootstrap's own button states.
   So the login page restyles automatically when the theme changes.
   Scoped to .login-* hooks so other pages/components are unaffected.
   ------------------------------------------------------------------------- */
.login-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 46px;
    padding: 0.6rem 1.25rem;
    border-radius: 8px;
    font-size: 0.95rem;
    font-weight: 600;
    line-height: 1.2;
    text-align: center;
    white-space: nowrap;
}
.login-btn i {
    font-size: 1.05rem;
}

/* Secondary auth (Google): keep a subtle themed outline using the theme border colour */
.login-btn--google {
    border-color: var(--bs-border-color);
}

/* Consistent vertical spacing between stacked actions */
.login-action + .login-action {
    margin-top: 0.75rem;
}

/* Secondary links — typography/spacing; colour follows the theme link colour */
.login-links {
    margin-top: 0.75rem;
    text-align: center;
}
.login-link {
    display: inline-block;
    font-size: 0.9rem;
    font-weight: 500;
    color: var(--bs-link-color, currentColor);
    text-decoration: none;
}
.login-link:hover,
.login-link:focus {
    color: var(--bs-link-hover-color, currentColor);
    text-decoration: underline;
}
.login-link--end {
    float: right;
    margin: 0.15rem 0;
}

/* Responsive */
@media (max-width: 575.98px) {
    .login-btn { width: 100%; }
    .login-link--end { float: none; display: block; text-align: right; }
}