/*
Theme Name: Astra Child
Theme URI: https://wpastra.com/
Template: astra
Author: Brainstorm Force
Author URI: https://wpastra.com/about/?utm_source=theme_preview&utm_medium=author_link&utm_campaign=astra_theme
Description: The Astra WordPress theme is lightning-fast and highly customizable. It has over 1 million downloads and the only theme in the world with 6,000+ five-star reviews! It’s ideal for professional web designers, solopreneurs, small businesses, eCommerce, membership sites and any type of website. It offers special features and templates so it works perfectly with all page builders like Spectra, Elementor, Beaver Builder, etc. Fast performance, clean code, mobile-first design and schema markup are all built-in, making the theme exceptionally SEO-friendly. It’s fully compatible with WooCommerce, SureCart and other eCommerce plugins and comes with lots of store-friendly features and templates. Astra also provides expert support for free users. A dedicated team of fully trained WordPress experts are on hand to help with every aspect of the theme. Try the live demo of Astra: https://zipwp.org/themes/astra/
Tags: custom-menu,custom-logo,entertainment,one-column,two-columns,left-sidebar,e-commerce,right-sidebar,custom-colors,editor-style,featured-images,full-width-template,microformats,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready,blog
Version: 4.12.5.1773828913
Updated: 2026-03-18 10:15:13

*/



/* ================================================== */
/* ALGODELTA GLOBAL DESIGN SYSTEM (VIBRANT SAAS)      */
/* ================================================== */

/* 1. IMPORT GOOGLE FONT: ROBOTO SLAB */
@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@400;500;600;700;800;900&display=swap');

/* 2. SINGLE :ROOT VARIABLES BLOCK */
:root {
    /* Fonts */
    --ad-font-main: 'Roboto Slab', serif;

    /* Base Vibrant Colors */
    --ad-dark: #0e0e0e;
    /* Deep Black */
    --ad-orange: #ff5723;
    /* Vibrant Orange */
    --ad-red: #ff2938;
    /* Bright Crimson */
    --ad-magenta: #c90079;
    /* Deep Pink */

    /* Gradients */
    --ad-gradient-accent: linear-gradient(135deg, #ff5723 0%, #ff2938 50%, #c90079 100%);
    --ad-gradient-btn-bg: linear-gradient(135deg, #0e0e0e 0%, #ff5723 100%);
    --ad-gradient-btn-hover: linear-gradient(135deg, #ff5723 0%, #ff2938 100%);
    --ad-gradient-sidebar: linear-gradient(135deg, #ff5723 0%, #c90079 100%);

    /* Backgrounds */
    --ad-bg-body: #ffffff;
    --ad-bg-surface: #fafafa;
    --ad-icon-bg-hover: #fff3f0;
    --ast-global-color-7: #ffffff00 !important;

    /* Text Colors */
    --ad-text-main: #0e0e0e;
    --ad-text-muted: #555555;
    --ad-text-light: #888888;

    /* Layout Variables */
    --ad-header-height-desktop: 80px;
    --ad-header-height-mobile: 70px;

    /* Shadows */
    --ad-shadow-soft: 0 10px 30px rgba(255, 41, 56, 0.08);
    --ad-shadow-hover: 0 15px 35px rgba(201, 0, 121, 0.15);
}


/* ================================================== */
/* 3. ASTRA THEME SPACE FIX & GLOBAL STYLES           */
/* ================================================== */
body {
    background-color: var(--ad-bg-body);
    font-family: var(--ad-font-main);
    /* Naya Font Apply Kiya */
    color: var(--ad-text-main);
    overflow-x: hidden;
    padding-top: var(--ad-header-height-desktop) !important;
}

/* Nuke Astra Default Spacing */
.site-content,
.ast-container,
.site-main {
    padding-top: 0 !important;
    margin-top: 0 !important;
    max-width: 100% !important;
}

.ast-container {
    padding-left: 0px;
    padding-right: 0px;
}

@media (max-width: 768px) {
    body {
        padding-top: var(--ad-header-height-mobile) !important;
    }
}

/* Update inputs to use the new font too */
input,
button,
textarea {
    font-family: var(--ad-font-main);
}

/* ================================================== */
/* 4. MAIN HEADER STYLING                             */
/* ================================================== */
.ad-centered-header {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9000;
    background-color: var(--ad-bg-body);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04);
    height: var(--ad-header-height-desktop);
    border-bottom: 1px solid rgba(0, 0, 0, 0.119);
}

.ad-header-container {
    max-width: 1400px;
    margin: 0 auto;
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 30px;
}

.ad-header-left {
    flex: 1;
    display: flex;
    align-items: center;
}

.ad-header-left img {
    max-height: 40px;
    width: auto;
}

.ad-text-logo {
    font-size: 24px;
    font-weight: 900;
    color: var(--ad-dark);
    text-decoration: none;
    letter-spacing: -0.5px;
}

.ad-header-center {
    flex: 2;
    display: flex;
    justify-content: center;
}

.ad-center-menu {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    gap: 35px;
}

.ad-center-menu a {
    text-decoration: none;
    color: var(--ad-text-muted);
    font-size: 15px;
    font-weight: 600;
    padding: 10px 0;
    position: relative;
    transition: color 0.2s ease;
}

.ad-center-menu a:hover {
    color: var(--ad-orange);
}

.ad-center-menu a::after {
    content: '';
    position: absolute;
    width: 0;
    height: 2px;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    background-color: var(--ad-orange);
    transition: width 0.3s ease;
}

.ad-center-menu a:hover::after {
    width: 100%;
}

.ad-header-right {
    flex: 1;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 20px;
}

.ad-icon-group {
    display: flex;
    align-items: center;
    gap: 12px;
}

.ad-icon-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    color: var(--ad-text-main);
    background-color: transparent;
    transition: all 0.3s ease;
}

.ad-icon-btn svg {
    width: 20px;
    height: 20px;
    color: inherit;
}

.ad-icon-btn.ad-icon-send svg {
    stroke-width: 2px;
}

.ad-icon-btn:hover {
    background-color: var(--ad-icon-bg-hover);
    color: var(--ad-orange);
    transform: translateY(-2px);
}

.ad-desktop-login {
    display: block;
}

.ad-creative-login-btn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 10px 26px;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    color: #ffffff;
    background: var(--ad-gradient-btn-hover);
    border-radius: 8px;
    transition: all 0.3s ease;
    box-shadow: 0 4px 10px rgba(14, 14, 14, 0.2);
}

.ad-creative-login-btn:hover {
    background: var(--ad-gradient-btn-hover);
    transform: translateY(-1px);
    box-shadow: 0 6px 15px rgba(255, 87, 35, 0.3);
    color: #ffffff;
}

.ad-user-profile {
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    padding: 4px;
    border-radius: 50px;
    transition: 0.2s;
}

.ad-user-profile:hover {
    background: var(--ad-bg-surface);
}

.ad-avatar {
    border-radius: 50%;
    border: 2px solid var(--ad-icon-bg-hover);
}

.ad-username {
    font-size: 14px;
    font-weight: 700;
    color: var(--ad-text-main);
    padding-right: 10px;
}

.ad-mobile-menu-toggle {
    display: none;
    color: var(--ad-text-main);
    cursor: pointer;
    width: 42px;
    height: 42px;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    transition: 0.3s ease;
}

.ad-mobile-menu-toggle svg {
    width: 24px;
    height: 24px;
    stroke-width: 2px;
}

.ad-mobile-menu-toggle:hover {
    background-color: var(--ad-icon-bg-hover);
    color: var(--ad-orange);
}

.ad-mobile-drawer {
    position: fixed;
    top: 0;
    right: -100%;
    width: 280px;
    height: 100vh;
    background-color: var(--ad-bg-body);
    box-shadow: -5px 0 25px rgba(0, 0, 0, 0.1);
    z-index: 9999;
    transition: right 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    display: flex;
    flex-direction: column;
}

.ad-mobile-drawer.active {
    right: 0;
}

.ad-drawer-close {
    font-size: 20px;
    color: var(--ad-text-main);
    padding: 25px 25px 10px;
    text-align: right;
    cursor: pointer;
    transition: 0.2s;
}

.ad-drawer-close:hover {
    color: var(--ad-red);
}

.ad-drawer-content {
    padding: 20px 25px;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.ad-drawer-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.ad-drawer-menu a {
    text-decoration: none;
    color: var(--ad-text-main);
    font-size: 16px;
    font-weight: 600;
    transition: 0.2s;
}

.ad-drawer-menu a:hover {
    color: var(--ad-orange);
}

.ad-drawer-actions {
    margin-top: auto;
    padding: 20px 0;
    border-top: 1px solid #f1f1f1;
}

.drawer-login-btn {
    width: 100%;
    text-align: center;
    padding: 12px 0;
}

.logout-btn {
    background: var(--ad-dark);
    box-shadow: none;
}

.logout-btn:hover {
    background: var(--ad-red);
}

/* ================================================== */
/* 5. HERO SECTION                                    */
/* ================================================== */
.ad-hero-section {
    position: relative;
    padding: 50px 20px 60px;
    background-color: var(--ad-bg-body);
    overflow: hidden;
    text-align: center;
    border-bottom: 1px solid #f1f1f1;
}

.ad-glow-orb {
    position: absolute;
    border-radius: 50%;
    filter: blur(90px);
    opacity: 0.15;
    z-index: 0;
}

.orb-1 {
    width: 400px;
    height: 400px;
    background: var(--ad-orange);
    top: -100px;
    left: -100px;
    animation: float 6s infinite alternate;
}

.orb-2 {
    width: 500px;
    height: 500px;
    background: var(--ad-magenta);
    bottom: -150px;
    right: -150px;
    animation: float 8s infinite alternate-reverse;
}

@keyframes float {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(30px);
    }
}

.ad-hero-bg-grid {
    position: absolute;
    inset: 0;
    z-index: 1;
    opacity: 0.5;
    background-image: radial-gradient(#e5e5e5 1px, transparent 1px);
    background-size: 24px 24px;
}

.ad-hero-container {
    max-width: 800px;
    margin: 0 auto;
    position: relative;
    z-index: 10;
}

.ad-hero-badge {
    display: inline-flex;
    align-items: center;
    background: rgba(255, 87, 35, 0.08);
    color: var(--ad-orange);
    padding: 6px 18px;
    border-radius: 50px;
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 20px;
    border: 1px solid rgba(255, 87, 35, 0.2);
}

.ad-badge-dot {
    width: 8px;
    height: 8px;
    background-color: var(--ad-red);
    border-radius: 50%;
    margin-right: 10px;
    animation: pulse 2s infinite;
}

@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 41, 56, 0.4);
    }

    70% {
        box-shadow: 0 0 0 10px rgba(255, 41, 56, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(255, 41, 56, 0);
    }
}

.ad-hero-title {
    font-size: clamp(32px, 5vw, 56px);
    font-weight: 900;
    line-height: 1.15;
    margin-bottom: 15px;
    color: var(--ad-dark);
    letter-spacing: -1px;
}

.ad-text-highlight {
    background: var(--ad-gradient-accent);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.ad-hero-desc {
    font-size: 17px;
    color: var(--ad-text-muted);
    max-width: 650px;
    margin: 0 auto 35px;
    line-height: 1.6;
}

.ad-hero-search-box.glass-effect {
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(10px);
    border-radius: 12px;
    padding: 6px;
    box-shadow: var(--ad-shadow-soft);
    border: 1px solid rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
}

.ad-hero-search-box:focus-within {
    transform: translateY(-2px);
    box-shadow: var(--ad-shadow-hover);
    border-color: rgba(255, 87, 35, 0.3);
}

.ad-search-field {
    flex: 1;
    border: none !important;
    padding: 12px 10px;
    outline: none;
    font-size: 16px;
    background: transparent;
    color: var(--ad-dark);
}

.ad-search-submit {
    background: var(--ad-dark);
    color: #fff;
    border: none;
    padding: 12px 30px;
    border-radius: 8px;
    font-weight: 700;
    font-size: 15px;
    cursor: pointer;
    transition: 0.3s;
}

.ad-search-submit:hover {
    background: var(--ad-orange);
}

.ad-hero-trending {
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    flex-wrap: wrap;
}

.ad-trend-pills a {
    text-decoration: none;
    color: var(--ad-text-muted);
    background: var(--ad-bg-surface);
    border: 1px solid #eaeaea;
    padding: 5px 12px;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 600;
    transition: 0.2s;
}

.ad-trend-pills a:hover {
    background: var(--ad-orange);
    color: #fff;
    border-color: var(--ad-orange);
}

/* ================================================== */
/* PREMIUM CATEGORY GRID & CARDS (CREATIVE UI)        */
/* ================================================== */

.ad-forum-container {
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 25px;
}

.ad-premium-category-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 25px;
    margin-bottom: 30px;
}

