/*
Theme Name: Modave Child
Theme URI: https://modave.presslayouts.com/landing
Author: PressLayouts Team
Description: This is a child theme for Modave
Version: 1.0
Author URI: https://www.presslayouts.com/
Template: modave
Text Domain: modave-child
*/
/* Cross out disabled variation buttons (sizes, colors) *//* Cross out disabled size swatches */
.swatch-disabled span {
    text-decoration: line-through !important;
    text-decoration-color: #C8A889 !important; /* Orchide beige */
    opacity: 0.5;
    cursor: not-allowed !important;
}

/* Add a beige diagonal slash across the swatch circle */
.swatch-disabled {
    position: relative;
    opacity: 0.4;
    cursor: not-allowed !important;
}

.swatch-disabled::after {
    content: "";
    position: absolute;
    width: 140%;
    height: 2px;
    background-color: #C8A889; /* Orchide beige */
    top: 50%;
    left: -20%;
    transform: rotate(-35deg);
    pointer-events: none;
}