/*
CTC Separate Stylesheet
Updated: 2025-12-01 09:59:13
Theme Name: ShoppingCart Child
Theme URI: https://themefreesia.com/themes/shoppingcart
Template: shoppingcart
Author: Theme Freesia
Author URI: https://themefreesia.com
Description: ShoppingCart is a beautiful theme especially build for Store, eCommerce, Shop and also fits for any kind of Shopping theme which contains all the feature you need to create a stunning website. The theme consists of well organized components so it’s easy to edit and customize everything to create a specific website for your needs. It is designed for Shopping but this is competent for every kind of site such as personal blog, ecommerce, portfolio etc. which is designed and developed by Theme Freesia. With a focus on Shopping sites, it features multiple sections on the front page as well as widgets, multiple navigation and social menus, a logo and more. This theme supports popular plugins like Breadcrumb NavXT, WP-PageNavi, Contact Form 7, Jetpack by WordPress.com, bbPress, wooCommerce and many more. It is 100% translation ready and you can easily customize with lots of options using Customizer. It consists contact us template, gallery template, Shopping Template, widgets and Sidebar. Get free support at https://tickets.themefreesia.com/ and View demo site at http://demo.themefreesia.com/shoppingcart.
Tags: threaded-comments,right-sidebar,four-columns,custom-background,custom-colors,custom-header,custom-logo,custom-menu,editor-style,featured-images,flexible-header,post-formats,footer-widgets,sticky-post,theme-options,translation-ready,e-commerce,education,portfolio
Version: 1.2.6.1764583153
*/







/* =================================================================
   ALGODELTA PRO DESIGN - FINAL RESPONSIVE VERSION
   ================================================================= */

/* 1. GLOBAL FIXES (CRITICAL FOR RESPONSIVENESS) */
* {
    box-sizing: border-box; 
}

/* Backgrounds & Colors (Design maintain karne ke liye) */
body, html, #page, #content, .site-content, .wrapper, .entry-content, 
.hentry, .site-main, article, .page-content, .type-page, 
#primary, #main {
    background-color: #050505 !important; /* Deepest Black */
    color: #e0e0e0 !important;
    border: none !important;
    box-shadow: none !important;
}

/* Layout Reset (Sirf Body aur Wrapper ke liye width 100% rakhein, Content ke liye nahi) */
body, html, #page, .wrapper {
    width: 100% !important;
    overflow-x: hidden !important; /* Horizontal scroll band */
    margin: 0 !important;
    padding: 0 !important;
}

/* Typography */
body, input, button, select, textarea {
    font-family: 'Roboto', 'Segoe UI', Helvetica, sans-serif !important;
    font-size: 18px !important;
}

/* Headings */
h1, h2, h3, h4, h5, h6, .widget-title {
    color: #ffffff !important;
    font-weight: 700 !important;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

/* 2. SEARCH BAR (Modern Layout & Responsive) */
.algo-search-wrapper {
    display: flex;
    align-items: center;
    background: #111;
    border: 1px solid #333;
    border-radius: 4px;
    padding: 5px 10px;
    height: 60px;
    margin-bottom: 40px;
    transition: 0.3s;
    width: 100%;
    max-width: 100%; /* Mobile safe */
}

.algo-search-wrapper:focus-within {
    border-color: #f77426; /* Orange Glow on Click */
}

.search-icon { 
    padding: 0 10px; 
    display: flex; 
    align-items: center; 
    flex-shrink: 0; 
}

#bbp_search {
    background: transparent !important;
    border: none !important;
    color: #fff !important;
    font-size: 18px !important; 
    width: 100%;
    padding: 0 10px !important;
    height: 100% !important;
    margin: 0 !important;
    line-height: 60px;
    min-width: 0; /* Input shrink fix */
}
#bbp_search:focus { outline: none !important; }

.algo-search-btn {
    background: #f77426 !important;
    color: #000 !important;
    border: none !important;
    padding: 0 20px !important;
    height: 40px;
    font-weight: bold;
    border-radius: 2px;
    cursor: pointer;
    font-size: 16px !important;
    flex-shrink: 0;
    margin-left: 5px;
}