.ad-premium-cat-card {
    display: flex;
    flex-direction: column;
    background: linear-gradient(145deg, #ffffff, #fafafa);
    padding: 28px 25px;
    border-radius: 20px;
    border: 1px solid #ff56234f;
    text-decoration: none;
    position: relative;
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    z-index: 1;
}

.ad-premium-cat-card:hover {
    border-color: rgba(255, 87, 35, 0.3);
    transform: translateY(-8px);
    box-shadow: 0 20px 40px rgba(255, 87, 35, 0.08);
}

.ad-premium-cat-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: var(--ad-gradient-bg);
    opacity: 0;
    transition: opacity 0.3s ease;
}

.ad-premium-cat-card:hover::before {
    opacity: 1;
}

.ad-premium-icon-box {
    width: 65px;
    height: 65px;
    background: #ffffff;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 22px;
    border: 1px solid #f1f1f1;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.04);
    transition: all 0.3s ease;
}

.ad-premium-icon-box img {
    width: 50px;
    height: 50px;
    object-fit: contain;
    transition: 0.3s;
}

.ad-premium-cat-card:hover .ad-premium-icon-box {
    background: #fff3f0;
    border-color: rgba(255, 87, 35, 0.2);
    transform: scale(1.08) rotate(-5deg);
}

.ad-premium-cat-content h3 {
    margin: 0 0 10px;
    font-size: 20px;
    color: var(--ad-dark);
    font-weight: 800;
    transition: color 0.3s;
}

.ad-premium-cat-card:hover .ad-premium-cat-content h3 {
    color: var(--ad-orange);
}

.ad-premium-cat-content p {
    margin: 0 0 25px;
    font-size: 14.5px;
    color: var(--ad-text-muted);
    line-height: 1.6;
}

.ad-premium-cat-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: auto;
    padding-top: 18px;
    border-top: 1px dashed #e2e8f0;
}

.ad-forum-stats {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.ad-stat-badge {
    background: #f8f9fa;
    color: var(--ad-text-muted);
    padding: 6px 12px;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 700;
    transition: all 0.3s ease;
    border: 1px solid #eaeaea;
}

.ad-premium-cat-card:hover .ad-stat-badge {
    background: rgba(255, 87, 35, 0.08);
    color: var(--ad-orange);
    border-color: rgba(255, 87, 35, 0.2);
}

.ad-hover-send-icon {
    color: var(--ad-text-light);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 1;
    transform: translateX(0);
    transition: all 0.3s cubic-bezier(0.2, 0.8, 0.2, 1);
    background: #f8f9fa;
    padding: 8px;
    border-radius: 50%;
    border: 1px solid #eaeaea;
}

.ad-premium-cat-card:hover .ad-hover-send-icon {
    color: #ff5723;
    background: var(--ad-gradient-bg);
    border-color: transparent;
    transform: translateX(4px) scale(1.1);
    box-shadow: 0 4px 10px rgba(255, 87, 35, 0.25);
}

.ad-pagination-wrapper {
    text-align: center;
    margin-bottom: 40px;
}

.ad-pagination-wrapper a,
.ad-pagination-wrapper span {
    display: inline-block;
    padding: 8px 16px;
    margin: 0 5px;
    border-radius: 8px;
    font-weight: 600;
    text-decoration: none;
    color: var(--ad-dark);
    border: 1px solid #eaeaea;
    transition: 0.2s;
}

.ad-pagination-wrapper span.current {
    background: var(--ad-orange);
    color: #fff;
    border-color: var(--ad-orange);
}

.ad-pagination-wrapper a:hover {
    background: var(--ad-bg-surface);
    color: var(--ad-orange);
    border-color: var(--ad-orange);
}

/* ================================================== */
/* RESPONSIVE GRID (Mobile & Tablet)                  */
/* ================================================== */
@media (max-width: 1200px) {
    .ad-premium-category-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 900px) {
    .ad-premium-category-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 600px) {
    .ad-premium-category-grid {
        grid-template-columns: 1fr;
    }

    .ad-forum-stats {
        gap: 5px;
    }

    .ad-stat-badge {
        font-size: 11px;
        padding: 5px 8px;
    }
}

/* ================================================== */
/* 7. RESPONSIVE QUERIES                              */
/* ================================================== */
@media (max-width: 992px) {
    .ad-centered-header {
        height: var(--ad-header-height-mobile);
    }

    .ad-header-container {
        padding: 0 20px;
    }

    .ad-header-center,
    .ad-desktop-login {
        display: none;
    }

    .ad-mobile-menu-toggle {
        display: flex;
        margin-left: 5px;
    }

    .ad-header-right {
        gap: 5px;
    }

    .ad-forum-layout {
        grid-template-columns: 1fr;
    }

    .ad-hero-section {
        padding: 40px 20px 50px;
    }

    .ad-hero-title {
        font-size: 36px;
    }
}

@media (max-width: 480px) {
    .ad-header-container {
        padding: 0 15px;
    }

    .ad-icon-btn {
        width: 36px;
        height: 36px;
    }

    .ad-icon-btn svg {
        width: 18px;
        height: 18px;
    }

    .ad-hero-search-box.glass-effect {
        flex-direction: column;
        padding: 10px;
    }

    .ad-search-field {
        width: 100%;
        text-align: center;
        padding: 10px;
    }


    .ad-thread-item {
        flex-direction: column;
        align-items: flex-start;
    }

    .ad-thread-stats {
        margin-top: 10px;
        margin-left: 0;
    }
}



/* ================================================== */
/* LIVE DISCUSSIONS FEED & TABS                       */
/* ================================================== */

.ad-forum-layout {
    display: grid;
    grid-template-columns: 1fr 320px;
    gap: 40px;
}

.ad-feed-tabs {
    display: flex;
    gap: 10px;
}

.ad-feed-tabs a {
    text-decoration: none;
    font-size: 13px;
    font-weight: 700;
    padding: 6px 15px;
    border-radius: 5px;
    /* border-radius: 50px; */
    background: var(--ad-bg-surface);
    color: var(--ad-text-muted);
    border: 1px solid #eaeaea;
    transition: all 0.2s ease;
}

.ad-feed-tabs a:hover {
    background: rgba(255, 87, 35, 0.1);
    color: var(--ad-orange);
    border-color: rgba(255, 87, 35, 0.2);
}

.ad-feed-tabs a.active {
    background: #ff56235c;
    color: #fff;
    border-color: #ff5723;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

/* .ad-feed-tabs a.active {
    background: var(--ad-dark);
    color: #fff;
    border-color: var(--ad-dark);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
} */

.ad-modern-thread-list {
    background: #ffffff;
    border-radius: 16px;
    border: 1px solid #eaeaea;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    overflow: hidden;
}

.ad-thread-item {
    display: flex;
    align-items: center;
    padding: 22px 25px;
    border-bottom: 1px solid #f5f5f5;
    transition: all 0.2s ease;
}

.ad-thread-item:hover {
    background: var(--ad-bg-surface);
    transform: translateX(5px);
    border-left: 4px solid var(--ad-orange);
}

.ad-thread-item:last-child {
    border-bottom: none;
}

.ad-thread-avatar img {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    border: 2px solid #fff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    margin-right: 18px;
}

.ad-thread-content {
    flex: 1;
}

.ad-thread-content h4 {
    margin: 0 0 6px;
    font-size: 16px;
}

.ad-thread-content h4 a {
    text-decoration: none;
    color: var(--ad-dark);
    font-weight: 800;
    transition: color 0.2s;
}

.ad-thread-content h4 a:hover {
    color: var(--ad-orange);
}

.ad-thread-meta {
    font-size: 13px;
    color: var(--ad-text-light);
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.ad-thread-forum-tag {
    background: #f5f5f5;
    padding: 3px 10px;
    border-radius: 6px;
    color: var(--ad-text-muted);
    font-weight: 700;
    font-size: 11.5px;
    text-decoration: none;
    transition: 0.2s;
    border: 1px solid #eaeaea;
}

.ad-thread-forum-tag:hover {
    background: rgba(255, 87, 35, 0.1);
    color: var(--ad-orange);
    border-color: rgba(255, 87, 35, 0.3);
}

.ad-thread-stats {
    text-align: right;
    min-width: 50px;
    margin-left: 15px;
}

.ad-reply-count {
    display: inline-block;
    background: #fff;
    border: 1px solid #eaeaea;
    padding: 6px 14px;
    border-radius: 50px;
    font-size: 13px;
    font-weight: 800;
    color: var(--ad-text-main);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.02);
}

.ad-empty-state {
    padding: 60px 30px;
    text-align: center;
    background: var(--ad-bg-surface);
    border: 2px dashed #cbd5e1;
    border-radius: 16px;
    margin: 20px;
    transition: all 0.3s ease;
}

.ad-empty-state:hover {
    border-color: var(--ad-orange);
    background: #ffffff;
}

.ad-empty-icon {
    font-size: 48px;
    margin-bottom: 15px;
    filter: grayscale(1);
    opacity: 0.6;
    transition: 0.3s;
}

.ad-empty-state:hover .ad-empty-icon {
    filter: grayscale(0);
    opacity: 1;
    transform: scale(1.1);
}

.ad-empty-state h3 {
    font-size: 22px;
    color: var(--ad-dark);
    font-weight: 800;
    margin: 0 0 10px;
}

.ad-empty-state p {
    font-size: 15px;
    color: var(--ad-text-muted);
    margin: 0 auto 25px;
    max-width: 400px;
    line-height: 1.6;
}

/* ================================================== */
/* SIDEBAR WIDGETS                                    */
/* ================================================== */

.ad-forum-sidebar {
    align-self: start;
}

.ad-sidebar-card {
    background: #ffffff;
    border-radius: 16px;
    border: 1px solid #eaeaea;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
}

/* Gradient CTA Card */
.gradient-card {
    background: var(--ad-gradient-sidebar);
    padding: 35px 25px;
    color: #fff;
    text-align: center;
    border: none;
}

.gradient-card h4 {
    margin: 0 0 12px;
    font-size: 22px;
    font-weight: 900;
}

.gradient-card p {
    font-size: 15px;
    opacity: 0.95;
    line-height: 1.6;
    margin-bottom: 25px;
    font-weight: 500;
    color: #555555;
}

.white-btn {
    display: inline-block;
    background: #fff;
    color: var(--ad-magenta);
    padding: 12px 20px;
    border-radius: 10px;
    text-decoration: none;
    font-weight: 800;
    font-size: 15px;
    transition: 0.3s;
    width: 100%;
    box-sizing: border-box;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.white-btn:hover {
    background: var(--ad-dark);
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}

.stats-card {
    padding: 25px;
}

.stats-card h4 {
    font-size: 18px;
    color: var(--ad-dark);
    font-weight: 800;
}

.ad-stats-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.ad-stats-list li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 0;
    border-bottom: 1px solid #f5f5f5;
    font-size: 15px;
}

.ad-stats-list li:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.stat-label {
    color: var(--ad-text-muted);
    font-weight: 600;
}

.stat-value {
    color: var(--ad-dark);
    font-weight: 900;
    font-size: 16px;
    background: var(--ad-bg-surface);
    padding: 4px 10px;
    border-radius: 6px;
}

@media (max-width: 992px) {
    .ad-forum-layout {
        grid-template-columns: 1fr;
    }

    .ad-feed-tabs {
        display: none;
    }
}



/* ================================================== */
/* USER PROFILE DROPDOWN MENU (SaaS Style)            */
/* ================================================== */

.ad-user-profile-wrapper {
    position: relative;
    padding-bottom: 10px;
    margin-bottom: -10px;
}

.ad-user-profile {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    padding: 4px 10px 4px 4px;
    border-radius: 50px;
    border: 1px solid transparent;
    transition: all 0.3s ease;
}

.ad-user-profile-wrapper:hover .ad-user-profile {
    background: var(--ad-bg-surface);
    border-color: #eaeaea;
}

.ad-profile-dropdown {
    position: absolute;
    top: 100%;
    right: 0;
    width: 240px;
    background: #ffffff;
    border-radius: 16px;
    padding: 10px;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08);
    border: 1px solid #eaeaea;
    list-style: none;
    margin: 0;
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px) scale(0.98);
    transition: all 0.3s cubic-bezier(0.2, 0.8, 0.2, 1);
    z-index: 9999;
}

