@charset "utf-8";
@import url('cta.css');




/* Base listing styles */
.listingDirectoryDesc {
    font-size: 0.9rem !important;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box; 
    color: #444;
    padding: 0;
    margin: 0.6rem 0 0.2rem 0;
    font-weight: 300 !important;
    line-height: 1.3rem !important;
}

/* Style for SVG dots to ensure they stay inline */
.listingDirectoryDesc svg {
    display: inline-block;
    vertical-align: middle;
    margin: 0 2px;
}

/* Ensure all content stays inline */
.listingDirectoryDesc span,
.listingDirectoryDesc svg,
.listingDirectoryDesc text {
    display: inline;
}

/* Alternative approach using max-height with gradient fade (more compatible) */
.listingDirectoryDesc-alt {
    max-height: 3em; /* 2 rows × 1.5em line-height */
    line-height: 1.5em;
    overflow: hidden;
    position: relative;
}

.listingDirectoryDesc-alt::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 50px;
    height: 1.5em;
    background: linear-gradient(to right, transparent, white 80%);
    pointer-events: none;
}

/** END LISTING DIRECTORY **/

/** Listing edit **/
.rsdir-listing-detail-part .dropdown.float-end {
    display: none;
}
/*
.rsdir-listing-detail-part .row{
  padding: 0 !important;
  margin: 0 !important;
}
*/
.rsdir-listing .row {
    --gutter-x: 0;
}
.bisLogo {
    float: right;
    width: 80px;
}
/***Listing***/
/* Horizontal CTA list with equal width distribution */
.ctaList {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
}

/* Make all list items flex items that grow equally */
.ctaList > li {
    flex: 1 1 auto; 
    display: flex;
    gap: 0;
}

.ctaList > li.iChatCta,
.ctaList > li.iCallCta,
.ctaList > li.iMailCta {
    margin-right: 0.25rem;
}

/* Make buttons and links fill their container */
.ctaList button,
.ctaList .ctaButtonLink {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    gap: 0.5rem;
}
/***Listing***/

.catIcon svg {
    width: 14px;
    height: 14px;
    margin-right: 0.3rem;
}
.listingSpecsCategory .catIcon {
    margin-top: 0 !important;
}
.listingStats {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 12px;
  padding: 0;
  margin: 6px 0;
  list-style: none;
  font-size: 12px;
  color: #999999;
}

.listingManagedByList {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 12px;
  padding: 0;
  margin: 0;
  list-style: none;
  font-size: 0.85rem;
}

.listingManagedByList li {
  display: inline;  /* Makes list items display inline */
  font-weight: 500;
    color: #999999;
    line-height: 1rem;
}

.stat-item {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 8px;
  background-color: #f8f9fa;
  border-radius: 4px;
  border: 1px solid #e9ecef;
  white-space: nowrap;
  transition: all 0.2s ease;
}

.stat-item:hover {
  background-color: #e9ecef;
  transform: translateY(-1px);
}

.stat-icon {
  display: flex;
  align-items: center;
  justify-content: center;
}

.listingStats svg {
  width: 12px;
  height: 12px;
  fill: currentColor;
}

.stat-value {
  font-weight: 500;
  color: #666;
}

/* Style for the star rating component */
.stat-item .star-rating {
  display: inline-flex;
  align-items: center;
  gap: 1px;
  color: inherit;
}

.stat-item .star-rating svg {
  width: 12px;
  height: 12px;
}

/* Make rating number match other stat numbers */
.stat-item .star-rating .rating-value {
  font-weight: 500; /* Changed from 600 to 500 to match others */
  color: #666; /* Changed from #333 to #666 to match others */
  margin-left: 4px;
  font-size: 12px;
}

/* Remove Bootstrap's text-warning class effect */
.stat-item .star-rating .text-warning {
  color: inherit !important;
}

/** Verified Badge **/

.verifiedWrapper {
    position: relative;
}
.verifiedSupporter,
.verifiedMember,
.verifiedBusiness {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 12px;
    border-radius: 25px;
    line-height: 1;
    white-space: nowrap;
}

.listingLister .verifiedSupporter,
.listingLister .verifiedMember,
.listingLister .verifiedBusiness {
      padding: 2px 6px;
}

.verifiedSupporter {
    background: linear-gradient(
        135deg,
        #f2c15f 0%,
        #daa520 55%,
        #af7e04 100%
    );
    border: 1px solid rgba(218, 165, 32, 0.6);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.6),
        0 2px 6px rgba(0, 0, 0, 0.12);
}

.verifiedMember {
    background: linear-gradient(
        135deg,
        #6ec1ff 0%,
        #1da1f2 55%,
        #0b76c5 100%
    );
    border: 1px solid rgba(29, 161, 242, 0.6);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.6),
        0 2px 6px rgba(0, 0, 0, 0.12);
}

.verifiedBusiness {
    background: linear-gradient(
        135deg,
        #6fdc8c 0%,
        #28a745 55%,
        #1e7e34 100%
    );
    border: 1px solid rgba(40, 167, 69, 0.6);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.6),
        0 2px 6px rgba(0, 0, 0, 0.12);
}
.verifiedBusiness svg,
.verifiedMember svg,
.verifiedSupporter svg {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
}

.verifiedBusiness svg {
    fill: #1e7e34 !important;
}
.verifiedMember svg {
    fill: #0b76c5 !important;
}
.verifiedSupporter svg {
    fill: #af7e04 !important;
}

.txtVerified {
    color: #fff;
    font-size: 0.72rem;
    font-weight: 600;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    background-color: transparent !important;
}

.listingLister .txtVerified,
.listingLister .txtVerified,
.listingLister .txtVerified {
     font-weight: 400;
}


/** .Verified Badge **/

.rsdir-filter-form .btn.btn-primary {
    padding: 0.3rem 1.5rem !important;
    font-size: 0.95rem;
}

.rsdir-filter-form .btn.btn-secondary {
    border: none !important;
    background-color: transparent !important;
}

.rsdir-filter-bar select {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    user-select: none;
}


.rsdir-listing-thumb-part {
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.rsdir-listing-thumb-wrapper {
    position: relative;
    height: 100%;

}

.rsdir-listing-thumb-wrapper .thumbnail {
    height: 100%;
    position: relative;
}

.rsdir-listing-thumb-wrapper .thumbnail a {
    display: block;
    height: 100%;
}

.rsdir-listing-thumb-wrapper .img-thumbnail {
    width: 100%;
    /* height: 355px; */
    height: auto;
    object-fit: cover;
    border-radius: 0;
    padding: 0;
    border: none;
}
/* Favorite icon overlay */
.rsdir-details-container {
    position: absolute;
    bottom: 15px;
    right: 10px;
    z-index: 10;
}
/* Ratings overlay */
.rsdir-listing-rating-wrap {
    position: absolute;
    bottom: 15px;
    left: 10px;
    background-color: transparent;
    color: white;
    padding: 5px 10px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    gap: 5px;
    z-index: 10;
    height: 34px !important;
}

.rsdir-listing-rating-wrap a {
    color: #fff;
    text-decoration: none;
}

.rsdir-listing-rating-wrap a:hover {
    color: #ddd;
    text-decoration: underline;
}

.rsdir-listing-rating img {
    width: 16px;
    height: 16px;
}


#rsdir-print-entry {
    float: right;
    margin-left: 2px;
}
.rsdir-entry-fav {
    background-color: rgba(0, 0, 0, 0.7);
    border: none;
    color: white;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

.rsdir-entry-fav:hover {
    background-color: rgba(0, 0, 0, 0.9);
    color: #ff6b6b;
}

.rsdir-entry-fav .fa-heart-o {
    font-size: 18px;
}

/* Images count badge */
.rsdir-listing-images-count {
    position: absolute;
    bottom: 10px;
    right: 10px;
    z-index: 10;
    background-color: rgba(108, 117, 125, 0.9) !important;
}

/* Remove price wrapper from overlay */
.rsdir-price-wrapper {
    position: static;
    margin-top: 10px;
    background: transparent;
    border: none;
}

.rsdir-listing-price {
    background: transparent;
    padding: 0;
    color: inherit;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .rsdir-listing-thumb-part {
        min-height: 250px;
    }
    
    .rsdir-listing-rating-wrap {
        font-size: 14px;
        padding: 4px 8px;
    }
    
    .rsdir-listing-rating img {
        width: 14px;
        height: 14px;
    }
    
    .rsdir-entry-fav {
        width: 32px;
        height: 32px;
    }
    
    .rsdir-entry-fav .fa-heart-o {
        font-size: 16px;
    }
}

.detailsMemberDetails {
    padding-left: 1.5rem;
}

.detailsListerProfile img{
    margin-right: 0.5rem;
    width: 32px;
    height: 32px;
    min-width: 32px !important;
}
a.avatarLink {
    font-size: 1rem !important;
    font-weight: 500 !important;
    cursor: pointer !important;
    color: #0A1F44 !important;
    text-decoration: none;
}
a.avatarLink:hover{
    color: #0b5ed7 !important;
}

.membershipRating {
    color: #777;
    font-size: 0.95rem;
}

.detailsLister {
    padding: 0.2rem 0;
    letter-spacing: 0.02em;
    color: #888;
    font-size: .9rem;
    text-align: left;
    font-weight: 400;
}

.detailsJumpMenu {
    margin-bottom: .7rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
}

.detailsJumpMenu ul {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
}

/* Inner Navigation Links - Make them look like buttons */
.detailsJumpMenu .innerNavigation {
    gap: 0.5rem;
    flex: 1;
    min-width: 0; /* Allows flex item to shrink properly */
}

.detailsJumpMenu .innerNavigation li a {
    text-decoration: none;
    color: #0A1F44;
    font-size: .95rem;
    font-weight: 500;
    padding: .375rem .75rem;
    border: 1px solid #ced4da;
    background-color: #fff;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.375rem;
    transition: all 0.3s ease;
    line-height: 1.5;
    white-space: nowrap;
}

.detailsJumpMenu .innerNavigation li a svg {
    font-size: .875rem;
    color: #aaa;
}
.detailsJumpMenu .innerNavigation li a:hover svg {
    color: #888;
}

.detailsJumpMenu .innerNavigation li a:hover {
    border-color: #0A1F44;
    background-color: #f8f9fa;
}

/* Details Share Section - Keep at right side but responsive */
.detailsJumpMenu .detailsShare {
    gap: 0.75rem;
    margin: 0;
    padding: 0;
    border: none;
    display: flex;
    flex-wrap: wrap;
}

/* Make both Favorite link and Share button look identical */
.detailsJumpMenu .detailsShare .bisShare {
    text-decoration: none;
    color: #0A1F44;
    font-size: .9rem;
    font-weight: 400;
    padding: .375rem .75rem;
    border: 1px solid #ced4da;
    background-color: #fff;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.375rem;
    transition: all 0.3s ease;
    line-height: 1.5;
    white-space: nowrap;
    cursor: pointer;
    font-family: inherit;
}

.detailsJumpMenu .detailsShare .bisShare .bi {
    font-size: .875rem;
    color: #6c757d;
}

.detailsJumpMenu .detailsShare .bisShare:hover {
    border-color: #0A1F44;
    background-color: #f8f9fa;
}

/* Remove the border-bottom from detailsShare */
.detailsJumpMenu .detailsShare {
    border-bottom: none;
}

/* Responsive adjustments for mobile */
@media (max-width: 768px) {

    .photoGallery .rsdir-images-list .rsdir-file {
        width: 118px !important;
    }
    .detailsJumpMenu {
        flex-direction: column;
        gap: 0.75rem;
    }
    
    .detailsJumpMenu .detailsShare {
        order: -1; /* Move share buttons to top on mobile if desired */
        align-self: flex-end; /* Align to right on mobile */
        width: 100%;
        justify-content: flex-end;
        display: none !important;
    }
    
    .detailsJumpMenu .innerNavigation {
        width: 100%;
    }
}

/*** Inner Navigation ***/

.rsdir-detail-rating-wrapper {
    padding: 1rem 0 !important;
}
#reviews-list .thumbnail{
    margin-right: 1rem !important;
}