/* 3. FORUM CARDS (Grid Fix) */
.algo-grid-container {
    display: grid;
    /* FIX: 350px ko 280px kiya taaki mobile par cut na ho */
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 30px;
    width: 100%;
}

.algo-forum-card {
    background: #111;
    border: 1px solid #222;
    border-radius: 6px;
    position: relative;
    transition: all 0.3s ease;
    display: flex;
    flex-direction: column;
    width: 100%; /* Ensure card fits container */
}

.algo-forum-card:hover {
    transform: translateY(-5px);
    border-color: #f77426;
}

.card-overlay-link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; }

/* Padding wapis kam kar di (25px -> 15px) taaki design compact lage */
.card-header { padding: 15px; border-bottom: 1px solid #1a1a1a; display: flex; align-items: center; }
.algo-icon-box { font-size: 24px; color: #f77426; margin-right: 15px; flex-shrink: 0; }
.algo-card-title { margin: 0 !important; font-size: 20px !important; color: #fff !important; line-height: 1.4; word-break: break-word; }
.card-body { padding: 15px; font-size: 16px; color: #aaa; flex-grow: 1; }
.card-footer {
    padding: 10px 15px;
    background: #0d0d0d;
    border-top: 1px solid #1a1a1a;
    display: flex;
    justify-content: space-between;
    align-items: center;

    /* Add bottom rounded corners */
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}
.stat-badge { background: #1a1a1a; padding: 5px 12px; border-radius: 4px; font-size: 14px; color: #888; }
.stat-count { color: #f77426; font-weight: bold; }
.arrow-icon { color: #f77426; font-size: 20px; }

/* 4. SIDEBAR & LOGIN */
#secondary {
    background: #0b0b0b !important;
    border-left: 1px solid #222;
    padding: 30px;
    /* Width removed so it flows naturally on desktop */
}

#secondary .widget {
    background: #161616 !important;
    border: 1px solid #2a2a2a;
    padding: 25px;
    margin-bottom: 30px;
    width: 100%;
    max-width: 100%;
}

#secondary .widget-title, 
#secondary h3 {
    background: transparent !important;
    color: #fff !important;
    border-bottom: 2px solid #f77426;
    padding-bottom: 10px;
    margin-bottom: 20px;
    display: inline-block;
}

/* Input Fields */
.bbp-login-form label { font-size: 14px; color: #888; display: block; margin-bottom: 5px; }

.bbp-login-form input[type="text"], 
.bbp-login-form input[type="password"] {
    background: #000 !important;
    border: 1px solid #333 !important;
    color: #fff !important;
    padding: 15px !important;
    width: 100%;
    margin-bottom: 20px;
    border-radius: 4px;
    font-size: 16px !important;
    box-sizing: border-box;
}
.bbp-login-form input:focus { border-color: #f77426 !important; }

/* Login Button */
.bbp-submit-wrapper button {
    background: transparent !important;
    border: 1px solid #f77426 !important;
    color: #f77426 !important;
    width: 100%;
    padding: 12px;
    font-size: 16px !important;
    font-weight: bold;
    text-transform: uppercase;
    cursor: pointer;
    transition: 0.3s;
}
.bbp-submit-wrapper button:hover { background: #f77426 !important; color: #000 !important; }
.bbp-login-links a { font-size: 14px; color: #666 !important; }
.bbp-login-links a:hover { color: #f77426 !important; }

/* 5. TOPIC LEDGER STYLE */
.ledger-header { display: flex; padding: 10px 20px; border-bottom: 2px solid #f77426; color: #f77426; font-weight: bold; font-size: 14px; }
.ledger-row { display: flex; padding: 15px 20px; background: #080808; border-bottom: 1px solid #222; align-items: center; }
.ledger-row:hover { background: #111; }
.col-name { flex: 3; } .col-stat { flex: 0.5; text-align: center; } .col-last { flex: 1; text-align: right; }
.topic-link { font-size: 18px; color: #eee; font-weight: 500; text-decoration: none; }
.topic-link:hover { color: #f77426; }
.topic-meta { font-size: 13px; color: #666; margin-top: 5px; }

/* 6. PAGINATION (Consolidated & Responsive) */
.bbp-pagination {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100%;
    margin-top: 40px;
    padding: 20px 0;
    text-align: center;
    border-top: 1px solid #222;
}

.bbp-pagination-links {
    display: flex;
    flex-wrap: wrap; /* Mobile friendly */
    justify-content: center;
    gap: 5px;
}

.bbp-pagination-links a,
.bbp-pagination-links span {
    display: flex; /* Text Center karne ke liye */
    justify-content: center;
    align-items: center;
    padding: 0 15px;
    height: 40px;
    min-width: 40px;
    margin: 5px;
    background: #111 !important;
    color: #fff !important;
    border: 1px solid #444;
    border-radius: 4px;
    text-decoration: none;
    font-weight: bold;
    font-size: 14px;
    transition: 0.3s;
}

/* Active Page (Orange) */
.bbp-pagination-links span.current {
    background: #f77426 !important;
    color: #000 !important;
    border-color: #f77426;
}

/* Hover */
.bbp-pagination-links a:hover {
    background: #f77426 !important;
    color: #000 !important;
    transform: translateY(-2px);
}

/* Next/Prev Buttons Specific */
.bbp-pagination-links .next,
.bbp-pagination-links .prev {
    background: #0d0d0d !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    width: auto;
}

/* 7. MOBILE RESPONSIVE RULES (Strict Override) */
@media (max-width: 768px) {
    
    /* 1 Column Layout for Grid on Mobile */
    .algo-grid-container { 
        grid-template-columns: 100% !important; 
        display: block; 
    }
    
    .algo-forum-card {
        margin-bottom: 20px;
        width: 100% !important;
    }

    /* Container Padding Fix */
    .site-main, #primary, #content {
        padding: 10px !important;
        width: 100% !important;
        float: none !important;
    }

    /* Sidebar Fix for Mobile */
    #secondary {
        width: 100% !important;
        float: none !important;
        padding: 15px !important;
        border: none !important;
        border-top: 1px solid #222 !important;
        margin-top: 40px;
    }

    /* Ledger/Table Mobile Adjustment */
    .ledger-header { display: none; }
    .ledger-row { flex-direction: column; align-items: flex-start; padding: 15px; }
    .col-stat, .col-last { text-align: left; margin-top: 5px; width: 100%; }
}


/* right site login section */



#bbpress-forums .bbp-pagination-links span.current  , #bbpress-forums .bbp-pagination-links a
{
	display:flex;
}

#secondary
{
	margin-top:30px;
	border: 1px solid #222;
	border-radius: 5px;
}



/* custome code */

#bbpress-forums fieldset.bbp-form input[type=text]
{
	min-height: 50px;
}

#bbpress-forums fieldset.bbp-form input[type=password]
{
	min-height: 50px;
}

.bbp-logged-in img.avatar
{
	border-radius: 50%;
}
#bbpress-forums div.bbp-template-notice img.avatar
{
	display:none;
}
#bbpress-forums div.bbp-the-content-wrapper textarea.bbp-the-content
{
	color:white;
	background-color:#080808;
}
h4 a 
{
	color:white;
}

div.bbp-template-notice.info
{
	color:#888888;
	border: 1px solid #222;
    background-color: #111111;
}

div.bbp-template-notice.info a {
    color: #ffffff;
    font-weight: 600;
}

ul li a, ol li a {
    color: #ffffff;
}

.widget ul li a {
    color: #fff;
    font-size: 16px;
}

.bbp-login-links a {
    font-size: 14px;
    color: #ff5723 !important;

}

.topic-meta {
    font-size: 16px;
    color: #888888;
    margin-top: 5px;
}


.entry-content a {
    text-decoration: none;
}


@media (max-width: 767px)
{
	.card-footer {
		padding: 8px 5px;
	}
	
	.elementor-238 .elementor-element.elementor-element-a2ff57f
	{
		padding:0px;
	}
	
	.site-main , #main
	{
		padding:0px !important;
	}
}


@media (max-width: 767px)
	
{
	#bbpress-forums #bbp-single-user-details
	{
		width:100%;
	}
}


/* ... (Aapka purana code upar rahega) ... */

/* =================================================================
   ALGODELTA USER PROFILE STYLES
   ================================================================= */

.algo-profile-wrapper {
    display: flex;
    gap: 30px;
/*     margin-top: 30px; */
}

/* --- Left Side: Profile Header Card --- */
.algo-profile-header {
    flex: 0 0 300px; /* Fixed width */
    background: #111;
    border: 1px solid #222;
    border-radius: 8px;
    padding: 30px 20px;
    text-align: center;
    height: fit-content;
}

.profile-avatar img {
    border-radius: 50%;
    width: 150px;
    height: 150px;
    border: 3px solid #f77426; /* Neon Border */
    padding: 3px;
    margin-bottom: 15px;
}

.profile-name {
    font-size: 22px;
    color: #fff;
    margin: 0 0 5px 0;
}

.profile-nicename {
    font-size: 14px;
    color: #888;
    margin-bottom: 15px;
}

.profile-role-badge {
    display: inline-block;
    background: #f77426;
    color: #000;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 4px 10px;
    border-radius: 20px;
    margin-bottom: 20px;
}

.profile-joined, .profile-website {
    font-size: 14px;
    color: #ccc;
    margin-bottom: 10px;
}

.profile-joined i, .profile-website i {
    color: #f77426;
    margin-right: 8px;
}

.profile-website a {
    color: #f77426;
    text-decoration: none;
}
.profile-website a:hover { text-decoration: underline; }

.btn-edit-profile {
    display: block;
    width: 100%;
    padding: 10px;
    background: transparent;
    border: 1px solid #f77426;
    color: #f77426;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    border-radius: 4px;
    margin-top: 20px;
    transition: 0.3s;
}
.btn-edit-profile:hover {
    background: #f77426;
    color: #000;
}

/* --- Right Side: Profile Body --- */
.algo-profile-body {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.profile-section {
    background: #111;
    border: 1px solid #222;
    border-radius: 8px;
    padding: 25px;
}

.section-title {
    font-size: 18px;
    color: #fff;
    margin-bottom: 20px;
    border-bottom: 1px solid #1a1a1a;
    padding-bottom: 10px;
    display: flex;
    align-items: center;
    gap: 10px;
}
.section-title i { color: #f77426; }

.profile-bio {
    color: #ccc;
    font-size: 15px;
    line-height: 1.6;
}
.no-bio { color: #666; font-style: italic; }

/* Stats Grid */
.stats-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 15px;
}

.stat-box {
    background: #0d0d0d;
    border: 1px solid #1a1a1a;
    padding: 20px;
    text-align: center;
    border-radius: 6px;
}

.stat-number {
    display: block;
    font-size: 28px;
    font-weight: 800;
    color: #f77426;
    margin-bottom: 5px;
}

.stat-label {
    display: block;
    font-size: 13px;
    color: #888;
    text-transform: uppercase;
}

.stat-box.icon-box i {
    font-size: 24px;
    color: #f77426;
    margin-bottom: 10px;
    display: block;
}
.stat-date {
    display: block;
    font-size: 14px;
    color: #fff;
    font-weight: bold;
    margin-top: 5px;
}

/* Responsive Design */
@media (max-width: 768px) {
    .algo-profile-wrapper {
        flex-direction: column;
    }
    .algo-profile-header {
        flex: none;
        width: 100%;
    }
    .stats-grid {
        grid-template-columns: 1fr;
    }
}

/* ... (Existing code) ... */

/* =================================================================
   USER PROFILE NAVIGATION (Tabs Style)
   ================================================================= */

/* Container */
.algo-user-nav-wrapper {
    margin-bottom: 30px;
    border-bottom: 1px solid #222;
    padding-bottom: 0;
}

#bbp-user-navigation ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

#bbp-user-navigation ul li {
    margin: 0;
}

/* Tab Links */
#bbp-user-navigation ul li a {
    display: block;
    padding: 12px 20px;
    color: #888;
    background: #0d0d0d;
    border: 1px solid #222;
    border-bottom: none;
    border-radius: 6px 6px 0 0; /* Rounded top corners */
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    transition: all 0.3s ease;
    margin-bottom: -1px; /* Overlap border */
}

/* Hover State */
#bbp-user-navigation ul li a:hover {
    color: #fff;
    background: #161616;
}

/* Active Tab (Current) */
#bbp-user-navigation ul li.current a {
    background: #f77426; /* Orange Active */
    color: #000;
    border-color: #f77426;
    font-weight: bold;
}

/* Responsive Tabs */
@media (max-width: 768px) {
    #bbp-user-navigation ul {
        flex-direction: column; /* Stack vertically on mobile */
        gap: 0;
    }
    
    #bbp-user-navigation ul li a {
        border-radius: 4px;
        margin-bottom: 5px;
        border-bottom: 1px solid #222;
        text-align: center;
    }
    
    #bbp-user-navigation ul li.current a {
        border-bottom: 1px solid #f77426;
    }
}

/* ... (Aapka existing code) ... */

/* =================================================================
   ALGODELTA EDIT PROFILE STYLES
   ================================================================= */

/* Wrapper */
.algo-edit-profile-form {
    max-width: 800px;
    margin: 0 auto;
}

/* Sections (Cards) */
.algo-form-section {
    background: #111;
    border: 1px solid #222;
    padding: 30px;
    border-radius: 8px;
    margin-bottom: 30px;
}

/* Headers */
.section-header {
    font-size: 18px;
    color: #f77426; /* Orange */
    border-bottom: 1px solid #333;
    padding-bottom: 15px;
    margin-bottom: 25px;
    text-transform: uppercase;
    font-weight: 700;
}
.section-header i {
    margin-right: 10px;
}

/* Grid Layout (2 Columns) - The magic for side-by-side inputs */
.form-grid-2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

/* Form Rows */
.algo-form-row {
    margin-bottom: 20px;
}

/* Labels */
.algo-form-row label, 
.algo-edit-profile-form label {
    display: block;
    margin-bottom: 8px;
    color: #ccc;
    font-size: 14px;
    font-weight: 500;
}

/* Inputs styling override */
.algo-edit-profile-form input[type="text"],
.algo-edit-profile-form input[type="password"],
.algo-edit-profile-form input[type="email"],
.algo-edit-profile-form input[type="url"],
.algo-edit-profile-form textarea,
.algo-edit-profile-form select {
    width: 100%;
    background: #050505 !important;
    border: 1px solid #333 !important;
    color: #fff !important;
    padding: 12px 15px;
    border-radius: 4px;
    font-size: 15px;
    transition: 0.3s;
    box-shadow: none;
}

.algo-edit-profile-form input:focus,
.algo-edit-profile-form textarea:focus,
.algo-edit-profile-form select:focus {
    border-color: #f77426 !important;
    outline: none;
}

/* Update Button */
#bbp_user_edit_submit {
    background: #f77426 !important;
    color: #000 !important;
    border: none !important;
    padding: 12px 40px !important;
    font-size: 16px !important;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 4px;
    cursor: pointer;
    transition: 0.3s;
}
#bbp_user_edit_submit:hover {
    background: #fff !important;
    color: #000 !important;
}

/* Mobile Responsive */
@media (max-width: 600px) {
    /* Mobile par wapis 1 column kar do taaki shrink na ho */
    .form-grid-2 {
        grid-template-columns: 1fr; 
    }
    .algo-form-section {
        padding: 20px;
    }
    #bbp_user_edit_submit {
        width: 100%;
    }
}

/* ... (Existing code) ... */

/* =================================================================
   ALGODELTA EDIT PROFILE STYLES
   ================================================================= */

/* Wrapper */
.algo-edit-profile-form {
    max-width: 900px;
    margin: 0 auto;
}

/* Sections (Cards) */
.algo-form-section {
    background: #111;
    border: 1px solid #222;
    padding: 30px;
    border-radius: 8px;
    margin-bottom: 30px;
    overflow: hidden; /* Important for Avatar overflow */
}

/* Headers */
.section-header {
    font-size: 18px;
    color: #f77426; /* Orange */
    border-bottom: 1px solid #333;
    padding-bottom: 15px;
    margin-bottom: 25px;
    text-transform: uppercase;
    font-weight: 700;
}
.section-header i {
    margin-right: 10px;
}

/* Grid Layout (2 Columns) */
.form-grid-2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

/* Form Rows */
.algo-form-row {
    margin-bottom: 20px;
}

/* Labels */
.algo-form-row label, 
.algo-edit-profile-form label {
    display: block;
    margin-bottom: 8px;
    color: #ccc;
    font-size: 14px;
    font-weight: 500;
}

/* Inputs styling override */
.algo-edit-profile-form input[type="text"],
.algo-edit-profile-form input[type="password"],
.algo-edit-profile-form input[type="email"],
.algo-edit-profile-form input[type="url"],
.algo-edit-profile-form textarea,
.algo-edit-profile-form select {
    width: 100%;
    background: #050505 !important;
    border: 1px solid #333 !important;
    color: #fff !important;
    padding: 12px 15px;
    border-radius: 4px;
    font-size: 15px;
    transition: 0.3s;
    box-shadow: none;
}

.algo-edit-profile-form input:focus,
.algo-edit-profile-form textarea:focus,
.algo-edit-profile-form select:focus {
    border-color: #f77426 !important;
    outline: none;
}

/* --- SPECIAL AVATAR & FILE INPUT STYLING --- */
.algo-avatar-section input[type="file"] {
    background: #0d0d0d;
    padding: 10px;
    border: 1px dashed #444;
    color: #ccc;
    width: 100%;
    border-radius: 4px;
}

/* Fix for large images or messy plugin output */
.algo-avatar-section img {
    max-width: 150px;
    height: auto;
    border: 3px solid #f77426;
    border-radius: 50%;
    margin-bottom: 15px;
    display: block;
}

/* Radio Buttons alignment in Avatar section */
.algo-avatar-section input[type="radio"] {
    margin-right: 10px;
    accent-color: #f77426;
}

.algo-avatar-section p, 
.algo-avatar-section label {
    color: #ccc;
    font-size: 14px;
}

/* Update Button */
#bbp_user_edit_submit {
    background: #f77426 !important;
    color: #000 !important;
    border: none !important;
    padding: 12px 40px !important;
    font-size: 16px !important;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 4px;
    cursor: pointer;
    transition: 0.3s;
}
#bbp_user_edit_submit:hover {
    background: #fff !important;
    color: #000 !important;
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .form-grid-2 {
        grid-template-columns: 1fr; /* Stack on mobile */
    }
    .algo-form-section {
        padding: 20px;
    }
    #bbp_user_edit_submit {
        width: 100%;
    }
}


/* =================================================================
   ALGODELTA REPLY STYLING 
   ================================================================= */

/* 1. Reply Row (Card) */
.algo-reply-row {
    display: flex;
    background: #000; /* Black Background */
    border: 1px solid #222; /* Subtle Border */
    margin-bottom: 20px;
    /* No border-radius for sharp tech look as per screenshot, or small if preferred */
    border-radius: 4px; 
    overflow: hidden;
}

/* 2. Left Side: Author & Meta */
.reply-author-box {
    width: 200px; /* Fixed Width */
    background: #0d0d0d; /* Slightly lighter than black */
    padding: 20px 15px;
    text-align: left; /* Align text left as per screenshot */
    border-right: 1px solid #222;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.algo-avatar-wrap img {
    border-radius: 0; /* Square avatar or slight round */
    width: 60px;
    height: 60px;
    margin-bottom: 10px;
    border: 1px solid #333;
}

.author-role {
    font-size: 11px;
    color: #fff;
    text-transform: uppercase;
    font-weight: normal;
}

.algo-author-name a {
    color: #f77426; /* Orange Name */
    font-weight: 700;
    font-size: 15px;
    text-decoration: none;
    text-transform: uppercase;
}

.author-ip {
    font-size: 11px;
    color: #666;
    margin-top: 2px;
}

.reply-meta-left {
    margin-top: 15px;
    font-size: 11px;
    color: #888;
    line-height: 1.4;
}

.reply-meta-left a {
    color: #f77426;
    text-decoration: none;
}

/* 3. Right Side: Content */
.reply-content-box {
    padding: 20px;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    min-width: 0;
    position: relative;
}

.reply-content-text {
    color: #e0e0e0;
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 30px; /* Space for buttons */
}

/* 4. Bottom Right Actions */
.reply-actions-bar {
    margin-top: auto;
    text-align: right;
    font-size: 11px;
    text-transform: uppercase;
    border-top: 1px solid #1a1a1a;
    padding-top: 10px;
}

.reply-actions-bar a {
    color: #666;
    text-decoration: none;
    margin-left: 10px;
    font-weight: 600;
}

.reply-actions-bar a:hover {
    color: #f77426;
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .algo-reply-row {
        flex-direction: column;
    }
    
    .reply-author-box {
        width: 100%;
        border-right: none;
        border-bottom: 1px solid #222;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        gap: 15px;
    }
    
    .algo-avatar-wrap img {
        margin-bottom: 0;
        width: 40px;
        height: 40px;
    }
    
    .reply-meta-left {
        margin-top: 0;
        margin-left: auto; /* Push to right on mobile */
        text-align: right;
    }
}


/* after and remove above css code */

/* =================================================================
   ALGODELTA SINGLE TOPIC & REPLY STYLING
   ================================================================= */

/* 1. Header & Actions */
.algo-topic-header-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid #222;
}

.algo-topic-actions a {
    font-size: 11px;
    text-transform: uppercase;
    color: #f77426;
    border: 1px solid #f77426;
    padding: 6px 15px;
    border-radius: 4px;
    text-decoration: none;
    margin-left: 10px;
    font-weight: bold;
    display: inline-block;
    transition: 0.3s;
}
.algo-topic-actions a:hover {
    background: #f77426;
    color: #000;
}

.algo-topic-tags { margin-bottom: 20px; }
.algo-topic-tags a {
    background: #111;
    color: #888;
    padding: 4px 10px;
    border-radius: 4px;
    font-size: 12px;
    margin-right: 5px;
    text-decoration: none;
    border: 1px solid #333;
}
.algo-topic-tags a:hover {
    border-color: #f77426;
    color: #f77426;
}

/* 2. Reply Row (Card Design) */
.algo-reply-row {
    display: flex;
    background: #0d0d0d; /* Dark Grey Card */
    border: 1px solid #222; /* Subtle Border */
    margin-bottom: 20px;
    border-radius: 6px; 
    overflow: hidden;
    position: relative;
}

/* 3. Left Side: Author & Meta */
.reply-author-box {
    width: 200px; /* Fixed Width */
    background: #000; /* Black for Author Area */
    padding: 25px 15px;
    text-align: center;
    border-right: 1px solid #222;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}

.algo-avatar-wrap img {
    border-radius: 50%; /* Circle Avatar */
    width: 80px;
    height: 80px;
    margin-bottom: 10px;
    border: 2px solid #333;
    padding: 3px;
}

.author-role {
    font-size: 10px;
    color: #000;
    background: #f77426; /* Orange Badge */
    text-transform: uppercase;
    font-weight: bold;
    padding: 2px 8px;
    border-radius: 20px;
    margin-bottom: 5px;
}

.algo-author-name a {
    color: #fff; 
    font-weight: 700;
    font-size: 16px;
    text-decoration: none;
}

.author-ip {
    font-size: 10px;
    color: #444;
}

.reply-meta-left {
    margin-top: 15px;
    font-size: 11px;
    color: #666;
    line-height: 1.4;
    width: 100%;
    border-top: 1px solid #1a1a1a;
    padding-top: 10px;
}

.reply-meta-left a {
    color: #888;
    text-decoration: none;
    display: block;
    margin-top: 3px;
}
.reply-meta-left a:hover { color: #f77426; }

/* 4. Right Side: Content */
.reply-content-box {
    padding: 25px;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    min-width: 0; /* Prevents overflow */
}

.reply-content-text {
    color: #e0e0e0;
    font-size: 15px;
    line-height: 1.7;
    margin-bottom: 20px;
}

/* 5. Bottom Right Actions */
.reply-actions-bar {
    margin-top: auto;
    text-align: right;
    font-size: 11px;
    text-transform: uppercase;
    border-top: 1px solid #1a1a1a;
    padding-top: 15px;
}

.reply-actions-bar a {
    color: #888;
    text-decoration: none;
    margin-left: 15px;
    font-weight: 700;
    border: 1px solid #333;
    padding: 5px 10px;
    border-radius: 3px;
    transition: 0.3s;
}

.reply-actions-bar a:hover {
    color: #fff;
    border-color: #f77426;
    background: #f77426;
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .algo-reply-row {
        flex-direction: column;
    }
    
    .reply-author-box {
        width: 100%;
        border-right: none;
        border-bottom: 1px solid #222;
        flex-direction: row; /* Horizontal on mobile */
        flex-wrap: wrap;
        align-items: center;
        justify-content: flex-start;
        padding: 15px;
        text-align: left;
    }
    
    .algo-avatar-wrap img {
        margin-bottom: 0;
        width: 50px;
        height: 50px;
        margin-right: 15px;
    }
    
    .algo-author-name {
        margin-right: auto; /* Push meta to right */
    }

    .reply-meta-left {
        margin-top: 0;
        width: auto;
        border-top: none;
        padding-top: 0;
        margin-left: auto;
        text-align: right;
    }

    .reply-content-box {
        padding: 15px;
    }
}

/* ... Existing Code ... */

/* =================================================================
   USER PROFILE SECTION HEADER & SEARCH
   ================================================================= */

/* Container for Title and Search */
.algo-section-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
    border-bottom: 1px solid #222;
    padding-bottom: 20px;
    flex-wrap: wrap; /* Allow wrapping on small screens */
    gap: 20px;
}

.algo-section-header .entry-title {
    margin: 0;
    font-size: 22px;
    border: none; /* Remove default border if any */
    padding: 0;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
}

/* Compact Search Bar Styling (Reuse algo-search-wrapper styles but smaller) */
.algo-section-search {
    width: 300px; /* Fixed width on desktop */
    max-width: 100%;
}

.algo-search-wrapper.compact {
    display: flex;
    align-items: center;
    background: #0d0d0d;
    border: 1px solid #333;
    border-radius: 4px;
    padding: 0 10px;
    height: 45px; /* Smaller height for inner pages */
    margin-bottom: 0;
    width: 100%;
    transition: all 0.3s ease;
}

.algo-search-wrapper.compact:focus-within {
    border-color: #f77426; /* Orange Glow */
    box-shadow: 0 0 10px rgba(247, 116, 38, 0.1);
}

.algo-search-wrapper.compact .search-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #666;
    margin-right: 8px;
    width: 20px;
}

.algo-search-wrapper.compact #rs {
    background: transparent !important;
    border: none !important;
    color: #fff !important;
    font-size: 14px !important;
    line-height: normal !important;
    height: 100% !important;
    width: 100%;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
}