.ad-user-profile-wrapper:hover .ad-profile-dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateY(0) scale(1);
}

.dropdown-header {
    padding: 12px 15px;
    margin-bottom: 5px;
    border-bottom: 1px dashed #eaeaea;
    display: flex;
    flex-direction: column;
}

.dropdown-header small {
    font-size: 11px;
    color: var(--ad-text-light);
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 0.5px;
}

.dropdown-header strong {
    font-size: 13px;
    color: var(--ad-dark);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ad-profile-dropdown li a {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 15px;
    color: var(--ad-text-muted);
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    border-radius: 10px;
    transition: all 0.2s;
}

.ad-profile-dropdown li a:hover {
    background: var(--ad-bg-surface);
    color: var(--ad-orange);
    transform: translateX(4px);
}

.ad-logout-item {
    margin-top: 5px;
    padding-top: 5px;
    border-top: 1px dashed #eaeaea;
}

.ad-logout-item a:hover {
    background: #fff0f0;
    color: var(--ad-red);
}


/* ================================================== */
/* ALGODELTA: ULTIMATE APP INTERFACE (MOCKUP MATCH)   */
/* ================================================== */

.ad-mockup-wrapper {
    max-width: 98%;
    /* Full Width App Feel */
    margin: 30px auto 80px auto;
    font-family: var(--ad-font-main), sans-serif;
    color: var(--ad-text-main);
}

/* --- 1. DARK CONSOLE HEADER --- */
.ad-dark-console {
    background: #0f172a;
    /* Deep tech dark */
    border-radius: 16px;
    padding: 35px 40px;
    position: relative;
    overflow: hidden;
    margin-bottom: 40px;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.2);
}

/* Grid Background Effect */
.ad-console-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px);
    background-size: 40px 40px;
    z-index: 1;
}

.ad-console-inner {
    position: relative;
    z-index: 2;
}

/* Breadcrumbs (Pill Style) */
.ad-pill-breadcrumbs div.bbp-breadcrumb {
    margin: 0 0 20px 0 !important;
    float: none !important;
    display: flex;
    gap: 8px;
}

.ad-pill-breadcrumbs a,
.ad-pill-breadcrumbs span.bbp-breadcrumb-current {
    background: rgba(255, 255, 255, 0.1);
    color: #cbd5e1 !important;
    padding: 6px 10px;
    border-radius: 50px;
    font-size: 13px;
    text-decoration: none;
}

.ad-pill-breadcrumbs a:hover {
    background: rgba(255, 255, 255, 0.2);
    color: #fff !important;
}

/* Header Flex Layout */
.ad-console-flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
}

/* Title Area */
.ad-title-wrapper {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 10px;
}

.ad-gradient-title {
    font-size: 42px !important;
    font-weight: 900 !important;
    margin: 0 !important;
    background: var(--ad-gradient-accent);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.ad-author-row {
    display: flex;
    align-items: center;
    gap: 10px;
}

.ad-author-avatar img {
    border-radius: 50%;
    width: 30px;
    height: 30px;
    border: 2px solid var(--ad-dark);
}

.ad-meta-text {
    color: #94a3b8;
    font-size: 14px;
}

/* Right Stats & Buttons */
.ad-console-right {
    display: flex;
    align-items: center;
    gap: 15px;
}

.ad-stat-box {
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.1);
    padding: 10px 16px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    gap: 12px;
}

.ad-pulse-dot {
    width: 10px;
    height: 10px;
    background: #10b981;
    border-radius: 50%;
    box-shadow: 0 0 10px #10b981;
    animation: ad-pulse 2s infinite;
}

@keyframes ad-pulse {

    0%,
    100% {
        opacity: 1
    }

    50% {
        opacity: 0.3
    }
}

.ad-stat-details {
    display: flex;
    flex-direction: column;
    color: #fff;
}

.ad-stat-details strong {
    font-size: 14px;
    font-weight: 700;
}

.ad-stat-details span {
    font-size: 11px;
    color: #94a3b8;
}

/* Subscribe Button Override */
.ad-subscribe-btn-wrap .subscription-toggle {
    background: var(--ad-gradient-accent) !important;
    color: #fff !important;
    padding: 14px 28px !important;
    border-radius: 12px !important;
    border: none !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    box-shadow: 0 8px 20px rgba(255, 87, 35, 0.3) !important;
}

/* --- 2. MAIN GRID (FEED & SIDEBAR) --- */
.ad-main-grid {
    display: grid;
    grid-template-columns: 1fr 400px;
    gap: 40px;
    align-items: start;
}

.ad-feed-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.ad-viewing-text {
    font-size: 18px;
    font-weight: 600;
    color: var(--ad-text-main);
}

/* --- 3. TOPIC CARDS (Glowing borders like mockup) --- */
#bbpress-forums ul.bbp-topics {
    border: none !important;
}

#bbpress-forums li.bbp-header {
    display: none !important;
}

#bbpress-forums li.bbp-body ul.topic {
    background: var(--ad-bg-body) !important;
    border: 2px solid transparent !important;
    border-radius: 16px !important;
    padding: 25px !important;
    margin-bottom: 20px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    box-shadow: 0 10px 30px rgba(255, 87, 35, 0.08) !important;
    position: relative;
    background-clip: padding-box !important;
}

/* Simulating the gradient border from mockup */
#bbpress-forums li.bbp-body ul.topic::before {
    content: '';
    position: absolute;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    background: var(--ad-gradient-accent);
    border-radius: 18px;
    z-index: -1;
    opacity: 0.2;
    transition: 0.3s;
}

#bbpress-forums li.bbp-body ul.topic:hover::before {
    opacity: 0.5;
}

#bbpress-forums li.bbp-topic-title {
    width: 50% !important;
}

#bbpress-forums a.bbp-topic-permalink {
    font-size: 18px !important;
    font-weight: 800 !important;
    color: var(--ad-text-main) !important;
    text-decoration: none !important;
    display: block;
    margin-bottom: 8px !important;
}

#bbpress-forums p.bbp-topic-meta {
    font-size: 13px !important;
    color: var(--ad-text-main) !important;
}

/* The Number Boxes (Voices / Posts) */
#bbpress-forums li.bbp-topic-voice-count,
#bbpress-forums li.bbp-topic-reply-count {
    background: var(--ad-bg-surface) !important;
    border: 1px solid #eee !important;
    border-radius: 8px !important;
    padding: 10px !important;
    text-align: center !important;
    width: 60px !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    color: var(--ad-dark) !important;
}

#bbpress-forums li.bbp-topic-freshness {
    width: 150px !important;
    font-size: 13px !important;
    color: var(--ad-text-main) !important;
    text-align: right !important;
}

/* --- 4. RIGHT SIDEBAR (STICKY FORMS & RULES) --- */
.ad-sticky-sidebar {
    position: sticky;
    top: 140px;
}

.ad-sidebar-card {
    background: var(--ad-bg-body);
    border-radius: 20px;
    padding: 35px;
    box-shadow: var(--ad-shadow-soft);
    border: 1px solid rgba(0, 0, 0, 0.04);
    margin-bottom: 30px;
}

.ad-widget-header h3 {
    font-size: 24px;
    font-weight: 900;
    color: var(--ad-dark);
    margin: 0 0 10px 0;
}

.ad-widget-header p {
    font-size: 14px;
    color: var(--ad-text-muted);
    margin-bottom: 25px;
    line-height: 1.5;
}

/* Form Field overrides */
.ad-widget-body fieldset.bbp-form {
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.ad-widget-body input[type="text"] {
    width: 100% !important;
    padding: 15px !important;
    border-radius: 5px !important;
    /* border: 1.5px solid #ff5723 !important; */
    border: 1.5px solid #00000047 !important;
    background-color: #ff562322;
    margin-bottom: 10px !important;
    margin-top: 5px !important;
    font-size: 15px !important;
}

/* .ad-widget-body input[type="text"] {
    width: 100% !important;
    padding: 15px !important;
    border-radius: 5px !important;
    border: 2px solid #ff5723 !important;
    margin-bottom: 20px !important;
    font-size: 15px !important;
} */

.ad-widget-body .submit {
    width: 100% !important;
    background: var(--ad-gradient-sidebar) !important;
    color: #fff !important;
    padding: 16px !important;
    border-radius: 10px !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    border: none !important;
    box-shadow: var(--ad-shadow-hover) !important;
    transition: 0.3s !important;
}

.ad-widget-body .submit:hover {
    transform: translateY(-3px);
}

/* Trading Rules Block */
.ad-rules-widget {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
}

.ad-rules-header {
    display: flex;
    align-items: center;
    gap: 10px;
    background: #1e293b;
    color: #fff;
    padding: 8px 16px;
    border-radius: 50px;
    display: inline-flex;
    margin-bottom: 20px;
}

.ad-rules-header h4 {
    margin: 0;
    font-size: 14px;
    font-weight: 700;
}

.ad-rules-list {
    padding-left: 20px;
    margin: 0;
    color: var(--ad-text-muted);
    font-size: 14px;
    line-height: 1.8;
}

.ad-rules-list li {
    margin-bottom: 8px;
}

/* --- 5. RESPONSIVE MAGIC --- */
@media (max-width: 1100px) {
    .ad-main-grid {
        grid-template-columns: 1fr;
    }

    .ad-sticky-sidebar {
        position: relative;
        top: 0;
    }

    #bbpress-forums li.bbp-body ul.topic {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 15px;
    }

    #bbpress-forums li.bbp-topic-title {
        width: 100% !important;
    }

    #bbpress-forums li.bbp-topic-freshness {
        text-align: left !important;
    }
}

@media (max-width: 768px) {
    .ad-console-flex {
        flex-direction: column;
        align-items: flex-start;
    }

    .ad-console-right {
        width: 100%;
        flex-wrap: wrap;
    }

    .ad-subscribe-btn-wrap {
        width: 100%;
    }

    .ad-subscribe-btn-wrap .subscription-toggle {
        width: 100%;
        text-align: center;
    }
}

/* ================================================== */
/* ALGODELTA: FIXES FOR DUPLICATE TITLE, LINKS & SPACE*/
/* ================================================== */

/* 1. Hide Astra & bbPress Default Duplicate Titles */
.bbpress .ast-archive-description,
.bbpress .entry-header,
.bbp-forum-header {
    display: none !important;
}

/* .bbpress .ast-container {
    padding-top: 10px !important;
} */

.ad-mockup-wrapper {
    margin-top: 10px !important;
}

/* 3. Fix Tiny Icon Issue (Remove any weird inherited background) */
.ad-title-icon {
    background: transparent !important;
    margin-left: 10px;
    border: none !important;
    box-shadow: none !important;
}

/* 4. Fix Ugly Blue Links (Timestamps & Authors) */
#bbpress-forums li.bbp-topic-freshness a,
#bbpress-forums p.bbp-topic-meta a {
    color: var(--ad-text-muted) !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    transition: 0.2s ease !important;
}

#bbpress-forums li.bbp-topic-freshness a:hover,
#bbpress-forums p.bbp-topic-meta a:hover {
    color: var(--ad-magenta) !important;
}

#bbpress-forums .bbp-author-name {
    color: var(--ad-text-muted) !important;
}




/* ================================================== */
/* ALGODELTA: FINAL REFINEMENTS (SPACE, HOVER, AVATAR)*/
/* ================================================== */

.ast-container {
    padding-top: 0 !important;
}

.ad-mockup-wrapper {
    margin-top: 0 !important;
}

/* 2. TOPIC CARDS - NORMAL STATE (Proper Box Look) */
#bbpress-forums li.bbp-body ul.topic {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    /* Ek clean grey border jisse box lage */
    border-radius: 12px !important;
    padding: 20px 25px !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.02) !important;
    transition: all 0.2s ease-in-out !important;
}

#bbpress-forums li.bbp-body ul.topic::before {
    display: none !important;
}

