/*
Theme Name: adforest child
Description: Adforest classified, responsive, multi-purpose, corporate, business theme. It comes with 11 home variations with all necessary pages. Adforest theme filled with extra functionality of modern web technologies. The clean design with latest version of Bootstrap framework makes its fit for anywhere.
Author: Scripts Bundle
Theme URI: http://adforest.scriptsbundle.com/demos/
Author URI: http://scriptsbundle.com/
Version: 1.0.0
Template:     adforest
License: Themeforest Split Licence
License URI: https://themeforest.net/user/scriptsbundle/
Text Domain: adforest
Tags: featured-images, sticky-post, translation-ready
*/

/* Custom CSS to hide empty sidebars and stretch content to 100% full width */

.adt-ads-filter-sidebar {
    display: none !important;
}

.adt-ads-filter-content {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
}

/* Expand the search results grid to 4 columns on large screens to fill the horizontal space */
@media (min-width: 1200px) {
    .adt-ads-filter-content-wrapper .adt-search-ads-grid {
        grid-template-columns: repeat(4, 1fr) !important;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .adt-ads-filter-content-wrapper .adt-search-ads-grid {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* Fix header navigation menu alignment and vertical cutoff */
@media (min-width: 992px) {
    .sb-header-11 .sb-header-container {
        height: 50px !important;
    }

    .sb-header-11 .sb-menu {
        height: 50px !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        display: flex !important;
        align-items: center !important;
    }

    .sb-header-11 .sb-menu>ul.menu-links {
        height: 50px !important;
        margin: 0 !important;
        padding: 0 !important;
        display: flex !important;
        align-items: center !important;
    }

    .sb-header-11 .sb-menu>ul.menu-links>li {
        height: 50px !important;
        display: flex !important;
        align-items: center !important;
    }

    .sb-header-11 .sb-menu>ul.menu-links>li>a {
        height: 50px !important;
        line-height: 50px !important;
        display: flex !important;
        align-items: center !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    /* Ensure dropdown indicators and icons align properly */
    .sb-header-11 .sb-menu>ul.menu-links>li>a>span {
        display: inline-flex !important;
        align-items: center !important;
        height: 100% !important;
    }

    /* WPML Language switcher menu compatibility */
    .sb-header-11 .sb-menu ul.menu-links li.wpml-ls-item a {
        height: 50px !important;
        line-height: 50px !important;
        display: flex !important;
        align-items: center !important;
    }
}

/* Fix package cards price and title overlap */
.pricing.style-3 .price {
    display: block !important;
    margin-top: 25px !important;
    margin-bottom: 25px !important;
    line-height: 1.2 !important;
}

/* Make package card headers distinct */
.pricing.style-3 h3 {
    margin-bottom: 15px !important;
}

/* Replace broken sale image with a beautiful pure CSS ribbon */
.pricing.style-3 [class*="col-"] {
    position: relative !important;
}

.pricing.style-3 .sale-div {
    position: absolute !important;
    top: 0;
    right: 12px !important; /* Matches bootstrap column spacing */
    width: 70px !important;
    height: 70px !important;
    overflow: hidden !important;
    z-index: 10 !important;
}

.pricing.style-3 .sale-div::before {
    content: "" !important;
    position: absolute !important;
    top: -15px !important;
    right: -35px !important;
    width: 110px !important;
    height: 36px !important;
    background: #e74c3c !important;
    transform: rotate(45deg) !important;
    z-index: 1 !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.15) !important;
}

.pricing.style-3 .sale-div img {
    display: none !important;
}

.pricing.style-3 .sale-div .sale-text {
    position: absolute !important;
    font-size: 10px !important;
    color: #fff !important;
    text-transform: uppercase !important;
    z-index: 2 !important;
    right: 1px !important;
    top: 13px !important;
    font-weight: bold !important;
    transform: rotate(45deg) !important;
    width: 55px !important;
    text-align: center !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    line-height: 1 !important;
}

/* Premium Centered Footer Overrides */
.premium-centered-footer {
    background-color: #f8f9fa !important;
    padding: 60px 0 40px 0 !important;
    border-top: 1px solid #e9ecef !important;
}

.premium-centered-footer .footer-logo {
    max-height: 70px !important;
    display: inline-block !important;
    transition: transform 0.3s ease !important;
}

.premium-centered-footer .footer-logo:hover {
    transform: scale(1.05) !important;
}

.premium-centered-footer .footer-text {
    font-size: 15px !important;
    line-height: 1.8 !important;
    color: #6c757d !important;
    margin-bottom: 25px !important;
    text-align: center !important;
}

.premium-centered-footer .footer-nav-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 0 30px 0 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 25px !important;
}

.premium-centered-footer .footer-nav-list li a {
    color: #495057 !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    transition: color 0.25s ease !important;
}

.premium-centered-footer .footer-nav-list li a:hover {
    color: #62a329 !important; /* Brand accent color */
}

.premium-centered-footer .social-links {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    gap: 15px !important;
}

.premium-centered-footer .social-links li a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 42px !important;
    height: 42px !important;
    border-radius: 50% !important;
    background-color: #ffffff !important;
    color: #495057 !important;
    border: 1px solid #dee2e6 !important;
    font-size: 16px !important;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    text-decoration: none !important;
}

.premium-centered-footer .social-links li a:hover {
    color: #ffffff !important;
    background-color: #62a329 !important;
    border-color: #62a329 !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 4px 10px rgba(98, 163, 41, 0.25) !important;
}

/* Centered copyright box styling */
.adt-copyright-box {
    text-align: center !important;
    background-color: #111111 !important;
    color: #888888 !important;
    padding: 20px 0 !important;
    font-size: 14px !important;
    border-top: 1px solid #222222 !important;
}

.adt-copyright-box a {
    color: #ffffff !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}

.adt-copyright-box a:hover {
    color: #62a329 !important;
}

/* ==========================================================================
   FEATURED ADS GRID-8 PIXEL-PERFECT ALIGNMENT & EQUAL HEIGHT OVERRIDES
   ========================================================================== */

.prop-newest-main-section.ad-grid-8 {
    display: flex !important;
    flex-direction: column !important;
    height: 420px !important; /* Fixed total height of the card */
    overflow: hidden !important;
    border-radius: 12px !important;
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.05) !important;
    border: 1px solid #eef2f5 !important;
    background: #ffffff !important;
}

.prop-newest-main-section.ad-grid-8 .prop-newest-image {
    height: 200px !important; /* Fixed image container height */
    width: 100% !important;
    position: relative !important;
    overflow: hidden !important;
}

.prop-newest-main-section.ad-grid-8 .prop-newest-image img {
    height: 100% !important;
    width: 100% !important;
    object-fit: cover !important;
}

.prop-newest-main-section.ad-grid-8 .prop-main-contents {
    padding: 15px !important;
    flex-grow: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    background: #ffffff !important;
}

.prop-newest-main-section.ad-grid-8 .prop-real-estate-box {
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    height: 100% !important;
}

.prop-newest-main-section.ad-grid-8 .prop-estate-advertisement {
    margin-bottom: 0 !important;
}

.prop-newest-main-section.ad-grid-8 .prop-estate-rent {
    height: 24px !important;
    margin-bottom: 8px !important;
    display: flex !important;
    align-items: center !important;
}

.prop-newest-main-section.ad-grid-8 .prop-estate-rent .btn-theme {
    padding: 2px 8px !important;
    font-size: 11px !important;
    border-radius: 4px !important;
    line-height: 1.2 !important;
}

.prop-newest-main-section.ad-grid-8 .prop-estate-text-section h2 {
    height: 42px !important; /* Holds exactly 2 lines of text */
    overflow: hidden !important;
    font-size: 15px !important;
    line-height: 1.4 !important;
    margin: 5px 0 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    font-weight: 600 !important;
}

.prop-newest-main-section.ad-grid-8 .prop-estate-text-section p {
    height: 20px !important; /* Fixed location height */
    overflow: hidden !important;
    margin: 5px 0 !important;
    font-size: 12px !important;
    color: #777777 !important;
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.prop-newest-main-section.ad-grid-8 .prop-estate-text-section span {
    display: block !important;
    height: 20px !important; /* Fixed price height */
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #2b80ff !important;
    margin-top: 5px !important;
}

.prop-newest-main-section.ad-grid-8 .prop-estate-table {
    border-top: 1px solid #f1f4f6 !important;
    padding-top: 8px !important;
    margin-top: auto !important;
}

.prop-newest-main-section.ad-grid-8 .prop-estate-table ul.prop-content-area {
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    justify-content: space-between !important;
    list-style: none !important;
    gap: 8px !important;
    width: 100% !important;
}

.prop-newest-main-section.ad-grid-8 .prop-estate-table ul.prop-content-area li {
    display: flex !important;
    align-items: center !important;
}

.prop-newest-main-section.ad-grid-8 .prop-estate-table ul.prop-content-area li:first-child {
    justify-content: flex-start !important;
}

.prop-newest-main-section.ad-grid-8 .prop-estate-table ul.prop-content-area li:last-child {
    justify-content: flex-end !important;
}

.prop-newest-main-section.ad-grid-8 .prop-estate-table ul.prop-content-area li i {
    display: inline-flex !important;
    align-items: center !important;
    background-color: #f1f5f9 !important;
    color: #64748b !important;
    padding: 4px 10px !important;
    border-radius: 30px !important;
    font-style: normal !important;
    font-weight: 500 !important;
    font-size: 10px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.03em !important;
    white-space: nowrap !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

.prop-newest-main-section.ad-grid-8 .prop-estate-table ul.prop-content-area li i::before {
    color: #64748b !important;
    font-size: 11px !important;
    display: inline-block !important;
    vertical-align: middle !important;
}

.prop-newest-main-section.ad-grid-8 .prop-estate-table ul.prop-content-area li .items {
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
    font-weight: 600 !important;
    font-size: 10px !important;
    color: #475569 !important;
    margin-left: 6px !important;
    display: inline-block !important;
    vertical-align: middle !important;
    white-space: nowrap !important;
}

/* Mobile responsiveness: Fix clipped stats text on mobile lists */
@media (max-width: 767px) {
    .sb-modern-list.ad-listing .content-area .ad-stats,
    .sb-modern-list .ad-listing .content-area .ad-stats,
    .ad-listing .content-area .ad-stats,
    .ad-stats {
        float: none !important;
        display: block !important;
        width: auto !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
        margin-top: 10px !important;
        margin-bottom: 10px !important;
        text-align: left !important;
        clear: both !important;
        overflow: visible !important;
    }
    
    .rtl .sb-modern-list.ad-listing .content-area .ad-stats,
    .rtl .sb-modern-list .ad-listing .content-area .ad-stats,
    .rtl .ad-listing .content-area .ad-stats,
    .rtl .ad-stats {
        text-align: right !important;
        padding-right: 15px !important;
        padding-left: 15px !important;
    }

    /* Position the sticky post button higher on mobile to avoid overlapping the chat widget */
    .sticky-post-button {
        bottom: 150px !important;
        right: 15px !important;
        left: auto !important;
    }
    .rtl .sticky-post-button {
        left: 15px !important;
        right: auto !important;
    }
}

/* ==========================================================================
   MOBILE RESPONSIVE OVERRIDES FOR LIST VIEW CARDS (.sb-modern-list)
   ========================================================================== */

@media (max-width: 767px) {
    .sb-modern-list {
        padding: 0 !important;
        margin-bottom: 25px !important;
        border-radius: 12px !important;
        border: 1px solid #e2e8f0 !important;
        background: #ffffff !important;
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05) !important;
        overflow: hidden !important;
        display: block !important;
        width: 100% !important;
    }

    .sb-modern-list .row {
        margin: 0 !important;
    }

    .sb-modern-list [class*="col-"] {
        padding: 0 !important;
        width: 100% !important;
        float: none !important;
        display: block !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }

    /* Image Container styling on mobile */
    .sb-modern-list .img-box {
        width: 100% !important;
        height: 200px !important;
        position: relative !important;
    }

    .sb-modern-list .img-box img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }

    /* Move User dp avatar to top-right corner of image overlay */
    .sb-modern-list .user-preview {
        position: absolute !important;
        top: 15px !important;
        right: 15px !important;
        z-index: 10 !important;
        left: auto !important;
        margin: 0 !important;
    }
    
    .rtl .sb-modern-list .user-preview {
        left: 15px !important;
        right: auto !important;
    }

    .sb-modern-list .user-preview img {
        width: 44px !important;
        height: 44px !important;
        border: 2px solid #ffffff !important;
        box-shadow: 0 2px 6px rgba(0,0,0,0.15) !important;
        border-radius: 50% !important;
    }

    /* Content Area on Mobile */
    .sb-modern-list .content-area {
        padding: 18px !important;
    }

    .sb-modern-list .category-title {
        font-size: 11px !important;
        margin-bottom: 6px !important;
        text-transform: uppercase !important;
        font-weight: 600 !important;
        letter-spacing: 0.5px !important;
    }

    .sb-modern-list .content-area h3 {
        font-size: 16px !important;
        line-height: 1.4 !important;
        margin-top: 0 !important;
        margin-bottom: 12px !important;
        font-weight: 700 !important;
    }

    /* Heart and Contact Action icons container */
    .sb-modern-list .additional-info {
        float: none !important;
        display: flex !important;
        gap: 10px !important;
        margin: 12px 0 !important;
        padding: 0 !important;
        list-style: none !important;
        justify-content: flex-start !important;
    }

    .sb-modern-list .additional-info li {
        margin: 0 !important;
        display: inline-block !important;
    }

    .sb-modern-list .additional-info li a {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 38px !important;
        height: 38px !important;
        background: #f8fafc !important;
        border: 1px solid #e2e8f0 !important;
        border-radius: 50% !important;
        color: #64748b !important;
        font-size: 14px !important;
        transition: all 0.2s ease !important;
    }

    /* Meta Info list (location and date) */
    .sb-modern-list .ad-meta-info {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        gap: 12px !important;
        margin: 12px 0 !important;
        padding: 0 !important;
        list-style: none !important;
    }

    .sb-modern-list .ad-meta-info li {
        font-size: 12px !important;
        color: #64748b !important;
        display: inline-flex !important;
        align-items: center !important;
        gap: 6px !important;
    }

    /* Ad details excerpt text */
    .sb-modern-list .ad-details {
        margin-top: 10px !important;
        margin-bottom: 15px !important;
    }

    .sb-modern-list .ad-details p {
        font-size: 13px !important;
        line-height: 1.5 !important;
        color: #475569 !important;
        margin: 0 !important;
    }

    /* Side/Bottom actions panel (Visits, Price, View Ad Button) */
    .sb-modern-list .short-info {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 10px !important;
        margin: 15px 0 !important;
        padding: 12px 0 0 0 !important;
        border-top: 1px solid #f1f5f9 !important;
    }

    /* Price tag styling */
    .sb-modern-list .price {
        font-size: 18px !important;
        font-weight: 800 !important;
        color: #2b80ff !important;
        margin: 0 !important;
        display: inline-block !important;
    }

    /* Visits badge styling override for mobile */
    .sb-modern-list.ad-listing .content-area .ad-stats,
    .sb-modern-list .ad-listing .content-area .ad-stats,
    .sb-modern-list .ad-stats {
        display: inline-flex !important;
        align-items: center !important;
        background: #f1f5f9 !important;
        color: #475569 !important;
        padding: 6px 14px !important;
        border-radius: 20px !important;
        font-size: 11px !important;
        font-weight: 600 !important;
        margin: 0 !important;
        width: auto !important;
        float: none !important;
    }

    /* View Ad button */
    .sb-modern-list .btn-theme,
    .sb-modern-list.ad-listing .content-area .btn {
        width: 100% !important;
        padding: 12px 16px !important;
        font-size: 14px !important;
        font-weight: 600 !important;
        border-radius: 8px !important;
        text-align: center !important;
        margin-top: 10px !important;
        display: block !important;
        background-color: #2b80ff !important;
        color: #ffffff !important;
        border: none !important;
        box-shadow: 0 2px 6px rgba(43, 128, 255, 0.2) !important;
    }
}

/* ==========================================================================
   HEADER & SEARCH BAR MOBILE RESPONSIVE OVERRIDES
   ========================================================================== */

@media (max-width: 767px) {
    /* Hide the cluttered top-bar on mobile */
    .sb-header-top-11,
    .sb-header-top4 {
        display: none !important;
    }

    /* Restructure the header columns on mobile */
    .sb-bk-search-area {
        padding: 10px 0 !important;
        background: #ffffff !important;
        border-bottom: 1px solid #f1f5f9 !important;
    }

    .sb-bk-search-area .row {
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        justify-content: space-between !important;
        margin: 0 !important;
    }

    .sb-bk-search-area [class*="col-"] {
        padding: 0 !important;
        margin: 0 !important;
        float: none !important;
    }

    /* Logo - Left aligned */
    .sb-bk-search-area .col-sm-7.col-6 {
        width: auto !important;
        flex: 0 0 auto !important;
        max-width: 60% !important;
    }

    .sb-bk-search-area .logo {
        margin: 0 !important;
        text-align: left !important;
    }
    
    .rtl .sb-bk-search-area .logo {
        text-align: right !important;
    }

    .sb-bk-search-area .logo img {
        max-height: 38px !important;
        width: auto !important;
        object-fit: contain !important;
    }

    /* Side Buttons (Heart/Cart) - Right aligned */
    .sb-bk-search-area .col-lg-3.col-sm-5.col-6.col-md-3 {
        width: auto !important;
        flex: 0 0 auto !important;
    }

    .sb-bk-side-btns {
        float: none !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 8px !important;
        margin: 0 !important;
    }

    .sb-bk-srch-links ul.sb-bk-srch-contents {
        margin: 0 !important;
        padding: 0 !important;
        display: flex !important;
        gap: 8px !important;
        list-style: none !important;
    }

    .sb-bk-srch-links ul.sb-bk-srch-contents li {
        display: inline-block !important;
        margin: 0 !important;
    }

    .sb-bk-srch-links ul.sb-bk-srch-contents li a {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 38px !important;
        height: 38px !important;
        background: #f8fafc !important;
        border: 1px solid #e2e8f0 !important;
        border-radius: 50% !important;
        color: #475569 !important;
        font-size: 14px !important;
    }

    /* Search Input Col - Pushed to full-width Row 2 */
    .sb-bk-search-area .col-xl-7.col-lg-6.col-sm-12.col-12.col-md-6 {
        width: 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
        margin-top: 10px !important;
    }

    /* Modern Capsule search bar style */
    .sb-bk-new-srch-area {
        margin: 0 !important;
        width: 100% !important;
    }

    .sb-bk-new-srch-area .form-group {
        display: flex !important;
        position: relative !important;
        width: 100% !important;
        background: #ffffff !important;
        border: 1px solid #cbd5e1 !important;
        border-radius: 30px !important;
        overflow: hidden !important;
        box-shadow: 0 2px 8px rgba(0,0,0,0.04) !important;
        height: 44px !important;
        align-items: center !important;
        padding-right: 4px !important;
        margin-bottom: 0 !important;
    }

    .sb-bk-new-srch-area .form-group input {
        border: none !important;
        padding: 8px 16px !important;
        font-size: 14px !important;
        flex-grow: 1 !important;
        outline: none !important;
        height: 100% !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    .sb-bk-new-srch-area .form-group .sb-bk-submit-form {
        position: static !important;
        display: flex !important;
        align-items: center !important;
    }

    .sb-bk-new-srch-area .form-group .sb-bk-submit-form button {
        position: static !important;
        width: 36px !important;
        height: 36px !important;
        border-radius: 50% !important;
        background: #2b80ff !important;
        color: #ffffff !important;
        border: none !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 14px !important;
        box-shadow: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* Homepage / Hero Search Fields (make unified, clean inputs) */
    div[class*="search"] input.form-control,
    div[class*="search"] select,
    div[class*="search"] .select2-container,
    form input.form-control,
    form select,
    form .select2-container,
    .search-block input,
    .search-block select {
        border-radius: 10px !important;
        border: 1px solid #cbd5e1 !important;
        height: 46px !important;
        font-size: 14px !important;
        box-shadow: none !important;
        margin-bottom: 10px !important;
        width: 100% !important;
        box-sizing: border-box !important;
        background-color: #ffffff !important;
    }

    div[class*="search"] button[type="submit"],
    div[class*="search"] .btn-theme,
    form button[type="submit"],
    form .btn-theme,
    .search-block button[type="submit"] {
        border-radius: 10px !important;
        height: 46px !important;
        font-weight: 700 !important;
        background-color: #2b80ff !important;
        color: #ffffff !important;
        border: none !important;
        box-shadow: 0 4px 10px rgba(43, 128, 255, 0.2) !important;
        margin-top: 5px !important;
        width: 100% !important;
        display: block !important;
    }

    /* Fixed overlaps with sticky widgets */
    .featured-ads-section .owl-nav {
        margin-bottom: 10px !important;
    }
}

/* ==========================================================================
   MOBILE QUICK LINKS SCROLLABLE BAR STYLING
   ========================================================================== */

.adf-mobile-quick-bar {
    width: 100% !important;
    padding: 8px 15px !important;
    background: #f8fafc !important;
    border-top: 1px solid #f1f5f9 !important;
    border-bottom: 1px solid #e2e8f0 !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    margin: 5px 0 0 0 !important;
}

.adf-mobile-scroll-container {
    display: flex !important;
    gap: 8px !important;
    overflow-x: auto !important;
    white-space: nowrap !important;
    scrollbar-width: none !important; /* Hide scrollbar Firefox */
    -webkit-overflow-scrolling: touch !important;
}

.adf-mobile-scroll-container::-webkit-scrollbar {
    display: none !important; /* Hide scrollbar Chrome/Safari */
}

.adf-quick-item {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 6px 14px !important;
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 20px !important;
    color: #475569 !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.02) !important;
    transition: all 0.2s ease !important;
}

.adf-quick-item i {
    color: #2b80ff !important;
    font-size: 13px !important;
}

.adf-quick-item img {
    width: 16px !important;
    height: 11px !important;
    object-fit: cover !important;
    border-radius: 2px !important;
}

.adf-quick-item:hover,
.adf-quick-item:focus {
    background: #f1f5f9 !important;
    color: #0f172a !important;
    text-decoration: none !important;
}