/* ==========================================================
   Swatch Upcharge Labels
   Price label uses real span, not ::after
   ========================================================== */

.swatch-opt .swatch-option {
    position: relative;
    overflow: visible;
}

/* Disable old pseudo-element upcharge labels if any old CSS is still cached */
.swatch-opt .swatch-option.has-swatch-price:not(.selected)::after {
    content: none !important;
    display: none !important;
}

/* Space only for swatches that actually have an upcharge */
.swatch-opt .swatch-option.has-swatch-price {
    margin-bottom: 24px !important;
}

/* Real upcharge label added by JS */
.swatch-opt .swatch-option .swatch-price-label {
    position: absolute;
    top: calc(100% + -18px);
    left: 50%;
    transform: translateX(-50%);
    display: block;
    font-size: 10.5px;
    line-height: 1;
    font-weight: 500;
    color: #000000;
    white-space: nowrap;
    pointer-events: none;
    z-index: 3;
    /* background: transparent !important; */
    border: 0 !important;
    box-shadow: none !important;
    background-color:#fff;
    border-radius:3px;
    padding:2px;
    opacity:.75;

}

/* Selected swatch checkmark in upper-right */
.swatch-opt .swatch-option.selected::after {
    content: "✓" !important;
    position: absolute !important;
    top: -6px !important;
    right: -6px !important;
    left: auto !important;
    bottom: auto !important;
    width: 17px !important;
    height: 17px !important;
    min-width: 17px !important;
    border-radius: 50% !important;
    background: #014E83 !important;
    color: #fff !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 17px !important;
    text-align: center !important;
    transform: none !important;
    z-index: 6 !important;
    pointer-events: none !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .22) !important;
}

/* Darken upcharge label when its swatch is selected */
.swatch-opt .swatch-option.selected .swatch-price-label {
    color: #4b5563; /* darker gray */
    font-weight: 700;
}