#reviews-list {
    background-color: #fff;
  border-radius: 6px;
  background: #fff;
  box-shadow: 0 4px 16px rgba(0,0,0,0.05);
  padding: 2.5rem;
  border: solid 1px #fafafa;
}

.col-sm-12 {
        flex: 0 0 12%;
        max-width: 12%;
    }
.col-sm-88 {
        flex: 0 0 88%;
        max-width: 88%;
}
.bookingPolicy,
.refundPolicy {
    color: #666;
    font-size: 0.9rem;
    font-weight: 400;
    font-style: italic;
}

.availablePayment {
    font-size: 0.9rem;
    font-weight: 500;
    color: #666;
}

.headPayMethod {
    font-size: 0.95rem;
    font-weight: 500;
    color: #00b86f;
}

.paymentIcon svg {
    width: 30px;
    height: 30px;
    color: #00b86f;
    margin-right: 0.95rem;
}

/* Target the main container inside your pgSubTourism page */
.site.view-entry.layout-default.pgSubTourism .item-page > .row:first-child {
    display: flex;
    justify-content: space-between; /* left nav vs right block */
    align-items: center;
    flex-wrap: wrap; /* allow wrapping on small screens */
}

/* Right-aligned block containing dropdown and rating */
.site.view-entry.layout-default.pgSubTourism .item-page > .row:first-child .col-md-12 {
    display: flex;
    justify-content: flex-end; /* push content to right */
    align-items: center;
    gap: 1rem; /* space between dropdown and rating */
}

/* Move dropdown and rating next to each other */
.site.view-entry.layout-default.pgSubTourism .dropdown.float-end,
.site.view-entry.layout-default.pgSubTourism .rsdir-detail-rating-wrapper {
    margin: 0; /* reset float margin */
}

/* Make navigation left-aligned in the same row */
.site.view-entry.layout-default.pgSubTourism .detailsJumpMenu {
    order: -1; /* move before the right block */
    margin-right: auto; /* push it to the left */
}

.marketplaceDetailWrapper {
    background-color: #fff;
    border-radius: 6px;
    border: 1px solid #fafafa !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);
}
.detailsSideBlock,
.detailsMainBlock {
    padding: 2.5rem;
}
.detailsMainBlock {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.05);
    border-right: solid 1px #fafafa;
}
    
    /* Ensure icon container aligns to top */
    .paymentIcon {
        align-self: flex-start !important;
    }

.paymentOptionsWrapper {
    border-top: solid 1px #fafafa;
    padding: 0.75rem 0;
    margin-top: 0.5rem;
}

.detailsRefund {
    color: #999;
    font-size: 0.95rem;
}
.detailsPayment {
    padding-left: 3.3rem;
}

.detailsMeetup h5,
.detailsPayment h5{
    font-size: .9rem;
    font-weight: 400;
        color: #00b86f;
}
.detailsMeetup .bi {
    color: #0d6efd;
}
.detailsPayment svg {
    color: #85bb65;
    width: 18px;
    height: 18px;
    margin-right: 0.5rem;
}
.detailsRefund .bi.bi-person-plus,
.detailsPayment .bi.bi-person-plus,
.detailsMeetup .bi.bi-cart-check {
   font-size: 1.4rem !important;
    margin-right: .3rem;
}
.detailsListerProfile {
  padding: 1rem 0.3rem;
  border-radius: 4px;
  background: #ffffff;
  background: linear-gradient(180deg, #ffffff 0%, #f5f9ff 20%, #e9f2ff 100%);
  box-shadow: 0 1px 3px rgba(13, 110, 253, 0.12);
  margin-left: 0;
}

.detailsListerProfile > a:first-child {
  display: flex;
  align-items: center;
  gap: 12px;
  text-decoration: none;
  color: #0A1F44;
  margin-bottom: 15px;
}

.detailsListerProfile > a:first-child img {
  width: 36px;
  height: 36px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.detailsListerProfile > a:first-child span[itemprop="name"] {
  font-size: 1rem;
  font-weight: 600;
  color: #0A1F44;
}
.detailsListerProfile > a:first-child span[itemprop="name"]:hover {
    color: #0b5ed7;
}

.detailsListerProfile > a:first-child svg {
  margin-left: 4px;
}


.star-rating {
  display: flex;
  align-items: center;
  gap: 4px;
}

.star-rating svg {
  width: 18px;
  height: 18px;
}

.rating-value {
font-size: .9rem;   
  font-weight: 600;
  color: #666;
}

.memberPoints {
  display: flex;
  align-items: center;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: white;
  padding: 2px 12px;
  border-radius: 20px;
  font-size: 14px;
  font-weight: 500;
}

.memberPoints svg {
  width: 14px;
  height: 14px;
  fill: white;
}

.detailsListerCount {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  text-align: center;
}

.detailsListerCount a {
  border: 1px solid #c2dafb;
  border-radius: 4px;
  padding: 5px;
  text-decoration: none;
  color: #888;
  font-size: 14px;
  text-align: center;
  transition: all 0.2s ease;
}

.detailsListerCount a:hover {
  background: #f0f7ff;
  border-color: #007bff;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 123, 255, 0.1);
}

.listingCatLink {
  color: #007bff;
}

.socialCatLink {
  color: #28a745;
}


/*

.detailsRating {
  display: flex;
  align-items: center;
  gap: 1rem; 
  flex-wrap: nowrap;
}
.star-rating {
    background-color:#f2f4f7;
    border: 0.5rem 1rem;
    border: solid 1px #ad6200;
    border-radius: 50px;
    padding: 0 0.5rem;
    color: #ad6200 !important;
}
.memberPoints {
    color: #ad6200 !important;
    margin-left: 0.5rem;
}

.detailsLister {
    font-size: 0.95rem;
    color: #666;
    padding-top: 0.3rem;
}

.listingCatLink, .socialCatLink {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.35rem 1rem;
  border-radius: 20px;
  font-weight: 400 !important;
  font-size: 0.85rem !important;
  line-height: 1;
  color: #FFFFFF !important;
  text-decoration: none;
  transition: background 0.25s ease, transform 0.15s ease, box-shadow 0.15s ease;
}

.listingCatLink {
  background: linear-gradient(135deg, #198754, #2FBF71);
}
.socialCatLink {
  background: linear-gradient(135deg, #0D6EFD, #3B82F6);
}


*/
.detailsFile {
  color: #dddddd;
  font-size: 1rem;
  font-weight: 600;
  text-align: center;
    background-color: #0b5ed7;
    border-radius: 6px;
    padding: 1rem 1.25rem;
    border: solid 1px #fafafa;
}

.photoGallery .rsdir-images-list .rsdir-file {
    width: 150px;
    border: none;
}

.photoGallery img {
    margin: 0 0 .5rem 0;
    border-radius: 6px;
}


.photoGallery .rsdir-file img{
    margin: 0 !important;
}


.mainWrapperDefault {
    max-width: 1320px;
    margin: 0 auto;
}



/* ==========================================================================
   Details Favourite 
   ========================================================================== */

.item-page .bg-light {
    --bg-opacity: 0;
}
.item-page .bg-light .rsdir-entry-fav .bi {
        color: #28a745;
   }
.listDetailSvgLink {
    color: #999;  
}
.listDetailSvgLink:hover{
     color: #0d6efd;
}
.btn-group.rsdir-details-container a {
    border: none;
  width: 40px; 
  height: 36px;
  padding: 0;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 18px; 
  color: #0A1F44;
}
.rsdir-listing-rating-wrap,
.btn-group.rsdir-details-container a{
  background-color: rgba(243, 245, 249, 0.9);
}
.rsdir-listing-rating-wrap:hover,
.btn-group.rsdir-details-container a:hover {
     background-color: rgba(243, 245, 249, 0.95);
}

   /* Circular favorite button with stacked icon and text */
 .item-page a.rsdir-entry-fav {
    border: solid 1px #ced4da !important;
    display: inline-flex;
    flex-direction: column; /* Stack items vertically */
    align-items: center;
    justify-content: center;
    width: 200px; /* Fixed width for circle */
    height: auto; /* Fixed height for circle */
    border-radius: 6px; 
    text-decoration: none !important;
    text-align: center;
    padding: 20px;
    gap: 8px; /* Space between icon and text */
    background-color: #fff;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    color: #0A1F44;
}

/* Icon styling */
 .item-page a.rsdir-entry-fav i.fa {
    font-size: 32px; /* Larger icon */
    margin: 0 auto; /* Center horizontally */
    display: block;
    transition: all 0.3s ease;
}

/* Text styling */
 .item-page a.rsdir-entry-fav::after {
    content: attr(title);
    font-size: 0.9rem;
    font-weight: normal;
    color: inherit;
    display: block;
    margin-top: 4px; /* Extra space between icon and text */
    line-height: 1.2;
    font-weight: 500;
}

/* Hover effects */
.item-page a.rsdir-entry-fav:hover {
    background: #fff;
     border: none;
    transform: scale(1.05);
}

/* Active/favorite state */
 .item-page a.rsdir-entry-fav.rsdir-entry-faved {
    background: #fff;
   border: none;
}

 .item-page a.rsdir-entry-fav.rsdir-entry-faved i.fa {
}


/* ==========================================================================
   Content Tabs
   ========================================================================== */

.extraTabsContainer {
    margin-top: 1rem;
}

#extraTabContent  {
    background-color: #eaedf0;
}

.extraTabContent {
    padding: 1.5rem;
}
.extraNormalBlock {
    background-color: #f2f2f2;
    margin: 1rem 0;
    padding: 2rem;
    border-radius: 6px;
    border: solid 1px #fafafa;
}
.rsdir-detail-section-title .control-group,
.extraNormalBlock p{
    font-size: 1rem;
    line-height: 1.6;
    color: #444444;
}

.extraTabHeading {
    font-size: 1.4rem;
    color: #0A1F44;
}

#extraTab.nav.nav-tabs .nav-link {
    color: #0A1F44;
}

