@charset "utf-8";

/* ============================================
   1. NETWORKING HEADER
   ============================================ */

.cb_template .cbCanvasLayout .cbCanvasLayoutTop .cbCanvasLayoutBackground .cbImgCanvas {
    border-radius: 6px 6px 0 0 !important;
}
.cb_template .cbCanvasLayoutMain > div:first-child .cbTabsMenuNavBar {
    border-radius: 0 0 10px 10px !important;
}

@media (min-width: 768px) {
    .headerFirst {
        padding-left: 2rem;
        padding-right: 2rem;
    }
}

.cbConnPathReject {
    color: #ffffff !important;
}
.btn-group-list .btn-success {
    font-weight: 600 !important;
    align-items: center !important;
    padding-top: 0.5rem !important;
}
.btn-group-list .btn-danger {
    background-color: #FFD700 !important;
}
.btn-group-list .btn-danger:active,
.btn-group-list .btn-danger:focus,
.btn-group-list .btn-danger:hover {
    background-color: #ecc806 !important;
}
/* ============================================
   2. LISTING CAROUSEL - Premium Sidebar Banner
   ============================================ */

.modListingCarousel {
    background: #ffffff;
    border-radius: 12px;
    border: 1px solid #e4e6eb;
    overflow: hidden;
    margin-bottom: 16px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}

.modListingCarousel:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.modListingCarousel .card-body {
    padding: 0;
    margin: 0;
}

/* Carousel Container */
.modListingCarousel .carousel {
    position: relative;
    width: 100%;
}

.modListingCarousel .carousel-inner {
    width: 100%;
    border-radius: 0;
    overflow: hidden;
}

.modListingCarousel .carousel-item {
    width: 100%;
}

/* Row and Column - Full Width */
.modListingCarousel .carousel-entries {
    margin: 0 !important;
    padding: 0 !important;
    display: block;
    width: 100%;
}

.modListingCarousel .carousel-entry {
    padding: 0 !important;
    margin: 0 !important;
    width: 100%;
    max-width: 100%;
    display: block;
}

/* Image Section */
.modListingCarousel .img-thumbnail {
    position: relative;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border: none;
    border-radius: 0;
    padding: 0;
    margin: 0;
    width: 100%;
    overflow: hidden;
    display: block;
}

.modListingCarousel .img-thumbnail a {
    display: block;
    width: 100%;
}

.modListingCarousel .img-thumbnail img {
    width: 100%;
    height: auto;
    min-height: 160px;
    max-height: 200px;
    object-fit: cover;
    display: block;
}

.modListingCarousel .carousel-entry:hover .img-thumbnail img {
    transform: none;
}

/* Image Overlay Gradient */
.modListingCarousel .img-thumbnail::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 60px;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.6), transparent);
    pointer-events: none;
    z-index: 1;
}

/* Author Section - Over Image */
.modListingCarousel .carousel-entry-author {
    position: absolute;
    bottom: 10px;
    left: 12px;
    right: 12px;
    z-index: 2;
    display: flex;
    align-items: center;
    gap: 6px;
    background: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(4px);
    padding: 4px 10px;
    border-radius: 20px;
    width: auto;
}

.modListingCarousel .carousel-entry-author .fa-user {
    color: #ffffff;
    font-size: 0.65rem;
}

.modListingCarousel .carousel-entry-author a {
    color: #ffffff;
    font-size: 0.7rem;
    font-weight: 500;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.modListingCarousel .carousel-entry-author a:hover {
    text-decoration: underline;
    color: #FFD700;
}

/* Content Section - Below Image */
.modListingCarousel .carousel-entry-small-subtitle {
    padding: 12px;
    background: #ffffff;
    width: 100%;
    display: block;
    box-sizing: border-box;
}

/* Category Tags & Pricing */
.modListingCarousel .modCategoryWrapper {
    margin-bottom: 8px;
}

.modListingCarousel .modCategoryTag {
    display: inline-block;
    background: #e8f0fe;
    color: #1877f2;
    font-size: 0.75rem;
    font-weight: 700;
    padding: 3px 10px;
    border-radius: 16px;
    letter-spacing: 0.3px;
    text-transform: uppercase;
}

.modListingCarousel .modPriceRequest,
.modListingCarousel .modCurrency,
.modListingCarousel .modPrice {
    display: inline-block;
    color: #1877f2;
    font-size: 0.85rem;
    font-weight: 700;
    border-radius: 16px;
    letter-spacing: 0.3px;
    text-transform: uppercase;
}

/* Title Section */
.modListingCarousel .modTitleWrapper {
    margin-bottom: 8px;
}

.modListingCarousel .modTitle {
    font-size: 0.813rem;
    font-weight: 600;
    line-height: 1.35;
    margin: 0;
    color: #1e293b;
    display: block;
}

.modListingCarousel .modTitle a {
    color: #1e293b;
    text-decoration: none;
    display: block;
}

.modListingCarousel .modTitle a:hover {
    color: #1877f2;
}

/* Bottom Info Bar */
.modListingCarousel .modBottomWrapper {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    font-size: 0.65rem;
    color: #65676b;
    padding-top: 8px;
    border-top: 1px solid #e4e6eb;
}

.modListingCarousel .modBusinessIcon svg {
    width: 12px;
    height: 12px;
    color: #65676b;
}

.modListingCarousel .modCategory {
    color: #65676b;
    font-size: 0.65rem;
}

.modListingCarousel .modLocation {
    display: inline-flex;
    align-items: center;
    gap: 3px;
}

.modListingCarousel .modLocation svg {
    width: 10px;
    height: 10px;
    color: #65676b;
}

.modListingCarousel .modLocation span {
    color: #65676b;
    font-size: 0.65rem;
}

/* Carousel Controls */
.modListingCarousel .carousel-control-prev,
.modListingCarousel .carousel-control-next {
    width: 28px;
    height: 28px;
    background: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(4px);
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
    transition: opacity 0.2s ease;
}

.modListingCarousel:hover .carousel-control-prev,
.modListingCarousel:hover .carousel-control-next {
    opacity: 1;
}

.modListingCarousel .carousel-control-prev {
    left: 8px;
}

.modListingCarousel .carousel-control-next {
    right: 8px;
}

.modListingCarousel .carousel-control-prev-icon,
.modListingCarousel .carousel-control-next-icon {
    width: 16px;
    height: 16px;
    background-size: 60%;
    background-position: center;
}

/* Sidebar Specific - Compact Version */
.sidebar-right .modListingCarousel .img-thumbnail img {
    min-height: 140px;
    max-height: 160px;
}

.sidebar-right .modListingCarousel .carousel-entry-small-subtitle {
    padding: 10px;
}

.sidebar-right .modListingCarousel .modTitle {
    font-size: 0.75rem;
}

.sidebar-right .modListingCarousel .modBottomWrapper {
    font-size: 0.6rem;
    gap: 5px;
}

/* Carousel Mobile Responsive */
@media (max-width: 991px) {
    .modListingCarousel .img-thumbnail img {
        min-height: 150px;
        max-height: 180px;
    }
    
    .modListingCarousel .carousel-control-prev,
    .modListingCarousel .carousel-control-next {
        opacity: 1;
        width: 26px;
        height: 26px;
    }
}

@media (max-width: 576px) {
    .modListingCarousel .img-thumbnail img {
        min-height: 160px;
        max-height: 180px;
    }
    
    .modListingCarousel .carousel-entry-small-subtitle {
        padding: 10px;
    }
    
    .modListingCarousel .modTitle {
        font-size: 0.75rem;
    }
    
    .modListingCarousel .carousel-entry-author {
        left: 10px;
        right: 10px;
        bottom: 8px;
        padding: 3px 8px;
    }
    
    .modListingCarousel .carousel-entry-author a {
        font-size: 0.6rem;
    }
}

/* ============================================
   3. STICKY SIDEBARS - Facebook Style
   ============================================ */

.site.layout-blog .site-grid {
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    position: relative;
    align-items: flex-start;
}

@media (min-width: 992px) {
    .site.layout-blog .site-grid {
        flex-wrap: nowrap;
    }
    
    /* Left Sidebar */
    .site.layout-blog .grid-child.container-sidebar-left {
        position: sticky;
        top: 20px;
        flex: 0 0 280px;
        align-self: flex-start;
        max-height: calc(100vh - 40px);
        overflow-y: auto;
        scrollbar-width: thin;
    }
    
    .site.layout-blog .grid-child.container-sidebar-left::-webkit-scrollbar {
        width: 4px;
    }
    
    .site.layout-blog .grid-child.container-sidebar-left::-webkit-scrollbar-track {
        background: #f0f2f5;
        border-radius: 4px;
    }
    
    .site.layout-blog .grid-child.container-sidebar-left::-webkit-scrollbar-thumb {
        background: #c1c9d2;
        border-radius: 4px;
    }
    
    /* Main Content */
    .site.layout-blog .grid-child.container-component {
        flex: 1;
        min-width: 0;
        max-width: 680px;
        margin: 0 auto;
        min-height: 100vh;
    }
    
    /* Right Sidebar */
    .site.layout-blog .grid-child.container-sidebar-right {
        position: sticky;
        top: 20px;
        flex: 0 0 320px;
        align-self: flex-start;
        max-height: calc(100vh - 40px);
        overflow-y: auto;
        scrollbar-width: thin;
    }
    
    .site.layout-blog .grid-child.container-sidebar-right::-webkit-scrollbar {
        width: 4px;
    }
    
    .site.layout-blog .grid-child.container-sidebar-right::-webkit-scrollbar-track {
        background: #f0f2f5;
        border-radius: 4px;
    }
    
    .site.layout-blog .grid-child.container-sidebar-right::-webkit-scrollbar-thumb {
        background: #c1c9d2;
        border-radius: 4px;
    }
}

/* Mobile Sidebars */
@media (max-width: 991px) {
    .site.layout-blog .site-grid {
        flex-direction: column;
        gap: 16px;
        padding: 0 12px;
    }
    
    .site.layout-blog .grid-child.container-sidebar-left {
        order: 1;
        width: 100%;
    }
    
    .site.layout-blog .grid-child.container-component {
        order: 2;
        width: 100%;
        max-width: 100%;
    }
    
    .site.layout-blog .grid-child.container-sidebar-right {
        order: 3;
        width: 100%;
    }
    
    .site.layout-blog .grid-child.container-sidebar-left,
    .site.layout-blog .grid-child.container-sidebar-right {
        max-height: none;
        overflow-y: visible;
    }
}

@media (max-width: 576px) {
    .site.layout-blog .site-grid {
        padding: 0 8px;
    }
    
    .site.layout-blog .grid-child.container-sidebar-left .card,
    .site.layout-blog .grid-child.container-sidebar-right .card {
        border-radius: 8px;
    }
    
    .site.layout-blog .grid-child.container-sidebar-left .card-header,
    .site.layout-blog .grid-child.container-sidebar-right .card-header {
        padding: 10px 12px;
        font-size: 0.875rem;
    }
    
    .site.layout-blog .grid-child.container-sidebar-left .card-body,
    .site.layout-blog .grid-child.container-sidebar-right .card-body {
        padding: 8px;
    }
}

body.site.layout-blog {
    background: #f0f2f5;
    min-height: 100vh;
    margin: 0;
    padding: 0;
}

@media (min-width: 992px) {
    :root {
        scroll-padding-top: 0;
    }
}

.site.layout-blog .grid-child.container-sidebar-left,
.site.layout-blog .grid-child.container-sidebar-right {
    transition: all 0.2s ease;
}

/* ============================================
   4. COMMUNITY BUILDER (CB) STYLES
   ============================================ */

/* CB Global */
.cbUserListListAll {
    display: none !important;
}

.cb_template .border {
    background-color: #eaedf0;
    border-radius: 4px;
}

.cb_template .page-item.active .page-link {
    background-color: #202020 !important;
    border-color: #202020 !important;
    color: #fff !important;
    z-index: 3;
}

.cb_template .badge {
    font-size: 90% !important;
    font-weight: 600 !important;
}

.cb_template .form-control::placeholder {
    font-size: .9rem;
    color: var(--secondary-color);
}

.cb_template .mb-3, 
.cb_template .my-3,
.cb_template .border-bottom,
.border-bottom.cb-page-header {
    border-bottom: none !important;
}

.cb_template .nav-tabs .nav-link {
    background-color: #fcfcfc !important;
    margin-right: 0.2rem;
    margin-bottom: 0.1rem !important;
}

/* CB Tab Content */
.cb_tab_content i {
    color: #0b5ed7 !important;
    font-size: 1.25rem;
    padding: 0 0.9rem 0 0;
}

.cb_tab_content .rsdir-content i {
    display: none !important;
}

.cb_tab_content .rsdir-content {
    color: #999 !important;
}

.cb_tab_content .rsdir-content h4 a {
    font-size: 1.2rem;
    color: #202020 !important;
    text-decoration: none;
    pointer-events: none;
    cursor: default;
}

.cb_tab_content .rsdir-content h4 a:hover {
    color: #0b5ed7 !important;
}

.cb_tab_content .rsdir-entries-container h3 {
    font-size: 1.4rem;
    border-bottom: none !important;
}

.cb_tab_content .rsdir-entries li > a {
    pointer-events: none;
    cursor: default;
}

/* CB Fields Contents Tab */
.cbFieldsContentsTab .col-form-label {
    font-size: 0.9rem !important;
    color: #202020;
    font-weight: 600;
    display: flex;
    align-items: center;
    height: 100%;
}

.cbFieldsContentsTab .form-group.row.cb_form_line {
    margin-bottom: 0 !important;
    display: flex;
    align-items: center;
}

.cbFieldsContentsTab .col-sm-3,
.cbFieldsContentsTab .col-sm-9 {
    display: flex;
    align-items: center;
    height: 100%;
}

/* CB User List */
.cbUserListRowColumn {
    color: #666;
}

.cbUserListFC_formatname a {
    font-weight: 600;
    text-decoration: none !important;
    color: #0b5ed7 !important;
    font-size: 1rem;
}

.cbUserListFC_formatname a:hover {
    color: #0b5ed7 !important;
}

.cbListFieldCont .listPoints:first-of-type {
    display: none;
}

/* CB Canvas Layout */
.cbCanvasLayoutContent {
    border-radius: 4px;
}

.cbCanvasLayoutContent .text-large a {
    font-weight: 600;
    text-decoration: none !important;
    color: #0b5ed7;
}

.cbCanvasLayoutContent .text-large a:hover {
    color: #0b5ed7;
}

.cbCanvasLayoutContent a.btn-light {
    color: #202020 !important;
}

.cbCanvasLayoutContent a.btn-light:hover,
.cbCanvasLayoutContent .text-large a:hover {
    color: #0b5ed7 !important;
}

.cbCanvasLayout:hover {
    background-color: #f8f9fa !important;
}

.cbCanvasLayoutTop .cbUserListRowColumn {
    color: #fcfcfc;
    font-size: 0.835rem;
}

/* CB Image Field Gallery */
.cb_template .cbImageFieldGallery input:checked + label > .cbImgCanvas,
.cb_template .cbImageFieldGallery input:checked + label > .cbImgPict,
.cb_template .cbImageFieldGallery input:focus + label > .cbImgCanvas,
.cb_template .cbImageFieldGallery input:focus + label > .cbImgPict {
    box-shadow: 0 0 0 .2rem #0b5ed7 !important;
}

/* CB Video Field */
.cbVideoField {
    width: 100% !important;
}

/* CB Edit Profile */
.cbEditProfile .cbTabsContent.tab-content .cbTabPane .cbFieldsContentsTab {
    border: none;
    background-color: #fff !important;
}

.cbEditProfile .cbFieldsContentsTab {
    padding: 0 !important;
}

.cbEditProfile .cb-page-header-title {
    font-size: 1.2rem !important;
}

.cbEditProfile .cb_form_line {
    padding: 0.3rem 0;
}

.cbEditProfile .proEditToolTips {
    display: block !important;
    margin-left: 0.5rem;
}

/* CB Tabs */
.cbTabsMenuRight .cb_tab_content {
    background-color: #edf1f5;
    border-radius: 8px;
    padding: 1.5rem;
    border: solid 1px #edf1f5;
    margin: 2rem;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
}

.cbTabsMenuRight .cb_tab_content .cb_field {
    text-align: left;
}

#cbtabsCBNav {
    margin-bottom: 0rem !important;
}

