/*
 Theme Name:   Boss
 Theme URI:    http://creativityheights.com/
 Description:  Child theme for Divi
 Author:       Creativity Heights
 Author URI:   http://creativityheights.com/
 Template:     divi
 Version:      1.0.0
*/

/* Import parent theme styles */
@import url("../divi/style.css");

.dokan-vendor-name {
  font-size: 14px;
  color: #666;
  margin-top: 5px;
}
.dokan-vendor-name a {
  color: #0073aa;
  text-decoration: none;
}
.dokan-vendor-name a:hover {
  text-decoration: underline;
}

.product-vendor-name {
  font-size: 13px;
  color: #777;
  font-weight: 500;
}

.dokan-account-migration-lists{
	display:none;
}

.dokan-dashboard-content{
	z-index:0
}

.dokan-store-tabs {
	display:none;
}

.dokan-store-products-filter-area.dokan-clearfix {
    margin-top: 20px;
}

/*Responsive Vendor Grid*/
/* --- Custom Dokan Vendor Flex Grid --- */

.vendor-filter-container {
    margin-bottom: 30px;
    text-align: center;
}

.vendor-filter-container select {
    padding: 8px 15px;
    border: 1px solid #ccc;
    border-radius: 5px;
}

/* Flex Container */
.custom-dokan-vendors-flex {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px; /* Counteracts card padding */
}

/* Base Card (Mobile: 100% width) */
.vendor-card-item {
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
}

/* Tablet (50% width) */
@media screen and (min-width: 600px) {
    .vendor-card-item {
        width: 50%;
    }
}

/* Desktop Widths based on shortcode attribute */
@media screen and (min-width: 992px) {
    .vendor-cols-2 .vendor-card-item {
        width: 50%;
    }
    .vendor-cols-3 .vendor-card-item {
        width: 33.333%;
    }
    .vendor-cols-4 .vendor-card-item {
        width: 25%;
    }
}

/* Visual Styling */
.vendor-card-inner {
    border: 1px solid #ddd;
    border-radius: 10px;
    overflow: hidden;
    background: #fff;
    text-align: center;
    height: 100%;
    transition: transform 0.3s ease;
}

.vendor-card-inner:hover {
    transform: translateY(-5px);
}

.vendor-banner-link img {
    width: 100%;
    height: 130px;
    object-fit: cover;
    display: block;
}

.vendor-banner-placeholder {
    width: 100%;
    height: 130px;
    background: #eeeeee;
}

.vendor-info-wrapper {
    padding: 15px;
}

.vendor-logo-img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    object-fit: cover;
    margin-top: -55px;
    border: 4px solid #fff;
    background: #fff;
}

.vendor-card-inner h3 {
    margin: 10px 0 5px;
    font-size: 18px;
}

.vendor-location-label {
    color: #666;
    font-size: 14px;
}