/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jan 31 2026 | 06:52:14 */
/* =====================================================
   FOOD TYPE ICON (Veg / Non-Veg)
===================================================== */

.food-indicator {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 18px;
    height: 18px;
    background: #fff;
    border: 2px solid;
    border-radius: 2px;
    z-index: 50;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: default;
}

/* Inner dot */
.food-indicator i {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    display: block;
}

/* Vegetarian */
.food-indicator.veg {
    border-color: #1fae4b;
}
.food-indicator.veg i {
    background-color: #1fae4b;
}

/* Non-Vegetarian */
.food-indicator.non-veg {
    border-color: #d32f2f;
}
.food-indicator.non-veg i {
    background-color: #d32f2f;
}

/* =====================================================
   WOODMART CORE FIXES (REQUIRED)
===================================================== */

.product-grid-item,
.product-element-top,
.product-image-wrapper {
    position: relative !important;
}

.product-grid-item,
.product-element-top,
.product-image-wrapper,
.product-image {
    overflow: visible !important;
}

/* =====================================================
   LEFT-SIDE TOOLTIP (FINAL – NO EDGE ISSUES)
===================================================== */

/* Tooltip box */
.food-indicator::before {
    content: attr(data-label);
    position: absolute;
    top: 50%;
    right: calc(100% + 10px); /* place tooltip LEFT */
    transform: translateY(-50%);
    background: #000;
    color: #fff;
    font-size: 12px;
    line-height: 1.2;
    padding: 4px 8px;
    border-radius: 3px;
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
    z-index: 99999;
    transition: opacity 0.15s ease;
}

/* Tooltip arrow (RIGHT side, pointing to icon) */
.food-indicator::after {
    content: '';
    position: absolute;
    top: 50%;
    right: calc(100% + 2px);
    transform: translateY(-50%);
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent transparent #000;
    opacity: 0;
    z-index: 99999;
    transition: opacity 0.15s ease;
}

/* Hover state */
.food-indicator:hover::before,
.food-indicator:hover::after {
    opacity: 1;
}

/* =====================================================
   STOP IMAGE MOVEMENT ON HOVER (CRITICAL)
===================================================== */

/* Cancel WoodMart image hover transform when tooltip is active */
.product-image-wrapper:hover img {
    transform: none !important;
}

/* Keep tooltip above everything */
.food-indicator:hover {
    z-index: 100000;
}

/* =====================================================
   MOBILE BEHAVIOR (OPTIONAL – RECOMMENDED)
===================================================== */

@media (hover: none) {
    .food-indicator::before,
    .food-indicator::after {
        display: none;
    }
}