/* CB Notice */
.cbNotice {
    font-size: 0.95rem;
    font-weight: 300 !important;
    font-style: italic;
    background-color: #edf1f5 !important;
    color: #202020;
    padding: 0.4rem 1rem !important;
    border-radius: 4px;
}

/* CB Canvas Layout - Send Link Button */
.row.no-gutters.cbCanvasLayoutContent {
    margin: 10px 0 !important;
}

.row.no-gutters.cbCanvasLayoutContent > .cbCanvasLayoutContent:last-child {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
}

.row.no-gutters.cbCanvasLayoutContent > .cbCanvasLayoutContent:last-child a {
    width: 97% !important;
    padding: 4px 15px !important;
    font-size: 0.95rem !important;
    font-weight: 600 !important;
    border-radius: 20px !important;
    text-align: center !important;
    text-decoration: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 36px !important;
    color: white !important;
    transition: all 0.2s ease-in-out !important;
    margin: 0 auto;
    background-color: #fd7e14 !important;
    border: 1px solid #e66a00 !important;
}

.row.no-gutters.cbCanvasLayoutContent > .cbCanvasLayoutContent:last-child a:hover {
    background-color: #e66a00 !important;
    border-color: #cc5f00 !important;
}

.row.no-gutters.cbCanvasLayoutContent > .cbCanvasLayoutContent:last-child a:active {
    transform: translateY(0) !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
}

/* Connection Send Email Hide */
.row.no-gutters.cbCanvasLayoutContent > .cbCanvasLayoutContent:first-child {
    display: none !important;
}

.row.no-gutters.cbCanvasLayoutContent > .cbCanvasLayoutContent:first-child a[href*="emailuser"] {
    display: none !important;
}

/* ============================================
   5. CB IMAGE UPLOAD FIELD
   ============================================ */

.cbImageFieldUpload {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
    border: 2px dashed #cbd5e1;
    border-radius: 12px;
    padding: 1.5rem !important;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.cbImageFieldUpload:hover {
    border-color: #3b82f6;
    background: linear-gradient(135deg, #f1f5f9 0%, #e2e8f0 100%);
    transform: translateY(-2px);
    box-shadow: 0 10px 25px rgba(59, 130, 246, 0.1);
}

.cbImageFieldUpload > .mb-2 {
    font-size: 0.875rem;
    color: #64748b;
    line-height: 1.5;
    margin-bottom: 1rem !important;
    padding: 0.75rem 1rem;
    background: white;
    border-radius: 8px;
    border-left: 4px solid #3b82f6;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    display: none;
}

.cbImageFieldUpload > div:nth-child(2) {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 1rem 0;
}

.cbImageFieldUpload > div:nth-child(2)::before {
    content: "📁 Choose File";
    display: inline-block;
    background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);
    color: white;
    padding: 10px 20px;
    border-radius: 8px;
    font-weight: 600;
    font-size: 0.875rem;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 4px 6px rgba(59, 130, 246, 0.25);
}

.cbImageFieldUpload > div:nth-child(2):hover::before {
    transform: scale(1.05);
    box-shadow: 0 6px 12px rgba(59, 130, 246, 0.35);
}

.cbImageFieldUpload input[type="file"] {
    opacity: 0;
    position: absolute;
    width: 120px;
    height: 40px;
    cursor: pointer;
}

.cbImageFieldUpload > .mt-2 {
    font-size: 0.75rem;
    color: #94a3b8;
    text-align: center;
    margin-top: 1rem !important;
    padding-top: 1rem;
    border-top: 1px solid #e2e8f0;
    font-style: italic;
}

.cbImageFieldUpload:focus-within {
    border-color: #1d4ed8;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.2);
}

.cbImageFieldUpload::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: radial-gradient(#cbd5e1 1px, transparent 1px),
                      radial-gradient(#cbd5e1 1px, transparent 1px);
    background-position: 0 0, 25px 25px;
    background-size: 50px 50px;
    opacity: 0.1;
    pointer-events: none;
}

@media (max-width: 640px) {
    .cbImageFieldUpload {
        padding: 1rem !important;
    }
    
    .cbImageFieldUpload > div:nth-child(2) {
        flex-direction: column;
        align-items: stretch;
    }
    
    .cbImageFieldUpload > div:nth-child(2)::before {
        text-align: center;
    }
}

@keyframes slideIn {
    from {
        opacity: 0;
        transform: translateX(-10px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@media (prefers-color-scheme: dark) {
    .cbImageFieldUpload {
        background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);
        border-color: #475569;
    }
    
    .cbImageFieldUpload > .mb-2 {
        background: #334155;
        color: #cbd5e1;
    }
    
    .cbImageFieldUpload > .mt-2 {
        color: #94a3b8;
        border-color: #475569;
    }
}

/* ============================================
   6. PROFILE INLINE ROW (CB Counters)
   ============================================ */

.cbPosCanvasStats {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 1rem;
    font-size: 0.875rem;
    color: #212529;
    line-height: 1.4;
    padding: 0.4rem 0;
    overflow-x: auto;
    white-space: nowrap;
}

.cbPosCanvasStats .form-group {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start;
    gap: 0.4rem;
    background: #fff !important;
    border: 1px solid #dee2e6;
    border-radius: 18px;
    padding: 0.1rem 0.75rem !important;
    margin: 0.2rem 0 !important;
    flex-shrink: 0;
    box-shadow: 0 2px 6px rgba(0, 204, 255, 0.15);
}

.cbPosCanvasStats .col-form-label {
    display: inherit !important;
}

.cbPosCanvasStats .bisProfRating small {
    font-size: 100%;
}

.cbPosCanvasStats .cb_field {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.35rem;
    margin: 0;
    padding: 0;
}

.cbPosCanvasStats .verified-badge {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center;
    gap: 0.3rem;
    line-height: 1;
}

.cbPosCanvasStats .verified-badge img {
    width: 18px;
    height: 18px;
    vertical-align: middle;
}

.cbPosCanvasStats .form-control-plaintext {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center;
    gap: 0.25rem;
    margin: 0;
    padding: 0;
    line-height: 1.3;
}

.cbPosCanvasStats .cbPointsField {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.25rem;
}

.cbPosCanvasStats .cbPointsFieldValue {
    font-weight: 600;
    min-width: 18px;
    text-align: center;
}

.cbPosCanvasStats .cbPointsFieldIncrement {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    border: 1px solid rgba(0, 0, 0, 0.15);
    background: #fff;
    color: #212529;
    transition: all 0.15s ease-in-out;
    cursor: pointer;
}

.cbPosCanvasStats .cbPointsFieldIncrement:hover {
    background-color: #f8f9fa;
    transform: scale(1.05);
}

.cbPosCanvasStats .cbRatingField {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center;
    gap: 1rem;
    margin-top: 0 !important;
}

.cbPosCanvasStats .rateit {
    display: inline-flex !important;
    align-items: center !important;
    font-size: 22px;
    line-height: 1;
}

.cbPosCanvasStats .cbRatingFieldNumerical,
.cbPosCanvasStats .cbRatingFieldCount {
    font-size: 0.75rem;
    color: #6c757d;
    line-height: 1;
}

.cbPosCanvasStats .verified-badge,
.cbPosCanvasStats .form-control-plaintext,
.cbPosCanvasStats .cbPointsField,
.cbPosCanvasStats .cbRatingField,
.cbPosCanvasStats .cb_field,
.cbPosCanvasStats .form-group {
    align-items: center !important;
    vertical-align: middle !important;
    line-height: 1.4;
}

@media (max-width: 576px) {
    .cbPosCanvasStats {
        flex-wrap: nowrap !important;
        overflow-x: auto;
        gap: 0.6rem;
    }
    
    .cbPosCanvasStats .form-group {
        padding: 0.25rem 0.6rem;
    }
}

/* ============================================
   7. CB TABLES & NEWSFEED
   ============================================ */

.bisProfileForum .table thead th,
.bisNewsfeed .table thead th {
    border: none !important;
}

.bisNewsfeed thead th:nth-child(2),
.bisNewsfeed tbody td:nth-child(2) {
    display: none !important;
}

.bisNewsfeed thead th:nth-child(1),
.bisNewsfeed tbody td:nth-child(1) {
    width: 60% !important;
}

.bisNewsfeed thead th:nth-child(3),
.bisNewsfeed tbody td:nth-child(3) {
    width: 40% !important;
}

.bisNewsfeed .articlesContainer .d-sm-table-cell a {
    font-weight: 400;
}

.bisNewsfeed .articlesContainer a {
    font-size: 1rem;
    color: #0b5ed7 !important;
    font-weight: 600;
}

.bisNewsfeed .articlesContainer a:hover {
    color: #0b5ed7 !important;
}

.bisNewsfeed .articlesContainer th {
    font-size: 1.1rem;
    font-weight: 600;
}

.cbTabsContent #rsc_cb_comments_container {
    font-size: 1rem;
    font-weight: 600;
}

.cbTabsContent #rsc_cb_comments_container a {
    font-size: 1rem;
    color: #0b5ed7 !important;
    font-weight: 600;
}

.cbTabsContent #rsc_cb_comments_container a:hover {
    color: #0b5ed7 !important;
}

/* ============================================
   8. MESSAGE MENU
   ============================================ */

.pgMessagebox .pmMessageEdit .cbtt_input {
    display: none;
}

.pgMessagebox .pmMessageEdit,
.pmMessageDefault,
.pmMessagesDefault,
.pmMessages,
.pmMessage {
    padding: 2rem 2.5rem;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
    background-color: #fff;
    border-radius: 6px;
    border-top: solid 5px #0b5ed7;
}

.pgMessagebox main,
.pgInbox main,
.pgOutbox main {
    margin-top: 0.235rem;
}

.pmMessageHeaderDate {
    font-size: 0.9rem;
    color: #666666;
}

.pmMessagesHeader .pmButtonNew {
    display: none !important;
}

/* ============================================
   9. CONNECTIONS
   ============================================ */

.pgConnections .cbMngConnButtons .cbMngConnCancel {
    display: none;
}

.modConnectonsCenter {
    text-align: center;
}

.modConnectonsCenter .cbModeratorLink {
    padding: 0.5rem 0;
    margin-left: 2rem;
}

.modConnectonsCenter a {
    text-decoration: none;
    border: solid 1px #dee2e6;
    padding: 0.3rem 1rem;
    border-radius: 20px;
    background-color: #fcf9d6;
    color: #202020;
    margin: 1rem 0;
    font-size: 0.9rem;
}

.modConnectonsCenter a:hover {
    border: solid 1px #0b5ed7;
    background-color: #0b5ed7;
    color: #fff;
}

/* ============================================
   10. EDIT FORM BUTTONS & STYLES
   ============================================ */

/* Hide Save As Copy button */
button[data-submit-task="article.save2copy"],
.d-grid.gap-2.d-sm-block.mb-2 > button[data-submit-task="article.save2copy"] {
    display: none !important;
}

/* Edit Form Alert */
.edit.item-page .alert-info {
    font-size: 0.9rem;
}

.edit.item-page .d-grid.gap-2 {
    margin-top: 1.5rem;
}

/* Global Button Styles */
.btn-primary {
    border: solid 1px #0b5ed7 !important;
    background-color: #0b5ed7 !important;
    color: #fcfcfc !important;
}

.btn-primary:hover {
    border: solid 1px #336699 !important;
    background-color: #336699 !important;
    color: #fff !important;
}

.btn-danger {
    background-color: #999 !important;
    border: solid 1px #999 !important;
    color: #fcfcfc !important;
}

.btn-danger:hover {
    background-color: #666 !important;
    border: solid 1px #666 !important;
    color: #fff !important;
}

/* Form Select Dropdowns */
.form-select.form-select-danger,
.form-select.form-select-success {
    color: #fcfcfc;
}

/* ============================================
   11. PROFILE & USER RELATED STYLES
   ============================================ */

.badge.badge-primary {
    background-color: #888 !important;
    padding: 0.35rem 0.5rem !important;
    color: #fff !important;
}

.proEditToolTips,
.iconBeforeLabel,
.col-form-label {
    vertical-align: top;
    align-self: flex-start;
}

.pgProfile .col-form-label svg,
.iconBeforeLabel {
    margin-right: 0.5rem;
}

.col-form-label svg {
    color: #0b5ed7 !important;
    width: 18px;
    height: 18px;
}

.pgProfile .proEditToolTips {
    display: none !important;
}

/* Profile Download */
.profileDownload a {
    background-color: #0b5ed7 !important;
    padding: .2rem 1rem;
    border-bottom: solid 1px #0b5ed7;
    border-radius: 4px;
    color: #fcfcfc !important;
    text-decoration: none !important;
    max-width: 250px;
    text-align: center;
}

.profileDownload a:hover {
    color: #ffffff !important;
}

.cbProfile #cbfv_157 a {
    padding: 0.5rem 2rem;
}