.algo-search-wrapper.compact #rs:focus {
    outline: none !important;
}

.algo-search-wrapper.compact .algo-search-btn {
    height: 30px;
    padding: 0 15px;
    font-size: 11px;
    font-weight: bold;
    border-radius: 3px;
    margin-left: 10px;
    background: #f77426;
    color: #000;
    border: none;
    cursor: pointer;
    flex-shrink: 0;
    text-transform: uppercase;
}

.algo-search-wrapper.compact .algo-search-btn:hover {
    background: #fff;
    color: #000;
}

.algo-search-wrapper.compact input {
    background: transparent !important;
    border: none !important;
    color: #fff !important;
    font-size: 14px !important;
    height: 100% !important;
    padding: 0 10px !important;
    width: 100%;
    margin: 0;
}

/* RESPONSIVE: Stack on Mobile */
@media (max-width: 768px) {
    .algo-section-header
	{
		padding-top:20px;
		display: flex;
		flex-wrap: nowrap;
		justify-content: space-between;
        align-items: center;
		gap:5px;
	}
	
	#bbpress-forums #bbp-user-wrapper h2.entry-title
	{
		font-size:16px;
		width:100%;
		padding-bottom:0px;
	}
	
	.algo-search-wrapper.compact
	{
		display: flex;
    align-items: center;
		flex-wrap: nowrap;
	}
	
}