#bbpress-forums li.bbp-body ul.topic:hover {
    background: rgba(255, 87, 35, 0.03) !important;
    border-color: var(--ad-orange) !important;
    box-shadow: 0 5px 15px rgba(255, 87, 35, 0.08) !important;
    transform: translateY(-2px) !important;
}

#bbpress-forums .bbp-author-avatar img,
.ad-author-avatar img {
    border-radius: 50% !important;
    width: 35px !important;
    height: 35px !important;
    object-fit: cover !important;
    border: 2px solid #ffffff !important;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1) !important;
}


/* ================================================== */
/* ALGODELTA: ULTIMATE RESPONSIVE MAGIC (ALL SCREENS) */
/* ================================================== */

/* --- TABLET VIEW (Max 1100px) --- */
@media (max-width: 1100px) {

    .ad-main-grid {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .ad-sticky-sidebar {
        position: relative;
        top: 0;
    }
}

/* --- MOBILE VIEW (Max 768px) --- */
@media (max-width: 768px) {

    .ad-dark-console {
        padding: 25px 20px !important;
        border-radius: 12px;
    }

    .ad-console-flex {
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
    }

    .ad-gradient-title {
        font-size: 28px !important;
    }

    .ad-title-icon {
        width: 35px !important;
        height: 35px !important;
    }

    .ad-console-right {
        width: 100%;
        flex-wrap: wrap;
        gap: 10px;
    }

    .ad-stat-box {
        flex: 1;
        justify-content: center;
        padding: 10px;
    }

    .ad-subscribe-btn-wrap {
        width: 100%;
        margin-top: 10px;
    }

    .ad-subscribe-btn-wrap .subscription-toggle {
        width: 100%;
        text-align: center;
        display: block;
    }

    #bbpress-forums li.bbp-body ul.topic {
        display: flex !important;
        flex-wrap: wrap !important;
        flex-direction: row !important;
        padding: 15px !important;
    }

    #bbpress-forums li.bbp-topic-title {
        width: 100% !important;
        margin-bottom: 15px !important;
    }

    #bbpress-forums a.bbp-topic-permalink {
        font-size: 16px !important;
    }

    #bbpress-forums li.bbp-topic-voice-count,
    #bbpress-forums li.bbp-topic-reply-count {
        width: auto !important;
        flex: 1 !important;
        margin-right: 10px !important;
        font-size: 16px !important;
        padding: 8px !important;
    }

    #bbpress-forums li.bbp-topic-freshness {
        width: 100% !important;
        margin-top: 15px !important;
        text-align: left !important;
        border-top: 1px dashed #e2e8f0;
        padding-top: 12px !important;
    }

    .ad-feed-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
    }

    .ad-sidebar-card {
        padding: 20px;
    }
}

/* --- SMALL MOBILE FIXES (Max 480px) --- */
@media (max-width: 480px) {
    .ad-gradient-title {
        font-size: 24px !important;
    }

    .ad-stat-box {
        width: 100%;
        flex: none;
    }
}


/* ================================================== */
/* ALGODELTA: FOCUS MODE & VS CODE STYLING            */
/* ================================================== */

.ad-focus-btn {
    background: #f1f5f9;
    color: var(--ad-dark);
    border: 1px solid #cbd5e1;
    padding: 8px 15px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 6px;
    transition: 0.3s ease;
}

.ad-focus-btn:hover,
.ad-focus-btn.active {
    background: var(--ad-gradient-accent);
    color: #fff;
    border-color: transparent;
    box-shadow: 0 4px 10px rgba(255, 87, 35, 0.3);
}

.ad-main-grid {
    transition: all 0.4s ease-in-out;
}

.ad-zen-mode-active {
    display: block !important;
}

/* Left feed ko hide kar do */
.ad-zen-mode-active .ad-feed-area {
    display: none !important;
}

.ad-zen-mode-active .ad-sidebar-area {
    width: 100% !important;
    max-width: 1000px !important;
    margin: 0 auto !important;
}

.ad-zen-mode-active .ad-rules-widget {
    display: none !important;
}

.ad-zen-mode-active .wp-editor-area {
    height: 400px !important;
}

.bbp-reply-content pre,
.bbp-topic-content pre {
    background: #1e1e1e !important;
    color: #d4d4d4 !important;
    padding: 20px !important;
    border-radius: 8px !important;
    border-left: 4px solid var(--ad-orange) !important;
    font-family: 'Consolas', 'Courier New', monospace !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    overflow-x: auto !important;
    margin: 15px 0 !important;
    box-shadow: inset 0 2px 10px rgba(0, 0, 0, 0.3) !important;
}

.bbp-reply-content code,
.bbp-topic-content code {
    font-family: 'Consolas', 'Courier New', monospace !important;
    background: rgba(201, 0, 121, 0.1) !important;
    color: var(--ad-magenta) !important;
    padding: 2px 6px !important;
    border-radius: 4px !important;
    font-size: 13px !important;
}


/* content-single-topic.php */

/* ================================================== */
/* ALGODELTA: ULTIMATE CLEAN SINGLE TOPIC UI          */
/* ================================================== */

.ad-single-topic-wrapper {
    max-width: 1200px;
    margin: 40px auto 80px auto;
    padding: 0 20px;
}

.ad-clean-topic-hero {
    border-bottom: 1px solid #e2e8f0;
    padding-bottom: 25px;
    margin-bottom: 35px;
}

.ad-breadcrumbs-wrap {
    margin-bottom: 15px;
    font-size: 14px;
    color: #64748b;
}

.ad-topic-main-title {
    font-size: 32px !important;
    color: #0f172a !important;
    font-weight: 800 !important;
    margin: 0 0 15px 0 !important;
    line-height: 1.3 !important;
}

.ad-topic-tags-clean {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.ad-topic-tags-clean a {
    background: #f1f5f9 !important;
    color: #ff5723 !important;
    padding: 6px 14px !important;
    border-radius: 50px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    border: 1px solid #e2e8f0 !important;
}

.ad-topic-tags-clean a:hover {
    background: #ff5723 !important;
    color: #fff !important;
}

/* 2. Grid Layout */
.ad-topic-grid {
    display: grid;
    grid-template-columns: 1fr 320px;
    gap: 40px;
    align-items: start;
}

#bbpress-forums ul.bbp-replies {
    border: none !important;
}

#bbpress-forums li.bbp-header,
#bbpress-forums li.bbp-footer {
    display: none !important;
}

#bbpress-forums li.bbp-body div.hentry {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    padding: 25px !important;
    margin-bottom: 20px !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.02) !important;
}

#bbpress-forums li.bbp-body div.topic {
    border-left: 4px solid #ff5723 !important;
    background: #fafaf9 !important;
}

#bbpress-forums div.bbp-reply-author {
    float: none !important;
    width: 100% !important;
    text-align: left !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    margin-bottom: 15px !important;
}

#bbpress-forums div.bbp-reply-author img.avatar {
    border-radius: 50% !important;
    width: 42px !important;
    height: 42px !important;
}

#bbpress-forums div.bbp-reply-author a.bbp-author-name {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    margin: 0 !important;
}

#bbpress-forums div.bbp-reply-author .bbp-author-role {
    font-size: 10px !important;
    background: #e2e8f0 !important;
    padding: 3px 8px !important;
    border-radius: 6px !important;
    color: #475569 !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    margin-left: auto !important;
    /* Pushes badge to right */
}

#bbpress-forums div.bbp-reply-author .bbp-author-ip {
    display: none !important;
}

#bbpress-forums div.bbp-reply-content {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 15px !important;
    color: #334155 !important;
    line-height: 1.7 !important;
}

.bbp-meta {
    border-top: 1px solid #f1f5f9 !important;
    padding-top: 15px !important;
    margin-top: 20px !important;
    font-size: 13px !important;
    color: #94a3b8 !important;
    text-align: right !important;
}

.bbp-meta a {
    color: #64748b !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    margin-left: 10px !important;
}

.ad-sidebar-card {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 25px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.02);
}

.ad-sidebar-title {
    font-size: 18px !important;
    color: #0f172a !important;
    margin-bottom: 20px !important;
    padding-bottom: 12px !important;
    border-bottom: 1px solid #e2e8f0 !important;
}

.ad-t-stats {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 0 25px 0 !important;
}

.ad-t-stats li {
    display: flex !important;
    justify-content: space-between !important;
    padding: 12px 0 !important;
    border-bottom: 1px dashed #e2e8f0 !important;
    font-size: 14px !important;
    color: #64748b !important;
}

.ad-t-stats li strong {
    color: #0f172a !important;
}

.ad-sidebar-buttons-stack {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
}

.ad-btn-primary {
    display: block !important;
    text-align: center !important;
    background: #ff5723 !important;
    color: #fff !important;
    padding: 12px !important;
    border-radius: 8px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    transition: 0.2s !important;
}

.ad-btn-primary:hover {
    background: #e04416 !important;
}

.ad-btn-secondary-wrapper span {
    display: none !important;
}

.ad-btn-secondary-wrapper a {
    display: block !important;
    text-align: center !important;
    background: #f8fafc !important;
    color: #334155 !important;
    padding: 12px !important;
    border-radius: 8px !important;
    border: 1px solid #cbd5e1 !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: 0.2s !important;
}

.ad-btn-secondary-wrapper a:hover {
    background: #e2e8f0 !important;
    color: #0f172a !important;
}

/* 5. Reply Form Box */
.ad-reply-box-ui {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    padding: 30px !important;
    border-radius: 12px !important;
    margin-top: 40px !important;
}

.ad-reply-box-ui h3 {
    font-size: 20px !important;
    margin-bottom: 20px !important;
}

.ad-reply-box-ui .submit {
    background: #0f172a !important;
    color: #fff !important;
    padding: 12px 25px !important;
    border-radius: 8px !important;
    border: none !important;
    font-weight: 700 !important;
    margin-top: 15px !important;
    cursor: pointer !important;
}

@media (max-width: 900px) {
    .ad-topic-grid {
        grid-template-columns: 1fr !important;
    }

    .ad-sticky-sidebar {
        margin-top: 30px !important;
    }
}

/* ================================================== */
/* 1. PREMIUM HEADER ALIGNMENT (PERFECT LEFT UX)      */
/* ================================================== */

.ad-premium-topic-hero,
.ad-clean-topic-hero {
    text-align: left !important;
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    padding: 30px 35px !important;
    margin-bottom: 35px !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03) !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
}

.ad-breadcrumbs-wrap {
    width: 100% !important;
    text-align: left !important;
    margin-bottom: 8px !important;
    font-size: 13px !important;
    color: #64748b !important;
    font-weight: 500 !important;
}

.ad-breadcrumbs-wrap a {
    color: var(--ad-orange) !important;
    text-decoration: none !important;
    font-weight: 600 !important;
}

.ad-breadcrumbs-wrap a:hover {
    text-decoration: underline !important;
}

.ad-topic-main-title {
    width: 100% !important;
    text-align: left !important;
    /* Center se Left kiya */
    font-size: 28px !important;
    color: #0f172a !important;
    font-weight: 800 !important;
    margin: 0 !important;
    line-height: 1.3 !important;
    letter-spacing: -0.5px !important;
}

/* ----------------------------------------------------------------- */
/* 1. TABLET & IPAD (Screens between 768px and 1024px)               */
/* ----------------------------------------------------------------- */
@media screen and (max-width: 1024px) {

    .ad-single-topic-wrapper {
        padding: 0 15px !important;
        margin-top: 25px !important;
    }

    .ad-premium-topic-hero,
    .ad-clean-topic-hero {
        padding: 25px !important;
        margin-bottom: 25px !important;
    }

    .ad-topic-grid {
        gap: 25px !important;
        grid-template-columns: 1fr 280px !important;
    }
}

/* ----------------------------------------------------------------- */
/* 2. LARGE MOBILE & SMALL TABLET (Screens below 900px)              */
/* ----------------------------------------------------------------- */
@media screen and (max-width: 900px) {
    .ad-topic-grid {
        grid-template-columns: 1fr !important;
        display: flex !important;
        flex-direction: column !important;
    }

    .ad-topic-sidebar {
        width: 100% !important;
        order: -1 !important;
        margin-bottom: 30px !important;
    }

    .ad-sticky-sidebar {
        position: relative !important;
        top: 0 !important;
        margin-top: 0 !important;
    }

    .ad-topic-main-title {
        font-size: 24px !important;
    }
}