#extraTab.nav.nav-tabs .nav-link.active {
    background-color: #0d6efd;
    color: #fff;
}
#extraTab.nav.nav-tabs .nav-link.active::after {
    background-color: #0b5ed7;
    background: linear-gradient(135deg, #0b5ed7, #0b5ed7);
}

.nav.nav-tabs .nav-item button{
    border-bottom: solid 3px #e5e5e5;
    width: 100%;
}

.limitTabButtonText {
    white-space: nowrap;
    /* max-width: 125px; */
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    vertical-align: middle;
    line-height: 1.5;
    font-size: 0.95rem;
    font-weight: 600;
    text-transform: uppercase;
}

/* ==========================================================================
   Biskoon Marketplace Listing Badges
   ========================================================================== */

.detailDataWrapper [class^="badge-"] {
    display: inline-block;
  padding: 0.4rem 0.8rem;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1;
  text-align: center;
  vertical-align: middle;
  border-radius: 1rem;
  text-transform: uppercase;
  color: #fff;
}

/* Base Badge Style Listing */
.listingOffer [class^="badge-"] {
  display: inline-block;
  padding: 0.25rem 0.6rem;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1;
  text-align: center;
  vertical-align: middle;
  border-radius: 1rem;
  text-transform: uppercase;
  color: #fff;
  margin-top: 0.3rem;
}
.detailsPriceDesktopWrapper .listingOffer [class^="badge-"] {
    display: inline-block;
    padding: 0.5rem 1rem;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1;
    text-align: center;
    vertical-align: middle;
    border-radius: 1rem;
    text-transform: uppercase;
    color: #fff;
    margin-top: 0.3rem;
}