/* Profile Biz Logo */
.profileBizLogo .cbImgPict.cbFullPict.img-thumbnail {
    max-width: 200px !important;
    border: none !important;
}

/* Profile Heading */
.profileHeading {
    margin-top: 1rem !important;
    border-left: solid 4px #0b5ed7;
    padding-left: 10px;
}

.profileTitleDesc {
    color: #999;
    border-bottom: solid 1px #e2e6e9;
    font-size: 0.9rem !important;
}

.profileHeading2 .form-control-plaintext,
.profileHeading1 .form-control-plaintext {
    font-weight: 600 !important;
    font-size: 1.1rem !important;
    color: #0b5ed7 !important;
    border-bottom: solid 1px #0b5ed7;
    padding: 1rem 0 .7rem 0;
}

.profileHeading2 .form-control-plaintext .fa-circle-check,
.profileHeading1 .form-control-plaintext .fa-circle-check {
    color: #0b5ed7;
}

/* Profile URL */
.bisProfileUrl a {
    font-size: 0.95rem !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    color: #0b5ed7 !important;
}

/* ============================================
   12. TAB ENTRY - LISTING
   ============================================ */

.cbEmailUser .cb-page-header-title {
    text-align: center;
    font-size: 1.4rem;
    border: none !important;
}

.cbEmailUser,
.cbTabsMenuMain,
.tag-category,
.cbManageConnections {
    padding: 2rem 2.5rem;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
    background-color: #fff;
}

/* ============================================
   13. CB LISTINGS IMAGES
   ============================================ */

.cbbListings .rsdir-entries img {
    width: 200px !important;
    height: auto !important;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
    margin-right: 1rem;
}

.infoUpload {
    margin-left: 0.5rem;
}

/* ============================================
   14. MODULES - Tags, Comments, Profiles, Search
   ============================================ */

/* Tags Module */
.card.modTags {
    background: transparent;
    border: none;
}

.modTags .mod-tagspopular {
    margin-left: 0.5rem;
}

.modTags ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.modTags ul li {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 8px;
}

.modTags ul li:last-child {
    margin-right: 0;
}

.modTags ul li a {
    display: inline-block;
    padding: 4px 8px;
    border-radius: 3px;
    text-decoration: none;
    color: #333;
    font-size: 14px;
}

.modTags ul li a:hover {
    background-color: #ffffff;
}

.modTags .card-body {
    padding: 0;
    margin: 0;
}

/* Headers */
.modHeadTags,
.headLatestComments {
    padding: 0 0 1rem 1rem;
    margin-top: 2rem;
    margin-left: 1.5rem;
}

/* Latest Comments Module */
.rscomm-recent-view i {
    font-size: 0.9rem;
    display: none;
}

.rscomm-recent-view i,
.rscomm-recent-view a {
    color: #0b5ed7;
    text-decoration: none;
}

.rscomm-recent-view {
    margin-right: 2rem;
}

.rscomm-recent-view:hover i,
.rscomm-recent-view:hover a {
    color: #0b5ed7;
}

.rscomm-recent-head .rscomm-recent-media {
    display: block;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    object-fit: cover;
}

.modLatestComments .rscomm-recent-head {
    margin-left: 1rem;
    font-size: 1rem;
    align-items: center;
    font-weight: 500;
}

.modLatestComments .rscomm-recent-time i {
    color: #999;
}

.modLatestComments .rscomm-recent-time small {
    font-size: 0.8rem;
    color: #999;
}

.modLatestComments .rscomm-recent-body {
    box-shadow: 0 2px 12px rgba(13, 110, 253, 0.2);
    border-radius: 6px;
    background-color: #fcfcfc;
    margin-right: 1rem;
    margin-left: 1rem;
}

.modLatestComments .rscomm-recent-body:hover {
    background-color: #fff;
    color: #202020;
}

.rscomm-recent-comment + .rscomm-recent-comment {
    padding-top: 5px !important;
    margin-top: 5px !important;
    border-top: none !important;
}

.modLatestComments .card-body,
.modUpdatedProfiles .card-body {
    margin: 0;
    padding: 0 0 0 1.5rem;
}

/* Updated Profiles Module */
.modUpdatedProfiles .posttext {
    text-align: center;
    margin: 1rem;
}

.modUpdatedProfiles .posttext a {
    width: 100%;
}

.modUpdatedProfiles .cb_online,
.modUpdatedProfiles .cb_offline {
    font-size: 0.5rem !important;
}

.modUpdatedProfiles .cbUserListRow .cbUserListFC_formatname svg {
    color: #999;
}

.modUpdatedProfiles .cbUserListRow .cbUserListFC_cb_country {
    font-size: 0.85rem;
}

.modUpdatedProfiles .cbUserListRow .cbUserListFC_cb_country,
.modUpdatedProfiles .cbUserListRow .cbUserListFC_formatname svg {
    color: #999;
}

.modUpdatedProfiles .cbUserListRow:hover .cbUserListFC_cb_country,
.modUpdatedProfiles .cbUserListRow .cbUserListFC_cb_profile_category {
    font-size: 0.85rem;
    color: #666666;
}

.modUpdatedProfiles .cbUserListRow:hover .cbUserListFC_cb_profile_category {
    color: #202020;
}

.modUpdatedProfiles .cbUserListRow {
    margin-right: 1rem !important;
}

.modUpdatedProfiles .cbUserListFieldLine {
    line-height: 1.1;
}

.modUpdatedProfiles .cbUsersList.pgMembers {
    border-radius: 0px;
    border: none;
    background-color: transparent;
    box-shadow: none;
    padding: 0;
}

.modUpdatedProfiles .cbUserListHeader {
    display: none;
}

/* Community Newsfeed Module */
.modCommunityNewsfeed {
    background-color: transparent !important;
    margin-left: 1.5rem;
}

.modCommunityNewsfeed h3.mod-articles-title {
    padding: 0;
    margin: 0 0 0.5rem 0;
    line-height: 0.9;
}

.modCommunityNewsfeed a.mod-articles-link {
    font-size: 1rem;
    line-height: 1;
    font-weight: 600;
    color: #0b5ed7 !important;
}

.modCommunityNewsfeed a.mod-articles-link:hover {
    color: #0b5ed7 !important;
}

.modCommunityNewsfeed .mod-list li {
    padding: 0;
}

.modCommunityNewsfeed .list-inline {
    font-size: .9rem;
    color: #999;
    margin-bottom: 0;
}

.modCommunityNewsfeed .card-body {
    padding: 0rem 1rem 1rem 1rem;
}

.headCommunityNewsfeed {
    margin: 0;
    padding-top: 1rem;
}

/* Smart Search Module */
.modCommSearch {
    padding: 0 !important;
    margin: 0 !important;
    border: none;
    background: transparent;
}

.modCommSearch .mod-finder.js-finder-searchform button {
    background-color: #666666;
    border: solid 1px #666666;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    box-shadow: 0 2px 12px rgba(13, 110, 253, 0.2);
}

.modCommSearch .mod-finder.js-finder-searchform button:hover {
    background-color: #202020;
}

.modCommSearch .js-finder-search-query {
    border: solid 1px #edf1f5;
    box-shadow: 0 2px 12px rgba(13, 110, 253, 0.2);
    padding: 0.525rem 1rem;
    border-radius: 50px;
    background: #fcfcfc;
}

.modCommSearch .js-finder-search-query.form-control:focus {
    border: solid 1px #dee2e6;
    background: #fff;
    color: #202020;
    box-shadow: 0 2px 12px rgba(13, 110, 253, 0.2);
}

.modCommSearch .js-finder-search-query.form-control::placeholder {
    color: #666666;
    text-align: left;
    font-size: 0.9rem;
}

.modCommSearch button.btn.btn-primary[type="submit"] {
    font-size: 0;
    position: relative;
}

.modCommSearch button.btn.btn-primary[type="submit"] .icon-search {
    font-size: 1rem;
    display: inline-block;
}

/* Mod Post Help */
.modCommPostHelp .card-body {
    margin: 0;
    padding: 0;
}

.modCommPostHelp .accordion-body {
    font-size: 0.9rem;
    color: #666666;
}

.headCommPostHelp {
    font-size: 1.1rem;
    font-weight: 500;
    background: transparent;
    border-top: none;
    border-right: none;
    border-bottom: solid 1px #dee2e6;
    border-left: none;
    color: #999;
}

/* ============================================
   15. ARTICLE META INFO - TOP ROW
   ============================================ */

.pgNewsfeed .blog-item .verifiedBadgeImage,
.item-pagepgNewsfeed .verifiedBadgeImage {
    display: inline-block;
    vertical-align: middle;
    margin-left: 4px;
    width: 14px;
    height: 14px;
}

.biskoon-meta-row-top.bis-top-article-info {
    margin-bottom: 0.75rem;
    padding-left: 1rem;
}

.biskoon-meta-row-top .meta-list {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    padding: 0;
    margin: 0;
    list-style: none;
    align-items: center;
    font-size: 0.8rem;
}

.biskoon-meta-row-top .meta-item {
    display: inline-flex;
    align-items: center;
    font-size: 0.8rem;
    color: #666666;
    line-height: 1.4;
    white-space: nowrap;
}

.biskoon-meta-row-top .meta-item svg {
    width: 12px;
    height: 12px;
    margin-right: 0.375rem;
    color: #666666;
    flex-shrink: 0;
    opacity: 0.8;
}