/* ----------------------------------------------------------------- */
/* 3. STANDARD MOBILE PHONES (Screens below 600px)                   */
/* ----------------------------------------------------------------- */
@media screen and (max-width: 600px) {

    .ad-premium-topic-hero,
    .ad-clean-topic-hero {
        padding: 20px 15px !important;
        border-radius: 8px !important;
    }

    #bbpress-forums li.bbp-body div.hentry {
        padding: 15px !important;
        border-radius: 8px !important;
    }

    #bbpress-forums div.bbp-reply-author {
        flex-wrap: wrap !important;
        gap: 10px !important;
    }

    #bbpress-forums div.bbp-reply-author img.avatar {
        width: 35px !important;
        height: 35px !important;
    }

    #bbpress-forums div.bbp-reply-author a.bbp-author-name {
        font-size: 14px !important;
    }

    #bbpress-forums div.bbp-reply-author .bbp-author-role {
        margin-left: 0 !important;
        margin-top: 5px !important;
    }

    #bbpress-forums div.bbp-reply-content {
        font-size: 14px !important;
        line-height: 1.6 !important;
    }

    .ad-reply-box-ui {
        padding: 20px 15px !important;
    }

    .ad-breadcrumbs-wrap {
        font-size: 12px !important;
    }
}

/* ----------------------------------------------------------------- */
/* 4. VERY SMALL PHONES (Screens below 380px)                        */
/* ----------------------------------------------------------------- */
@media screen and (max-width: 380px) {
    .ad-topic-main-title {
        font-size: 20px !important;
    }

    .ad-t-stats li {
        font-size: 13px !important;
    }
}


/* ================================================== */
/* ALGODELTA: EDIT & DELETE BUTTONS STYLING           */
/* ================================================== */

.bbp-meta {
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    gap: 12px !important;
    border-top: 1px dashed #e2e8f0 !important;
    padding-top: 15px !important;
    margin-top: 25px !important;
}

.bbp-meta a {
    font-size: 13px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    padding: 6px 14px !important;
    border-radius: 6px !important;
    transition: 0.2s ease !important;
}

.bbp-meta a.bbp-reply-edit-link,
.bbp-meta a.bbp-topic-edit-link {
    color: #3b82f6 !important;
    background: rgba(59, 130, 246, 0.1) !important;
}

.bbp-meta a.bbp-reply-edit-link:hover,
.bbp-meta a.bbp-topic-edit-link:hover {
    background: #3b82f6 !important;
    color: #fff !important;
}

.bbp-meta a.bbp-reply-trash-link,
.bbp-meta a.bbp-topic-trash-link {
    color: #ef4444 !important;
    background: rgba(239, 68, 68, 0.1) !important;
}

.bbp-meta a.bbp-reply-trash-link:hover,
.bbp-meta a.bbp-topic-trash-link:hover {
    background: #ef4444 !important;
    color: #fff !important;
}


.ad-hero-inner-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.ad-breadcrumbs-wrap {
    width: 100%;
    margin-bottom: 10px;
}

.ad-topic-main-title {
    display: block;
    width: 100%;
    margin: 0;
    line-height: 1.4;
    word-break: break-word;
}

/* ================================================== */
/* ALGODELTA: 1-CLICK COPY CODE BUTTON UI             */
/* ================================================== */

pre {
    position: relative !important;
    padding-top: 40px !important;
}

.ad-copy-code-btn {
    position: absolute !important;
    top: 8px !important;
    right: 8px !important;
    background: rgba(255, 255, 255, 0.1) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    color: #e2e8f0 !important;
    padding: 6px 12px !important;
    border-radius: 6px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    z-index: 10 !important;
    font-family: sans-serif !important;
}

.ad-copy-code-btn:hover {
    background: rgba(255, 255, 255, 0.2) !important;
    color: #fff !important;
}

.ad-copy-code-btn.copied {
    background: #10b981 !important;
    color: #fff !important;
    border-color: #10b981 !important;
}

/* ================================================== */
/* ALGODELTA: MARK AS SOLVED UI STYLING               */
/* ================================================== */

.ad-reply-wrapper {
    padding: 5px;
    border-radius: 12px;
    transition: 0.3s ease;
}

.ad-reply-wrapper.is-solved {
    background: rgba(16, 185, 129, 0.04) !important;
    border: 1px solid rgba(16, 185, 129, 0.3) !important;
    padding: 15px !important;
    margin-top: 10px !important;
}

.ad-solved-badge {
    display: inline-block !important;
    background: #10b981 !important;
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    padding: 4px 12px !important;
    border-radius: 20px !important;
    margin-bottom: 15px !important;
    box-shadow: 0 4px 10px rgba(16, 185, 129, 0.2) !important;
}

.ad-solved-action-bar {
    margin-top: 20px !important;
    padding-top: 15px !important;
    border-top: 1px dashed #e2e8f0 !important;
}

.ad-solve-btn {
    background: transparent !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    padding: 6px 14px !important;
    border-radius: 6px !important;
    cursor: pointer !important;
    transition: 0.2s ease !important;
}

.ad-solve-btn.mark {
    border: 1px solid #10b981 !important;
    color: #10b981 !important;
}

.ad-solve-btn.mark:hover {
    background: #10b981 !important;
    color: #fff !important;
}

.ad-solve-btn.unmark {
    border: 1px solid #ef4444 !important;
    color: #ef4444 !important;
}

.ad-solve-btn.unmark:hover {
    background: #ef4444 !important;
    color: #fff !important;
}


/* ================================================== */
/* ALGODELTA: ULTIMATE PROFILE MASTER CSS (ASTRA PROOF)*/
/* ================================================== */

.ad-master-container {
    max-width: 1100px !important;
    margin: 40px auto 80px !important;
    padding: 0 20px !important;
}

#bbp-user-wrapper.ad-2-column-layout,
.ad-profile-stable-grid {
    display: grid !important;
    grid-template-columns: 280px 1fr !important;
    gap: 35px !important;
    align-items: start !important;
}

.ad-stable-sidebar,
.ad-profile-sidebar {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    padding: 40px 25px 30px !important;
    text-align: center !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.02) !important;
}

.ad-stable-content,
.ad-profile-content {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    padding: 40px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.02) !important;
    min-height: 500px !important;
}

.ad-sidebar-avatar-wrap img {
    border-radius: 50% !important;
    border: 3px solid #f8fafc !important;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08) !important;
    margin-bottom: 15px !important;
    width: 100px !important;
    height: 100px !important;
}

.ad-sidebar-name {
    font-size: 22px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    margin: 0 0 5px !important;
}

.ad-sidebar-nicename {
    color: #64748b !important;
    font-size: 14px !important;
    margin: 0 0 25px !important;
}

ul.ad-vertical-menu {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

ul.ad-vertical-menu li {
    margin-bottom: 8px !important;
    padding: 0 !important;
}

ul.ad-vertical-menu li::before {
    display: none !important;
}

ul.ad-vertical-menu li a {
    display: block !important;
    padding: 12px 20px !important;
    color: #475569 !important;
    font-weight: 600 !important;
    border-radius: 8px !important;
    text-decoration: none !important;
    text-align: left !important;
    transition: 0.2s !important;
}

ul.ad-vertical-menu li a:hover {
    background: #f1f5f9 !important;
    color: #ff5723 !important;
}

ul.ad-vertical-menu li.current a {
    background: linear-gradient(135deg, #ff5723 0%, #c90079 100%) !important;
    color: #fff !important;
}

.ad-stable-content ul,
.ad-profile-content ul,
#bbpress-forums ul.bbp-topics,
#bbpress-forums ul.bbp-replies {
    list-style: none !important;
    list-style-type: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.ad-stable-content li,
.ad-profile-content li {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.ad-stable-content ul li::before,
.ad-profile-content ul li::before,
#bbpress-forums ul li::before {
    display: none !important;
    content: none !important;
}

#bbpress-forums ul.bbp-topics,
#bbpress-forums ul.bbp-replies {
    border: 1px solid #e2e8f0 !important;
    border-radius: 8px !important;
    overflow: hidden !important;
}

li.bbp-header,
li.bbp-body {
    clear: both !important;
}

li.bbp-header ul,
li.bbp-body ul.topic,
li.bbp-body ul.reply {
    display: flex !important;
    width: 100% !important;
    align-items: center !important;
    padding: 15px 20px !important;
}

li.bbp-header {
    background: #f8fafc !important;
    border-bottom: 1px solid #e2e8f0 !important;
}

li.bbp-header ul li {
    font-size: 12px !important;
    font-weight: 700 !important;
    color: #64748b !important;
    text-transform: uppercase !important;
}

li.bbp-body ul.topic,
li.bbp-body ul.reply {
    border-bottom: 1px solid #f1f5f9 !important;
}

li.bbp-body ul:last-child {
    border-bottom: none !important;
}

li.bbp-body ul:hover {
    background: #fafbfc !important;
}

.bbp-topic-title,
.bbp-reply-title {
    width: 55% !important;
    padding-right: 20px !important;
    text-align: left !important;
}

.bbp-topic-voice-count,
.bbp-topic-reply-count {
    width: 15% !important;
    text-align: center !important;
    color: #64748b !important;
}

.bbp-topic-freshness {
    width: 30% !important;
    text-align: right !important;
    font-size: 13px !important;
}

.bbp-topic-title a.bbp-topic-permalink {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    text-decoration: none !important;
}

.bbp-topic-title a.bbp-topic-permalink:hover {
    color: #ff5723 !important;
}

.bbp-topic-meta {
    font-size: 12px !important;
    color: #94a3b8 !important;
    margin-top: 5px !important;
}

.bbp-topic-freshness a {
    color: #64748b !important;
    text-decoration: none !important;
}

.bbp-topic-freshness img.avatar {
    width: 20px !important;
    height: 20px !important;
    border-radius: 50% !important;
    vertical-align: middle !important;
    margin-left: 5px !important;
}

.ad-form-card-wrapper {
    display: flex !important;
    flex-direction: column !important;
    gap: 20px !important;
    margin-top: 20px !important;
}

.ad-form-card {
    border: 1px solid #e2e8f0 !important;
    border-radius: 8px !important;
    padding: 25px !important;
    background: #fafbfc !important;
    text-align: left !important;
}

.ad-card-title {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    margin-bottom: 20px !important;
    border-bottom: 1px solid #e2e8f0 !important;
    padding-bottom: 10px !important;
}

.ad-form-row {
    margin-bottom: 15px !important;
}

.ad-form-row label {
    display: block !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    color: #475569 !important;
    margin-bottom: 5px !important;
}

.ad-form-row input,
.ad-form-row textarea {
    width: 100% !important;
    padding: 10px 15px !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 6px !important;
    font-size: 14px !important;
}

.ad-form-row input:focus {
    border-color: #ff5723 !important;
    outline: none !important;
}

/* --- 6. MOBILE FIX --- */
@media (max-width: 768px) {

    #bbp-user-wrapper.ad-2-column-layout,
    .ad-profile-stable-grid {
        grid-template-columns: 1fr !important;
    }

    .bbp-topic-voice-count {
        display: none !important;
    }

    .bbp-topic-title {
        width: 70% !important;
    }

    .bbp-topic-freshness {
        width: 30% !important;
    }
}


/* ================================================== */
/* ALGODELTA: SEARCH BAR & 100% RESPONSIVENESS FIX    */
/* ================================================== */

#bbpress-forums div.bbp-search-form {
    margin-bottom: 30px !important;
    display: flex !important;
    gap: 15px !important;
    width: 100% !important;
    clear: both !important;
}

#bbpress-forums div.bbp-search-form input[type="text"] {
    flex: 1 !important;
    border: 2px solid #e2e8f0 !important;
    background: #f8fafc !important;
    padding: 14px 20px !important;
    border-radius: 10px !important;
    font-size: 15px !important;
    color: #0f172a !important;
    transition: all 0.3s ease !important;
}

#bbpress-forums div.bbp-search-form input[type="text"]:focus {
    border-color: #ff5723 !important;
    background: #ffffff !important;
    box-shadow: 0 0 0 4px rgba(255, 87, 35, 0.1) !important;
    outline: none !important;
}

#bbpress-forums div.bbp-search-form input[type="submit"] {
    background: linear-gradient(135deg, #ff5723 0%, #c90079 100%) !important;
    color: #ffffff !important;
    border: none !important;
    padding: 14px 30px !important;
    border-radius: 10px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
}