/* ELECTRONICS */
 .badge-elec {
  background-color: #0d6efd;
}
 .badge-elec.gradient {
  background-image: linear-gradient(90deg, #0d6efd, #023e8a);
}

/* EDUCATION & LEARNING */
 .badge-edu {
  background-color: #6610f2;
}
 .badge-edu.gradient {
  background-image: linear-gradient(90deg, #6610f2, #4b0082);
}

/* TRAVEL & TOURISM */
 .badge-travel {
  background-color: #20c997;
}
 .badge-travel.gradient {
  background-image: linear-gradient(90deg, #20c997, #0ca678);
}

/* FASHION & APPAREL */
 .badge-fashion {
  background-color: #d63384;
}
 .badge-fashion.gradient {
  background-image: linear-gradient(90deg, #d63384, #8e2ad6);
}

/* HOME & LIFESTYLE */
 .badge-home {
  background-color: #fd7e14;
}
 .badge-home.gradient {
  background-image: linear-gradient(90deg, #fd7e14, #cc5800);
}

/* HEALTH & BEAUTY */
 .badge-beauty {
  background-color: #e83e8c;
}
 .badge-beauty.gradient {
  background-image: linear-gradient(90deg, #e83e8c, #bc2c6c);
}

/* FOOD & BEVERAGE */
 .badge-food {
  background-color: #dc3545;
}
 .badge-food.gradient {
  background-image: linear-gradient(90deg, #dc3545, #9d2235);
}

/* SPORTS & FITNESS */
 .badge-sports {
  background-color: #198754;
}
 .badge-sports.gradient {
  background-image: linear-gradient(90deg, #198754, #145c37);
}

/* FAMILY & BABY */
 .badge-baby {
  background-color: #ffc107;
  color: #212529;
}
 .badge-baby.gradient {
  background-image: linear-gradient(90deg, #ffc107, #e0a800);
  color: #212529;
}

/* TOYS & GAMING */
 .badge-toys {
  background-color: #0dcaf0;
  color: #000;
}
 .badge-toys.gradient {
  background-image: linear-gradient(90deg, #0dcaf0, #0096c7);
  color: #000;
}

/* PET SUPPLIES */
 .badge-pet {
  background-color: #f4a261;
  color: #000;
}
 .badge-pet.gradient {
  background-image: linear-gradient(90deg, #f4a261, #e76f51);
  color: #000;
}

/* OFFICE & BUSINESS SUPPLIES */
 .badge-office {
  background-color: #6f42c1;
}
 .badge-office.gradient {
  background-image: linear-gradient(90deg, #6f42c1, #4e2a84);
}

/* MISCELLANEOUS & FREE STUFF */
 .badge-misc {
  background-color: #adb5bd;
}
 .badge-misc.gradient {
  background-image: linear-gradient(90deg, #adb5bd, #6c757d);
}

/* DISCOUNTS & PROMOTIONS */
 .badge-deals {
  background-color: #28a745;
}
 .badge-deals.gradient {
  background-image: linear-gradient(90deg, #28a745, #1c7430);
}

/* OLD BADGE SUPPORT (Optional) */
 .badge-new-blue {
  background-color: #007bff;
}
 .badge-used-gray {
  background-color: #6c757d;
}
 .badge-waitlist-orange {
  background-color: #fd7e14;
}
 .badge-offer-green {
  background-color: #28a745;
}


/* ==========================================================================
   Detailed Listing
   ========================================================================== */

.bg-light.py-1  {
    justify-content: center;
    text-align: center;
}
.fa.fa-heart-o,
.fa.fa-heart {
    color: #28a745;
}


.bisIconExtra .bi {
    padding: .3rem;
    display: inline-block;
    font-size: 1rem !important;
    width: 26px !important;
    height: 26px !important;
    line-height: 1rem;
    text-align: center;
    vertical-align: middle;
    padding: .3rem;
}

.bisIconExtra .bi-filetype-pdf {
    color: #ff2116;
}

.bisIconExtra .bi-youtube {
    color: #ff0033;

}

.bisIconExtra .bi-vimeo {
    color: #0d6efd;
}
.fileTitle {
     font-size: 1rem;
    font-weight: 600;
    color: #fff;
     padding: 0 !important; 
    margin: 0 !important; 
}

.fileTitle svg {
    color: #fff !important;
   width: 20px;
   height: 20px;
}


.detailsFile .rsdir-files-list a, .detailsFile .rsdir-files-table a {
padding: 0 !important;
}
.detailsFile .rsdir-files-list {
margin: 0 !important;
}
.detailsFile .rsdir-files .rsdir-file td {
padding: 0;
}
.detailsFile .rsdir-files .rsdir-file td a:hover{
color: #fff;
}
.detailsFile .rsdir-files .rsdir-file td a{
text-decoration: none;
color: #a5e0f8;
font-size: 0.8rem;
background: none;
font-weight: 400;
}

.table-striped > tbody > tr:nth-of-type(2n+1) > *, .table-striped-columns > :not(caption) > tr > :nth-child(2n) {
--table-bg-type: #0b5ed7 !important;
border-radius: 6px;
border: none;
padding: .5rem;
height: 30px;
margin: .5rem;
}
.table-striped > tbody > tr:nth-of-type(2n+1) > * {
    border-radius: 0px;
}

.detailsFile .bi {
    color: #dddddd;
    margin-right: .3rem;
}

#rsdir-review-form #rsdir-captcha {
    width: 100px !important;
    margin: .5rem;
    border-radius: 6px;
}

#rsdir-review-form {
    width: 600px;
    margin: 2rem auto 3rem auto !important;
    padding: 2rem;
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 0 4px 16px rgba(0,0,0,0.05);
    padding: 2.5rem;
}

#rsdir-review-submit {
    padding: 0.5rem 1.5rem !important;
    font-size: 0.95rem;
    border-radius: 6px !important;
}

#location {
    margin-bottom: 0;
    padding-bottom: 0;
}
.site .item-page .rsdir-detail-section-title,
.detailHeading {
    padding: 1rem 0 .5rem 0;
    border-top: solid 1px #dfe3e7;
    margin-top: 1.5rem;
    font-size: 1.4rem;
    font-weight: 500;
    width: 100%;
    color: #0A1F44;
}

.detailDim {
  color: #999;
  font-weight: 300;
  font-size: 1.2rem;
  line-height: 1.6;
}  

.detailDim svg {
     margin-top: -0.3rem;
}


/*** Detail Data Wrapper ***/
.detailDataWrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem; /* Consistent spacing between boxes */
}

/*** Detail Data Box Base Styles ***/

.detailDataNonBox {
    padding: 1rem;
    background: #fff;
    border-radius: 4px;
    box-shadow: rgba(0, 0, 0, 0.08) 0px 0px 15px -3px, rgba(0, 0, 0, 0.04) 0px 4px 6px -2px !important;
    border: solid 1px #fafafa;
}

.detailDataBox {
    display: flex;
    flex-direction: column;
    justify-content: flex-start; /* Align items to top */
    align-items: center; /* Center horizontally */
    padding: 1rem;
    background: #fff;
    border-radius: 4px;
    min-width: 185px;
    text-align: center;
    box-shadow: rgba(0, 0, 0, 0.08) 0px 0px 15px -3px, rgba(0, 0, 0, 0.04) 0px 4px 6px -2px !important;
    border: solid 1px #fafafa;
}

/*** Headings ***/
.detailDataHead {
    font-size: .85rem;
    font-weight: 500;
    color: #0A1F44;
    text-transform: uppercase;
    margin-bottom: 0.5rem;
    text-align: center;
}

/*** Items ***/
.detailDataItem {
    font-size: 1rem;
    font-weight: 400;
    color: #444;
    text-transform: capitalize;
    line-height: 1.6;
}

 /***  .Details  Data ***/

    .vimeoVideo iframe,
   .rsdir-map-canvas,
   .youtubeVideo iframe {
        border-radius: 6px;
        width: 100%;
   }    

.detailsMetaList {
    margin-top: 1rem;
    background-color: #f2f2f2;
    padding: 1.5rem;
    font-size: .9rem;
    border-radius: 6px;
    color: #6B6D70;
    display: flex;
    flex-wrap: wrap; /* Allows wrapping on smaller screens */
    gap: 1rem; /* Adds spacing between each dt/dd pair */
    border: solid 1px #fafafa;
}

.detailsMetaList dt,
.detailsMetaList dd {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem; /* Space between icon and text */
    margin: 0;
    padding: 0;
    line-height: 1.5;
    font-size: .9rem;
}

.detailsMetaList dt  .bi {
    font-size: .9rem;
     color: #6B6D70;
}
.detailsMetaList dt {
    font-weight: 500;
     color: #6B6D70;
    width: 40%;
}

.detailsMetaList dd {
    margin-left: auto; 
     color: #6B6D70;
}
.detailsListerWebsite a:hover,
.detailsMetaList dt a:hover,
.detailsMetaList dd a:hover{
     color: #0d6efd !important;
}
.detailsListerWebsite a,
.detailsMetaList dt a,
.detailsMetaList dd a {
    text-decoration: none;
    color: #0b5ed7;
}
.detailsListerWebsite a {
    margin-right: .5rem;
}


   .businessAbout {
        padding: 0 !important;
   }
   .aboutHeadings {
        font-size: .9rem;
        font-weight: 500;
         color: #666;
         padding-bottom: .5rem;
   }

   .businessAbout p {
        font-size: .9rem;
        color: #666;
        padding: 0 !important;
    }
    .detailsListerBussinesName {
        padding: 0;
    }

    .detailsListerWebsite a:hover,
    .detailsListerBussinesName a:hover{
        color: #0b5ed7;
    }

    .detailsListerWebsite {
    padding: .4rem 0;
   }

   .detailsListerWebsite a{
    font-size: .9rem;
    text-decoration: none; 
    
   }

    .detailsListerWebsite a {
    color: #0b5ed7;
    }
   .detailsListerBussinesName a{
    text-decoration: none;
      color: #0A1F44;
    font-size: 1rem;
    font-weight: 500;
   }
    .detailsListerLogoText {
        padding-top: .5rem;
    }

    .detailsViewProfileWrapper {
        justify-content: center;
        text-align: center;
        margin-bottom: 2rem;
    }
   .detailsListerLogo {
     justify-content: center;
     text-align: center;
     margin-top: 1rem;
     margin-bottom: 1rem;
   }
   .detailsListerLogo img {
    width: 180px;
    background: #fff;
   }
   .bizDetailsHeaderDefault .detailsListerLogo img {
        border: solid 3px #020155;
        box-shadow: 0 6px 16px rgba(0,0,0,0.2);
        padding: 0.25rem;
   }
   .detailsSideBlock .detailsListerLogo img {
        border: none;
   }
    #ctaAccordion .accordion-button:not(.collapsed),
   #ctaAccordion .accordion-button:not(.collapsed),
   #aboutAccordion .accordion-button:not(.collapsed),
   #aboutAccordion .accordion-button:not(.collapsed)  {
    background-color: transparent !important;
    border: none !important;
    overflow: hidden !important;
    -ms-overflow-style: none !important;
    outline: none !important;
    box-shadow: none !important;
   }
   #ctaAccordion .accordion-body,
    #ctaAccordion .accordion-button:not(.collapsed),
   #ctaAccordion .accordion-button:not(.collapsed) {
    background-color: transparent !important;
   }

   #ctaAccordion .accordion-item,
   #aboutAccordion .accordion-item {
     border: none !important;
       color: #999;
       background-color: transparent;
   }

  
   #aboutHeading button {
    padding: 0rem !important;
    margin: .5rem 0 1rem 0 !important;
        font-size: .8rem;
        cursor: pointer !important;
        box-shadow: none !important;
        outline: none !important;
             color: #999;
   }

    #ctaHeading button {
        margin: 0 auto !important;
        padding: 0 !important;
        font-size: .8rem;
        color: #999;
        justify-content: center;
        text-align: center;
        align-content: center;
        outline: none !important;
        cursor: pointer !important;
            
    }

    #ctaHeading button:focus,
    #ctaHeading button:active,
    #ctaHeading button:focus-visible,
    #ctaHeading button:focus-within {
    outline: none !important;
    box-shadow: none !important;
    border-color: transparent !important;
     color: #0A1F44;
}
   .ctaQrScanWrapper .accordion-button::after {
        font-size: .8rem;
        color: #999;
        width: 0;
        background-color: transparent;
    }
    #ctaHeading .bi {
        font-size: .8rem !important;
        margin-left: .4rem;
        color: #bbb;
    }
    .ctaAccordionBody {
        text-align: center;
        padding: 0 !important;
        width: 160px;
        margin: 0 auto;
    }

    .ctaAccordionBody img{
        border: none !important;
        border-radius: 4px;
    }
    .ctaAccordionBody .rsdir-images-list li {
        border: solid 1px #dfe3e7 !important;
        border-radius: 4px;
        padding: 0.3rem !important;
    }

.safetyAdvice .bi {
    margin-right: .3rem;
}
.safetyAdvice {
    text-align: center;
    background-color: transparent;
    font-size: .8rem;
    border: none;
    margin: .5rem 0;
    align-items: center;
    color: #666;
}
.safetyAdvice:hover{
    color: #0A1F44;
}

/**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: 12px;
    line-height: 1.4;
    visibility: visible;
    opacity: 1 !important;
}
.tooltip-inner {
    box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.15) !important;
    max-width: 250px;
    padding: 1.5rem !important;
    color: #7f8387;
    background-color: #fff !important;
    border-radius: 6px !important;
    border: solid 2px #fafafa !important;
    font-size: .95rem;
    text-align: left;
}

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

.detailsListerCount a .pgToolTip,
.verifiedUser .pgToolTip,
.verifiedBusiness .pgToolTip,
.starBox .pgToolTip,
.pgToolTip {
    font-size: .7rem;
    color: #ccc;
    font-weight: 300;
}
a:hover .pgToolTip,
.pgToolTip:hover {
    color: #999;
}

/**.tooltips**/
.detailsLister a{
    color: #999;
    font-size: 0.95rem;
    padding: 0.5rem 0;
}

/* For SVG icons using currentColor */
.star-rating {
    color: #ffc107; /* This will apply to all child SVGs using currentColor */
}

.star-rating svg {
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    fill: currentColor; /* Inherit color from parent */
}

/* Different color options */
.star-rating.text-primary { color: #0d6efd; }
.star-rating.text-success { color: #198754; }
.star-rating.text-danger { color: #dc3545; }

.detailsListerProfile a .detailsPostedBy {
    color: #999;
    font-size: .9rem;
    font-weight: 400;

}
.detailsPostedBy {
    padding: 0;
    margin: 0.7rem 0 0 0;
    color: #999;
    font-size: .9rem;
    font-weight: 400;
    text-align: left;
}


.detailsReview {
    text-decoration: none;
    color: #999;
    font-size: .8rem;
}


/** Details price **/
.detailsPriceMobileWrapper {
    display: none;
}

.detailsPriceDesktopWrapper {
    padding-top: 0 !important;
    padding-bottom: .5rem !important;
    margin-top: 0 !important;
    position: relative;
    display: block;
}
.detailsPriceDesktopWrapper .detailsNegotiable {
    font-size: .9rem;
     color: #777;
     font-weight: 400;
}

.detailsPriceDesktopWrapper .detailsPrice {
    font-size: 1.7rem;
    font-weight: 600;
    color: #28a745;
}

.detailsPriceDesktopWrapper .detailsCurrency {
    font-size: 1.5rem;
    font-weight: 600;
    color: #28a745;
}

.detailsViewProfile {
    font-weight: 400;
    color: #777;
    border: solid 1px #777;
    padding: .3rem .6rem;
    border-radius: 4px;
}
.detailsViewProfile {
    font-size: .9rem;
}

.detailsPriceRequest {
    text-transform: uppercase;
    font-size: 1.2rem;
    font-weight: 600;
    color: #28a745;
    border: solid 1px #1e7e34;
     padding: .3rem .6rem;
    border-radius: 4px;
}

.detailsViewProfile {
        text-decoration: none;
}
.detailsViewProfile:hover{
    background-color: #f2f4f7;
}

/** Thumbnail size **/

/* Align rating section to the right */
.view-entry .rsdir-detail-rating-wrapper {
    text-align: right;
    font-size: .9rem;
    color: #6c757d;
    margin: 0;
    padding: 0;
}

.view-entry .rsdir-detail-rating-wrapper .rsdir-detail-rating .bi {
    font-size: 1.2rem;
    cursor: default;
}

.view-entry #rsdir-ratings-count-text {
    display: inline-block;
    font-weight: 500;
}

/* ==========================================================================
   Modals
   ========================================================================== */
.rsfpmodal-container.rsfpopen .rsfpmodal .rsfpmodal-content {
    background: url('https://www.static.biskoon.com/assets/biskoon/brand/i.svg') center center no-repeat !important;
    background-size: 64px 64px !important;
}

.rsfpmodal-container.rsfpopen .rsfpmodal .rsfpmodal-content {
    border: none !important;
}
.contentpane.component {
    padding:
}

.rsfpmodal-container.rsfpopen .rsfpmodal-overlay {
    opacity: 1 !important;
}
.magnific-popup-footer {
    padding-left: 1.5rem;
    padding-bottom: 2rem;
}
#rsdir-owner-reply-magnific-popup,
#rsdir-report-magnific-popup {
    border-radius: 10px;
    padding: 1rem 2rem;
}
#rsfpmodalIframe {
    border-radius: 20px !important;
}

.rsfpmodal-title {
    display: none !important;
}

/* ==========================================================================
   Item Listings
   ========================================================================== */
.detailDataItem .itemEducation, 
.detailDataItem .itemNew, 
.detailDataItem .itemUsed {
    padding: .3rem .7rem;
    font-size: .9rem;
    border-radius: 4px;
}
.listingDataItem .itemEducation, 
.listingDataItem .itemNew, 
.listingDataItem .itemUsed {
    padding: .15rem .3rem;
    font-size: .8rem;
    border-radius: 3px;
}

.detailDataItem .itemEducation, 
.detailDataItem .itemNew, 
.detailDataItem .itemUsed, 
.listingDataItem .itemEducation, 
.listingDataItem .itemNew, 
.listingDataItem .itemUsed {
    white-space: nowrap;
    display: inline-block; 
    color: #f2f4f7;
}
.itemEducation {
     background-color: #28A745;
}
 .itemNew {
    background-color: #1270ec;
}
 .itemUsed {
    background-color: #dba400;
}

   .rsdir-subcategories-list li.hidden-subcategory {
    display: none;
  }

/* Force custom widths for thumb and detail columns */
.rsdir-listing .rsdir-listing-thumb-part {
  flex: 0 0 46.5% !important;
  max-width: 46.5% !important;
  min-height: 100% !important;
}
.rsdir-listing .rsdir-listing-detail-part {
  flex: 0 0 53.5% !important;
  max-width: 53.5% !important;
}

.rsdir-listing .rsdir-details-container {
    margin-right: 1rem;
}
.rsdir-listing .rsdir-listing-rating-wrap {
    margin-left: 1rem;
}

.rsdir-listing {
    border-radius: 6px !important;
    background-color: #fff;
}
.form-select, .custom-select {
    color: #0A1F44 !important;
}
select, input, textarea {
    color: #0A1F44 !important;
}
.footer {
    background-image: none;
}

/** default link **/
.bisListing {
  position: relative;
  overflow: hidden;
}

.visually-hidden {
    position: absolute !important;
    height: 1px; width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px); /* older browsers */
    white-space: nowrap;
    border: 0;
    padding: 0;
    margin: 0;
}

/* Ensure dropdown menu appears above */
.bisListing .dropdown-menu.show {
  z-index: 35;
}

/** share  **/
.listingShare {
    float: right;
    clear: both;
}

.bisQrShare {
  display: inline-flex;
  align-items: center;
  border-radius: 4px;
  background-color: #fff;
  color: #0A1F44;
  font-size: .9rem;
  cursor: pointer;
  box-shadow: none;
  border: none;
}
.bisShare {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 16px;
  margin: 0 .2rem;
  border: 1px solid #ced4da;
  border-radius: 4px;
  background-color: #fff;
  color: #0A1F44;
  font-size: .95rem;
  cursor: pointer;
  box-shadow: none;
  font-weight: 400;
  text-decoration: none;
}

.bisShare:hover {
    border: 1px solid #575e64;
    background-color: #666b72;
    color: #fff;
    transition: all 0.3s ease;
}

.bisShareIcon .bi {
  font-size: 14px;
}

/** listing items **/

.ctaButtonLink {
    text-decoration: none;
}
.ctaButtonLink img {
    margin-right: .3rem;
}

.detailCtaWrapper .iconImage {
  filter: brightness(0) invert(1);
  transition: filter 0.3s ease;
}

.detailCtaWrapper .bi-box-arrow-up-right {
    margin-left: .5rem;
}

.bisVerifyWrapper {
    margin: .8rem 0;
}

.listingLocationWrapper {
    padding-top: 0.25rem;
}
.listingStatsWrapper {
    padding-bottom: 0.01rem;
}

.listingLocationWrapper,
.listingLocationWrapper a{
    text-decoration: none;
    color: #777;
    font-weight: 400;
}
.listingLocationWrapper a:hover{
    color: #0b5ed7;
}
.listerNameWrapper,
.listingLocationWrapper {
  display: flex;
  align-items: center;
}
.listingLocationWrapper .verifiedWrapper{
    margin-right: 1rem;
}
.listingLocationWrapper .bi { 
    color: #999;
    margin-right: .2rem;
    font-size: .7rem;
}
.bisVerifyWrapper {
    margin: .8rem 0;
}
.listerName,
.listingListedAs,
.listingStatus,
.listingPrefix,
.listingLocation,
.listingDate {
    font-size: .8rem;
    margin-right: .2rem;
    font-weight: 400;
}
.listingStatus {
    min-width: 30px;
}
.listingStatus bi,
.listingDate i,
.listingBy .bi {
    margin-left: .3rem;
    margin-right: .3rem;
}
.listingStatus img {
    margin-right: 0.5rem !important;
}

.listingNegotiable {
    font-size: .8rem;
     color: #777;
     font-weight: 400;
}
.listingPriceRequest {
    font-size: .9rem;
    font-weight: 400;
    color: #777;
    border: solid 1px #777;
    padding: .2rem .4rem;
    border-radius: 4px;
}
.listingOriginalPrice {
    color: #0d6efd;
}

.detailsOriginalPriceWrapper span {
     color: #0d6efd;
     font-size: 1rem;

}
.detailsOriginalPrice,
.detailsOrginalCurrency,
.detailsLabelOriginalPrice {
        font-weight: 500;
}
.detailsDiscountPrice {
     font-weight: 400;
}
.detailsBadge {
    margin: .5rem 0;
    font-size: .85rem;
    color: #777;
    font-weight: 500;
}
.listingOriginalPrice,
.listingOrginalCurrency, 
.listingLabelOriginalPrice,
.listingOriginalPriceWrapper span {
    color: #0d6efd !important;
    font-size: .85rem;
    font-weight: 500;
}
.detailsOriginalPrice,
.listingOriginalPrice {
    text-decoration: line-through;
}

.listingPrice {
    font-size: 1.2rem;
    font-weight: 700;
    color: #28a745;
}

.listingCurrency {
    font-size: 1rem;
    font-weight: 700;
    color: #28a745;
}

.listingSpecsWrapper a:hover{
     color: #0b5ed7;
}

.listingSpecsWrapper a{
    color: #0A1F44;
    text-decoration: none;
    font-weight: 400;
}

.listingSpecsWrapper .bi {
 margin: 0;
 padding: 0;
}
.listingSpecsWrapper {
    padding-bottom: 0.2rem;
     color: #6B6D70;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.listingSpecsWrapper svg {
    margin-top: -0.3rem !important;
}
.listingLocationWrapper {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.listingSpecsWrapper .listingSpecsCategory,
.listingSpecsWrapper .listingSpecsBrand,
.listingSpecsWrapper .listingSpecsModel {
    font-weight: 400;
     font-size: .9rem;
}
.listingSpecsModel,
.listingSpecsBrand {
  display: inline-block;
  max-width: 150px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
}
.listingDirectoryDescWrapper p,
.listingDirectoryDescWrapper {
    font-size: 0.85rem;
    font-weight: 300;
    color: #444;
}
.listingDirectoryDescWrapper p {
    padding: 0;
    margin: 0;
}


/* Ensure parent container is relative for positioning */
.rsdir-listing-detail-part {
    position: relative;
}

/* Move .bg-info to top right, inline with title */
.rsdir-listing-detail-part .clearfix.text-right {
    position: absolute;
    top: 0;
    right: 7px;
    z-index: 3;
}

/* Optional: Improve spacing between badge and other elements */
.rsdir-listing-detail-part .rsdir-top-entry {
   float: left;
}

.bg-info {
    color: #fff;
    background: linear-gradient(95.78deg, #FFBD3D 2.35%, #F1A207 95.78% );
    text-transform: uppercase;
    margin-top: -10px !important;
    margin-left: 0;
    margin-right: 5px;
    font-size: .7rem;
}
.rsdir-listing .rsdir-listing-title {
    display: none !important
}
.listingDynaTitleLink,
.listingDynaTitle a,
.listingDynaTitle {
    color: #0A1F44;
    font-weight: 700;
    font-size: 1.1rem;
    text-decoration: none;
}
.listingDynaTitleLink:hover,
.listingDynaTitle a:hover {
    color: #0d6efd !important;
}
.listingDynaTitle {
    white-space: normal;
    position: relative;
    z-index: 0;
    line-height: 1.2;
    display: block;
    margin-right: 1rem;
}
.rsdir-listings .rsdir-price-wrapper {
    display: none;
}  
.rsdir-listing .thumbnail {
      background-color: transparent;
}

.rsdir-listing .thumbnail .img-thumbnail {
    padding: 0;
}
.bisLogo  .img-thumbnail {
    border: none !important;
    background-color: transparent !important;
}

.rsdir-listing-rating-wrap {
    margin-top: .5rem;
    margin-bottom: 0;
    text-align: left;
    float: left;
}

.rsdir-listing-rating-wrap,
.rsdir-listing-rating-wrap a {
    text-decoration: none;
}
.rsdir-listing-rating-wrap:hover,
.rsdir-listing-rating-wrap a:hover {
    color: #dba400;
}
.rsdir-listing-title a:hover{
       color: #0b5ed7;
}
.rsdir-listing-thumb-wrapper {
    position: relative;
}
.btn-group.rsdir-details-container {
    float: right;
    margin-bottom: .5rem;
    margin-top: .4rem;
}
.btn-group.rsdir-details-container a .i
.btn-group.rsdir-details-container a .bi {
  margin: 0;
  font-size: 18px; /* Match icon size */
  color: #28a745;
    border-color:  #28a745;
}


/***  Listing Data ***/
 .listingDataWrapper{
     margin-top: 0.8rem;
     margin-bottom: 0.4rem;
     display: flex;
       display: flex;
     padding: 0px !important;
}

.listingDataBox {
  line-height: normal;
  position: relative;
  display: flex;
  align-items: left;
  color: #17191C;
  flex-direction: column;
  padding: .3rem;
  background: #eaedf0;
  border: 1px solid #e5e8eb;
  border-radius: 4px;
  margin-right: .2rem;
  max-width: 10rem;
}

 .listingDataHead {
     font-size: .7rem;
     font-weight: 500;
     color: #6B6D70;
     text-transform: uppercase;
     white-space: nowrap;
}
 .listingDataItem {
     font-size: .85rem;
     font-weight: 500;
     line-height: 1.2rem;
     color: #17191C;
     padding-top: 0.2rem;
     text-transform: capitalize;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}


/***  .Listing Data ***/

/** listing page category **/
.main-top.card {
    border: none;
    padding: 0;
    background-color: transparent;
}

.categoryMarketing .rsdir-categories .rsdir-entries-number {
  background-color: transparent;
  border-radius: 0px;
  padding-left: 2px;
  padding-right: 2px;
  color: #464C55;
  display: inline-block;
  font-size: .9rem;
  font-weight: 400;
  float: right;
  margin-top: 2px;
}
.categoryMarketing .rsdir-subcategories-list a {
    margin: 0 .2rem;
}
.categoryMarketing .rsdir-categories-list .rsdir-subcategories-list {
    gap: 0 !important;
}

.categoryMarketing .rsdir-has-subcategories a:hover,
.categoryMarketing .rsdir-categories li a:hover {
    border-color: #89b8f6;
    background-color: #f2f7fe !important;
}

.categoryMarketing .rsdir-has-subcategories a,
.categoryMarketing .rsdir-categories li a {
    color: #0F5DC4;
    border-radius: 20px;
    padding: 5px 20px !important;
    font-size: .9rem;
}

.categoryMarketing .rsdir-categories-list > .rsdir-has-subcategories > .rsdir-subcategories-list > li > a,
.categoryMarketing .rsdir-categories-list > .rsdir-has-subcategories > .rsdir-subcategories-list > .rsdir-has-subcategories > .rsdir-subcategories-list > li > a {
  padding-left: 0px;
}

/* Make all lists inline */
.categoryMarketing  .rsdir-categories-list,
.categoryMarketing  .rsdir-categories-list .rsdir-subcategories-list {
    display: flex;
    flex-wrap: wrap; /* Wrap long lists on smaller screens */
    list-style: none;
    padding: 0;
    margin: 0;
    gap: 8px;
}

/* Force all <li> elements to be inline-block */
.categoryMarketing  .rsdir-categories-list > li,
.categoryMarketing  .rsdir-categories-list .rsdir-subcategories-list > li,
.categoryMarketing  .rsdir-categories-list .rsdir-subcategories-list .rsdir-subcategories-list > li {
    display: inline-block;
    white-space: nowrap;
    vertical-align: top;
    margin-bottom: 8px;
}

/* Style for all anchor tags inside category list */
.categoryMarketing  .rsdir-categories-list a {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    background-color: #ffffff;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 6px 12px;
    font-size: 14px;
    color: #333;
    text-decoration: none;
    transition: all 0.3s ease;
    min-width: 90px;
    text-align: center;
}

/* Hover effect */
.categoryMarketing  .rsdir-categories-list a:hover {
    background-color: #f5f5f5;
    border-color: #bbb;
}

/* Entry number badge styling */
.categoryMarketing  .rsdir-entries-number {
    margin-left: 6px;
    font-size: 12px;
    color: #fff;
}

/* "View More" link - keep it inline but styled differently */
.categoryMarketing  .rsdir-categories-list a[style*="display: block"] {
    display: inline-block !important;
    margin-top: 0 !important;
    color: #0b5ed7 !important;
    font-weight: 500;
    border: none !important;
    background: transparent !important;
    padding: .1rem !important;
    min-width: auto !important;
    font-size: .9rem;
}

.categoryMarketing  .rsdir-categories-list a[style*="display: block"]:hover {
    text-decoration: none;
}
/** hide form css wrapper **/
    .marketplaceListingTitlePlus {
        display: none;
    } 

/* ==========================================================================
   Item Details
   ========================================================================== */

    .site .item-page .rsdir-detail-section-title,
    .site .item-page .rsdir-detail-section {
        padding-top: 0rem;
        margin: 0;
    }
   .site .item-page .rsdir-detail-section-title,
   .site .item-page .rsdir-detail-rating-wrapper  {
        border: none;
   }


/* ==========================================================================
   Menu Styling
   ========================================================================== */

/*** Main Menu (iBiskoonMenu) ***/

#iBiskoonMenu {
    margin-left: .5rem;
}

/*** header top **/
.container-below-top {
    height: 64px !important;
}

/*** header nav **/
#iBiskoonMenu, #iTyping {
    height: 44px;
}
/*** header search **/
.container-search .metismenu.mod-menu .metismenu-item {
  padding: 0 .4rem !important;
}

#iBiskoonMenu.metismenu.mod-menu .metismenu-item {
    font-size: .9rem;
    line-height: 1.2;
    font-weight: 600;
    padding: 0 4.5em 0 0;
}