/* Avatar */
.biskoon-meta-row-top .cb-avatar {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    object-fit: cover;
    margin-right: 0.375rem;
    border: 1px solid #e9ecef;
}

.biskoon-meta-row-top .cb-avatar-initials {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #dee2e6;
    color: #495057;
    font-size: 0.65rem;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 0.375rem;
}

/* Author Section */
.biskoon-meta-row-top .meta-item.author {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.125rem 0;
    color: #666666;
}

.biskoon-meta-row-top .meta-item.author .author-link,
.biskoon-meta-row-top .meta-item.author .btn.noebdarkmode {
    display: inline-flex;
    align-items: center;
    color: #666666;
    font-size: 0.9rem;
    font-weight: 400;
    text-decoration: none;
    background: none;
    border: none;
    padding: 0.125rem 0.375rem;
    border-radius: 0.25rem;
    transition: all 0.15s ease-in-out;
    cursor: pointer;
    margin: 0;
    line-height: 1.2;
}

.biskoon-meta-row-top .meta-item.author .author-link:hover,
.biskoon-meta-row-top .meta-item.author .btn.noebdarkmode:hover {
    color: #0b5ed7;
    text-decoration: none;
    cursor: pointer;
}

.badgeWrapper svg {
    width: 20px !important;
    height: 20px !important;
    margin-left: 0.3rem !important;
}

/* Connect Button */
.biskoon-meta-row-top .meta-item.author .connect-btn,
.biskoon-meta-row-top .meta-item.author .author-connect-link {
    margin-left: 0.5rem;
    font-size: 0.85rem;
    font-weight: 400;
    color: #fff;
    text-decoration: none;
    background-color: #0b5ed7 !important;
    border: 1px solid #0b5ed7 !important;
    border-radius: 0.875rem;
    padding: 0.125rem 0.5rem;
    line-height: 1.2;
    background: transparent;
    transition: all 0.2s ease;
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
    cursor: pointer;
}

.author-connect-link svg,
.biskoon-meta-row-top .meta-item.author .connect-btn:hover svg {
    color: #fff !important;
}

.biskoon-meta-row-top .meta-item.author .connect-btn:hover,
.biskoon-meta-row-top .meta-item.author .author-connect-link:hover {
    text-decoration: none;
    background-color: #0b5ed7 !important;
    border: 1px solid #0a53be !important;
}

/* Publish Date & Access Level */
.biskoon-meta-row-top .publish-date {
    color: #666666;
}

.biskoon-meta-row-top .publish-date .edited-label {
    margin-left: 0.25rem;
    color: #666666;
    font-style: italic;
    font-size: 0.75rem;
    opacity: 0.8;
}

.biskoon-meta-row-top .access-level {
    font-weight: 400;
    color: #666666;
}

.biskoon-meta-row-top .access-level svg,
.biskoon-meta-row-top .publish-date svg,
.biskoon-meta-row-top .connect-btn svg {
    color: #202020;
    width: 12px;
    height: 12px;
}

.biskoon-meta-row-top .meta-item.author,
.biskoon-meta-row-top .meta-item.publish-date,
.biskoon-meta-row-top .meta-item.access-level {
    color: #666666;
    font-size: 0.9rem;
    font-weight: 400;
}

.biskoon-meta-row-top [data-bs-toggle="tooltip"] {
    cursor: help;
}

/* ============================================
   16. ARTICLE META INFO - BOTTOM ROW
   ============================================ */

.biskoon-meta-row-bottom {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 1rem;
    width: 100%;
    font-size: 0.8rem;
    color: #666666;
    font-weight: 500;
    padding: 0.175rem 0;
    margin-bottom: 1.5rem;
}

.biskoon-meta-row-bottom .meta-item {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: auto;
    white-space: nowrap;
}

.biskoon-meta-row-bottom .meta-item.comments-count .rsc_comments_count,
.biskoon-meta-row-bottom .meta-item.modified-date .hits,
.biskoon-meta-row-bottom .meta-item.share .bisShare {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 6px 10px;
    border-radius: 4px;
    transition: all 0.2s ease;
    white-space: nowrap;
    cursor: pointer;
    background: transparent;
    font-size: 1rem;
    color: #666666;
    border: solid 1px #999;
    text-decoration: none;
}

.biskoon-meta-row-bottom .meta-item.comments-count .rsc_comments_count:hover,
.biskoon-meta-row-bottom .meta-item.modified-date .hits:hover,
.biskoon-meta-row-bottom .meta-item.share .bisShare:hover {
    background-color: #f8f9fa;
    color: #202020;
}

/* Comments Count */
.biskoon-meta-row-bottom .meta-item.comments-count img {
    width: 16px;
    height: 16px;
    filter: invert(50%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(90%);
    transition: all 0.2s ease;
    flex-shrink: 0;
}

.biskoon-meta-row-bottom .meta-item.comments-count a {
    color: #666666;
    text-decoration: none;
    font-weight: 500;
    transition: all 0.2s ease;
    text-transform: capitalize;
}

.biskoon-meta-row-bottom .meta-item.comments-count .rsc_comments_count:hover a {
    color: #202020;
}

.biskoon-meta-row-bottom .meta-item.comments-count .rsc_comments_count:hover img {
    filter: invert(13%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(0%) contrast(90%);
}

/* Comments Icon Replacement */
.biskoon-meta-row-bottom .meta-item .rsc_comments_count img {
    display: none !important;
}

.biskoon-meta-row-bottom .meta-item .rsc_comments_count {
    position: relative;
}

.biskoon-meta-row-bottom .meta-item .rsc_comments_count::before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    background-color: #666666;
    -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"><path d="M2.678 11.894a1 1 0 0 1 .287.801 11 11 0 0 1-.398 2c1.395-.323 2.247-.697 2.634-.893a1 1 0 0 1 .71-.074A8 8 0 0 0 8 14c3.996 0 7-2.807 7-6s-3.004-6-7-6-7 2.808-7 6c0 1.468.617 2.83 1.678 3.894m-.493 3.905a22 22 0 0 1-.713.129c-.2.032-.352-.176-.273-.362a10 10 0 0 0 .244-.637l.003-.01c.248-.72.45-1.548.524-2.319C.743 11.37 0 9.76 0 8c0-3.866 3.582-7 8-7s8 3.134 8 7-3.582 7-8 7a9 9 0 0 1-2.347-.306c-.52.263-1.639.742-3.468 1.105"/><path d="M7.066 6.76A1.665 1.665 0 0 0 4 7.668a1.667 1.667 0 0 0 2.561 1.406c-.131.389-.375.804-.777 1.22a.417.417 0 0 0 .6.58c1.486-1.54 1.293-3.214.682-4.112zm4 0A1.665 1.665 0 0 0 8 7.668a1.667 1.667 0 0 0 2.561 1.406c-.131.389-.375.804-.777 1.22a.417.417 0 0 0 .6.58c1.486-1.54 1.293-3.214.682-4.112z"/></svg>') no-repeat center;
    mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"><path d="M2.678 11.894a1 1 0 0 1 .287.801 11 11 0 0 1-.398 2c1.395-.323 2.247-.697 2.634-.893a1 1 0 0 1 .71-.074A8 8 0 0 0 8 14c3.996 0 7-2.807 7-6s-3.004-6-7-6-7 2.808-7 6c0 1.468.617 2.83 1.678 3.894m-.493 3.905a22 22 0 0 1-.713.129c-.2.032-.352-.176-.273-.362a10 10 0 0 0 .244-.637l.003-.01c.248-.72.45-1.548.524-2.319C.743 11.37 0 9.76 0 8c0-3.866 3.582-7 8-7s8 3.134 8 7-3.582 7-8 7a9 9 0 0 1-2.347-.306c-.52.263-1.639.742-3.468 1.105"/><path d="M7.066 6.76A1.665 1.665 0 0 0 4 7.668a1.667 1.667 0 0 0 2.561 1.406c-.131.389-.375.804-.777 1.22a.417.417 0 0 0 .6.58c1.486-1.54 1.293-3.214.682-4.112z"/></svg>') no-repeat center;
    transition: background-color 0.2s ease;
    margin-right: 6px;
    flex-shrink: 0;
}

.biskoon-meta-row-bottom .meta-item .rsc_comments_count:hover::before {
    background-color: #202020;
}

/* Modified Date */
.biskoon-meta-row-bottom .meta-item.modified-date .article-info {
    margin: 0;
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: center;
}

.biskoon-meta-row-bottom .meta-item.modified-date .hits {
    margin: 0;
    font-weight: 500;
    cursor: default;
    color: #666666;
    display: flex;
    align-items: center;
    gap: 6px;
}

.biskoon-meta-row-bottom .meta-item.modified-date .hits:hover {
    background-color: #f8f9fa;
    color: #202020;
}

.biskoon-meta-row-bottom .meta-item.modified-date svg {
    width: 16px;
    height: 16px;
    color: #666666;
    transition: color 0.2s ease;
    flex-shrink: 0;
}

.biskoon-meta-row-bottom .meta-item.modified-date .hits:hover svg {
    color: #202020;
}

/* Share Button */
.biskoon-meta-row-bottom .meta-item.share .bisShare {
    background: none;
    border: solid 1px #999;
    cursor: pointer;
    font-weight: 500;
    color: #666666;
    transition: all 0.2s ease;
    padding: 6px 10px;
}

.biskoon-meta-row-bottom .meta-item.share .bisShare:hover {
    color: #202020;
    background-color: #f8f9fa;
}

.biskoon-meta-row-bottom .meta-item.share .bisShare svg {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    color: #666666;
    transition: color 0.2s ease;
}

.biskoon-meta-row-bottom .meta-item.share .bisShare:hover svg {
    color: #202020;
}

/* Ensure proper alignment */
.biskoon-meta-row-bottom .meta-item.modified-date .article-info,
.biskoon-meta-row-bottom .meta-item.share .bisShare {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0;
}

/* ============================================
   17. ARTICLE ITEMS & READ MORE
   ============================================ */

.item-pagepgNewsfeed .badge.bg-warning.text-light {
    float: right;
}

.item-pagepgNewsfeed .biskoon-meta-row-bottom {
    padding: 0.3rem 0;
}

.item-pagepgNewsfeed h1 {
    font-size: 1.6rem;
    color: #202020;
    padding: 1.5rem 1.3rem 0 1.3rem;
}

.pgNewsfeed .blog-item .page-header h2 {
    padding: 1rem 2rem;
}

.pgNewsfeed .blog-item .page-header h2 a {
    font-size: 1.4rem;
    color: #202020;
    text-decoration: none;
}

.pgNewsfeed .blog-item p {
    padding: 0.5rem 2rem !important;
}

.pgNewsfeed .blog-item .biskoon-meta-row,
.pgNewsfeed .blog-item .biskoon-tags-aftertext,
.pgNewsfeed .blog-item .videoFieldDisplay div {
    margin: 0 !important;
}

.pgNewsfeed .blog-item .content_rating {
    margin-top: 1rem 0 0 0 !important;
}

.pgNewsfeed .blog-item .article-info {
    padding: 0;
}

.pgNewsfeed .blog-item .article-info time,
.pgNewsfeed .blog-item .article-info a {
    font-size: 0.8rem;
    font-weight: 500;
    color: #666666;
}

.pgNewsfeed .blog-item .article-info a {
    text-decoration: none;
}

.pgNewsfeed .blog-item .article-info a:hover {
    color: #336699;
}

.pgNewsfeed .blog-item .article-info .icon-calendar,
.pgNewsfeed .blog-item .article-info .icon-user {
    color: #ccc;
}

.pgNewsfeed .blog-item .biskoon-meta-row {
    border-top: solid 1px #edf1f5;
    background-color: #edf1f5;
}

.pgNewsfeed .blog-item .biskoon-meta-row .article-info {
    border: none !important;
    padding: 0 !important;
}

.pgNewsfeed .blog-item .videoFieldDisplay {
    flex-wrap: nowrap;
}

.item-pagepgNewsfeed .com-content-article__body {
    padding: 1rem 2rem;
    border-bottom: solid 1px #edf1f5;
}

/* Blog Edit Buttons */
.item-pagepgNewsfeed .icons a,
.pgNewsfeed .blog-item .item-content .icons a {
    text-decoration: none;
    margin-right: 1rem;
    margin-bottom: 1rem;
    padding: 0.3rem 0.6rem;
    font-size: 0.85rem;
    border-radius: 4px;
    background-color: #999;
    color: #fcfcfc;
}

.item-pagepgNewsfeed .icons a:hover,
.pgNewsfeed .blog-item .item-content .icons a:hover {
    color: #fff;
    background-color: #0b5ed7;
}

/* Read More & Tags Wrappers */
.readMoreWrapper,
.content_rating,
.biskoon-tags-aftertext,
.biskoon-meta-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    margin: 0.3rem 0;
    text-align: center;
}