#bbpress-forums div.bbp-search-form input[type="submit"]:hover {
    box-shadow: 0 5px 15px rgba(255, 87, 35, 0.3) !important;
    transform: translateY(-2px) !important;
}

@media (max-width: 992px) {

    #bbp-user-wrapper.ad-2-column-layout,
    .ad-profile-stable-grid {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }

    .ad-stable-sidebar,
    .ad-profile-sidebar {
        position: relative !important;
        top: 0 !important;
        padding: 30px 20px !important;
    }

    ul.ad-vertical-menu {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 10px !important;
        justify-content: center !important;
    }

    ul.ad-vertical-menu li {
        flex: 1 1 auto !important;
        margin: 0 !important;
    }

    ul.ad-vertical-menu li a {
        text-align: center !important;
        padding: 12px !important;
        font-size: 14px !important;
        white-space: nowrap !important;
    }
}

@media (max-width: 768px) {
    .ad-master-container {
        margin: 20px auto 40px !important;
        padding: 0 15px !important;
    }

    .ad-stable-content,
    .ad-profile-content {
        padding: 25px 15px !important;
    }

    #bbpress-forums div.bbp-search-form {
        flex-direction: column !important;
        gap: 10px !important;
    }

    #bbpress-forums div.bbp-search-form input[type="submit"] {
        width: 100% !important;
    }

    li.bbp-header ul,
    li.bbp-body ul.topic,
    li.bbp-body ul.reply {
        padding: 12px 10px !important;
    }

    .bbp-topic-voice-count {
        display: none !important;
    }

    .bbp-topic-title,
    .bbp-reply-title {
        width: 65% !important;
        padding-right: 10px !important;
    }

    .bbp-topic-freshness {
        width: 35% !important;
        font-size: 11px !important;
    }

    .bbp-topic-title a.bbp-topic-permalink {
        font-size: 14px !important;
    }
}



/* ================================================== */
/* ALGODELTA: SEARCH FIX & MOBILE CARD UI             */
/* ================================================== */

#bbpress-forums div.bbp-search-form {
    background: #f8fafc !important;
    padding: 15px !important;
    border-radius: 12px !important;
    border: 1px solid #e2e8f0 !important;
    display: flex !important;
    gap: 10px !important;
    margin-bottom: 30px !important;
}

#bbpress-forums div.bbp-search-form input[type="text"] {
    background: #ffffff !important;
    border: 2px solid #cbd5e1 !important;
    color: #0f172a !important;
    padding: 12px 15px !important;
    border-radius: 8px !important;
    width: 100% !important;
    font-size: 15px !important;
}

#bbpress-forums div.bbp-search-form input[type="text"]:focus {
    border-color: #ff5723 !important;
    outline: none !important;
}

#bbpress-forums div.bbp-search-form input[type="submit"] {
    background: linear-gradient(135deg, #ff5723 0%, #c90079 100%) !important;
    color: #fff !important;
    border: none !important;
    border-radius: 8px !important;
    padding: 12px 25px !important;
    font-weight: 700 !important;
    cursor: pointer !important;
}

@media (max-width: 768px) {

    #bbpress-forums li.bbp-header {
        display: none !important;
    }

    #bbpress-forums li.bbp-body ul.topic,
    #bbpress-forums li.bbp-body ul.reply {
        display: block !important;
        background: #ffffff !important;
        border: 1px solid #e2e8f0 !important;
        border-radius: 12px !important;
        padding: 20px !important;
        margin-bottom: 15px !important;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03) !important;
    }

    .bbp-topic-title,
    .bbp-reply-title {
        width: 100% !important;
        display: block !important;
        margin-bottom: 15px !important;
        padding-right: 0 !important;
    }

    .bbp-topic-title a.bbp-topic-permalink {
        font-size: 17px !important;
        line-height: 1.4 !important;
        display: block !important;
    }

    .bbp-topic-voice-count,
    .bbp-topic-reply-count,
    .bbp-topic-freshness {
        display: inline-block !important;
        width: auto !important;
        font-size: 12px !important;
        color: #64748b !important;
        text-align: left !important;
        margin-right: 15px !important;
        padding-top: 15px !important;
        border-top: 1px dashed #e2e8f0 !important;
    }

    .bbp-topic-freshness {
        float: right !important;
        margin-right: 0 !important;
    }
}

/* ================================================== */
/* ALGODELTA: FINAL MOBILE UI & CLEANUP               */
/* ================================================== */

#bbpress-forums div.bbp-search-form {
    display: none !important;
    visibility: hidden !important;
}

@media (max-width: 992px) {

    #bbp-user-wrapper.ad-2-column-layout,
    .ad-profile-stable-grid {
        display: flex !important;
        flex-direction: column !important;
        gap: 20px !important;
    }

    .ad-stable-sidebar,
    .ad-profile-sidebar {
        width: 100% !important;
        position: static !important;
        padding: 30px 20px !important;
    }

    .ad-stable-content,
    .ad-profile-content {
        width: 100% !important;
        padding: 30px 20px !important;
    }

    ul.ad-vertical-menu {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 10px !important;
        justify-content: center !important;
    }

    ul.ad-vertical-menu li {
        flex: 1 1 auto !important;
        margin: 0 !important;
    }

    ul.ad-vertical-menu li a {
        text-align: center !important;
    }
}

/* --- 3. MOBILE "APP-CARD" UI (Max 768px) --- */
@media (max-width: 768px) {

    /* Hide Table Headers completely on Mobile */
    #bbpress-forums li.bbp-header {
        display: none !important;
    }

    /* Convert Table Rows into Clean App Cards */
    #bbpress-forums li.bbp-body ul.topic,
    #bbpress-forums li.bbp-body ul.reply {
        display: block !important;
        background: #ffffff !important;
        border: 1px solid #e2e8f0 !important;
        border-radius: 12px !important;
        padding: 20px !important;
        margin-bottom: 15px !important;
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.02) !important;
    }

    /* Fix Title Width & Spacing */
    .bbp-topic-title,
    .bbp-reply-title {
        width: 100% !important;
        display: block !important;
        margin-bottom: 12px !important;
        padding: 0 !important;
    }

    .bbp-topic-title a.bbp-topic-permalink {
        font-size: 16px !important;
        line-height: 1.5 !important;
        display: block !important;
        color: #0f172a !important;
    }

    /* Hide un-important details on mobile */
    .bbp-topic-voice-count {
        display: none !important;
    }

    /* Push Last Post/Freshness to bottom like a tag */
    .bbp-topic-freshness {
        display: block !important;
        width: 100% !important;
        text-align: left !important;
        font-size: 13px !important;
        color: #64748b !important;
        padding-top: 12px !important;
        border-top: 1px dashed #e2e8f0 !important;
    }

    /* Fix Avatar overlapping on mobile freshness */
    .bbp-topic-freshness img.avatar {
        display: none !important;
    }

    /* Edit Profile Form spacing on mobile */
    .ad-form-card {
        padding: 15px !important;
    }
}


/* ================================================== */
/* ALGODELTA: ISOLATED SINGLE TOPIC UI FIX            */
/* ================================================== */

/* --- 1. DP & NAME IN PERFECT SAME ROW --- */
#bbpress-forums ul.forums,
#bbpress-forums ul.topics,
#bbpress-forums ul.replies {
    border: none !important;
}

#bbpress-forums div.bbp-reply-author,
#bbpress-forums div.bbp-topic-author {
    display: flex !important;
    align-items: center !important;
    gap: 15px !important;
    float: none !important;
    text-align: left !important;
    width: 100% !important;
    margin-bottom: 15px !important;
}

/* Hide bbPress default breaks that ruin flexbox */
#bbpress-forums div.bbp-reply-author br,
#bbpress-forums div.bbp-topic-author br {
    display: none !important;
}

/* Clean Avatar */
#bbpress-forums div.bbp-reply-author img.avatar,
#bbpress-forums div.bbp-topic-author img.avatar {
    width: 45px !important;
    height: 45px !important;
    border-radius: 50% !important;
    margin: 0 !important;
    position: static !important;
}

/* Clean Name */
#bbpress-forums div.bbp-reply-author a.bbp-author-name,
#bbpress-forums div.bbp-topic-author a.bbp-author-name {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    margin: 0 !important;
}

/* Hide Date/Time Hash/Participant Tag for Cleaner UI */
#bbpress-forums .bbp-author-role,
#bbpress-forums span.bbp-reply-post-date,
#bbpress-forums a.bbp-reply-permalink {
    display: none !important;
}

/* --- 2. MOBILE: HORIZONTAL SWIPEABLE BUTTONS --- */
#bbpress-forums span.bbp-admin-links {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
    margin-top: 15px !important;
    padding-top: 15px !important;
    border-top: 1px solid #f1f5f9 !important;

    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
}

#bbpress-forums span.bbp-admin-links::-webkit-scrollbar {
    display: none !important;
}

#bbpress-forums span.bbp-admin-links a {
    flex: 0 0 auto !important;
    background: #f8fafc !important;
    color: #475569 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    padding: 8px 16px !important;
    border-radius: 5px !important;
    border: 1px solid #334155 !important;
    text-transform: capitalize !important;
}

#bbpress-forums span.bbp-admin-links a:hover {
    background: #ff5723 !important;
    color: #fff !important;
    border-color: #ff5723 !important;
}

/* Trash/Spam Red Button */
#bbpress-forums span.bbp-admin-links a.bbp-reply-trash-link {
    color: #ef4444 !important;
}

/* ================================================== */
/* ALGODELTA: UNIFIED AUTO-CROPPED AVATAR CSS         */
/* ================================================== */

#bbpress-forums img.avatar,
#bbp-user-wrapper img.avatar,
.ad-avatar-preview-box img {

    object-fit: cover !important;

    object-position: center !important;

    border-radius: 50% !important;

    height: auto !important;
    aspect-ratio: 1 / 1 !important;
    display: block !important;
    max-width: 100% !important;
    border: none !important;
    /* Clean design */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05) !important;
}

.ad-avatar-preview-box,
.ad-avatar-preview-wrapper {
    width: 80px !important;
    height: 80px !important;
}

.ad-sidebar-avatar-wrap {
    width: 120px !important;
    height: 120px !important;
    margin: 0 auto 20px auto !important;
}

#bbpress-forums div.bbp-reply-author img.avatar,
#bbpress-forums div.bbp-topic-author img.avatar {
    width: 45px !important;
    height: 45px !important;
    flex-shrink: 0 !important;
}


/* ================================================== */
/* ALGODELTA: LIVE SEARCH & SHARE MODALS UI           */
/* ================================================== */

/* Main Overlay Setup */
.ad-overlay-modal {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 999999 !important;
    display: flex !important;
    align-items: flex-start !important;
    justify-content: center !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transition: all 0.3s ease !important;
}

.ad-overlay-modal.active {
    opacity: 1 !important;
    visibility: visible !important;
}

.ad-modal-backdrop {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: rgba(15, 23, 42, 0.6) !important;
    backdrop-filter: blur(5px) !important;
}

.ad-search-dialog {
    position: relative !important;
    background: #ffffff !important;
    width: 90% !important;
    max-width: 650px !important;
    margin-top: 100px !important;
    border-radius: 16px !important;
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.15) !important;
    overflow: hidden !important;
    transform: translateY(-20px) !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.ad-overlay-modal.active .ad-search-dialog {
    transform: translateY(0) !important;
}

.ad-search-input-wrap {
    display: flex !important;
    align-items: center !important;
    padding: 20px 25px !important;
    border-bottom: 1px solid #e2e8f0 !important;
}

.ad-search-input-wrap svg {
    width: 24px !important;
    height: 24px !important;
    margin-right: 15px !important;
    flex-shrink: 0 !important;
}

.ad-search-input-wrap input {
    width: 100% !important;
    border: none !important;
    outline: none !important;
    font-size: 20px !important;
    color: #0f172a !important;
    background: transparent !important;
}

.ad-esc-hint {
    background: #f1f5f9 !important;
    padding: 4px 8px !important;
    border-radius: 6px !important;
    font-size: 12px !important;
    color: #64748b !important;
    font-weight: 700 !important;
}

#adSearchResultsBox {
    max-height: 400px !important;
    overflow-y: auto !important;
    padding: 10px 0 !important;
}

