/* Norboz Variants Manager - Front-end CSS */
.nvm-selector { margin-bottom: 10px; }
.nvm-options  { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 6px; }

.nvm-btn {
    padding: 8px 18px;
    border: 2px solid #d0d0d0;
    border-radius: 6px;
    background: #fff;
    color: #333;
    font-size: 14px;
    cursor: pointer;
    line-height: 1;
    transition: border-color .15s, background .15s, color .15s;
}
.nvm-btn:hover             { border-color: #555; }
.nvm-btn.nvm-active        { border-color: #111; background: #111; color: #fff; }
.nvm-btn.nvm-unavailable   { opacity: .35; cursor: not-allowed; text-decoration: line-through; }

.nvm-swatch {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: 3px solid transparent;
    outline: 2px solid #d0d0d0;
    cursor: pointer;
    transition: outline-color .15s, transform .15s;
}
.nvm-swatch:hover           { outline-color: #888; transform: scale(1.1); }
.nvm-swatch.nvm-active      { outline-color: #111; box-shadow: 0 0 0 3px #fff inset; }
.nvm-swatch.nvm-unavailable { opacity: .3; cursor: not-allowed; }