#iBiskoonMenu .nav-header {
    color: #000c2a;
    font-weight: 500;
}

#iBiskoonMenu li ul a {
    font-weight: 400;
    font-size: .85rem;
    line-height: 2;
    text-decoration: none;
    padding: .25rem 1rem .25rem 1rem;
    display: block !important;
    min-width: 200px;
}

#iBiskoonMenu li ul a:hover span, 
#iBiskoonMenu li ul a:hover {
    color: #0b5ed7;
    background-color: #f2f2f2;
}

#iBiskoonMenu li a span {
    color: #999999;
    color: #000c2a;
}

#iBiskoonMenu li a {
    color: #000c2a;
    font-size: .9rem;
    font-weight: 500;
}

#iBiskoonMenu li ul {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

#iBiskoonMenu li ul li {
    padding: 0 !important;
    line-height: 0.9;
}

#iBiskoonMenu button.metismenu.mod-menu .mm-toggler::after {
    border: none !important;
}

#iBiskoonMenu ul li .nav-header {
    color: #999;
    padding: .6rem 1rem;
}

/*** Settings Menu (iSettingsMenu) ***/
#iSettingsMenu button.nav-header {
    padding: .5rem 1.3rem;
    color: #000c2a;
    margin: 0;
    text-decoration: none;
    font-weight: 500;
    font-size: .9rem;
    border: none !important;
}

