/**
 * Loop Add-to-Cart Icon Widget — Styles
 *
 * @package Outdoor_Core
 */

.outdoor-loop-atc {
    display: inline-flex;
    align-items: center;
}

.outdoor-loop-atc__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    cursor: pointer;
    transition: color 0.2s ease, background-color 0.2s ease;
    position: relative;
    line-height: 1;
    border: none;
}

.outdoor-loop-atc__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: opacity 0.2s ease;
}

/* Loading state */
.outdoor-loop-atc__btn.loading .outdoor-loop-atc__icon {
    opacity: 0;
}

.outdoor-loop-atc__spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 16px;
    height: 16px;
    margin: -8px 0 0 -8px;
    border: 2px solid transparent;
    border-top-color: currentColor;
    border-radius: 50%;
    animation: outdoor-atc-spin 0.6s linear infinite;
}

.outdoor-loop-atc__btn.loading .outdoor-loop-atc__spinner {
    display: block;
}

/* Success state */
.outdoor-loop-atc__btn.is-added .outdoor-loop-atc__icon {
    opacity: 1;
}

@keyframes outdoor-atc-spin {
    to { transform: rotate(360deg); }
}