.ad-search-item {
    display: flex !important;
    align-items: center !important;
    padding: 15px 25px !important;
    text-decoration: none !important;
    transition: background 0.2s !important;
    border-bottom: 1px solid #f8fafc !important;
}

.ad-search-item:hover {
    background: #f8fafc !important;
}

.ad-search-icon {
    font-size: 20px !important;
    margin-right: 15px !important;
    background: #f1f5f9 !important;
    width: 40px !important;
    height: 40px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 10px !important;
}

.ad-search-text h4 {
    margin: 0 0 5px 0 !important;
    font-size: 16px !important;
    color: #0f172a !important;
    font-weight: 600 !important;
}

.ad-search-meta {
    font-size: 12px !important;
    color: #64748b !important;
}

.ad-search-no-results {
    padding: 30px !important;
    text-align: center !important;
    color: #64748b !important;
    font-size: 16px !important;
}

/* --- SHARE DIALOG --- */
#adShareModal {
    align-items: center !important;
    /* Center on screen */
}

.ad-share-dialog {
    position: relative !important;
    background: #ffffff !important;
    width: 90% !important;
    max-width: 400px !important;
    padding: 30px !important;
    border-radius: 20px !important;
    text-align: center !important;
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.15) !important;
}

.ad-share-buttons {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
}

.ad-share-btn {
    display: block !important;
    width: 100% !important;
    padding: 14px !important;
    border-radius: 12px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    color: #fff !important;
    cursor: pointer !important;
    border: none !important;
    transition: transform 0.2s !important;
}

.ad-share-btn:hover {
    transform: translateY(-2px) !important;
}

.ad-share-btn.wa {
    background: #25D366 !important;
}

.ad-share-btn.tw {
    background: #000000 !important;
}

.ad-share-btn.fb {
    background: #1877F2 !important;
}

.ad-share-btn.copy {
    background: #f1f5f9 !important;
    color: #0f172a !important;
}

@media (max-width: 768px) {
    .ad-search-dialog {
        margin-top: 60px !important;
    }

    .ad-search-input-wrap input {
        font-size: 16px !important;
    }
}




/* new theme 25/03/26*/

































/* after remove */


/* ========================================================= */
/* ALGODELTA: GITHUB/LINEAR STYLE TIMELINE UI                */
/* ========================================================= */

/* Clean bbPress default garbage */
#bbpress-forums ul.bbp-replies {
    border: none !important;
    margin: 0 !important;
    padding: 20px 0 !important;
    background: transparent !important;
}

#bbpress-forums li.bbp-header,
#bbpress-forums li.bbp-footer {
    display: none !important;
}

div.bbp-reply-author {
    display: none !important;
}

/* 1. The Timeline Layout Structure */
.ad-timeline-item {
    display: flex;
    gap: 20px;
    position: relative;
    margin-bottom: 25px;
    width: 100%;
    box-sizing: border-box;
}

/* 2. The Gutter & Vertical Line */
.ad-timeline-gutter {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 45px;
    flex-shrink: 0;
}

.ad-timeline-avatar {
    position: relative;
    z-index: 2;
    background: #fff;
    padding-top: 5px;
}

.ad-timeline-avatar img {
    border-radius: 50%;
    width: 40px;
    height: 40px;
    object-fit: cover;
    box-shadow: 0 0 0 4px #fff;
}

.ad-timeline-line {
    width: 2px;
    background: #e2e8f0;
    flex-grow: 1;
    margin-top: 5px;
    border-radius: 2px;
}

.ad-timeline-item:last-child .ad-timeline-line {
    display: none;
}

/* 3. Content Block & Overflow Prevention */
.ad-timeline-content {
    flex-grow: 1;
    padding-top: 5px;
    padding-bottom: 10px;
    min-width: 0 !important;
    /* Extremely important for responsive */
    word-wrap: break-word;
    overflow-wrap: break-word;
}

/* Handle Long Code & Images */
.ad-reply-body pre,
.ad-reply-body code {
    max-width: 100%;
    overflow-x: auto;
    /* Adds scroll to long code */
    white-space: pre-wrap;
    word-break: break-word;
}

.ad-reply-body img {
    max-width: 100%;
    height: auto;
}

/* 4. Compact Inline Header */
.ad-reply-header {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 8px;
    flex-wrap: wrap;
}

.ad-author-info {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.ad-author-name {
    font-weight: 700;
    color: #0f172a !important;
    font-size: 15px;
    text-decoration: none;
}

.ad-author-name:hover {
    text-decoration: underline;
    color: var(--ad-orange, #ff5723) !important;
}

/* Role & Author Pills */
.ad-role-pill {
    font-size: 11px;
    background: #f1f5f9;
    color: #475569;
    padding: 2px 8px;
    border-radius: 12px;
    font-weight: 600;
    text-transform: uppercase;
}

.ad-op-pill {
    font-size: 11px;
    background: #eff6ff;
    color: #3b82f6;
    padding: 2px 8px;
    border-radius: 12px;
    font-weight: 600;
    border: 1px solid #bfdbfe;
}

.ad-time-meta,
.ad-time-link {
    font-size: 13px;
    color: #94a3b8;
    text-decoration: none;
}

.ad-time-link:hover {
    color: #64748b;
    text-decoration: underline;
}

/* 5. Main Content Area */
.ad-reply-body {
    font-size: 15px;
    line-height: 1.6;
    color: #334155;
}

.ad-reply-body p {
    margin-bottom: 15px;
}

.ad-main-question-text {
    font-size: 17px;
    line-height: 1.8;
    color: #0f172a;
}

/* 6. Action Buttons Footer */
.ad-reply-actions {
    display: flex;
    /* justify-content: space-between; */
    justify-content: flex-end;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px;
    margin-top: 0px;
    padding-top: 0px;
    border-top: 1px solid #f1f5f9;
    opacity: 0.6;
    transition: opacity 0.2s;
}

.ad-timeline-item:hover .ad-reply-actions {
    opacity: 1;
}

.ad-custom-actions,
.ad-default-actions {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.ad-default-actions .bbp-admin-links a {
    color: #94a3b8;
    text-decoration: none;
    padding: 4px 10px;
    background: #f8fafc;
    border-radius: 12px;
    font-size: 13px;
    transition: 0.2s;
}

.ad-default-actions .bbp-admin-links a:hover {
    background: #e2e8f0;
    color: #0f172a;
}

.ad-solve-btn {
    background: transparent;
    border: 1px solid #cbd5e1;
    color: #475569;
    padding: 5px 12px;
    border-radius: 20px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    transition: 0.2s;
    text-decoration: none;
}

.ad-solve-btn:hover {
    background: #f8fafc;
    border-color: #94a3b8;
    color: #0f172a;
}

/* Mention Badge */
.ad-replying-to-tag {
    font-size: 12px;
    color: #64748b;
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.ad-mention-pill {
    background: #fff0eb;
    color: #ea580c;
    padding: 2px 10px;
    border-radius: 12px;
    font-weight: 700;
    border: 1px solid #ffd8c4;
    font-size: 11px;
}

/* ========================================================= */
/* 📌 PINNED REPLIES DESIGN (CLEAN WHITE + ORANGE)           */
/* ========================================================= */
.ad-pinned-replies-wrapper {
    margin-bottom: 40px !important;
    border-bottom: 2px solid #f1f5f9;
    padding-bottom: 10px;
}

.ad-is-pinned-row {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-left: 4px solid #ff5723 !important;
    border-radius: 8px !important;
    padding: 20px !important;
    margin-bottom: 20px !important;
    box-shadow: 0 4px 15px rgba(255, 87, 35, 0.05) !important;
}

/* ========================================================= */
/* 📄 SINGLE TOPIC PAGE LAYOUT & WIDTH FIX                   */
/* ========================================================= */
.ad-single-topic-wrapper {
    max-width: 1200px;
    margin: 40px auto 80px auto;
    padding: 0 20px;
    width: 100%;
    box-sizing: border-box;
}

.bbp-single-topic #bbpress-forums {
    width: 100% !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
    overflow-x: hidden !important;
    box-sizing: border-box !important;
}

.ad-topic-grid {
    display: grid;
    grid-template-columns: 1fr 320px;
    gap: 40px;
    align-items: start;
}

.ad-clean-topic-hero {
    text-align: left !important;
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    padding: 30px 35px !important;
    margin-bottom: 35px !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03) !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
}

.ad-topic-main-title {
    font-size: 32px !important;
    color: #0f172a !important;
    font-weight: 800 !important;
    margin: 0 0 15px 0 !important;
    line-height: 1.3 !important;
}

/* Reply Form Box */
.ad-reply-box-ui {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    padding: 30px !important;
    border-radius: 12px !important;
    margin-top: 40px !important;
}

.ad-reply-box-ui .submit {
    background: #0f172a !important;
    color: #fff !important;
    padding: 12px 25px !important;
    border-radius: 8px !important;
    border: none !important;
    font-weight: 700 !important;
    cursor: pointer !important;
}

/* Hide duplicate buttons */
.ad-default-actions .bbp-reply-to-link {
    display: none !important;
}

/* ========================================================= */
/* 📱 ULTIMATE RESPONSIVE FIXES (TABLET & MOBILE)            */
/* ========================================================= */

/* TABLET (Screens smaller than 1024px) */
@media (max-width: 1024px) {
    .ad-topic-grid {
        grid-template-columns: 1fr;
    }

    .ad-sticky-sidebar {
        position: static;
        margin-top: 30px;
    }

    .ad-single-topic-wrapper {
        padding: 0 15px;
        margin-top: 25px;
    }
}

/* MOBILE (Screens smaller than 768px) */
@media (max-width: 768px) {
    .ad-clean-topic-hero {
        padding: 20px 15px !important;
    }

    .ad-topic-main-title {
        font-size: 24px !important;
    }

    .ad-timeline-item {
        gap: 12px !important;
        flex-direction: column;
        align-items: flex-start;
    }

    .ad-timeline-gutter {
        width: 100% !important;
        flex-direction: row;
        gap: 15px;
        margin-bottom: 10px;
    }

    .ad-timeline-line {
        display: none;
    }

    /* Hide vertical line on mobile to save space */

    .ad-reply-header {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 5px !important;
    }

    .ad-reply-actions {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 10px;
    }

    .ad-custom-actions {
        width: 100% !important;
        justify-content: flex-start !important;
    }

    .ad-reply-box-ui {
        padding: 20px 15px !important;
    }

    /* Fix Heavy Nesting Indentation on Mobile */
    .bbp-depth-2 {
        margin-left: 15px !important;
        border-left: 2px solid #e2e8f0;
        padding-left: 10px !important;
    }

    .bbp-depth-3 {
        margin-left: 25px !important;
        border-left: 2px solid #e2e8f0;
        padding-left: 10px !important;
    }

    .bbp-depth-4 {
        margin-left: 35px !important;
        border-left: 2px solid #e2e8f0;
        padding-left: 10px !important;
    }

    .bbp-depth-5 {
        margin-left: 40px !important;
        border-left: 2px solid #e2e8f0;
        padding-left: 10px !important;
    }
}

/* SMALL MOBILE (Screens smaller than 480px) */
@media (max-width: 480px) {
    .ad-main-question-text {
        font-size: 15px;
    }

    .ad-reply-body {
        font-size: 14px;
    }

    .ad-solve-btn {
        padding: 5px 10px !important;
        font-size: 12px !important;
    }
}


a {
    color: black !important;
}



















/* tets */


/* ========================================================= */
/* 🚀 ALGODELTA: PERFECT SINGLE TOPIC ROW UI */
/* ========================================================= */

/* Main Card Design */
#bbpress-forums li.bbp-body ul.topic {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    padding: 20px 25px !important;
    margin-bottom: 15px !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.02) !important;
    transition: all 0.3s ease !important;
}

#bbpress-forums li.bbp-body ul.topic:hover {
    border-color: #cbd5e1 !important;
    box-shadow: 0 8px 25px rgba(255, 87, 35, 0.08) !important;
    transform: translateY(-2px) !important;
}

/* Column Width Control */
#bbpress-forums li.bbp-topic-title {
    width: 55% !important;
    text-align: left !important;
}

#bbpress-forums li.bbp-topic-voice-count {
    width: 12% !important;
    text-align: center !important;
}