#iSettingsMenu a {
    color: #000c2a;
    font-size: .85rem;
    font-weight: 400;
    padding: 0rem .7rem;
    line-height: 1;
    padding-bottom: .5rem;
}

#iSettingsMenu ul li a:hover {
    background-color: #f2f2f2;
    color: #0b5ed7;
}

#iSettingsMenu ul li a {
    padding: .7rem 1.46rem;
    text-decoration: none;
    min-width: 250px !important;
}

#iSettingsMenu ul, 
#iBiskoonMenu ul {
    background-color: #f2f4f7 !important;
    padding: 0 !important;
    margin: 0 !important;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

#iSettingsMenu a.account span {
    color: #000c2a;
}

#iSettingsMenu ul li span {
    padding: 0 .5rem 0 0 !important;
    margin: 0;
    color: #000c2a;
}

#iSettingsMenu button.metismenu.mod-menu .mm-toggler.mm-toggler-link {
    padding: 0 1em !important;
}

#iSettingsMenu button.mm-toggler.mm-toggler-link.mm-collapsed {
    color: #999999 !important;
}

#iSettingsMenu ul.metismenu.mod-menu .metismenu-item {
    padding: 0;
    margin: 0;
}

#iSettingsMenu.metismenu.mod-menu .metismenu-item {
    font-size: 0.9rem;
    padding: 0;
    border: none;
}

#iSettingsMenu button.account span, 
#iSettingsMenu ul li span {
    color: #0b5ed7;
}
#iSettingsMenu button.account span {
    font-size: 1.2rem;
}

#iSettingsMenu span {
    display: block;
    margin: 0 auto;
    vertical-align: middle;
    color: #999;
    font-size: 0.9rem;
    text-align: center;
}

#iSettingsMenu a.post span {
    display: inline-block;
    color: #FFFFFF;
    font-weight: 600;
    font-size: 1.1rem;
    padding-left: 0rem !important;
}

#iSettingsMenu a.post:hover {
    background: #f23d3d;
    border: 2px #f2f4f7 solid;
}

#iSettingsMenu a.post {
  display: inline-flex;
  align-items: center;       
  justify-content: center;   
  transition: all 0.2s;
  cursor: pointer;
  text-align: center;       
  margin: 0 .4rem 0 2rem;
  font-size: 0.9rem;
  border-radius: 20px;
  color: #FFFFFF;
  font-weight: 600;
  padding: .1rem 1.3rem;   
  background: #28a745;
  border: 2px #f2f4f7 solid;
  height: 36px;
  width: auto;               
  text-decoration: none;     
}

#iSettingsMenu a.register:hover, 
#iSettingsMenu a.login:hover {
    color: #0b5ed7;
}

#iSettingsMenu a.register, 
#iSettingsMenu a.login {
    font-weight: 500;
    font-size: .95rem;
}

#iSettingsMenu a.register {
    padding-right: 3rem;
    padding-left: 1.3rem;
}

#iSettingsMenu a.login {
    padding-left: 3rem;
    padding-right: 1.3rem;
}

#iSettingsMenu a.account {
    margin-right: 0;
    padding-top: 0.6rem;
    font-weight: 600;
    padding-right: 0;
}

#iSettingsMenu li.deeper.parent {
    margin-top: 0.5rem;
}

#iSettingsMenu a.account span, 
#iSettingsMenu a.account {
    display: inline-block !important;
}

#iSettingsMenu {
    float: right;
}


/*** Account Menu (iAccount2Menu) ***/
#iAccount2Menu span.mod-menu__heading {
    font-size: 1rem;
}

#iAccount2Menu.mod-list li a:hover, 
#iAccount2Menu.mod-list li a:hover span {
    color: #0b5ed7;
}

#iAccount2Menu.mod-list li a span, 
#iAccount2Menu.mod-list li a {
    color: #666;
    text-decoration: none;
    font-size: .85rem;
}

#iAccount2Menu {
    padding-left: 1em;
}

#iAccount2Menu.mod-list li .mod-menu__sub {
    padding-left: 0em;
}

/*** Typing Menu ***/




.metismenu.mod-menu .mm-toggler::after {
    display: none !important;
}

.container-header .menuTyping ul {
    box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.15);
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

.container-header .iMenu .metismenu.mod-menu .mm-toggler::after {
    color: #999999 !important;
}

.menuTyping ul li a:hover {
    color: #0b5ed7 !important;
}

.menuTyping li.metismenu-item.deeper.parent {
    margin: 0 !important;
    padding: 0 !important;
}

.menuTyping ul {
    margin-top: .5rem;
}

.menuTyping {
    padding-right: .25rem !important;
}

.menuTyping ul li a span {
    margin: 0 !important;
    padding: 0 .5rem 0 0rem !important;
}

.menuTyping a, 
.menuTyping .mod-menu__heading.nav-header li {
    font-size: .8rem;
    color: #f2f4f7;
    text-decoration: none !important;
    font-weight: 400;
}

.menuTyping .mod-menu__heading.nav-header .metismenu.mod-menu .mm-toggler {
    color: #999999 !important;
}

.menuTyping .mod-menu__heading.nav-header {
    color: #000c2a !important;
    font-size: .8rem;
    font-weight: 400;
    padding: 0 !important;
}

.container-header .metismenu.mod-menu .mm-toggler::after {
    margin-inline-start: 1 !important;
}

button.mm-toggler.mm-toggler-link.mm-collapsed {
    color: #999999 !important;
}

button.mm-toggler.mm-toggler-link {
    padding: 0 1em;
    color: #0b5ed7 !important;
}

