/* ===== BSGD Social Network - Custom Styles ===== */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: #0D7377; border-radius: 3px; }

.post .panel, .card, .wo_settings_page .setting-panel {
    border-radius: 12px !important;
    border: none !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.06), 0 1px 2px rgba(0,0,0,0.04) !important;
    transition: box-shadow 0.2s ease;
}
.post .panel:hover {
    box-shadow: 0 4px 12px rgba(0,0,0,0.08), 0 2px 4px rgba(0,0,0,0.04) !important;
}

.btn, .btn-main, .btn-active {
    border-radius: 8px !important;
    font-weight: 500 !important;
    transition: all 0.2s ease !important;
}
.btn-main:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 10px rgba(0,191,165,0.3);
}

.postText { line-height: 1.6 !important; font-size: 14px !important; }
.navbar-default { box-shadow: 0 1px 4px rgba(0,0,0,0.08) !important; }

.avatar, .avatar-wrapper img, .wo_avatar img, .messages-user-avatar img {
    border-radius: 50% !important; object-fit: cover;
}

#welcomeheader {
    background: linear-gradient(135deg, #0D7377 0%, #009688 50%, #00BFA5 100%) !important;
}
#welcomeheader .mdbtn { border-radius: 25px !important; padding: 10px 30px !important; font-weight: 600 !important; }
#welcomeheader h1 { font-weight: 700 !important; letter-spacing: -0.5px; }

/* ===== LOGIN PAGE BACKGROUND ===== */
.wrapper {
    background: #0a3060;
}
.login_left_combo_parent {
    background-image: url('/themes/images/waterscreen_1200.png');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.login_left_combo_parent::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(10,48,96,0.45) 0%, rgba(13,115,119,0.35) 100%);
    pointer-events: none;
    z-index: 0;
}
.login_left_combo {
    position: relative;
    z-index: 1;
}
.login_left_combo h1,
.login_left_combo p {
    color: #fff !important;
    text-shadow: 0 2px 8px rgba(0,0,0,0.4);
}
.login_left_combo .logo img {
    filter: brightness(0) invert(1) drop-shadow(0 2px 8px rgba(0,0,0,0.3));
}

.login {
    border-radius: 16px !important;
    box-shadow: 0 8px 30px rgba(0,0,0,0.08) !important;
    border: none !important;
}
.login input {
    border-radius: 8px !important;
    border: 1px solid #e0e0e0 !important;
    padding: 12px 16px !important;
    font-size: 14px !important;
}
.login input:focus {
    border-color: #00BFA5 !important;
    box-shadow: 0 0 0 3px rgba(0,191,165,0.1) !important;
}

.left-sidebar ul li a { border-radius: 8px !important; margin: 2px 0; }
.left-sidebar ul li a:hover { background: rgba(0,191,165,0.06) !important; }

@media (max-width: 990px) {
    .navbar-default .navbar-nav > li > a { padding-top: 12px !important; padding-bottom: 12px !important; }
}