.biskoon-meta-row > div {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.8rem;
    color: #666666;
}

.pgNewsfeed .blog-item .biskoon-tags-aftertext {
    padding: 0;
    margin: 0;
}

/* Article Info */
.article-info {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    align-items: center;
    margin: 0.5rem 0;
    padding: 0;
    font-size: 0.8rem;
    color: #666666;
}

.article-info dt,
.article-info dd {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    gap: 0.25rem;
    font-size: 0.8rem;
    color: #666666;
}

.article-info .icon-fw {
    margin-right: 0.25rem;
}

.article-info.text-muted {
    font-size: 0.8rem;
    color: #666666;
}

.item-pagepgNewsfeed .article-info,
.item-pagepgNewsfeed .content_rating {
    display: none;
}

/* Tags */
.item-pagepgNewsfeed .tags.list-inline,
.pgNewsfeed .blog-item .tags.list-inline {
    padding-bottom: 0 !important;
    background-color: transparent;
}

.item-pagepgNewsfeed .tags.list-inline {
    text-align: center;
    padding-top: 0.5rem;
    margin-bottom: 0;
}

.item-pagepgNewsfeed .tags.list-inline a,
.pgNewsfeed .blog-item .tags.list-inline a {
    font-weight: 400;
    font-size: 0.85rem;
    color: #fff;
    padding: 0 1rem;
    border: solid 1px rgb(84, 113, 247);
    border-radius: 20px;
    margin: 0.25rem 0;
    background-color: rgb(84, 113, 247) !important;
}

.item-pagepgNewsfeed .tags.list-inline a:hover,
.pgNewsfeed .blog-item .tags.list-inline a:hover {
    color: #fff;
    border: solid 1px #0b5ed7;
    background-color: #0b5ed7 !important;
}

.pgNewsfeed .blog-item a.readmore {
    text-decoration: none;
    color: #0b5ed7;
    font-style: italic;
    font-size: 1rem;
}

.pgNewsfeed .blog-item a.readmore:hover {
    color: #0b5ed7;
}

.biskoon-meta-row .tags {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.pgNewsfeed .blog-item ul.tags.list-inline {
    margin: 0;
    padding: 0;
}

.pgNewsfeed .blog-item h2 a {
    color: #003399 !important;
}

.pgNewsfeed .blog-item h2 a:hover {
    color: #0033cc !important;
}

.pgNewsfeed .blog-item h2 {
    padding: 1rem 1.3rem 0 1.3rem !important;
}

/* ============================================
   18. IMAGE GALLERY
   ============================================ */

.item-pagepgNewsfeed ul.fields-container,
.modCommunityNewsfeed ul.fields-container,
.pgNewsfeed ul.fields-container,
.com-content-article.item-page ul.fields-container {
    list-style: none !important;
    padding-left: 0;
    margin: 0 !important;
}

.item-pagepgNewsfeed ul.fields-container li.field-entry,
.modCommunityNewsfeed ul.fields-container li.field-entry,
.pgNewsfeed ul.fields-container li.field-entry,
.com-content-article.item-page ul.fields-container li.field-entry {
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
}

.item-pagepgNewsfeed ul.fields-container img,
.modCommunityNewsfeed ul.fields-container img,
.pgNewsfeed ul.fields-container img,
.com-content-article.item-page ul.fields-container img {
    width: 100% !important;
    height: auto !important;
    display: block;
    object-fit: cover;
}

.item-pagepgNewsfeed .fields-container,
.modCommunityNewsfeed .fields-container,
.pgNewsfeed .blog-item .fields-container,
.pgNewsfeed .com-content-article.item-page .fields-container,
.com-content-article.item-page .fields-container {
    display: grid;
    gap: 1rem;
}

.item-pagepgNewsfeed .videoFieldDisplay,
.modCommunityNewsfeed .videoFieldDisplay,
.pgNewsfeed .fields-container .videoFieldDisplay,
.com-content-article.item-page .fields-container .videoFieldDisplay {
    grid-column: 1 / -1;
}

/* 1 Image */
.item-pagepgNewsfeed .fields-container:has(.image1):not(:has(.image2, .image3, .image4)),
.modCommunityNewsfeed .fields-container:has(.image1):not(:has(.image2, .image3, .image4)),
.pgNewsfeed .fields-container:has(.image1):not(:has(.image2, .image3, .image4)),
.com-content-article.item-page .fields-container:has(.image1):not(:has(.image2, .image3, .image4)) {
    grid-template-columns: 1fr;
}

.item-pagepgNewsfeed .fields-container:has(.image1):not(:has(.image2, .image3, .image4)) .image1,
.modCommunityNewsfeed .fields-container:has(.image1):not(:has(.image2, .image3, .image4)) .image1,
.pgNewsfeed .fields-container:has(.image1):not(:has(.image2, .image3, .image4)) .image1,
.com-content-article.item-page .fields-container:has(.image1):not(:has(.image2, .image3, .image4)) .image1 {
    grid-column: 1 / -1;
}

/* 2 Images */
.modCommunityNewsfeed .fields-container:has(.image1 + .image2):not(:has(.image3, .image4)),
.modCommunityNewsfeed .fields-container:has(.image1 + .image3):not(:has(.image2, .image4)),
.modCommunityNewsfeed .fields-container:has(.image1 + .image4):not(:has(.image2, .image3)),
.modCommunityNewsfeed .fields-container:has(.image2 + .image3):not(:has(.image1, .image4)),
.modCommunityNewsfeed .fields-container:has(.image2 + .image4):not(:has(.image1, .image3)),
.modCommunityNewsfeed .fields-container:has(.image3 + .image4):not(:has(.image1, .image2)),
.pgNewsfeed .blog-item .fields-container:has(.image1 + .image2):not(:has(.image3, .image4)),
.pgNewsfeed .blog-item .fields-container:has(.image1 + .image3):not(:has(.image2, .image4)),
.pgNewsfeed .blog-item .fields-container:has(.image1 + .image4):not(:has(.image2, .image3)),
.pgNewsfeed .blog-item .fields-container:has(.image2 + .image3):not(:has(.image1, .image4)),
.pgNewsfeed .blog-item .fields-container:has(.image2 + .image4):not(:has(.image1, .image3)),
.pgNewsfeed .blog-item .fields-container:has(.image3 + .image4):not(:has(.image1, .image2)),
.pgNewsfeed .com-content-article.item-page .fields-container:has(.image1 + .image2):not(:has(.image3, .image4)),
.pgNewsfeed .com-content-article.item-page .fields-container:has(.image1 + .image3):not(:has(.image2, .image4)),
.pgNewsfeed .com-content-article.item-page .fields-container:has(.image1 + .image4):not(:has(.image2, .image3)),
.pgNewsfeed .com-content-article.item-page .fields-container:has(.image2 + .image3):not(:has(.image1, .image4)),
.pgNewsfeed .com-content-article.item-page .fields-container:has(.image2 + .image4):not(:has(.image1, .image3)),
.pgNewsfeed .com-content-article.item-page .fields-container:has(.image3 + .image4):not(:has(.image1, .image2)),
.item-pagepgNewsfeed .fields-container:has(.image1 + .image2):not(:has(.image3, .image4)),
.item-pagepgNewsfeed .fields-container:has(.image1 + .image3):not(:has(.image2, .image4)),
.item-pagepgNewsfeed .fields-container:has(.image1 + .image4):not(:has(.image2, .image3)),
.item-pagepgNewsfeed .fields-container:has(.image2 + .image3):not(:has(.image1, .image4)),
.item-pagepgNewsfeed .fields-container:has(.image2 + .image4):not(:has(.image1, .image3)),
.item-pagepgNewsfeed .fields-container:has(.image3 + .image4):not(:has(.image1, .image2)) {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    align-items: start;
}

/* 3 Images */
.item-pagepgNewsfeed .fields-container:has(.image1):has(.image2):has(.image3):not(:has(.image4)),
.modCommunityNewsfeed .fields-container:has(.image1):has(.image2):has(.image3):not(:has(.image4)),
.pgNewsfeed .fields-container:has(.image1):has(.image2):has(.image3):not(:has(.image4)),
.com-content-article.item-page .fields-container:has(.image1):has(.image2):has(.image3):not(:has(.image4)) {
    grid-template-columns: 2fr 1fr;
}

.item-pagepgNewsfeed .fields-container:has(.image1):has(.image2):has(.image3):not(:has(.image4)) .image1,
.modCommunityNewsfeed .fields-container:has(.image1):has(.image2):has(.image3):not(:has(.image4)) .image1,
.pgNewsfeed .fields-container:has(.image1):has(.image2):has(.image3):not(:has(.image4)) .image1,
.com-content-article.item-page .fields-container:has(.image1):has(.image2):has(.image3):not(:has(.image4)) .image1 {
    grid-column: 1 / 2;
    grid-row: 1 / 3;
}

/* 4 Images */
.item-pagepgNewsfeed .fields-container:has(.image1):has(.image2):has(.image3):has(.image4),
.modCommunityNewsfeed .fields-container:has(.image1):has(.image2):has(.image3):has(.image4),
.pgNewsfeed .fields-container:has(.image1):has(.image2):has(.image3):has(.image4),
.com-content-article.item-page .fields-container:has(.image1):has(.image2):has(.image3):has(.image4) {
    grid-template-columns: 1fr 1fr;
}

/* ============================================
   19. COMMUNITY BLOCK CONTENT ITEM
   ============================================ */

.rscomments {
    border-top: solid 1px #edf1f5;
}

.bisCustomVoting .text-warning,
.bisCustomVoting .text-muted {
    font-weight: 600;
    font-size: inherit;
}

.bisCustomVoting {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    margin: 0.5rem 0 1rem 0 !important;
    text-align: center;
    padding: 0.5rem;
}

/* ============================================
   20. COMMUNITY POST EDIT
   ============================================ */

.pgCommunityPost h1 {
    font-size: 1.6rem;
    margin: 1rem 0;
}

.pgCommunityPost #com-content-form button {
    font-weight: 600;
    font-size: 1rem;
}

.pgCommunityPost .edit.item-page .d-grid.gap-2.d-sm-block.mb-2,
#attrib-fields-2 .tox-statusbar,
#attrib-fields-2 .tox-editor-header {
    display: none;
}

.pgCommunityPost .edit.item-page div[role="tablist"] > button[role="tab"],
.pgNewsfeed .edit.item-page div[role="tablist"] > button[role="tab"] {
    font-weight: 600;
    font-size: 1rem;
}

.pgCommunityPost .edit.item-page .d-grid.gap-2.d-sm-block.mb-2,
.pgNewsfeed .edit.item-page .d-grid.gap-2.d-sm-block.mb-2 {
    display: flex !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    gap: 10px;
}

.pgCommunityPost .edit.item-page .btn.btn-primary,
.pgNewsfeed .edit.item-page .btn.btn-primary {
    background-color: #0b5ed7;
}

.pgCommunityPost .edit.item-page .btn.btn-primary:hover,
.pgNewsfeed .edit.item-page .btn.btn-primary:hover {
    background-color: #336699;
}

.pgCommunityPost .edit.item-page .joomla-field-media .field-media-preview,
.pgNewsfeed .edit.item-page .joomla-field-media .field-media-preview {
    height: auto !important;
}

.pgCommunityPost .edit.item-page #fieldset-fields-2 legend,
.pgCommunityPost .edit.item-page #fieldset-fields-1 legend,
.pgNewsfeed .edit.item-page #fieldset-fields-1 legend,
.pgNewsfeed .edit.item-page #fieldset-fields-2 legend {
    display: none;
}

.pgCommunityPost .edit.item-page .options-form,
.pgNewsfeed .edit.item-page .options-form {
    border: none;
}

/* Access & Status */
#jform_com_fields_video_help-lbl {
    font-size: 0.9rem;
    color: #666;
}

#jform_com_fields_video_help {
    background-color: #e7e7e7;
    font-size: 0.9rem;
    color: #666;
}

.pgCommunityPost .edit.item-page #publishing .control-group > #jform_access-lbl,
.pgCommunityPost .edit.item-page #publishing .control-group > #jform_access,
.pgNewsfeed .edit.item-page #publishing .control-group > #jform_access-lbl,
.pgNewsfeed .edit.item-page #publishing .control-group > #jform_access {
    display: block !important;
}

/* Hide archive option */
.pgCommunityPost .edit.item-page #jform_state option[value="2"],
.pgNewsfeed .edit.item-page #jform_state option[value="2"] {
    display: none !important;
}

/* Hide all access options */
.pgCommunityPost .edit.item-page #jform_access option,
.pgNewsfeed .edit.item-page #jform_access option {
    display: none;
}

