.grecaptcha-badge {
    visibility: hidden;
}

/* LOADER */
#loader {
    display: none;
    padding: 0;
    width: 30px;
    height: 30px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    z-index: 10000;
}

#loader img {
    width: 100%;
    height: 100%;
}

/* NOTY */
.activity-item {
    font-size: 0.8em;
}

.activity-item i {
    float: left;
    margin-top: 3px;
    font-size: 16px;
}

div.activity {
    margin-left: 28px;
    text-align: left;
}

div.activity-item {
    /* padding: 7px 12px; */
}

#notification-list div.activity-item {
    border-top: 1px solid #f5f5f5;
}

#notification-list div.activity-item a {
    font-weight: 600;
}

div.activity span {
    display: block;
    color: #999;
    font-size: 11px;
    line-height: 16px;
    padding-top: 0.5em;
}

#notifications i.fa {
    font-size: 17px;
}
.noty_type_error * {
    font-weight: normal !important;
}

.noty_type_error a {
    font-weight: bold !important;
}

.noty_bar.noty_type_error a, .noty_bar.noty_type_error i {
    color: #fff
}

.noty_bar.noty_type_information a {
    color: #fff;
    font-weight: bold;
}

.noty_type_error div.activity span
{
    color: #fff
}

.noty_type_information div.activity span
{
    color: #fefefe
}

/* Mobile Navigation Active States */
.offcanvas .nav-link.active,
.offcanvas a.active {
    color: var(--bs-primary) !important;
    font-weight: 600;
    position: relative;
}

.offcanvas .dropdown-item.active {
    background-color: var(--bs-primary);
    color: white !important;
}

.offcanvas .dropdown-item.active i {
    color: white !important;
}

/* Make backdrop non-blocking */
.offcanvas-backdrop {
    pointer-events: none !important;
}

/* Ensure offcanvas itself is clickable */
.offcanvas {
    pointer-events: auto !important;
}

/* Home link styling */
.offcanvas a[href="/"] {
    border-bottom: 1px solid #eee;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

/* Header Transition Fixes - Override any conflicting styles */
.header-fp {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 1030 !important;
    transition: all 0.3s ease-in-out !important;
    will-change: transform, background-color, box-shadow !important;
    transform: translateY(0) !important;
    background: rgba(var(--bs-light-gray-rgb),var(--bs-bg-opacity)) !important;
    margin: 0 !important;
    padding: 0 !important;
}

.header-fp.header-sticky {
    background: rgba(var(--bs-light-gray-rgb),var(--bs-bg-opacity)) !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
}

.header-fp.header-sticky .navbar {
    padding: 18px 0 !important;
    transition: padding 0.3s ease-in-out !important;
}

/* Always add padding to body to account for fixed header */
body {
    padding-top: 75px !important; /* Adjust this value based on your header height */
    transition: padding-top 0.3s ease-in-out !important;
}

/* Mobile specific fixes */
@media (max-width: 768px) {    
    .header-fp.header-sticky .navbar {
        padding: 12px 0 !important;
    }
}

/* Smooth transition for all header elements */
.header-fp * {
    transition: all 0.3s ease-in-out !important;
}

/* Ensure smooth logo and text transitions */
.header-fp .logo-img img,
.header-fp .logo-img h2 {
    transition: all 0.3s ease-in-out !important;
}

/* Smooth navbar transitions */
.header-fp .navbar-nav .nav-link {
    transition: all 0.3s ease-in-out !important;
}

/* Additional smoothness optimizations */
.header-fp {
    backface-visibility: hidden !important;
    -webkit-backface-visibility: hidden !important;
    perspective: 1000px !important;
    -webkit-perspective: 1000px !important;
}

/* Force override any conflicting position styles */
.header-fp,
.header-fp.header-sticky {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 1030 !important;
}

/* Ensure no shadow or blur when not sticky */
.header-fp:not(.header-sticky) {
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}