#bbpress-forums li.bbp-topic-reply-count {
    width: 12% !important;
    text-align: center !important;
}

#bbpress-forums li.bbp-topic-freshness {
    width: 21% !important;
    text-align: right !important;
}

/* 1. Title Styling */
.bbp-topic-title a.bbp-topic-permalink {
    font-size: 18px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    text-decoration: none !important;
    display: block !important;
    margin-bottom: 10px !important;
    line-height: 1.4 !important;
}

.bbp-topic-title a.bbp-topic-permalink:hover {
    color: #ff5723 !important;
}

/* 2. Inline Avatar & Name (Fixed) */
.ad-topic-meta {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-size: 13px !important;
    color: #64748b !important;
}

.ad-topic-author-avatar img {
    width: 24px !important;
    height: 24px !important;
    border-radius: 50% !important;
    display: block !important;
}

.ad-topic-author-name a {
    font-weight: 700 !important;
    color: #475569 !important;
    text-decoration: none !important;
}

.ad-topic-author-name a:hover {
    color: #ff5723 !important;
}

/* 3. Voices & Replies Numbers Box */
.ad-count-box {
    display: inline-block !important;
    background: #f8fafc !important;
    border: 1px solid #f1f5f9 !important;
    padding: 6px 12px !important;
    border-radius: 8px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #334155 !important;
}

.ad-count-box .ad-icon {
    opacity: 0.6;
    font-size: 13px;
    margin-right: 4px;
}

/* 4. Time / Freshness Pill */
.ad-freshness-pill {
    display: inline-flex !important;
    align-items: center !important;
    background: #f1f5f9 !important;
    padding: 8px 16px !important;
    border-radius: 50px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    color: #475569 !important;
    transition: 0.3s ease;
}

.ad-freshness-pill a {
    color: inherit !important;
    text-decoration: none !important;
}

.ad-freshness-pill:hover {
    background: #ff5723 !important;
    color: #fff !important;
    cursor: pointer;
}

/* Sticky Badge */
.ad-sticky-badge {
    background: #fffbeb;
    color: #f59e0b;
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 8px;
    display: inline-block;
    border: 1px solid #fde68a;
}

/* ========================================================= */
/* 📱 MOBILE RESPONSIVENESS (Compact Single Row UI)          */
/* ========================================================= */
@media (max-width: 768px) {

    /* Main Card Layout - Flex Wrap Magic */
    #bbpress-forums li.bbp-body ul.topic {
        display: flex !important;
        flex-direction: row !important;
        /* Row mein rakho */
        flex-wrap: wrap !important;
        /* Title 100% hone par baki elements niche jayenge */
        align-items: center !important;
        padding: 15px !important;
    }

    /* Title & Author (Line 1: Full Width) */
    #bbpress-forums li.bbp-topic-title {
        width: 100% !important;
        margin-bottom: 12px !important;
        /* Niche wali line se spacing */
    }

    /* Stats & Time (Line 2: Same Row) */
    #bbpress-forums li.bbp-topic-voice-count,
    #bbpress-forums li.bbp-topic-reply-count,
    #bbpress-forums li.bbp-topic-freshness {
        width: auto !important;
        border: none !important;
        padding: 0 !important;
        margin: 0 !important;
        margin-top: 5px !important;
    }

    #bbpress-forums li.bbp-topic-voice-count {
        margin-right: 8px !important;
    }

    /* Isse Freshness (Time) automatically ekdum Right side chala jayega */
    #bbpress-forums li.bbp-topic-reply-count {
        margin-right: auto !important;
    }

    #bbpress-forums li.bbp-topic-freshness {
        text-align: right !important;
    }

    /* Make buttons and text slightly smaller to fit perfectly in one line */
    .ad-count-box {
        padding: 4px 8px !important;
        font-size: 13px !important;
    }

    .ad-count-box .ad-icon {
        font-size: 12px !important;
    }

    .ad-freshness-pill {
        padding: 4px 10px !important;
        font-size: 11px !important;
    }

    .bbp-topic-title a.bbp-topic-permalink {
        font-size: 16px !important;
    }
}

/* SMALL MOBILE (Extreme fit for 360px screens) */
@media (max-width: 400px) {
    .ad-count-box {
        padding: 3px 6px !important;
        font-size: 12px !important;
    }

    .ad-freshness-pill {
        padding: 3px 8px !important;
        font-size: 10px !important;
    }
}

/* ========================================================= */
/* 📱 ALGODELTA: FORCE SHOW VOICE COUNT ON MOBILE            */
/* ========================================================= */

@media (max-width: 768px) {

    /* bbPress by default hides this on mobile. We force it to show! */
    #bbpress-forums li.bbp-topic-voice-count {
        display: inline-block !important;
        width: auto !important;
        background: #f8fafc !important;
        padding: 5px 12px !important;
        border-radius: 8px !important;
        margin-right: 10px !important;
        font-size: 13px !important;
        border: 1px solid #e2e8f0 !important;
    }
}




/* 27/03/26 */


/* ========================================================= */
/* 🚀 ALGODELTA: ANTI-FLASH (FOUC) FIX FOR ALL MODALS        */
/* ========================================================= */


.ad-modal-overlay,
.ad-overlay-modal {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    opacity: 0 !important;
    visibility: hidden !important;
    z-index: -9999 !important;
    pointer-events: none !important;
    transition: opacity 0.3s ease, visibility 0.3s ease !important;
}

.ad-modal-overlay.active,
.ad-overlay-modal.active {
    opacity: 1 !important;
    visibility: visible !important;
    z-index: 999999 !important;
    pointer-events: auto !important;
}



/* rahu user remove */
/* ========================================================= */
/* ALGODELTA: 2-ROW REVISION LOG (TEXT TOP, PROFILE BOTTOM)  */
/* ========================================================= */

/* 1. Main Container: Keep the subtle modern badge look */
ul.bbp-reply-revision-log,
ul.bbp-topic-revision-log {
    list-style: none !important;
    margin: 15px 0 0 0 !important;
    padding: 15px 20px !important;
    background: #f8fafc !important;
    border-radius: 12px !important;
    border: 1px dashed #cbd5e1 !important;
    display: inline-flex !important;
    font-size: 13px !important;
    color: #64748b !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.03) !important;
}

/* --------------------------------------------------------- */
/* 2. LAYOUT FIX: Force 2 Rows (Text on top, Profile below)  */
/* --------------------------------------------------------- */
ul.bbp-reply-revision-log li,
ul.bbp-topic-revision-log li {
    display: flex !important;
    flex-direction: column !important;
    /* Forces items into stacked rows */
    align-items: flex-start !important;
    /* Align everything to the left */
    gap: 12px !important;
    /* Space between the text row and the profile row */
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.5 !important;
}

/* --------------------------------------------------------- */
/* 3. PROFILE ROW: Avatar (Left) + Username (Right) in a Pill*/
/* --------------------------------------------------------- */
/* bbPress wraps the avatar and name in an <a> tag. Let's style it as a badge. */
ul.bbp-reply-revision-log a,
ul.bbp-topic-revision-log a {
    display: inline-flex !important;
    align-items: center !important;
    /* Perfectly center avatar and name */
    gap: 10px !important;
    /* Space between avatar and name */
    font-weight: 700 !important;
    color: #334155 !important;
    text-decoration: none !important;
    font-size: 14px !important;

    /* Modern Pill Design */
    background: #ffffff !important;
    padding: 4px 14px 4px 4px !important;
    /* Less padding on left to hug the avatar */
    border-radius: 50px !important;
    /* Fully rounded pill */
    border: 1px solid #e2e8f0 !important;
    transition: all 0.2s ease !important;
}

ul.bbp-reply-revision-log a:hover,
ul.bbp-topic-revision-log a:hover {
    color: #ff5723 !important;
    border-color: #ff5723 !important;
    background: #fff5f2 !important;
    /* Light orange glow on hover */
}

/* --------------------------------------------------------- */
/* 4. AVATAR FIX: Strict Perfect Circle                      */
/* --------------------------------------------------------- */
ul.bbp-reply-revision-log img.avatar,
ul.bbp-topic-revision-log img.avatar {
    /* Clear any conflicting dimensions */
    width: 28px !important;
    height: 28px !important;
    max-width: 28px !important;
    max-height: 28px !important;
    min-width: 28px !important;
    min-height: 28px !important;

    /* Force true circular shape */
    border-radius: 50% !important;
    aspect-ratio: 1/1 !important;
    object-fit: cover !important;
    /* Prevents squeezing */

    /* Clean styling */
    display: block !important;
    margin: 0 !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05) !important;
}

/* --------------------------------------------------------- */
/* 5. MOBILE RESPONSIVENESS                                  */
/* --------------------------------------------------------- */
@media (max-width: 480px) {

    ul.bbp-reply-revision-log,
    ul.bbp-topic-revision-log {
        padding: 12px 15px !important;
    }

    ul.bbp-reply-revision-log li,
    ul.bbp-topic-revision-log li {
        font-size: 12px !important;
        /* Slightly smaller text for small screens */
    }
}


/* ========================================================= */
/* ALGODELTA: UNIFORM REPLY BUTTONS (SUBMIT & CANCEL)        */
/* ========================================================= */

/* 1. Form Wrapper: Perfectly align items in a horizontal row */
.bbp-submit-wrapper {
    display: flex !important;
    align-items: center !important;
    /* Centers both buttons strictly on the same line */
    gap: 15px !important;
    margin-top: 20px !important;
    clear: both !important;
}

/* 2. Shared Base Styles: Force BOTH tags to have the exact same dimensions */
.bbp-submit-wrapper button.submit,
#bbp-cancel-reply-to-link {
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    height: 42px !important;
    /* Strict fixed height to prevent up/down mismatch */
    padding: 0 25px !important;
    /* Exact same padding */
    font-size: 14px !important;
    font-weight: 700 !important;
    border-radius: 5px !important;
    /* Requested 5px radius */
    box-sizing: border-box !important;
    line-height: 1 !important;
    /* Prevents internal text shifting */
    margin: 0 !important;
    /* Kills any default browser margins */
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

/* 3. Primary Action: Submit Button Styling */
.bbp-submit-wrapper button.submit {
    background: #0f172a !important;
    color: #ffffff !important;
    border: 1px solid #0f172a !important;
    /* Invisible border to match Cancel's box model */
    cursor: pointer !important;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05) !important;
}

.bbp-submit-wrapper button.submit:hover {
    background: #ff5723 !important;
    border-color: #ff5723 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 12px rgba(255, 87, 35, 0.15) !important;
}

/* 4. Secondary Action: Cancel Button Styling */
#bbp-cancel-reply-to-link {
    background: #f8fafc !important;
    color: #475569 !important;
    border: 1px solid #cbd5e1 !important;
    /* Strict border */
}

#bbp-cancel-reply-to-link:hover {
    background: #e2e8f0 !important;
    color: #0f172a !important;
    border-color: #94a3b8 !important;
}

/* 5. Mobile Responsiveness: Stack buttons neatly */
@media (max-width: 480px) {
    .bbp-submit-wrapper {
        flex-direction: column-reverse !important;
        /* Cancel below, Submit top */
        width: 100% !important;
        gap: 12px !important;
    }

    .bbp-submit-wrapper button.submit,
    #bbp-cancel-reply-to-link {
        width: 100% !important;
        /* Full width for easy thumb tapping */
    }
}




/* Visual or Code button design */


.wp-switch-editor {
    float: left;
    box-sizing: content-box;
    position: relative;
    top: 1px;
    background: #f0f0f1;
    color: #646970;
    cursor: pointer;
    font-size: 13px;
    line-height: 1.46153846;
    height: 20px;
    margin: 5px 0 0 5px;
    padding: 3px 8px 4px;
    border: 1px solid #dcdcde;
    border-radius: 5px !important;
    margin-bottom: 5px !important;
}


/* ========================================================= */
/* ALGODELTA: HIDE UNNECESSARY NEXT/PREVIOUS POST NAVIGATION */
/* ========================================================= */

/* Hides the post navigation added by Astra and WordPress core */
.ast-single-post-navigation,
nav.post-navigation,
.nav-links .nav-previous,
.nav-links .nav-next,
.bbp-topic-navigation {
    display: none !important;
}

/* Ensure the bottom of the forum wrapper has clean spacing after hiding */
#bbpress-forums {
    margin-bottom: 20px !important;
}