/* Only show Public (1) and Registered (2) */
.pgCommunityPost .edit.item-page #jform_access option[value="1"],
.pgCommunityPost .edit.item-page #jform_access option[value="2"],
.pgNewsfeed .edit.item-page #jform_access option[value="1"],
.pgNewsfeed .edit.item-page #jform_access option[value="2"] {
    display: block;
}

/* Align label + field */
.pgCommunityPost .edit.item-page #publishing .control-group:has(#jform_access),
.pgNewsfeed .edit.item-page #publishing .control-group:has(#jform_access) {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    margin-bottom: 15px;
}

/* Field Media Preview */
joomla-field-media .field-media-preview {
    border: none;
    background-color: transparent;
}

/* Input Group */
.pgCommunityPost .edit.item-page .input-group .btn,
.pgNewsfeed .edit.item-page .input-group .btn {
    margin-top: 0.4rem;
    border-radius: 4px !important;
}

.pgCommunityPost .edit.item-page .input-group,
.pgNewsfeed .edit.item-page .input-group {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    max-width: 100%;
}

/* Image Labels */
#jform_com_fields_image1-lbl,
#jform_com_fields_image2-lbl,
#jform_com_fields_image3-lbl,
#jform_com_fields_image4-lbl {
    font-weight: 600;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Hidden Elements */
.pgCommunityPost .edit.item-page #jform_catid,
.pgNewsfeed .edit.item-page #jform_catid,
.toggle-editor,
#jform_com_fields__image1__imagefile-lbl,
#jform_com_fields__image2__imagefile-lbl,
#jform_com_fields__image3__imagefile-lbl,
#jform_com_fields__image4__imagefile-lbl,
#jform_com_fields__image1__imagefile,
#jform_com_fields__image2__imagefile,
#jform_com_fields__image3__imagefile,
#jform_com_fields__image4__imagefile,
#jform_com_fields__image1__alt_empty-lbl,
#jform_com_fields__image1__alt_empty,
#jform_com_fields__image1__alt_empty-desc,
#jform_com_fields__image2__alt_empty-lbl,
#jform_com_fields__image2__alt_empty,
#jform_com_fields__image2__alt_empty-desc,
#jform_com_fields__image3__alt_empty-lbl,
#jform_com_fields__image3__alt_empty,
#jform_com_fields__image3__alt_empty-desc,
#jform_com_fields__image4__alt_empty-lbl,
#jform_com_fields__image4__alt_empty,
#jform_com_fields__image4__alt_empty-desc {
    display: none !important;
}

#jform_com_fields_video-desc .form-text {
    color: #999;
    margin-top: 1rem;
    font-size: 0.85rem;
}

joomla-tab-element#metadata,
joomla-tab-element#publishing,
joomla-tab-element#attrib-fields-1,
joomla-tab-element#editor {
    padding: 2rem;
}

.pgCommunityPost .edit.item-page #publishing .control-group #jform_tags,
.pgNewsfeed .edit.item-page #publishing .control-group #jform_tags {
    display: none !important;
}

.pgCommunityPost .edit.item-page #publishing .control-group,
.pgNewsfeed .edit.item-page #publishing .control-group {
    display: none;
}

.edit.item-page #publishing #jform_tags-lbl,
.edit.item-page #publishing #jform_tags {
    display: block !important;
}

.pgCommunityPost .edit.item-page #publishing .control-group > #jform_state-lbl,
.pgCommunityPost .edit.item-page #publishing .control-group > #jform_tags-lbl,
.pgNewsfeed .edit.item-page #publishing .control-group > #jform_state-lbl,
.pgNewsfeed .edit.item-page #publishing .control-group > #jform_tags-lbl {
    display: block !important;
}

.pgCommunityPost .edit.item-page #publishing .control-group:has(#jform_state),
.pgCommunityPost .edit.item-page #publishing .control-group:has(#jform_tags),
.pgNewsfeed .edit.item-page #publishing .control-group:has(#jform_state),
.pgNewsfeed .edit.item-page #publishing .control-group:has(#jform_tags) {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    margin-bottom: 15px;
}

.pgCommunityPost .edit.item-page .form-select-success,
.pgCommunityPost .edit.item-page .form-select-danger,
.pgNewsfeed .edit.item-page .form-select-success,
.pgNewsfeed .edit.item-page .form-select-danger {
    color: #fff !important;
}

.pgCommunityPost .edit.item-page .d-grid.gap-2,
.pgNewsfeed .edit.item-page .d-grid.gap-2 {
    margin: 2rem !important;
}

/* ============================================
   21. BREADCRUMBS
   ============================================ */

.mod-breadcrumbs__wrapper .divider.icon-location {
    display: none;
}

.breadcrumb {
    background-color: transparent;
}

.breadcrumb-item + .breadcrumb-item::before {
    float: left;
    padding-right: var(--bs-breadcrumb-item-padding-x);
    color: var(--bs-breadcrumb-divider-color);
    content: "\f061";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-style: normal;
    color: #999;
}

.mod-breadcrumbs__wrapper span {
    color: #999;
}

.mod-breadcrumbs__wrapper a:hover span {
    color: #666 !important;
}

.mod-breadcrumbs__wrapper a {
    text-decoration: none;
}

.mod-breadcrumbs__wrapper a,
.mod-breadcrumbs__wrapper {
    font-size: .8rem;
    color: #999;
}

.mod-breadcrumbs__wrapper ol {
    padding: 0 !important;
    margin: 0 !important;
}

/* ============================================
   22. ACCORDION
   ============================================ */

.accordion-item h2 button {
    font-weight: 600;
    color: #666;
    font-size: 0.9rem;
}

/* ============================================
   23. CB MODERATOR LINK
   ============================================ */

.cbModeratorLink {
    margin-left: 0.3rem;
}

.globalRight {
    margin-left: 0.5rem;
}

/* ============================================
   24. MEMBERS VIEW
   ============================================ */

.bisMembersView ul {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1.2rem;
    list-style: none;
    padding: 0;
    margin: 1rem 0;
}

.bisMembersView li {
    display: inline-flex;
    align-items: center;
}

.bisMembersView a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    transition: all 0.3s ease;
    color: #0b5ed7;
    background-color: #fff !important;
    padding: 0.3rem;
    box-shadow: 0 2px 6px rgba(0, 204, 255, 0.15);
    border: solid 2px #fff;
}

.bisMembersView a:hover {
    background-color: rgba(0, 204, 255, 0.1) !important;
    transform: translateY(-2px);
}

.memberListView a.listView,
.memberGridView a.gridView,
.memberCanvasView a.canvasView {
    background-color: #0066cb !important;
    color: #fff !important;
    box-shadow: 0 3px 10px rgba(0, 204, 255, 0.25);
}

.bisMembersView svg {
    width: 28px;
    height: 28px;
    fill: currentColor;
}

/* Hide find in BC */
.hideFindInBc {
    display: none;
}

/* ============================================
   25. MEMBERS SEARCH
   ============================================ */

.pgMembers .cbUserListSearchFields svg {
    display: none;
}

.pgMembers .cbUserListSearchFields #cb_country {
    max-width: 200px !important;
}

.pgMembers .cbUserListSearchFields {
    background-color: #edf1f5;
    border-radius: 4px;
    padding: 2rem;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
}

.cbUserListSearchButtons .col-sm-9 .cbUserlistSubmit {
    margin-top: 1rem;
}

/* Member Counter */
.cbUserListResultCount {
    display: none;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
    padding: 5px;
    max-width: 700px;
    width: 100%;
    position: relative;
    overflow: hidden;
    text-align: center;
}

.cbUserListResultCount::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, #3498db, #9b59b6, #e74c3c);
}

.memberCounterBlock {
    font-size: 1.2rem;
    font-weight: 600;
    text-align: center;
    margin-bottom: 20px;
    line-height: 1.5;
    color: #202020;
}

.highlightNumber {
    display: inline-block;
    background: linear-gradient(135deg, #3498db 0%, #9b59b6 50%, #e74c3c 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    font-weight: 800;
    font-size: 1.3rem;
    padding: 0 5px;
    position: relative;
    text-shadow: 0 2px 8px rgba(52, 152, 219, 0.15);
}

.highlightNumber::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 5px;
    right: 5px;
    height: 2px;
    background: linear-gradient(90deg, #3498db, #9b59b6, #e74c3c);
    border-radius: 2px;
    opacity: 0.7;
}

.memberText {
    font-size: 1.05rem !important;
    font-weight: 600 !important;
    color: #333333;
}

.cbUsersList.pgMembers {
    border-radius: 12px;
    border: 1px solid #edf1f5;
    background-color: #fff;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08), 0 4px 12px rgba(0, 0, 0, 0.06);
    padding: 2rem;
}

/* ============================================
   26. PROFILE TABS
   ============================================ */

.cb_tab_content #cb_profile_heading2,
.cb_tab_content #cb_profile_heading1 {
    width: 850px;
}

.cb_tab_content #cb_enterprenuer_collab_other,
.cb_tab_content #cb_enterprenuer_referral_ideal,
.cb_tab_content #cb_enterprenuer_service,
.cb_tab_content #cb_profile_achievements,
.cb_tab_content #cb_profile_testimonials,
.cb_tab_content #cb_pitch,
.cb_tab_content #cb_titlesummary {
    width: 850px;
    height: 250px;
}

.cbCheckboxButtons label {
    margin: .5rem .5rem .5rem 0;
    border-radius: 4px !important;
}

/* ============================================
   27. EDIT USER PAGE
   ============================================ */

.form-control-plaintext a {
    text-decoration: none !important;
}

/* Hide age calendar */
#cb_ageCalendar {
    display: none;
}

#cb_enterprenuer_name::placeholder {
    color: transparent;
}

/* ============================================
   28. CB CHECKBOX & TOOLTIP
   ============================================ */

.cbTooltip .fa.fa-eye-slash,
.cbTooltip .fa.fa-eye,
.cbTooltip .fa.fa-star {
    margin: .5rem;
}

.cbTooltip .fa.fa-star {
    color: #cc6600 !important;
}

/* ============================================
   29. EDIT NOTICE
   ============================================ */

.editNotice p {
    font-size: .9rem;
}

.editNotice {
    background-color: #fcf9d6;
    border-left: solid 6px #e86046;
    padding: 1.5rem;
    border-radius: 4px;
}

.editNotice ul {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    list-style: none;
    padding: 0;
    margin: 20px 0;
}

.editNotice li {
    display: flex;
    align-items: flex-start;
    padding: 15px;
    border-radius: 8px;
    background-color: #ffffff;
    border: 1px solid #edf1f5;
    min-width: 250px;
    flex: 1;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.03);
}

.editNotice li svg {
    flex-shrink: 0;
    margin-right: 10px;
    margin-top: 2px;
}

.editNotice strong {
    display: block;
    font-size: 0.9em;
    margin-right: 0.4rem;
}

.editNotice li {
    font-size: 0.9em;
    line-height: 1.4;
}

.editNotice h5 {
    font-size: 1.1rem;
    color: #999;
    font-weight: 600;
}

.editNotice h6 {
    font-size: .9rem;
    font-weight: 600;
}

.editNoticeTitle {
    font-size: 1.4rem !important;
}

/* ============================================
   30. CB TABS
   ============================================ */

.cb_template .nav-tabs .nav-link {
    color: #202020 !important;
    font-weight: 600;
    font-size: 1rem;
    padding: .6rem 2rem .6rem 2rem;
}

.cb_template .nav.nav-tabs .nav-link.active {
    border-top-left-radius: 6px !important;
    border-top-right-radius: 6px !important;
    border-bottom-right-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
    color: #fcfcfc !important;
    background-color: #0b5ed7 !important;
    border: solid 1px #0b5ed7;
}

.cbEditProfile .cbTabsContent.tab-content {
    border-top: solid 3px #0b5ed7 !important;
    padding: 2rem !important;
    box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.15) !important;
    background-color: #fff;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px;
    margin-top: -0.1rem !important;
}

.cbEditProfileTabbed.edit-profile .cbFieldsContentsTab {
    padding: 2rem;
    border: solid 1px #dee2e6;
    border-radius: 4px;
}

.cbEditProfileTabbed.edit-profile label {
    font-weight: 600;
}

.cbEditProfileTabbed.edit-profile .cbFieldsContentsTab textarea {
    width: 90% !important;
    min-height: 150px !important;
}

/* Profile Title */
.cbProfileTitle .cb-page-header-title {
    color: #1e293b !important;
    font-size: 1.15rem !important;
}

.cbProfileEditButtons {
    padding: 1.5rem 0 8rem 0;
}

/* ============================================
   31. MEMBERSHIP & CART LINKS
   ============================================ */

.typeLink,
.cartLink,
.heartLink {
    font-size: 0 !important;
}

.heartLink:hover .fa-solid.fa-heart,
.mod-languages__list a:hover,
.myshortlist_cart_button:hover .fa-heart,
.typeLink:hover .fa-solid.fa-keyboard,
.cartLink:hover .fa-solid.fa-cart-shopping {
    color: #0b5ed7;
}

