/**
 * Product Disabled Styles
 *
 * Styles for products marked as disabled in admin.
 * Disabled products appear grayed out, slightly transparent, and non-clickable.
 *
 * @package Remko_Theme
 * @since 1.0.0
 */

/* ====================================
   Series Card - Disabled State
   ==================================== */

.card-series--disabled {
    /* Visual disabled state */
    opacity: 0.5;
    filter: grayscale(60%);
    cursor: not-allowed !important;
    pointer-events: none;

    /* Prevent hover effects */
    transition: none !important;
}

.card-series--disabled:hover {
    /* Override hover shadow */
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;
    transform: none !important;
}

.card-series--disabled .card-series__image,
.card-series--disabled .card-series__img-large {
    /* Darken images slightly */
    filter: grayscale(80%) brightness(0.9);
}

.card-series--disabled .card-series__content h4,
.card-series--disabled .card-series__content p {
    /* Gray out text */
    color: #9ca3af !important;
}

/* ====================================
   Mega Menu - Disabled State
   ==================================== */

.mega-menu__item--disabled {
    opacity: 0.5;
    filter: grayscale(60%);
    cursor: not-allowed !important;
    pointer-events: none;
}

.mega-menu__item--disabled:hover {
    background-color: transparent !important;
    transform: none !important;
}

.mega-menu__item--disabled .mega-menu__link {
    cursor: not-allowed !important;
    pointer-events: none;
}

.mega-menu__item--disabled img {
    filter: grayscale(80%) brightness(0.9);
}

.mega-menu__item--disabled .mega-menu__title,
.mega-menu__item--disabled .mega-menu__text {
    color: #9ca3af !important;
}

/* ====================================
   Product Slider - Disabled State
   (if used in hero sections)
   ==================================== */

.product-slider__item--disabled {
    opacity: 0.5;
    filter: grayscale(60%);
    cursor: not-allowed !important;
    pointer-events: none;
}

.product-slider__item--disabled img {
    filter: grayscale(80%) brightness(0.9);
}