/* WC Price & Cart Manager — Frontend Styles */

/* ── Modal overlay ── */
.wpcm-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.6);
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
    animation: wpcm-fade-in 0.2s ease;
}

@keyframes wpcm-fade-in {
    from { opacity: 0; }
    to { opacity: 1; }
}

/* ── Modal dialog ── */
.wpcm-dialog {
    background: #fff;
    border-radius: 8px;
    padding: 32px;
    max-width: 520px;
    width: 92%;
    position: relative;
    box-shadow: 0 20px 60px rgba(0, 0, 0, .3);
    animation: wpcm-slide-up 0.25s ease;
}

@keyframes wpcm-slide-up {
    from { transform: translateY(20px); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
}

/* ── Close button ── */
.wpcm-dialog-close {
    position: absolute;
    top: 12px;
    right: 16px;
    background: none;
    border: none;
    font-size: 28px;
    line-height: 1;
    cursor: pointer;
    color: #666;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: background 0.15s, color 0.15s;
}

.wpcm-dialog-close:hover {
    background: #f0f0f0;
    color: #000;
}

/* ── Replacement price text ── */
.wpcm-price-text {
    font-weight: 600;
    font-size: 1.1em;
    display: inline-block;
    /* color is set inline per rule */
}

/* ── Replacement buttons ──
   All buttons use WooCommerce's native .button.alt classes
   so they match the theme's own Add to Cart button exactly.
   Inline background-color/border-color overrides the theme color when set. */

.wpcm-login-btn,
.wpcm-btn,
.wpcm-inquiry-trigger {
    text-decoration: none !important;
}

.wpcm-login-btn:hover,
.wpcm-btn:hover,
.wpcm-inquiry-trigger:hover {
    opacity: 0.85;
    color: #fff !important;
}

.wpcm-login-btn:visited,
.wpcm-btn:visited {
    color: #fff !important;
}

.wpcm-inquiry-trigger {
    cursor: pointer;
}