/* ============================================
   32. COMMUNITY PAGE BANNER
   ============================================ */

.communityPageBanner p {
    color: #999;
    font-size: 1rem;
    font-weight: 500;
}

.communityPageBanner h5 {
    color: #202020;
}

/* ============================================
   33. STATUS TEXTAREA
   ============================================ */

textarea#cb_status {
    width: 500px;
    height: 200px;
}

/* ============================================
   34. TRUNCATED TEXT
   ============================================ */

#cbfv_198.truncated {
    overflow: hidden;
    position: relative;
}

#cbfv_198.truncated::after {
    content: "...";
    position: absolute;
    bottom: 0;
    right: 0;
    background: white;
    padding-left: 5px;
}

.bisProStatus {
    font-size: 1rem;
    color: #475569;
    font-weight: 500;
}

/* ============================================
   35. HIDE ELEMENTS
   ============================================ */

#cbfv_61 svg:nth-of-type(1) {
    display: none;
}

#cblabcbfv_199,
#cblabcbfv_60,
.customLabel,
#cbfv_58,
.cbFieldsContentsTab .cbft_connections label,
.cbFieldsContentsTab .cbft_points label,
.cbFieldsContentsTab .cbft_counter label {
    font-weight: 400 !important;
    font-size: .9rem !important;
    font-family: 'Roboto', sans-serif !important;
}

#cbfv_58 .verified-badge img {
    margin-right: 0.4rem;
}

.customLabel {
    margin-left: 0.4rem;
}

/* ============================================
   36. LOGIN AVATAR
   ============================================ */

.login-avatar.cb_template {
    padding: 0;
    margin: 0;
}

/* ============================================
   37. NAVIGATION LINKS
   ============================================ */

.cbEditProfileTabbed.edit-profile .nav-link,
.cb_template .navbar-light .navbar-nav .nav-link,
.cbNavBarLink {
    background-color: #edf1f5;
    color: #202020 !important;
    font-weight: 600 !important;
    border-radius: 4px;
    padding: .5rem 1.1rem !important;
    font-size: 1rem !important;
    margin: 0 .4rem !important;
    border: solid 1px #dee2e6 !important;
    transition: all 0.2s ease-in-out;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
}

.cbEditProfileTabbed.edit-profile .nav-link {
    margin: 0 .1rem !important;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}

.cbEditProfileTabbed.edit-profile .nav-link.active,
.cb_template .navbar-light .navbar-nav .nav-link.active,
.cbNavBarLink.active {
    color: #ffffff !important;
    background-color: #0b5ed7 !important;
    border: solid 1px #0b5ed7 !important;
}

.cbNavBarLink:hover,
.cbEditProfileTabbed.edit-profile .nav-link:hover,
.cb_template .navbar-light .navbar-nav .nav-link:hover {
    color: #ffffff !important;
    background-color: #0b5ed7 !important;
    border: solid 1px #0a53be !important;
    text-decoration: none;
}

.cbProfileTitle h3 {
    color: #0b5ed7 !important;
}

.cb_template a {
    background-color: transparent;
    text-decoration: none;
}

.cbNavBarLink svg,
.cbTabNavLink svg {
    transition: fill 0.2s ease-in-out;
}

.cbTabNavLink.nav-link:hover {
    background-color: #e9ecef !important;
}

.cbNavBarLink .badge {
    transition: all 0.2s ease-in-out;
}

.cbNavBarLink:hover .badge {
    border-color: #ffffff !important;
    background-color: rgba(255, 255, 255, 0.2) !important;
    color: #ffffff !important;
}

/* ============================================
   38. HIDE ADDITIONAL ELEMENTS
   ============================================ */

#cbfr_jform_params_editor,
#cbfr_jform_params_allowTourAutoStart,
#cbfr_jform_webauthn_webauthn,
#cbfr_multifactor {
    display: none !important;
}

/* ============================================
   39. CB POWERED BY
   ============================================ */

.cbPoweredBy.cb_template.cb_template_default {
    margin-top: 300px !important;
    margin-bottom: 100px !important;
}

/* ============================================
   40. BODY & CONTAINER STYLES
   ============================================ */

body {
    background-color: #fcfcfc;
    font-family: 'Roboto', sans-serif;
}

.container-sidebar-right .card,
.container-sidebar-right .card {
    border: none;
    background-color: transparent;
    border: solid 2px #edf1f5;
    border-radius: 4px;
}

.container-sidebar-right .card.modCommunityNewsfeed,
.container-sidebar-right .card.modUpdatedProfiles {
    border: none;
}

/* ============================================
   41. TOOLTIPS
   ============================================ */

.tooltip {
    padding: 0 !important;
    border: none !important;
    background-color: transparent !important;
}

.tooltip,
.tooltip-inner {
    box-shadow: none !important;
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    font-size: 0.85rem;
    line-height: 1.1;
    visibility: visible;
    opacity: 1 !important;
}

.tooltip-inner {
    box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.15) !important;
    max-width: 250px;
    padding: 0.5rem !important;
    color: #fcfcfc;
    background-color: #202020 !important;
    border-radius: 6px !important;
    border: solid 1px #202020 !important;
    font-size: .75rem;
    text-align: left;
}

.tooltip-inner::first-letter {
    text-transform: uppercase;
}

i.fa-circle-info {
    color: #ced4da;
}

.tooltip-arrow::before {
    border-top-color: #eaedf0;
}

/* ============================================
   42. FORM INPUTS - Full Width
   ============================================ */

.cbFieldsContentsTab input[type="text"],
.cbFieldsContentsTab input[type="email"],
.cbFieldsContentsTab input[type="tel"],
.cbFieldsContentsTab input[type="url"],
.cbFieldsContentsTab input[type="file"],
.cbFieldsContentsTab input[type="password"],
.cbFieldsContentsTab select,
.cbFieldsContentsTab textarea {
    min-width: 550px !important;
}

.cbUserListSearchFields .cbFieldsContentsTab select,
.cbUserListSearchFields .cbFieldsContentsTab input[type="text"] {
    min-width: auto !important;
}

.cb_template .form-control-plaintext {
    line-height: 2 !important;
    font-size: 0.95rem !important;
}

/* ============================================
   43. MAIN FORM FIX
   ============================================ */

.cb_template .badge {
    font-size: 90% !important;
    font-weight: 600 !important;
}

.com-content-category-blog.blog,
.pgNewsfeed .edit.item-page {
    width: 100%;
    box-sizing: border-box;
}

.pgNewsfeed .edit.item-page #adminForm {
    width: 100%;
    box-sizing: border-box;
}

.pgNewsfeed .edit.item-page joomla-tab {
    width: 100%;
    box-sizing: border-box;
}

.pgNewsfeed .edit.item-page joomla-tab-element {
    width: 100%;
    box-sizing: border-box;
}

.pgNewsfeed .edit.item-page .control-group {
    max-width: 100%;
    box-sizing: border-box;
}

.pgNewsfeed .edit.item-page .form-control,
.pgNewsfeed .edit.item-page .form-select,
.pgNewsfeed .edit.item-page .tox-tinymce {
    max-width: 100%;
    box-sizing: border-box;
}

.pgNewsfeed .edit.item-page .tox-tinymce {
    width: 100% !important;
}

.pgNewsfeed .com-content-category-blog .btn.btn-primary {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    width: 100%;
    background-color: #0b5ed7 !important;
    font-weight: 600 !important;
}

.pgNewsfeed .com-content-category-blog .btn.btn-primary:hover {
    background-color: #0b5ed7 !important;
}

/* ============================================
   44. IMAGE GRID SHOW
   ============================================ */

#fieldset-fields-1 .form-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, auto);
    gap: 1rem;
    width: 100%;
    box-sizing: border-box;
}

#fieldset-fields-1 .form-grid > .control-group {
    margin: 0;
    padding: 0.75rem;
    border: 1px solid #e9ecef;
    border-radius: 6px;
    background-color: #f8f9fa;
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
}

#fieldset-fields-1 .subform-wrapper {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    width: 100%;
    box-sizing: border-box;
}

#fieldset-fields-1 .subform-wrapper .control-group {
    width: 100%;
}

#fieldset-fields-1 .subform-wrapper .control-group:nth-child(3) {
    display: none !important;
}

#fieldset-fields-1 .field-media-wrapper {
    width: 100%;
    box-sizing: border-box;
}

#fieldset-fields-1 .input-group {
    width: 100%;
    flex-wrap: nowrap;
}

#fieldset-fields-1 .field-media-input {
    flex: 1;
    min-width: 0;
    box-sizing: border-box;
}

#fieldset-fields-1 .control-label,
#fieldset-fields-1 .controls {
    width: 100%;
    box-sizing: border-box;
}

#fieldset-fields-1 .form-control {
    width: 100%;
    box-sizing: border-box;
}

/* ============================================
   45. CHARACTER COUNTER
   ============================================ */

.char-counter {
    font-size: 12px;
    text-align: right;
    color: #6c757d;
    margin-top: 2px;
    font-style: italic;
}

/* ============================================
   46. FIRST LOGIN MESSAGE
   ============================================ */

.firstLoginMessage h2 {
    font-size: 1.4rem !important;
}

.firstLoginMessage {
    font-size: 0.9rem !important;
}

/* ============================================
   47. BISKOON CONTACT QR
   ============================================ */

.bisContactQr {
    text-align: right;
    font-weight: 400;
    width: 100%;
    font-style: italic;
}

.bisQrLabel {
    font-size: 0.9rem;
}

.bisQrLabelSmall {
    font-size: 0.8rem;
}

.bcb_contact_qr label {
    font-weight: 400 !important;
}

.bcb_contact_qr .cbImgPict {
    width: 160px;
    height: auto;
}

/* ============================================
   48. GUEST SEARCH
   ============================================ */

.searchCriteriaTitleHtml {
    border: solid 1px #dee2e6 !important;
    background-color: #fcf9d6;
    padding: 1rem 0.5rem 0.5rem 0.5rem;
    margin: 1rem !important;
    border-radius: 4px;
    text-align: center;
}

.searchCriteriaTitleHtml .btn.btn-outline-secondary.btn-sm {
    display: inline;
    padding: 0.2rem 0.5rem;
    font-size: 1.1rem;
    line-height: 1.5;
    border-radius: 0.2rem;
    font-weight: 400;
    text-align: center;
    vertical-align: baseline;
    cursor: pointer;
    user-select: none;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    text-decoration: none;
    font-family: inherit;
    color: #202020 !important;
    border-color: #202020;
}

.searchCriteriaTitleHtml .btn.btn-outline-secondary.btn-sm:hover {
    background-color: #545b62;
    color: #fff !important;
}

.searchCriteriaTitleHtml a.btn.btn-outline-secondary.btn-sm {
    text-decoration: none;
    display: inline;
    padding: 0.35rem 0.5rem;
}

.searchCriteriaTitleHtml .cb-page-header-title {
    line-height: 1.8;
    font-size: 1.1rem;
    font-weight: 400;
}

/* ============================================
   49. PAGINATION
   ============================================ */

.pagination {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin: 20px 0;
}

.pagination .page-item .page-link {
    background: #ffffff;
    border: 1px solid #e4e6eb;
    color: #050505;
    padding: 8px 12px;
    border-radius: 8px;
    text-decoration: none;
}

.pagination .page-item.active .page-link {
    background: #1877f2;
    border-color: #1877f2;
    color: white;
}

.pagination .page-item .page-link:hover {
    background: #f0f2f5;
}

/* ============================================
   50. PAGENAVIGATION (Prev/Next)
   ============================================ */

.pagenavigation {
    padding: 16px;
    border-top: 1px solid #e4e6eb;
    margin-top: 16px;
}

.pagenavigation .pagination {
    justify-content: space-between;
    margin: 0;
    width: 100%;
}

.pagenavigation .btn-secondary {
    background: #f0f2f5;
    border: none;
    color: #050505;
    padding: 8px 20px;
    border-radius: 8px;
    font-size: 0.875rem;
    font-weight: 500;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: background 0.2s ease;
}

.pagenavigation .btn-secondary:hover {
    background: #e4e6eb;
}

.pagenavigation .previous .icon-chevron-left {
    margin-right: 4px;
}

.pagenavigation .next .icon-chevron-right {
    margin-left: 4px;
}

/* ============================================
   51. MOBILE RESPONSIVE (Main)
   ============================================ */