.metismenu.mod-menu .mm-toggler.mm-toggler-link {
    padding: 0 1em;
}

#AccountMenu .metismenu.mod-menu .metismenu-item {
    padding: .2rem 0 !important;
}

/* ==========================================================================
   Header and Navigation
   ========================================================================== */



/*** Header Counter ***/
.headerCounter {
    display: flex;
    list-style: none;
    padding: .3rem 0 0 0;
    margin: 0;
}

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

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

.headerCounter li a {
    display: block;
    align-items: center;
    text-decoration: none;
    color: #000c2a;
    font-size: .8rem;
    padding: 0 1.2rem 0 0;
}

.headerCounter .counterIcon {
    display: block;
    font-size: 0.8rem;
    color: #999999;
    align-items: center;
    text-align: center;
    padding: 0 0 .3rem 0 !important;
}

/*** Logo Styling ***/
.dynoLogo {
    float: left;
    padding: .8rem .8rem .8rem .2rem;
}

.dynoLogoTop a:hover {
    text-decoration: none;
    color: #444 !important;
}

.dynoLogoTop a {
    text-transform: uppercase;
    color: #666B72 !important;
    text-decoration: none;
    font-size: 0.8rem;
}

a.logo-text {
    display: inline-block;
    font-family: 'Roboto', sans-serif;
    font-size: 28px;
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: none;
    width: 160px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    background-color: #121212;
    border-radius: 4px;
    transition: all 0.3s ease;
}

a.logo-text:hover {
    background-color: #333333;
    color: #FFD700;
}

/* ==========================================================================
   Icon Links and Buttons
   ========================================================================== */

.cartLink:hover .bi {
      color: #fff !important;
}
.cartLink .bi {
    color: #99ffff;
    font-size: 1rem !important;
}


.cartLink:hover {
     background: linear-gradient(135deg, #0056b3, #007bff);
   box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    color: #fff !important;

}

.cartLink {
    font-size: .85rem !important;
    padding: 0 .8rem 0 .5rem;
     border-radius: 4px;
     box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    background: linear-gradient(135deg, #007bff, #0056b3);
    color: #99ffff !important;
    height: 30px;
    display: flex;
    align-items: center;      
    justify-content: center;   
}

/* ==========================================================================
   Search Box
   ========================================================================== */

.rsformmodGeneralSearch {
    background: url('https://static.biskoon.com/assets/biskoon/search/bgdefaultsearch3.png') bottom left no-repeat, linear-gradient(135deg, #0074D9, #FFFFFF);
    background-size: contain;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 180px;
    box-sizing: border-box;
    padding-top: 1.6rem;
}

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

.rsformmodGeneralSearch h2 {
    text-align: center;
    font-size: 1.5rem !important;
    font-weight: 600;
    color: #fff;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
    display: block;
    padding-bottom: .5rem;
}

.card.modGeneralSearch {
    border: none;
    margin-top: 1rem;
}

.rsformmodGeneralSearch .mySearch {
    padding: 1rem;
    border-radius: 6px;
}

.rsformmodGeneralSearch .formContainer {
    max-width: 900px;
    margin: auto;
    background-color: transparent !important;
}

.rsformmodGeneralSearch .rsform-submit-button:hover {
    background-color: #0b5ed7 !important;
    border: solid 1px #0b5ed7 !important;
}

.rsformmodGeneralSearch .rsform-submit-button {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background-color: #0b5ed7 !important;
    border: solid 1px #0b5ed7 !important;
    color: #f2f4f7;
}

.rsformmodGeneralSearch .rsform-input-box, 
.rsformmodGeneralSearch .rsform-select-box {
    background-color: #f2f4f7 !important;
}

.rsformmodGeneralSearch .rsform-input-box, 
.rsformmodGeneralSearch .rsform-submit-button, 
.rsformmodGeneralSearch .rsform-select-box {
    height: 50px;
}

.rsformmodGeneralSearch .rsform-block-submit {
    margin: 0;
    padding: 0;
    justify-content: left;
    align-items: left;
}

.rsformmodGeneralSearch .col-md-2, 
.rsformmodGeneralSearch .col-md-8 {
    margin: 0;
    padding: 0;
}

.rsformmodGeneralSearch .rsform-block-search {
    margin: 0 .3rem;
}

.rsformmodGeneralSearch .formControls {
    display: flex;
    justify-content: left;
    align-items: left;
    width: 100%;
    margin: 0;
    padding: 0;
}

.rsformmodGeneralSearch .rsform-block-filter label {
    color: #f2f4f7;
    font-size: .9rem;
    padding-left: .5rem !important;
}

.rsformmodGeneralSearch .rsform-block-filter {
    display: inline-block;
    align-items: center;
    justify-content: center;
    gap: 16px;
    margin-bottom: 0 !important;
}

.rsformmodGeneralSearch .rsform-type-submitbutton {
    text-align: left;
}

.rsformmodGeneralSearch .rsform-type-submitbutton button {
    min-width: 140px;
}

/* ==========================================================================
   Breadcrumbs
   ========================================================================== */

.mod-breadcrumbs__divider.float-start {
    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: "›"; 
  font-family: inherit;
  font-weight: normal;
  font-style: normal;
  color: #777;
  font-size: 1.25em; 
  line-height: 1;
}



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

.mod-breadcrumbs__wrapper a:hover span {
    color: #333 !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;
}


/* ==========================================================================
   User Account and Login/Logout
   ========================================================================== */

.container-below-top .item-522 a:not(.btn) {
    display: inline-block;
    cursor: pointer;
    text-align: center;
    margin: 0;
    margin-left: 0px;
    font-size: 0.9rem;
    line-height: 18px;
    border-radius: 6px;
    color: #FFFFFF !important;
    font-weight: 600;
    padding: .5rem 1rem;
    align-self: center;
    background: #28a745 !important;
    border: 2px #28a745 solid !important;
    text-decoration: none;
}

.modHeaderVerified {
    margin-top: 20px;
}

.modHeaderCount {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding-top: 1rem;
    float: right;
}

.modHeaderCount span.countNum, 
.container-below-top .mod-login-logout__options a span.countNum {
    display: inline !important;
    color: #0b5ed7;
    font-weight: 600;
}

.container-below-top .cbLogoutForm .mod-login-logout__options {
    display: flex;
    gap: 16px;
    padding: 0;
    margin: 0;
    list-style: none;
}

.container-below-top .cbLogoutForm .mod-login-logout__options li {
    display: inline-flex;
    align-items: center;
}

.container-below-top .cbLogoutForm .mod-login-logout__options li a {
    display: flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
    color: #000c2a;
}

.container-below-top .cbLogoutForm .mod-login-logout__options li a:hover {
    color: #0b5ed7;
    text-decoration: none;
}

.container-below-top .mod-login-logout__options a:hover {
    color: #0b5ed7;
}

.container-below-top .mod-login-logout__options a {
    color: #000c2a;
    font-size: 0.8rem !important;
    font-weight: 400;
    line-height: inherit;
}

.container-below-top .logout-options-connection-requests {
    padding-right: 1rem;
}

.container-below-top .mod-login-logout__options a span {
    color: #999999;
    padding-bottom: .1rem !important;
    font-size: .8rem !important;
}

.container-below-top .mod-login-logout__options a, 
.container-below-top .mod-login-logout__options li, 
.container-below-top .mod-login-logout__options a span.cb_template.cb_template_default {
    display: block !important;
    text-align: center;
    text-decoration: none !important;
}

.container-below-top .cbLogoutForm {
    position: relative;
}

.container-below-top .cbLogoutForm, 
.container-below-top .navbar-expand-lg {
    float: right;
}

.container-below-top .mod-login-logout__button.logout-button {
    display: none;
}

.container-below-top {
    display: block;
    color: #000c2a;
}

.modHiddenLogin {
    display: none;
}

.container-below-top .mod-login-logout__login-greeting.login-greeting.cb_template.cb_template_default {
    color: #000c2a;
    padding-top: 1.1rem;
    font-weight: 600;
    font-size: 0.8rem;
}

.mod-login-logout__login-avatar {
    margin-top: 1.2rem;
    margin-right: 1.5rem;
}

.mod-login-logout__login-avatar img {
    width: 30px;
    height: 30px;
    object-fit: cover;
    border-radius: 50%;
}

.cb_template .cbImgPictInitial.cbThumbPict.img-thumbnail {
    width: 40px !important;
}

.mod-login-logout.cbLogoutForm {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    float: right;
}

.mod-login-logout__button .btn {
    padding: 5px 10px;
    font-size: 14px;
}

/* ==========================================================================
   Search Container
   ========================================================================== */

.container-header .container-search {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-top: 0;
}

.saveThis {
    flex: 1;
    display: flex;
    align-items: center;
}

/* ==========================================================================
   General Styling
   ========================================================================== */

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

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

.tg__d__guest__notice {
    border-bottom: solid 1px #eef0f1;
}

.ebdarkmodebtn .eb_btnclr.grey {
    border: none;
}

/* ==========================================================================
   Marketplace Mod Carousel
   ========================================================================== */

  /* LISTINGS */
.modGlobalCarouselLink:hover,
.modGlobalCarouselLink {
    text-decoration: none;
}
.modGlobalCarouselLink:hover .modTitle{
    color: #0f5dc8;
}

.modHomeListings {
    background-color: #fff !important;
    border: solid 1px #e9ecef;
    border-radius: 5px;
}
.modHomeListings .carousel-inner {
  padding: 1rem 0 0.5rem 1rem;
}

.modListingEntries img {
    border-radius: 6px 6px 0 0;
    border-top: solid 1px #e9ecef;
    border-right: solid 1px #e9ecef;
    border-left: solid 1px #e9ecef;
}
.modEntryWrapper {
    position: relative;
    overflow: hidden;
    line-height: 1.35rem;
    padding: .5rem;
    display: flex;
    flex-direction: column;
    border-right: solid 1px #e9ecef;
    border-bottom: solid 1px #e9ecef;
    border-left: solid 1px #e9ecef;
    border-radius: 0 0 6px 6px;
    min-height: 190px;

    /* gradient setup */
    background: linear-gradient(
        180deg,
        rgba(255, 255, 255, 1) 0%,
        rgba(233, 236, 239, 1) 50%,
        rgba(206, 212, 218, 1) 100%
    );

    background-size: 100% 200%;
    background-position: top;

    transition: background-position 0.6s ease, transform 0.3s ease;
}

.modEntryWrapper:hover {
    background-position: bottom;
}

.visually-hidden {
    position: absolute !important;
    height: 1px; width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px); /* older browsers */
    white-space: nowrap;
    border: 0;
    padding: 0;
    margin: 0;
}

.modEntryWrapper:hover {
    background-color: #fff;
}

/* Optional: Prevent inner elements from blocking interaction */
.modEntryWrapper > *:not(a) {
    pointer-events: none; /* allows click through to anchor link */
    user-select: none;     /* optional: disable text selection on overlay */
}

.modListingEntries .carousel-entry-small-subtitle > div {
    margin-bottom: 0;
}

.modNegotiable {
     color: #777;
}
.modBottomWrapper {
    gap: 8px;
    margin-top: 0.5rem;
}

.modBottomWrapper svg {
    color: #999;
    width: 14px;
    height: 14px;
}

.modLocation,
.modBottomDot,
.modCategory {
     color: rgb(98, 100, 101);
}

.modNegotiable,
.modLocation,
.modBottomDot,
.modCategory {
    font-size: .8rem;
    font-weight: 400;
}

.modCategoryTag,
.modPriceRequest {
  font-size: .8rem;
  font-weight: 400;
  color: #fff;
  padding: .2rem .4rem .2rem .4rem;
  border-radius: 3px;
  margin-bottom: .3rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.modCategoryWrapper {
    margin-bottom: 0.5rem;
}
.modCategoryTag {
  background-color: #1877f2;
  border: 1px solid #0d65d9;
}

.modPriceRequest {
  background-color: #28a745;
  border: 1px solid #1e7e34;
}

.modPrice {
    font-size: 1.1rem;
    font-weight: 700;
    color:#28a745;
}

.modCurrency {
    font-size: .9rem;
    font-weight: 700;
    color:#28a745;
}

.modPriceWrapper {
    padding: .2rem 0;
    height: 28px;
}

.modTitle {
 color: #0A1F44;
 font-weight: 500;
 font-size: 0.95rem;
 margin-bottom: 0;
 padding-bottom: 0;

}
.modDate {
    font-size: 0.85rem;
    color: #999;
}

.modTitleWrapper a{
    color: #0A1F44;
    text-decoration: none;
    font-weight: 500;
    font-size: 0.95rem;
}
.modTitle:hover,
.modTitleWrapper a:hover{
     color: #0f5dc8;
}

.modTitleWrapper i {
    font-size: .4rem;
    margin: .1rem;
    color: #999;
    font-weight: normal;
}

.modTitleWrapper {
    padding: .2rem 0 .4rem 0;
}
.modSpecsCondition,
.modSpecsModel,
.modSpecsBrand,
.modSpecsCategory {
    font-size: .8rem;
    color: #0A1F44;
    font-weight: 600;
}
.modListingEntries .carousel-entry-rating-wrapper {
    padding: 0 0.4rem;
    margin: 0;
    border-right: solid 1px #e9ecef;
    border-left: solid 1px #e9ecef;
}
.modListingEntries .carousel-entry-rating-wrapper img {
    border: none;
}
.modListingEntries .carousel-entry-rating-wrapper .carousel-entry-votes {
    font-size: 0.8rem;
}

.modListingEntries .carousel-entry {
    background-color: transparent;
    padding: 0 1rem 0 0;
}

.modListingEntries .img-thumbnail {
    border: none;
    padding: 0;
}

.modListingEntries .card-header {
    color: rgba(0, 0, 0, 0.87);
     background-color: transparent;
     border: none;
     font-size: 1.6rem;
     padding: 0 0 .5rem 0;
}

.card.modListingEntries {
    border: none;
    background-color: transparent;
}
.modListingEntries .card-body {
    padding: 0;
    border: none;
    margin: .2rem;
}
.modListingEntries .carousel-entries  {
    width: 100%;
}
/* ==========================================================================
   Marketplace Mod Carousel
   ========================================================================== */

/* Position Edit Button dropdown in the top-right corner */
.item-page .dropdown.float-end {
  position: absolute;
  top: 8px;
  right: 20px;
  left: auto;
  z-index: 10;
  float: none !important;
}


/* ==========================================================================
   Media Queries
   ========================================================================== */

@media (max-width: 768px) {

    .modHomeListings .carousel-inner {
        padding: 0;
    }
    .detailsPriceRequest {
        margin: 0.5rem 0;
        display: block;
        max-width: 200px;
    }   
    .modListingEntries .carousel-entry {
        padding: 0;
    }

    .item-page .dropdown.float-end {
        top: 350px;
    }
    .listingStatus img {
        max-width: max-content
    }
    #rsdir-review-form {
        width: auto;
        padding: 1rem !important;
        margin-bottom: 180px !important;
    }
    #reviews-list {
        padding: 1rem;
        margin-bottom: 160px;
    }
    .marketplaceDetailWrapper {
        padding: 1rem !important;
    }
    .detailListerWrapper {
        margin: 1rem 0 0 0;
    }

    .detailsSideBlock, .detailsMainBlock {
        padding: 0;
        box-shadow: none;
        border: none;
    }

    /** item overview **/
    
     .detailDataWrapper {
        flex-direction: column;
        gap: 0.5rem;
    }

    .detailDataBox {
        align-items: flex-start !important;
        text-align: left;
        width: 100%;
        max-width: none;
        min-width: auto;
    }

    .detailDataHead,
    .detailDataItem {
        text-align: left;
    }

    .detailsPriceMobileWrapper {
        display: block;
        margin: 1rem 0 .5rem 0;
    }

    .detailsPriceMobileWrapper .detailsNegotiable {
        font-size: .9rem;
        color: #777;
        font-weight: 400;
    }

    .detailsPriceMobileWrapper .detailsPrice {
        font-size: 1.7rem;
        font-weight: 600;
        color: #28a745;
    }

    .detailsPriceMobileWrapper .detailsCurrency {
        font-size: 1.5rem;
        font-weight: 600;
        color: #28a745;
    }

    .detailsPriceDesktopWrapper {
        display: none;
    }

    .vimeoVideo iframe,
   .rsdir-map-canvas,
   .youtubeVideo iframe {
        border-radius: 6px;
   }    
    
    /** Right block **/
    .detailsSideBlock {
        padding: 0rem;
   }

    /** Container Search **/
    .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;
    }

    /* ==========================================================================
   Media Queries - Listing Mobile
   ========================================================================== */
    
     /* Mobile-first: default 100% width for both columns */
    .rsdir-listing .rsdir-listing-thumb-part,
    .rsdir-listing .rsdir-listing-detail-part {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
    }

    .rsdir-listing-detail-part  {
        padding: 0 1rem;
    }

    .rsdir-listing-title {
        padding-right: 0; 
    }

    /* Base Badge Style */
    .listingSpecsWrapper{
        margin: .4rem 0;
    }
    .rsdir-listing .rsdir-listing-detail-part {
        border: none !important;
    }

    .listingLister {
        left: 80px;
        top: 13px;
    }
    
    .detailsPostedBy {
        text-align: center;
    }
    .detailsMetaList dd {
        margin-left: 1.4rem;
        display: inline;
    } 
    .item-page a.rsdir-entry-fav {
        width: 120px;
    }
   .listingDataItem {
        -webkit-box-orient:horizontal;
    }
    .listingStats {
        gap: 6px 8px;
    }
    
    .stat-item {
        padding: 3px 6px;
    }
    .rsdir-listing-thumb-wrapper .img-thumbnail {
        height: 100%;
    }
    body .site-grid {
        grid-gap: 0;
        margin: 0 0.25rem;
    }
    /* Make all list items flex items that grow equally */
    .ctaList > li {
        gap: 0.25rem !important;
        margin: 0 !important;
    }
    .listingSpecsWrapper,
    .listingLocationWrapper {
        white-space: wrap;
    }
    .listingShare {
        text-align: center;
    }
    .listingShare button {
        padding: 0.6rem 2rem;
        font-size: 1rem;
    }
    .bisLogo {
        margin: 0 auto;
    }
    .listingDynaTitle {
        margin-right: 0;
    }
    .extraTabContent {
        padding: 0;
    }
    .limitTabButtonText {
        max-width: 240px;
    }

}

