/*
 Theme Name:   Classiera Child
 Theme URI:    http://themeforest.net/item/classiera-classified-ads-wordpress-theme/14138208?ref=joinwebs
 Description:  Classiera Child Theme
 Author:       JoinWebs
 Author URI:   http://themeforest.net/user/joinwebs
 Template:     classiera
 Version:      4.12
 License:      Commercial
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         one-column, two-columns, left-sidebar, right-sidebar,fluid-layout,fixed-layout,responsive-layout, custom-menu, full-width-template, rtl-language-support, theme-options, translation-ready
 Text Domain:  classiera-child-theme
*/

/* write custom css */
.contain-to-grid .top-bar{
	max-width:1200px !important;
}
.submit-post form h4.new_form__title{
    padding-bottom: 0 !important;
    margin-bottom: 15px !important;
    font-weight: bold !important;
}
.submit-post form .form-main-section.new_form__section{
    margin-bottom: 30px;
}
.submit-post form .form-group.new_form__group{
    margin-bottom: 15px;
}
.submit-post form .form-group label.new_form__label{
    display: inline-block;
    margin-bottom: 5px;
    line-height: 19px;
    font-weight: bold;
    color: #464b4f;
}
.submit-post form .dropzone{
    border: 2px dashed #e0e0e0;
}
.submit-post.submit-post-v3{
    padding:0 !important;
}
.submit-post.submit-post-v3 form .form-group .inner-addon .right-form-icon{
    padding: 10px 18px;
}
.submit-post form .form-group .price__tag .right-form-icon{
    padding:18px 21px !important;
}
.submit-post form .form-group .input-group .input-group-addon span{
    color: #232323;
}
.submit-post.submit-post-v3 form .form-group .radio label{
    padding-top: 0;
}
.submit-post.submit-post-v3 form .form-main-section .post-type-box{
    padding: 5px 0;
}
.new_form__pad{
    padding: 10px 20px;
    margin-bottom: 20px;
}
.new_form__map{
    margin-top: 20px;
}
.submit-post.submit-post-v3 form .form-main-section .post-type-box{
    margin-bottom:10px !important;
}
.chap_sub{
    display:none;
}
.page-template-template-submit-ads-v2 .mobile-submit.affix{
    display:none !important;
}

/* ChapChap Key Features dropdown */
.chapchap-features-dropdown{
    position: relative;
}
.chapchap-features-display{
    cursor: pointer;
    background-color: #fff;
}
.chapchap-features-panel{
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 999;
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    box-shadow: 0 4px 14px rgba(0,0,0,0.15);
    padding: 10px;
    margin-top: 4px;
}
.chapchap-features-panel .chapchap-features-search{
    margin-bottom: 8px;
}
.chapchap-features-list{
    max-height: 260px;
    overflow-y: auto;
    border-top: 1px solid #eee;
    padding-top: 6px;
}
.chapchap-feature-group-label{
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 0.5px;
    color: #8a94a6;
    background: #eef1f4;
    padding: 6px 8px;
    margin: 4px -4px;
}
.chapchap-feature-row{
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: normal;
    padding: 10px 6px;
    margin: 0;
    cursor: pointer;
    border-bottom: 1px solid #f4f4f4;
    color: #333 !important;
}
.chapchap-feature-row .chapchap-feature-text{
    color: inherit;
}
.chapchap-feature-row:hover{
    background-color: #f7f7f7;
}
.chapchap-feature-row input[type="checkbox"]{
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
    pointer-events: none;
}
.chapchap-feature-row .chapchap-feature-check{
    visibility: visible;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 20px;
    height: 20px;
    border: 2px solid #c6cbd2;
    border-radius: 4px;
    background: #fff;
    color: transparent;
    font-size: 12px;
    margin-left: 10px;
    transition: background-color .15s ease, border-color .15s ease, color .15s ease;
}
.chapchap-feature-row.chapchap-feature-selected{
    color: #1aa64c !important;
    font-weight: 600;
}
.chapchap-feature-row.chapchap-feature-selected .chapchap-feature-check{
    background: #1aa64c;
    border-color: #1aa64c;
    color: #fff;
}
.chapchap-features-list label.chapchap-feature-hidden{
    display: none;
}
.chapchap-features-actions{
    display: flex;
    gap: 8px;
    margin-top: 8px;
}
.chapchap-features-clear{
    flex: 0 0 auto;
    background: #fff;
    color: #1aa64c;
    border: 1px solid #1aa64c;
    border-radius: 4px;
    padding: 0 16px;
    font-weight: 600;
    cursor: pointer;
}
.chapchap-features-apply{
    flex: 1;
    margin-top: 0;
}