@media (max-width: 991px) {
    .modHeadTags,
    .headLatestComments {
        padding: 0 0 1rem 0;
        margin: 0;
    }
    
    .modTags .mod-tagspopular {
        margin: 0;
    }
    
    .tag-category,
    .cbManageConnections {
        padding: 1rem;
        border-radius: 6px;
    }
    
    .tab_description {
        color: #999 !important;
    }
    
    .tag-category .com-tags__items > ul.com-tags__category.category.list-group,
    .tag-category .com-tags__items > ul.com-tags__category.category.list-group {
        grid-template-columns: 1fr;
    }
    
    .biskoon-meta-row-bottom {
        gap: 0.5rem;
        font-size: 0.75rem;
    }
    
    .biskoon-meta-row-bottom .meta-item.comments-count .rsc_comments_count,
    .biskoon-meta-row-bottom .meta-item.modified-date .hits,
    .biskoon-meta-row-bottom .meta-item.share .bisShare {
        padding: 4px 8px;
        font-size: 0.95rem;
        gap: 4px;
    }
    
    .modCommunityHor .cbModeratorLinks {
        display: flex;
        flex-direction: column;
        gap: 2px;
    }
    
    .modCommunityHor .cbModeratorLink {
        display: block;
    }
    
    .cbUserListTitle h3.cb-page-header-title {
        font-size: 1.3rem !important;
        font-weight: 600;
    }
    
    .cbUserListTitle h3 {
        font-size: 1.5rem !important;
    }
    
    .cbUsersList.pgMembers {
        padding: 1rem;
    }
    
    .cbUserListResultCount {
        padding: 5px 0;
        margin-bottom: 10px;
    }
    
    .memberText {
        font-size: 0.95rem !important;
        font-weight: 600 !important;
    }
    
    .cbUserListDescription {
        display: none;
    }
    
    .memberCounterBlock {
        font-size: 1.2rem;
    }
    
    .highlightNumber {
        font-size: 1.2rem;
    }
    
    .memberCounterDesc {
        font-size: 0.95rem;
        padding: 12px 15px;
    }
    
    .biskoon-meta-row-top .meta-list {
        gap: 0.75rem;
        font-size: 0.75rem;
    }
    
    .biskoon-meta-row-top .meta-item {
        font-size: 0.75rem;
    }
    
    .biskoon-meta-row-top .meta-item.author .connect-btn,
    .biskoon-meta-row-top .meta-item.author .author-connect-link {
        font-size: 0.65rem;
        padding: 0.1rem 0.375rem;
    }
    
    .cb_tab_content .col-sm-3 {
        border: none;
    }
    
    .container-search {
        flex-direction: column;
        gap: 8px;
    }
    
    .saveThis,
    .mod-languages {
        width: 100%;
    }
    
    a.logo-text {
        font-size: 20px;
        width: 120px;
        height: 60px;
        line-height: 60px;
    }
    
    .container-below-top .cbLogoutForm .mod-login-logout__options {
        flex-direction: column;
        gap: 8px;
    }
    
    .biskoon-meta-row {
        gap: 0;
        font-size: 13px;
        padding: 0 10px 0 20px !important;
    }
    
    /* Form Fields Fixes */
    .cbFieldsContentsTab input[type="text"],
    .cbFieldsContentsTab input[type="email"],
    .cbFieldsContentsTab input[type="tel"],
    .cbFieldsContentsTab input[type="url"],
    .cbFieldsContentsTab input[type="file"],
    .cbFieldsContentsTab input[type="password"],
    .cbFieldsContentsTab select,
    .cbFieldsContentsTab textarea {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 260px !important;
        box-sizing: border-box;
        display: block;
    }
    
    .cbFieldsContentsTab select,
    .cbFieldsContentsTab .combodate select,
    #cb_country,
    #cb_profile_category,
    #cb_profile_subcategory,
    #cb_enterprenuer_category,
    #cb_summaryexp,
    #cb_profile_file__choice,
    #cb_profile_video__choice {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 260px !important;
    }
    
    .cbFieldsContentsTab textarea {
        min-height: 120px;
        resize: vertical;
    }
    
    #cb_country,
    #cb_profile_category,
    #cb_profile_subcategory,
    #cb_enterprenuer_category,
    #cb_summaryexp,
    #cb_profile_file__choice,
    #cb_profile_video__choice,
    .cbFileFieldChoice,
    .cbVideoFieldChoice,
    .cbFieldsContentsTab .combodate .year {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 260px !important;
    }
    
    .cbFieldsContentsTab .form-group.row {
        display: block !important;
    }
    
    .cbFieldsContentsTab .col-sm-3,
    .cbFieldsContentsTab .col-sm-9 {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
    }
    
    .cbFieldsContentsTab label.col-form-label {
        display: block;
        margin-bottom: 0.5rem;
        padding-right: 0 !important;
        font-weight: 600;
    }
    
    .cbFieldsContentsTab .col-form-label.col-sm-3 {
        padding-right: 0 !important;
        margin-bottom: 0.5rem;
        font-weight: 600;
        display: block;
    }
    
    .cbFieldsContentsTab .cb_field {
        width: 100% !important;
    }
    
    .cbFieldsContentsTab .form-check-inline {
        display: inline-flex !important;
        margin: 0 0.6rem 0.5rem 0 !important;
    }
    
    .cbVideoField iframe,
    .cbVideoFieldEmbed {
        width: 100% !important;
        height: auto !important;
        min-height: 200px;
    }
    
    .cbEditProfile .cbTabsContent.tab-content {
        padding: 1rem !important;
    }
    
    .editNotice {
        padding: 1rem;
        border: none;
    }
    
    .editNotice li {
        min-width: auto;
    }
    
    joomla-tab-element#metadata,
    joomla-tab-element#publishing,
    joomla-tab-element#attrib-fields-1,
    joomla-tab-element#editor {
        padding: 1rem;
    }
    
    .modTags,
    .cbTabsMenuRight .cb_tab_content,
    .cbEmailUser,
    .cbTabsMenuMain,
    .tag-category,
    .cbManageConnections {
        padding: 1rem;
    }
    
    #filter-search {
        max-width: 100% !important;
    }
    
    .tag-category h1 {
        font-size: 1.2rem;
        margin-bottom: 1rem;
    }
    
    .com-tags__description,
    .modUpdatedProfiles .cbUserListHeader {
        display: none;
    }
    
    .modCommunityNewsfeed .card-body,
    .modCommunityNewsfeed,
    .cbTabsMenuRight .cb_tab_content {
        margin: 0;
    }
    
    .modCommunityNewsfeed .card-body,
    .modCommunityNewsfeed,
    .cbTabsMenuRight .cb_tab_content {
        margin: 0;
    }
    
    body.wrapper-fluid .site-grid {
        grid-gap: 0 0.8em;
    }
    
    .cb_tab_content #cb_enterprenuer_referral_ideal,
    .cb_tab_content #cb_enterprenuer_collab_other,
    .cb_tab_content #cb_profile_heading2,
    .cb_tab_content #cb_profile_heading1,
    .cb_tab_content #cb_enterprenuer_service,
    .cb_tab_content #cb_profile_achievements,
    .cb_tab_content #cb_profile_testimonials,
    .cb_tab_content #cb_pitch,
    .cb_tab_content #cb_titlesummary {
        min-width: 260px !important;
    }
    
    .cb_tab_content .cbSelectTag {
        max-width: 260px !important;
    }
    
    .bisContactQr {
        text-align: center;
    }
    
    .cbbListings .rsdir-entries img {
        width: 100% !important;
        margin-right: 0;
    }
    
    .cbbListings .rsdir-content {
        margin-left: 0px !important;
    }
}

/* ============================================
   52. MODULE HEADERS
   ============================================ */

.modHeadTags,
.headCommunityNewsfeed,
.headLatestComments,
.headCommunityNewsfeed {
    margin: 0;
    padding-top: 1rem;
}

.modHeadTags,
.headLatestComments {
    padding: 0 0 1rem 1rem;
    margin-top: 2rem;
    margin-left: 1.5rem;
}

/* ============================================
   53. MODULE LAYOUT FIXES
   ============================================ */

.modLatestComments .card-body,
.modUpdatedProfiles .card-body {
    margin: 0;
    padding: 0 0 0 1.5rem;
}

.modLatestComments,
.modUpdatedProfiles .cb_template .border-top {
    border: none !important;
}

.modLatestComments .rscomm-recent-body {
    padding: 1rem;
    font-size: 0.9rem;
    color: #666666;
}

.modCommunityNewsfeed {
    margin-left: 1.5rem;
}

.modCommPostHelp .card-body {
    margin: 0;
    padding: 0;
}

.modCommPostHelp .accordion-body {
    font-size: 0.9rem;
    color: #666666;
}

/* ============================================
   54. MODULE GRID LAYOUT
   ============================================ */

.mod-articles-items.mod-articles-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 16px;
    list-style: none;
    padding: 0;
    margin: 0;
}

.mod-articles-items .mod-articles-item {
    background: #ffffff;
    border-radius: 12px;
    border: 1px solid #e4e6eb;
    overflow: hidden;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.mod-articles-items .mod-articles-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.mod-articles-item-content {
    padding: 12px;
}

.mod-articles-title {
    font-size: 1rem;
    font-weight: 600;
    margin: 0 0 8px;
    line-height: 1.3;
}

.mod-articles-title a {
    color: #1e293b;
    text-decoration: none;
}

.mod-articles-title a:hover {
    color: #1877f2;
}

/* ============================================
   55. MOD-ARTICLES-ITEM-CONTENT
   ============================================ */

.mod-articles-item-content {
    padding: 1rem;
    background-color: #f0f0f0;
    border-radius: 6px;
}

.mod-articles-item-content:hover,
.modUpdatedProfiles .cbUserListRow:hover {
    background-color: #fff !important;
    box-shadow: 0 2px 12px rgba(13, 110, 253, 0.2);
    border-radius: 6px;
}

/* ============================================
   56. MODULE SOCIAL SEARCH
   ============================================ */

.modSocialSearch {
    background: transparent;
    border: none;
    padding: 0;
    margin-bottom: 20px;
}

.modSocialSearch .card-body {
    padding: 0;
}

.modSocialSearch .visually-hidden,
.modSocialSearch label {
    display: none;
}

.modSocialSearch .mod-finder {
    position: relative;
    width: 100%;
}

.modSocialSearch .js-finder-search-query {
    width: 100%;
    padding: 12px 16px 12px 44px;
    background: #f1f5f9;
    border: 1px solid #e2e8f0;
    border-radius: 50px;
    font-size: 0.95rem;
    color: #334155;
    outline: none;
    transition: all 0.3s ease;
    min-width: 295px;
}

.modSocialSearch .js-finder-search-query:focus {
    background: #ffffff;
    border-color: #2563eb;
    box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.08);
    min-width: 330px;
}

.modSocialSearch .mod-finder::before {
    content: '';
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='%2394a3b8' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.006 1.006 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z'%3E%3C/path%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
}

@media (max-width: 768px) {
    .modSocialSearch .js-finder-search-query {
        padding: 11px 14px 11px 40px;
        font-size: 0.9rem;
    }
    
    .modSocialSearch .mod-finder::before {
        left: 14px;
        width: 16px;
        height: 16px;
    }
}

/* ============================================
   57. CB CANVAS STATS MOBILE
   ============================================ */

@media (max-width: 576px) {
    .cbPosCanvasStats .cbFieldsContentsTab {
        display: flex;
        flex-direction: column;
        gap: 0.5rem;
    }
    
    .cbPosCanvasStats .cbFieldsContentsTab .form-group.row {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 1rem !important;
        border-bottom: 1px solid #f0f0f0 !important;
        min-height: 40px !important;
        box-sizing: border-box !important;
    }
    
    .cbPosCanvasStats .cbFieldsContentsTab .form-group.row:last-child {
        border-bottom: none !important;
    }
    
    .cbPosCanvasStats .cbFieldsContentsTab .col-sm-3,
    .cbPosCanvasStats .cbFieldsContentsTab .col-sm-9,
    .cbPosCanvasStats .cbFieldsContentsTab .col-sm-12 {
        width: auto !important;
        flex: none !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    
    .cbPosCanvasStats .cbFieldsContentsTab label.col-form-label {
        flex: 1;
        text-align: left;
        padding: 0 !important;
        margin: 0 !important;
        font-size: 0.95rem;
        font-weight: 500;
        color: #666;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    
    .cbPosCanvasStats .cbFieldsContentsTab .cb_field {
        flex: none !important;
        width: auto !important;
        text-align: right;
        padding: 0 !important;
        margin: 0 !important;
    }
    
    .cbPosCanvasStats .cbFieldsContentsTab .form-control-plaintext {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 0.5rem;
        font-size: 0.95rem;
        font-weight: 600;
        color: #333;
        padding: 0 !important;
        margin: 0 !important;
        white-space: nowrap;
    }
    
    .cbPosCanvasStats .cbFieldsContentsTab .bisProfVerification {
        margin: -0.5rem -1rem 0.5rem -1rem !important;
        border-bottom: none !important;
        justify-content: center !important;
        text-align: center !important;
        width: calc(100% + 2rem) !important;
        box-sizing: border-box !important;
    }
    
    .cbPosCanvasStats .cbFieldsContentsTab #cbfr_199 {
        order: 2;
    }
}