
.loading svg{
	position:Static !important;
}

.dynamicpress-swatch:hover{
    cursor:pointer;
}
.disable-swatch{
    position:relative;
    pointer-events: none !important;
    opacity: 0.5;
}
.disable-events:hover{
    cursor:not-allowed;
}
input.quantity-input-dynamicpress{
    text-align: center;
}
/* Chrome, Safari, Edge, Opera */
input.quantity-input-dynamicpress::-webkit-outer-spin-button,
input.quantity-input-dynamicpress::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.product-quantity-plus{
    position:absolute;
    top:45%;
    right:5%;
    transform:translateY(-50%);
    font-size:22px;
    font-weight:bold;
}
.product-quantity-minus{
    position:absolute;
    top:45%;
    left:5%;
    transform:translateY(-50%);
    font-size:22px;
    font-weight:bold;
}
.product-quantity-plus:hover, .product-quantity-minus:hover{
    cursor: pointer;
}
/* Loader Overlay */
.loader-overlay {
    position: relative;
}
.swatchesOuterWrapper {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px;
}
/* Optional: Skeleton Loading for Price */
.price-loading .woocommerce-Price-amount,
.price-loading .price {
    background: linear-gradient(
        90deg,
        #f0f0f0 25%,
        #e0e0e0 50%,
        #f0f0f0 75%
    );
    background-size: 200% 100%;
    animation: loading 1.5s infinite;
    color: transparent !important;
}
@keyframes loading {
    0% { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}
/* Reduced Motion Support */
@media (prefers-reduced-motion: reduce) {
    .loading-spinner,
    .price-loading::after,
    .price-loading .woocommerce-Price-amount,
    .price-loading .price {
        animation: none;
        opacity: 0.7;
    }
}
/* Print Styles */
@media print {
    .loading-spinner,
    .loader-overlay::before,
    .loader-overlay::after,
    .price-loading::after {
        display: none;
    }
}
/* Dark spinner variant (optional) */
.loading-spinner.dark {
    border-color: rgba(0, 0, 0, 0.3);
    border-top-color: #000;
}
/* Large spinner variant (optional) */
.loading-spinner.large {
    width: 24px;
    height: 24px;
    border-width: 3px;
}
/* Small spinner variant (optional) */
.loading-spinner.small {
    width: 10px;
    height: 10px;
    border-width: 1.5px;
}