/* ChapChap Car Overview grid (single ad page) */
.chapchap-vehicle-details{
    padding: 15px 0;
}
.chapchap-overview-grid{
    margin-top: 10px;
}
.chapchap-overview-item{
    padding: 10px 8px;
    font-size: 15px;
    color: #464b4f;
}
.chapchap-overview-icon{
    color: #8a94a6;
    width: 20px;
    text-align: center;
    margin-right: 6px;
}
.chapchap-overview-label{
    font-weight: bold;
}
.chapchap-overview-value{
    color: #464b4f;
}
.chapchap-feature-pills{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 10px;
}
.chapchap-feature-pill{
    background: #eef1f4;
    color: #464b4f;
    padding: 10px 16px;
    border-radius: 6px;
    font-size: 15px;
    line-height: 1.3;
}
.chapchap-contact-buttons{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 10px;
}
.chapchap-contact-btn{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 18px;
    border-radius: 4px;
    font-weight: 600;
    text-decoration: none;
    color: #fff !important;
}
.chapchap-call-btn{
    background-color: #2d7dd2;
}
.chapchap-whatsapp-btn{
    background-color: #25d366;
}
.chapchap-chat-btn{
    background: linear-gradient(135deg, #7b5cf0, #a06cf2);
    box-shadow: 0 2px 8px rgba(123,92,240,0.35);
}
.chapchap-offer-btn{
    background: linear-gradient(135deg, #eb7a1a, #f4a83c);
    box-shadow: 0 2px 8px rgba(235,122,26,0.35);
}
.chapchap-contact-btn{
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.chapchap-contact-btn:hover{
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.2);
    color: #fff !important;
}
html{
    scroll-behavior: smooth;
}
#message{
    scroll-margin-top: 20px;
}
.chapchap-video-embed{
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    margin-top: 10px;
    border-radius: 4px;
}
.chapchap-video-embed iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

/* ChapChap: content links stand out from body text */
.entry-content a:not(.btn):not(.chapchap-share-btn):not(.chapchap-contact-btn),
.post-content a:not(.btn):not(.chapchap-share-btn):not(.chapchap-contact-btn) {
    color: #1a73c7;
    text-decoration: underline;
}
.entry-content a:not(.btn):hover,
.post-content a:not(.btn):hover {
    color: #0d4f8f;
}

/* Related posts */
.chapchap-related-posts{
    margin: 20px 0;
    padding: 15px 0;
    border-top: 1px solid #eee;
}
.chapchap-related-item{
    margin-bottom: 15px;
}
.chapchap-related-item a{
    display: block;
    text-decoration: none;
    color: #333 !important;
}
.chapchap-related-item img{
    width: 100%;
    height: 160px;
    object-fit: cover;
    border-radius: 4px;
}
.chapchap-related-title{
    display: block;
    margin-top: 8px;
    font-weight: 600;
    font-size: 14px;
}

/* Social share buttons */
.chapchap-share-buttons{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin: 15px 0;
    padding: 12px 0;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}
.chapchap-share-label{
    font-weight: 600;
    margin-right: 6px;
    color: #464b4f;
}
.chapchap-share-btn{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    color: #fff !important;
    text-decoration: none !important;
    font-size: 15px;
}
.chapchap-share-facebook{ background-color: #1877f2; }
.chapchap-share-twitter{ background-color: #1da1f2; }
.chapchap-share-whatsapp{ background-color: #25d366; }
.chapchap-share-linkedin{ background-color: #0a66c2; }
.chapchap-share-telegram{ background-color: #229ed9; }
.chapchap-share-email{ background-color: #6c757d; }

/* Table of contents */
.chapchap-toc{
    background: #f7f9fa;
    border: 1px solid #e5e9ec;
    border-radius: 6px;
    padding: 15px 20px;
    margin-bottom: 20px;
}
.chapchap-toc-title{
    font-weight: 700;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 0.5px;
    color: #464b4f;
    margin-bottom: 8px;
}
.chapchap-toc ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
.chapchap-toc li{
    padding: 4px 0;
}
.chapchap-toc li.chapchap-toc-sub{
    padding-left: 18px;
    font-size: 14px;
}
.chapchap-toc a{
    color: #1a73c7;
    text-decoration: none;
}
.chapchap-toc a:hover{
    text-decoration: underline;
}

/* ChapChap: Jiji-style search bar */
.chapchap-jiji-search{
    background-color: #c0392b;
    padding: 30px 0;
}
.chapchap-search-heading{
    color: #fff;
    font-weight: 700;
    font-size: 20px;
    text-align: center;
    margin-bottom: 15px;
}
.chapchap-search-bar{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    max-width: 700px;
    margin: 0 auto;
}
.chapchap-search-location{
    flex: 0 0 auto;
    width: 160px;
}
.chapchap-search-location select{
    background: #fff;
    border-radius: 30px;
    border: none;
    height: 52px;
    padding: 0 16px;
    font-size: 15px;
    color: #333;
}
.chapchap-search-keyword{
    flex: 1 1 260px;
    position: relative;
    display: flex;
}
.chapchap-search-keyword input{
    background: #fff;
    border-radius: 30px;
    border: none;
    height: 52px;
    padding: 0 20px;
    font-size: 15px;
    color: #333;
    width: 100%;
}
.chapchap-search-btn{
    position: absolute;
    right: 6px;
    top: 6px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #c0392b;
    color: #fff;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
}
.chapchap-search-btn:hover{
    background: #148a3f;
}
@media (max-width: 767px){
    .chapchap-search-location{ width: 100%; }
    .chapchap-search-keyword{ width: 100%; }
}

/* Rounded "pill" look for the advanced search filter dropdowns */
.classiera_adv_search .form-control-sm,
.classiera_adv_search select{
    border-radius: 20px !important;
}

/* ChapChap: Jiji-style horizontal quick-filter pill bar */
.chapchap-pill-filters{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    padding: 15px;
    background: #f7f9fa;
    border-radius: 8px;
    margin-bottom: 15px;
}
.chapchap-pill{
    flex: 1 1 140px;
    min-width: 130px;
}
.chapchap-pill-select{
    width: 100%;
    border: 1px solid #dfe3e6;
    border-radius: 24px;
    background: #fff;
    padding: 10px 16px;
    font-size: 14px;
    color: #464b4f;
    height: 44px;
}
.chapchap-pill-checkbox{
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    height: 44px;
}
.chapchap-pill-checkbox label{
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 14px;
    color: #464b4f;
    font-weight: normal;
    margin: 0;
    white-space: nowrap;
}
.chapchap-pill-search-btn{
    flex: 0 0 auto;
    background: #c0392b;
    color: #fff;
    border: none;
    border-radius: 24px;
    padding: 0 22px;
    height: 44px;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}
.chapchap-pill-search-btn:hover{
    background: #a5311f;
    color: #fff;
}
.chapchap-verified-badge{
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: #eafaf0;
    color: #1aa64c;
    font-weight: 600;
    font-size: 13px;
    padding: 6px 12px;
    border-radius: 20px;
    margin-bottom: 10px;
}

/* ChapChap Location Picker */
.chapchap-location-picker{
    position: relative;
}
.chapchap-location-search-wrap{
    position: relative;
}
.chapchap-location-input{
    width: 100%;
    padding-right: 44px;
}
.chapchap-location-gps-btn{
    position: absolute;
    right: 4px;
    top: 50%;
    transform: translateY(-50%);
    width: 34px;
    height: 34px;
    border-radius: 50%;
    border: none;
    background: #f2f2f2;
    color: #464b4f;
    display: flex;
    align-items: center;
    justify-content: center;
}
.chapchap-location-gps-btn.chapchap-gps-loading{
    animation: chapchap-spin 1s linear infinite;
}
@keyframes chapchap-spin{
    from{ transform: translateY(-50%) rotate(0deg); }
    to{ transform: translateY(-50%) rotate(360deg); }
}
.chapchap-location-suggestions{
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 1050;
    background: #fff;
    border: 1px solid #e5e9ec;
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.15);
    margin-top: 6px;
    max-height: 260px;
    overflow-y: auto;
}
.chapchap-location-suggestion-item{
    padding: 10px 14px;
    cursor: pointer;
    border-bottom: 1px solid #f2f2f2;
    font-size: 14px;
}
.chapchap-location-suggestion-item:hover{
    background: #f7f9fa;
}
.chapchap-location-parent{
    color: #8a94a6;
    font-size: 12.5px;
}
.chapchap-popular-locations{
    margin-top: 10px;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    align-items: center;
}
.chapchap-popular-label{
    font-size: 13px;
    color: #8a94a6;
    margin-right: 4px;
}
.chapchap-popular-btn{
    background: #f2f2f2;
    border: none;
    border-radius: 16px;
    padding: 5px 12px;
    font-size: 13px;
    color: #464b4f;
}
.chapchap-popular-btn:hover{
    background: #e5e9ec;
}

/* View counter */
.chapchap-view-count{
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    color: #8a94a6;
    margin-bottom: 10px;
}

/* Breadcrumbs */
.chapchap-breadcrumbs{
    font-size: 13px;
    color: #8a94a6;
    margin-bottom: 15px;
}
.chapchap-breadcrumbs a{
    color: #1a73c7;
    text-decoration: none;
}
.chapchap-breadcrumbs a:hover{
    text-decoration: underline;
}
.chapchap-breadcrumb-sep{
    margin: 0 4px;
}
.chapchap-breadcrumb-current{
    color: #464b4f;
}

/* ChapChap: fix ugly mid-word breaks on category/listing card titles.
   The parent theme uses word-break:break-all here, which chops long words
   at any character instead of at natural word boundaries. */
.classiera-box-div-v1 figure figcaption h5,
.single-post-page .single-post .single-post-title .post-category span a,
.single-post-page .single-post .description .tags{
    word-break: normal !important;
    overflow-wrap: break-word !important;
}
/* Broader safety net: category name/icon-grid text anywhere on the site,
   regardless of which category display style is active in Theme Options. */
[class*="cat"] h3, [class*="cat"] h4, [class*="cat"] h5, [class*="cat"] h6,
[class*="categor"] h3, [class*="categor"] h4, [class*="categor"] h5, [class*="categor"] h6,
.menu-category h3, .menu-category h4, .menu-category h5, .menu-category h6, .menu-category span{
    word-break: normal !important;
    overflow-wrap: break-word !important;
    hyphens: none !important;
    -webkit-hyphens: none !important;
}

/* ChapChap: global fix for the parent theme's word-break:break-all so
   every title/heading on the site wraps at word boundaries only, never
   mid-word (e.g. "status" was rendering as "sta" on one line and "tus"
   on the next). The two rules above cover specific known spots; this is
   the sitewide net so any other title -- ad titles, page titles, widget
   titles, breadcrumbs -- gets the same fix without having to special-case
   every template individually. */
h1, h2, h3, h4, h5, h6,
.single-post-title, .single-post-title *,
.entry-title, .page-title, .widget-title,
.chapchap-breadcrumbs, .chapchap-breadcrumb-current{
    word-break: normal !important;
    overflow-wrap: break-word !important;
    hyphens: none !important;
    -webkit-hyphens: none !important;
}

/* ChapChap Smart Search suggestions */
.chapchap-search-wrap{
    position: relative;
    width: 100%;
}
.chapchap-search-suggestions{
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 1050;
    background: #fff;
    border: 1px solid #e5e9ec;
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.15);
    margin-top: 6px;
    max-height: 380px;
    overflow-y: auto;
}
.chapchap-suggestion-item{
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 14px;
    text-decoration: none !important;
    color: #333 !important;
    border-bottom: 1px solid #f2f2f2;
}
.chapchap-suggestion-item:last-child{
    border-bottom: none;
}
.chapchap-suggestion-item:hover{
    background-color: #f7f9fa;
}
.chapchap-suggestion-item img{
    width: 46px;
    height: 46px;
    border-radius: 6px;
    object-fit: cover;
    flex-shrink: 0;
}
.chapchap-suggestion-text{
    display: flex;
    flex-direction: column;
    min-width: 0;
}
.chapchap-suggestion-title{
    font-weight: 600;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.chapchap-suggestion-meta{
    font-size: 12.5px;
    color: #8a94a6;
}
/*==========================
 ChapChap Wishlist
===========================*/
.chapchap-wishlist-btn{
    background-color: #ffffff;
    color: #e0245e !important;
    border: 1px solid #e0245e;
    cursor: pointer;
}
.chapchap-wishlist-btn.is-saved{
    background-color: #e0245e;
    color: #fff !important;
}
.chapchap-wishlist-btn.chapchap-wishlist-loading{
    opacity: 0.6;
    pointer-events: none;
}
.chapchap-wishlist-standalone{
    margin-bottom: 15px;
}
.chapchap-wishlist-login-prompt{
    text-align: center;
    padding: 30px 15px;
}
.chapchap-wishlist-empty{
    padding: 20px 0;
    color: #777;
}
.chapchap-wishlist-card{
    border: 1px solid #eee;
    border-radius: 6px;
    padding: 12px;
    margin-bottom: 20px;
    text-align: center;
}
.chapchap-wishlist-card img{
    max-width: 100%;
    border-radius: 4px;
    margin-bottom: 8px;
}
.chapchap-wishlist-price{
    display: block;
    font-weight: 700;
    color: #2d7dd2;
    margin-top: 4px;
}
.chapchap-wishlist-remove{
    margin-top: 8px;
    background: none;
    border: none;
    color: #e0245e;
    cursor: pointer;
    font-size: 13px;
}

/*==========================
 ChapChap Seller Reviews
===========================*/
.chapchap-reviews-section{
    margin-top: 20px;
}
.chapchap-rating-summary{
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 15px;
}
.chapchap-rating-stars i,
.chapchap-review-stars i{
    color: #f5a623;
}
.chapchap-rating-number{
    font-weight: 700;
}
.chapchap-rating-count{
    color: #777;
    font-size: 13px;
}
.chapchap-review-item{
    border-bottom: 1px solid #eee;
    padding: 12px 0;
}
.chapchap-review-header{
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 4px;
}
.chapchap-review-date{
    color: #999;
    font-size: 12px;
}
.chapchap-review-comment{
    margin: 0;
    color: #444;
}
.chapchap-no-reviews{
    color: #777;
}
.chapchap-review-form-wrap{
    margin-top: 20px;
    padding-top: 15px;
    border-top: 1px dashed #ddd;
}
.chapchap-star-input{
    font-size: 22px;
    margin-bottom: 10px;
    cursor: pointer;
}
.chapchap-star-input i{
    color: #f5a623;
    margin-right: 4px;
}
.chapchap-review-form textarea{
    width: 100%;
    max-width: 500px;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 10px;
    margin-bottom: 10px;
}
.chapchap-review-feedback{
    margin-top: 8px;
    font-size: 13px;
    color: #2d7dd2;
}

/*==========================
 ChapChap Business Storefront
===========================*/
.chapchap-storefront-header{
    background: #fff;
    border: 1px solid #eee;
    border-radius: 8px;
    margin-bottom: 25px;
    overflow: hidden;
}
.chapchap-storefront-cover{
    height: 160px;
    background-size: cover;
    background-position: center;
    background-color: #e9ecef;
}
.chapchap-storefront-body{
    display: flex;
    gap: 18px;
    padding: 18px;
    flex-wrap: wrap;
}
.chapchap-storefront-avatar img{
    border-radius: 50%;
    border: 3px solid #fff;
    margin-top: -50px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
}
.chapchap-storefront-info{
    flex: 1;
    min-width: 200px;
}
.chapchap-storefront-name{
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    margin: 0 0 6px 0;
}
.chapchap-storefront-badge{
    font-size: 12px;
    padding: 3px 10px;
}
.chapchap-storefront-rating{
    color: #f5a623;
    margin-bottom: 8px;
}
.chapchap-storefront-rating span{
    color: #444;
    font-weight: 600;
    margin-left: 6px;
}
.chapchap-storefront-bio{
    color: #555;
    margin-bottom: 10px;
}
.chapchap-storefront-meta{
    display: flex;
    gap: 18px;
    flex-wrap: wrap;
    color: #777;
    font-size: 13px;
    margin-bottom: 12px;
}
.chapchap-storefront-links{
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}
.chapchap-storefront-online-dot{
    font-size: 9px;
    color: #2ecc71;
    vertical-align: middle;
}
.chapchap-show-contact-btn{
    background-color: #2d7dd2;
    cursor: pointer;
}
.chapchap-storefront-social{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #f1f1f1;
    color: #555 !important;
}

/*==========================
 ChapChap Compare Listings
===========================*/
.chapchap-compare-btn{
    background-color: #fff;
    color: #7b5cf0 !important;
    border: 1px solid #7b5cf0;
    cursor: pointer;
}
.chapchap-compare-btn.is-added{
    background-color: #7b5cf0;
    color: #fff !important;
}
.chapchap-compare-standalone{
    margin-bottom: 15px;
}
.chapchap-compare-floating-bar{
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: #2c2c2c;
    color: #fff;
    padding: 12px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    z-index: 9999;
    flex-wrap: wrap;
}
.chapchap-compare-view-btn{
    background: #7b5cf0;
    color: #fff !important;
    padding: 6px 16px;
    border-radius: 4px;
    text-decoration: none;
    font-weight: 600;
}
.chapchap-compare-clear-btn{
    background: none;
    border: 1px solid #999;
    color: #fff;
    padding: 6px 14px;
    border-radius: 4px;
    cursor: pointer;
}
.chapchap-compare-empty{
    padding: 20px 0;
    color: #777;
}
.chapchap-compare-table{
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 60px; /* room above the floating bar */
}
.chapchap-compare-table th,
.chapchap-compare-table td{
    border: 1px solid #eee;
    padding: 10px;
    text-align: left;
    vertical-align: top;
}
.chapchap-compare-table th{
    background: #fafafa;
    min-width: 160px;
}
.chapchap-compare-table th img{
    max-width: 100%;
    border-radius: 4px;
    margin-bottom: 6px;
}
.chapchap-compare-table td:first-child{
    font-weight: 600;
    background: #fafafa;
    white-space: nowrap;
}
.chapchap-compare-remove{
    display: block;
    margin-top: 6px;
    background: none;
    border: none;
    color: #e0245e;
    font-size: 12px;
    cursor: pointer;
}

/*==========================
 ChapChap Listing Quality Score
===========================*/
.chapchap-quality-score{
    background: #fafafa;
    border: 1px solid #eee;
    border-radius: 6px;
    padding: 14px 16px;
    margin: 12px 0 20px 0;
}
.chapchap-quality-header{
    display: flex;
    justify-content: space-between;
    font-weight: 700;
    margin-bottom: 8px;
}
.chapchap-quality-bar{
    background: #e6e6e6;
    border-radius: 6px;
    height: 8px;
    overflow: hidden;
    margin-bottom: 10px;
}
.chapchap-quality-bar-fill{
    height: 100%;
    width: 0%;
    transition: width 0.3s ease, background-color 0.3s ease;
    background: #e0245e;
}
.chapchap-quality-bar-fill.is-low{ background: #e0245e; }
.chapchap-quality-bar-fill.is-mid{ background: #f5a623; }
.chapchap-quality-bar-fill.is-high{ background: #2ecc71; }
.chapchap-quality-checklist{
    list-style: none;
    margin: 0;
    padding: 0;
}
.chapchap-quality-checklist li{
    padding: 3px 0;
    color: #888;
    font-size: 13px;
}
.chapchap-quality-checklist li i{
    margin-right: 6px;
}
.chapchap-quality-checklist li.is-done{
    color: #2ecc71;
}

/*==========================
 ChapChap Saved Searches
===========================*/
.chapchap-save-search-bar{
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: #2d7dd2;
    color: #fff;
    padding: 10px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    z-index: 9998; /* just under the compare bar */
    flex-wrap: wrap;
}
.chapchap-save-search-btn{
    background: #fff;
    color: #2d7dd2 !important;
    border: none;
    padding: 8px 16px;
    border-radius: 4px;
    font-weight: 600;
    cursor: pointer;
}
.chapchap-save-search-feedback{
    font-size: 13px;
}
.chapchap-saved-search-empty{
    color: #777;
    padding: 15px 0;
}
.chapchap-saved-search-list{
    list-style: none;
    margin: 0;
    padding: 0;
}
.chapchap-saved-search-list li{
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    padding: 10px 0;
    border-bottom: 1px solid #eee;
}
.chapchap-saved-search-date{
    color: #999;
    font-size: 12px;
}
.chapchap-saved-search-delete{
    margin-left: auto;
    background: none;
    border: none;
    color: #e0245e;
    cursor: pointer;
    font-size: 13px;
}

/* ==========================================================================
   ChapChap: Soft-3D Category & Subcategory Icon Badges
   Pure-CSS "glossy bubble" treatment applied to every category icon the
   parent theme renders (homepage category widgets category-v1..v7, the
   category dropdown menu, ad-card category tags, submit/edit-ad category
   pickers). No image files needed: each icon keeps the accent color it was
   assigned by chapchap-category-icons.php, and gets a rounded glass-like
   sphere behind it (soft gradient surface + inner highlight + colored glow)
   so it reads as a modern dimensional icon rather than a flat glyph.
   Re-run /wp-admin/?chapchap_setup_category_icons=1 any time to make sure
   new/renamed categories pick up an icon + color too.
   ========================================================================== */
.category-icon-box,
.category-icon,
.cat-icon,
.classiera-box-div-v1 figure figcaption .category-icon-box,
.category-v3 .category-content .category-icon,
.category-v7 .category-box figure .cat-img .cat-icon,
.menu-category .navbar-nav > li > a i,
.menu-category .dropdown-menu li a i,
.category-content ul li a i,
.classiera-post-main-cat li a i,
.classiera-post-sub-cat li a i,
span.category i {
	position: relative;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	overflow: visible;
	background: radial-gradient(circle at 32% 26%, #ffffff 0%, #f1f3f8 45%, #e3e7ef 100%);
	border-radius: 50%;
	box-shadow:
		inset 0 -5px 8px rgba(20, 20, 43, .08),
		inset 0 2px 3px rgba(255, 255, 255, .95),
		0 10px 18px -6px rgba(20, 20, 43, .18);
	transition: transform .3s cubic-bezier(.34, 1.56, .64, 1), box-shadow .3s ease;
	transform-style: preserve-3d;
}

/* Glossy highlight streak -- uses ::after (not ::before) so it never
   collides with the icon font's own ::before glyph. */
.category-icon-box::after,
.category-icon::after,
.cat-icon::after,
.classiera-box-div-v1 figure figcaption .category-icon-box::after,
.category-v3 .category-content .category-icon::after,
.category-v7 .category-box figure .cat-img .cat-icon::after,
.menu-category .navbar-nav > li > a i::after,
.menu-category .dropdown-menu li a i::after,
.category-content ul li a i::after,
.classiera-post-main-cat li a i::after,
.classiera-post-sub-cat li a i::after,
span.category i::after {
	content: "";
	position: absolute;
	top: 10%;
	left: 18%;
	width: 45%;
	height: 30%;
	background: radial-gradient(ellipse, rgba(255, 255, 255, .85) 0%, rgba(255, 255, 255, 0) 75%);
	border-radius: 50%;
	pointer-events: none;
}

/* The glyph itself keeps its assigned brand color (set inline by
   chapchap-category-icons.php) and gets a soft color-matched glow beneath
   it for extra depth. */
.category-icon-box,
.category-icon,
.cat-icon,
.classiera-box-div-v1 figure figcaption .category-icon-box,
.category-v3 .category-content .category-icon,
.category-v7 .category-box figure .cat-img .cat-icon,
.menu-category .navbar-nav > li > a i,
.menu-category .dropdown-menu li a i,
.category-content ul li a i,
.classiera-post-main-cat li a i,
.classiera-post-sub-cat li a i,
span.category i {
	filter: drop-shadow(0 3px 4px color-mix(in srgb, currentColor 45%, transparent));
}

.category-icon-box,
.classiera-box-div-v1 figure figcaption .category-icon-box,
.category-v3 .category-content .category-icon,
.category-v7 .category-box figure .cat-img .cat-icon {
	width: 62px;
	height: 62px;
	font-size: 25px;
}

.menu-category .navbar-nav > li > a i,
.menu-category .dropdown-menu li a i,
.category-content ul li a i {
	width: 36px;
	height: 36px;
	font-size: 16px;
}

.classiera-post-main-cat li a i,
.classiera-post-sub-cat li a i {
	width: 48px;
	height: 48px;
	font-size: 20px;
	margin-bottom: 8px;
}

span.category i {
	width: 27px;
	height: 27px;
	font-size: 12px;
}

/* Hover: gentle 3D tilt + lift, like a bubble reacting to touch. */
.category-box:hover .category-icon-box,
.category-content ul li a:hover i,
.menu-category .navbar-nav > li:hover > a i,
.menu-category .dropdown-menu li a:hover i,
.classiera-post-main-cat li a:hover i,
.classiera-post-main-cat li a.active i,
.classiera-post-sub-cat li a:hover i,
span.category a:hover i,
.classiera-box-div-v1:hover figure figcaption .category-icon-box {
	transform: translateY(-4px) scale(1.08) rotateX(6deg);
	box-shadow:
		inset 0 -5px 8px rgba(20, 20, 43, .08),
		inset 0 2px 3px rgba(255, 255, 255, .95),
		0 16px 26px -8px rgba(20, 20, 43, .28);
}

@media (max-width: 767px) {
	.category-icon-box,
	.classiera-box-div-v1 figure figcaption .category-icon-box,
	.category-v3 .category-content .category-icon,
	.category-v7 .category-box figure .cat-img .cat-icon {
		width: 50px;
		height: 50px;
		font-size: 20px;
	}
}

/* Browsers without color-mix()/backdrop support (older Safari/Firefox)
   still get the full gradient-sphere + highlight look, just with a plain
   dark drop-shadow instead of a color-matched glow. */
@supports not (color: color-mix(in srgb, red, blue)) {
	.category-icon-box,
	.category-icon,
	.cat-icon,
	.menu-category .navbar-nav > li > a i,
	.menu-category .dropdown-menu li a i,
	.category-content ul li a i,
	.classiera-post-main-cat li a i,
	.classiera-post-sub-cat li a i,
	span.category i {
		filter: drop-shadow(0 3px 4px rgba(20, 20, 43, .35));
	}
}