/* Default link style */
a {
  color: #222222; /* Elegant dark charcoal for normal links */
  text-decoration: none;
  font-weight: 500; /* Slightly bold for readability */
}

/* Hover state */
a:hover {
  color: #1a3d6d; /* Deep navy accent for hover */
  text-decoration: underline; /* Adds subtle emphasis */
}

/* Visited links */
a:visited {
  color: #555555; /* Neutral grey to avoid clashing */
}


/* to remove color from privacy policy hyperlink */
.zpdark-section a {
    color: #222222 !important;
}/* added by maha */



/* Remove yellow background from mobile menu dropdown */
.mobile-menu,
.dropdown-menu,
.settings-panel,
.nav-overlay,
.drawer-menu {
    background-color: #000000 !important; /* Change to your desired color */
} /* ADDED BY MAHA */


.out-of-stock {
    text-decoration: line-through;
    color: #999; /* Optional: make it look faded */
}



document.addEventListener("DOMContentLoaded", function() {
    /* Select all variant options (adjust selector based on your theme) */
    const variantOptions = document.querySelectorAll(".theme-variant-label-text");

    variantOptions.forEach(option => {
        const stockStatus = option.getAttribute("data-variant-id-stock"); /* Example attribute */
        if (stockStatus === "out-of-stock") {
            option.classList.add("out-of-stock");
        }
    });
});


/* ADDED BY Aadharsh as suggested by ZOHO for login page */

/*bala*/
.theme-variant-label-text {
  opacity: 1;
  cursor: pointer;
}

.theme-variant-label-text:not(.selected):not(:hover) {
  background: #fff;
}

/* Zoho disables click internally */
.theme-variant-label-text[style*="pointer-events: none"] {
  opacity: 0.4;
  cursor: not-allowed;
}
/* Disabled size look */
.theme-variant-label-text[style*="pointer-events: none"] {
  opacity: 0.35;
  cursor: not-allowed;
  background: #f2f2f2;
  border-color: #ddd;
}