.elementor-2719 .elementor-element.elementor-element-47bf1c6{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-2719 .elementor-element.elementor-element-491a7ae{--display:flex;--min-height:150px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2719 .elementor-element.elementor-element-db51e35{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2719 .elementor-element.elementor-element-8b9d7be .elementor-heading-title{font-size:24px;}.elementor-2719 .elementor-element.elementor-element-0c1ef75{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2719 .elementor-element.elementor-element-e0847d3{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.5;border-style:solid;--border-style:solid;border-width:2px 0px 0px 0px;--border-top-width:2px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:var( --e-global-color-astglobalcolor5 );--border-color:var( --e-global-color-astglobalcolor5 );--border-radius:0px 0px 0px 0px;}.elementor-2719 .elementor-element.elementor-element-e0847d3::before, .elementor-2719 .elementor-element.elementor-element-e0847d3 > .elementor-background-video-container::before, .elementor-2719 .elementor-element.elementor-element-e0847d3 > .e-con-inner > .elementor-background-video-container::before, .elementor-2719 .elementor-element.elementor-element-e0847d3 > .elementor-background-slideshow::before, .elementor-2719 .elementor-element.elementor-element-e0847d3 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2719 .elementor-element.elementor-element-e0847d3 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-2719 .elementor-element.elementor-element-a1876f1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2719 .elementor-element.elementor-element-a1876f1.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2719 .elementor-element.elementor-element-a24eb52{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-astglobalcolor5 );--border-color:var( --e-global-color-astglobalcolor5 );--border-radius:10px 10px 10px 10px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-2719 .elementor-element.elementor-element-2395ab7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2719 .elementor-element.elementor-element-2395ab7.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2719 .elementor-element.elementor-element-bbffa33{--display:flex;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-2719 .elementor-element.elementor-element-491a7ae{--width:25%;}.elementor-2719 .elementor-element.elementor-element-db51e35{--width:50%;}.elementor-2719 .elementor-element.elementor-element-0c1ef75{--width:25%;}.elementor-2719 .elementor-element.elementor-element-a1876f1{--width:25%;}.elementor-2719 .elementor-element.elementor-element-2395ab7{--width:75%;}}/* Start custom CSS for container, class: .elementor-element-491a7ae *//* --- Vendor Logo Box Final Styling with Shadow & Radius --- */

/* Individual Box Container Styling */
.elementor-2719 .elementor-element.elementor-element-491a7ae .elementor-container {
    padding: 0; /* প্যাডিং এখন লিঙ্কের ভেতরে থাকবে */
    box-sizing: border-box;
}

/* The main wrapper (link or div) */
.elementor-2719 .elementor-element.elementor-element-491a7ae .vendor-grid-link-box {
    display: block;
    position: relative;
    width: 100%;
    min-height: 180px;
    padding: 20px;
    box-sizing: border-box;
    background-color: #ffffff; /* সাদা ব্যাকগ্রাউন্ড */
    
    /* Your Requested Styles */
    border-radius: 12px; /* সুন্দর গোলাকার কোণ */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05); /* প্রাথমিক হালকা ছায়া */
    
    /* Smooth transition for hover effects */
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    overflow: hidden; /* ভেতরের ডিজাইন যেন বাইরে না যায় */
}

/* HOVER EFFECT - Lift and Deeper Shadow */
.elementor-2719 .elementor-element.elementor-element-491a7ae .vendor-grid-link-box:hover {
    transform: translateY(-5px); /* হোভার করলে বক্সটি উপরে উঠবে */
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1); /* হোভার করলে ছায়াটি আরও গভীর হবে */
}

/* Dark overlay on hover (works only on linked items) */
.elementor-2719 .elementor-element.elementor-element-491a7ae .vendor-grid-link-box:not(.no-link)::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    opacity: 0;
    transition: opacity 0.3s ease;
    border-radius: 12px; /* ওভারলের কোণও গোলাকার হবে */
}

/* The image itself */
.elementor-2719 .elementor-element.elementor-element-491a7ae .vendor-grid-logo-box {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    min-height: 140px;
}

/* "Visit Store" text */
.elementor-2719 .elementor-element.elementor-element-491a7ae .hover-text-box {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 2;
}

/* Trigger for Hover Effect (only for linked items) */
.elementor-2719 .elementor-element.elementor-element-491a7ae .vendor-grid-link-box:not(.no-link):hover::after,
.elementor-2719 .elementor-element.elementor-element-491a7ae .vendor-grid-link-box:not(.no-link):hover .hover-text-box {
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0c1ef75 */.vendor-rating-system {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
}
.stars-wrapper .star {
    font-size: 28px;
    color: #ccc;
    cursor: pointer;
    transition: color 0.2s;
    display: inline-block; /* Fix for spacing */
}
.stars-wrapper .star.filled {
    color: #fdd835; /* হলুদ রঙ */
}
.vendor-rating-system:not(.has-voted) .stars-wrapper:hover .star {
    color: #fdd835;
}
.vendor-rating-system:not(.has-voted) .stars-wrapper .star:hover ~ .star {
    color: #ccc;
}
.vendor-rating-system.has-voted .stars-wrapper .star,
.vendor-rating-system.processing .stars-wrapper .star {
    cursor: default;
}
.rating-text {
    font-size: 14px;
    color: #777;
}
.rating-message {
    font-size: 14px;
    font-weight: bold;
    margin-top: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a1876f1 *//* --- Sidebar Category List - Final Design --- */
.sidebar-category-list {
    border: 1px solid #eee;
    padding: 20px;
    border-radius: 8px;
}

/* Title for the Category Widget */
.sidebar-category-list .sidebar-widget-title {
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #1a202c;
    margin: 0 0 15px 0;
    padding-bottom: 15px;
    border-bottom: 1px solid #e2e8f0;
    line-height: 1.2;
}

.category-list-wrapper {
    display: flex;
    flex-direction: column;
}

.category-item {
    display: block;
    text-decoration: none;
    padding: 8px 10px;
    border-radius: 6px;
    transition: background-color 0.2s ease;
}

.category-item:hover {
    background-color: #f0f2ff;
}

.category-title {
    display: block;
    font-size: 16px;
    font-weight: 700;
    color: #333;
    margin-bottom: 4px;
}

.category-count {
    display: block;
    font-size: 14px;
    color: #777;
}
/* --- Sidebar Popular Vendors List Styling --- */
.sidebar-popular-vendors {
    border: 1px solid #eee;
    padding: 15px;
    border-radius: 8px;
    margin-top: 20px; /* উপরের সেকশন থেকে দূরত্ব */
}

/* --- Sidebar Popular Vendors List Styling - FINAL v2 --- */
.sidebar-popular-vendors {
    border: 1px solid #eee;
    padding: 20px;
    border-radius: 8px;
    margin-top: 20px;
}

/* Widget Title */
.sidebar-popular-vendors .sidebar-widget-title {
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #1a202c;
    margin: 0 0 15px 0;
    padding-bottom: 15px;
    border-bottom: 1px solid #e2e8f0;
    line-height: 1.2;
}

.vendor-item-sidebar {
    display: block;
    text-decoration: none;
    padding: 8px 10px;
    border-radius: 6px;
    transition: background-color 0.2s ease;
}

.vendor-item-sidebar:hover {
    background-color: #f0f2ff;
}

/* VENDOR TITLE - CORRECTED SIZE */
.sidebar-popular-vendors .vendor-title {
    display: block;
    font-size: 16px !important; /* ফন্ট সাইজ ঠিক করা হলো */
    font-weight: 600 !important; /* Boldness ঠিক করা হলো */
    color: #333;
    margin-bottom: 4px;
    line-height: 1.3; /* অতিরিক্ত স্পেস কমানোর জন্য */
}

.vendor-count {
    display: block;
    font-size: 14px;
    color: #777;
}

.vendor-item-sidebar.extra-vendor {
    display: none;
}

.sidebar-popular-vendors.expanded .vendor-item-sidebar.extra-vendor {
    display: block;
}

.toggle-vendors-link {
    display: block;
    text-align: right;
    margin-top: 10px;
    font-weight: bold;
    color: #0073e6;
    text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2395ab7 *//* Category Filter Buttons */
/* --- Category Filter Buttons - Final Design --- */

.vendor-category-filter-nav {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 30px;
}

.vendor-cat-filter-btn {
    /* Inactive Button Style (Outline) */
    background-color: transparent; /* স্বচ্ছ ব্যাকগ্রাউন্ড */
    border: 1px solid #ddd; /* হালকা ধূসর বর্ডার */
    color: #333; /* লেখার রঙ কালো */

    padding: 10px 20px;
    cursor: pointer;
    border-radius: 30px;
    font-weight: 600;
    transition: all 0.2s ease;
}

/* Hover State for Inactive Buttons */
.vendor-cat-filter-btn:not(.active):hover {
    background-color: #f0f2f5; /* হোভার করলে হালকা ধূসর */
    border-color: #ccc;
}

/* Active Button Style (Filled) */
.vendor-cat-filter-btn.active {
    background-color: #0073e6; /* নীল ব্যাকগ্রাউন্ড */
    border-color: #0073e6; /* নীল বর্ডার */
    color: #fff; /* লেখার রঙ সাদা */
}

/* Coupon List */
.coupon-item-wrapper { margin-bottom: 20px; }

/* Vote System Placeholder */
.vendor-vote-system { margin-top: 15px; padding: 15px; background-color: #f9f9f9; border-radius: 8px; text-align: center; }
.vendor-vote-system .vote-btn { margin: 0 5px; padding: 5px 15px; border-radius: 5px; border: 1px solid #ccc; cursor: pointer; }
.vendor-vote-system .vote-btn.yes { background-color: #d4edda; border-color: #c3e6cb; }
.vendor-vote-system .vote-btn.no { background-color: #f8d7da; border-color: #f5c6cb; }/* End custom CSS */
/* Start custom CSS *//* Vendor Info Header */
.vendor-header-info {
    display: flex;
    align-items: center;
    gap: 25px;
    margin-bottom: 40px;
    padding-bottom: 30px;
    border-bottom: 1px solid #eee;
}
.vendor-logo {
    max-width: 120px;
    height: auto;
    border-radius: 8px;
    border: 1px solid #f0f0f0;
    padding: 5px;
}
.vendor-title {
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 32px;
}
.vendor-description {
    margin: 0;
    font-size: 16px;
    color: #555;
}

/* Filter Buttons */
.vendor-filter-nav {
    display: flex;
    gap: 10px;
    margin-bottom: 30px;
}
.vendor-filter-btn {
    background-color: #f0f2f5;
    border: 1px solid transparent;
    padding: 10px 20px;
    cursor: pointer;
    border-radius: 30px; /* গোল বাটন */
    font-weight: 600;
    transition: all 0.2s ease;
}
.vendor-filter-btn:hover {
    background-color: #e0e4e8;
}
.vendor-filter-btn.active {
    background-color: #0073e6;
    color: #fff;
}

/* Coupon List Wrapper */
.vendor-coupons-wrapper .coupon-item-wrapper {
    margin-bottom: 20px;
}

/* Sidebar Category List */
.sidebar-vendor-categories {
    padding: 20px;
    background-color: #f9f9f9;
    border-radius: 8px;
}
.sidebar-vendor-categories h3 {
    margin-top: 0;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
}
.sidebar-vendor-categories ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.sidebar-vendor-categories li a {
    display: block;
    padding: 8px 0;
    text-decoration: none;
    color: #333;
    font-weight: 500;
}
.sidebar-vendor-categories li a:hover {
    color: #0073e6;
}/* End custom CSS */