@use "@dokan-pro/base-tailwind";
@config './admin-dashboard-tailwind.config.js';

.dokan-seller-badge-input-event-popover {
    .components-popover__content {
        box-shadow: 0 6px 20px 0 #00000014;
        border: 1px solid #E9E9E9;
    }
}

span {
    &:has(svg.dokan-seller-badge-event-input-chevrond-down) {
        background: white !important;
        cursor: pointer;
    }
}
span {
    &:has(svg.dokan-seller-badge-event-input-crown) {
        cursor: pointer;
    }
}

.dokan-seller-badge-input-event-popover {
    .components-popover__content {
        box-shadow: 0 6px 20px 0 #00000014;
        border: 1px solid #E9E9E9;
    }
}

span {
    &:has(svg.dokan-seller-badge-event-input-chevrond-down) {
        background: white !important;
        cursor: pointer;
    }
}
span {
    &:has(svg.dokan-seller-badge-event-input-crown) {
        cursor: pointer;
    }
}

/* Custom thin scrollbar for the events list */
.dokan-seller-badge-scroll {
    scrollbar-width: thin; /* Firefox */
    scrollbar-color: var(--dokan-button-background-color, #7047EB) transparent; /* Firefox */
}

.dokan-seller-badge-scroll::-webkit-scrollbar {
    width: 8px; /* WebKit */
}

.dokan-seller-badge-scroll::-webkit-scrollbar-track {
    background: transparent;
}

.dokan-seller-badge-scroll::-webkit-scrollbar-thumb {
    background-color: var(--dokan-button-background-color, #7047EB);
    border-radius: 8px;
    border: 2px solid transparent; /* creates padding */
    background-clip: content-box;
}

.dokan-seller-badge-scroll::-webkit-scrollbar-thumb:hover {
    background-color: #BDBDC1;
}