/* ============================================
   FIX: Full width image on mobile, normal on desktop
   ============================================ */

/* Desktop styles (default) */
.rsdir-listing .rsdir-listing-thumb-part {
    flex: 0 0 46.5%;
    max-width: 46.5%;
    padding: 0;
    margin: 0;
}

.rsdir-listing-thumb-wrapper .img-thumbnail {
    width: 100%;
    height: 250px;
    object-fit: cover;
    border-radius: 6px 0 0 6px;
}




/***********FIX THUMBS***********/

/* ============================================
   FIX: Remove white space AND make image full height
   ============================================ */

/* Make thumbnail part take full height */
.rsdir-listing .rsdir-listing-thumb-part {
    min-height: auto;
    flex: 0 0 46.5%;
    max-width: 46.5%;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: stretch;
}

/* Make thumbnail wrapper take full height */
.rsdir-listing-thumb-wrapper {
    position: relative;
    height: 100%;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
}

/* Make thumbnail container take full height */
.rsdir-listing-thumb-wrapper .thumbnail {
    height: 100%;
    margin: 0;
    padding: 0;
    border: none;
    display: flex;
    flex-direction: column;
}

/* Make the link take full height */
.rsdir-listing-thumb-wrapper .thumbnail a {
    display: block;
    line-height: 0;
}

/* Make image fill the entire container */
.rsdir-listing-thumb-wrapper .img-thumbnail {
    width: 100%;
    height: 100%;
    min-height: 250px;
    object-fit: cover;
    margin: 0;
    padding: 0;
    border: none;
    border-radius: 6px 0 0 6px;
    display: block;
}

/* Remove any top spacing from the column */
.rsdir-listing .col-md-3 {
    padding-top: 0;
    padding-bottom: 0;
}

/* Remove any top spacing from the row */
.rsdir-listing .row {
    margin-top: 0;
    margin-bottom: 0;
}
.listingCtaWrapper {
  padding: 0 1rem;
}
.bisListingLeft {
  padding: 1rem;
}
/* Mobile styles - full width image */
@media (max-width: 767px) {
    .rsdir-listing .rsdir-listing-thumb-part {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        margin-bottom: 0.5rem !important;
    }
    .listingCtaWrapper,
    .bisListingLeft {
      padding: 0;
    }
    .listingCtaWrapper {
      padding-bottom: 0.5rem;
    }
}

.paymentHeader .mainWrapperDefault  {
    width: 100% !important;
}

.pagination .counter {
  display: none;
}