/**
 * JinxBot Share Cart — share-cart.css
 */

/* ── Wrapper ──────────────────────────────────────────────────────────────── */
.jbsc-share-cart-wrap {
    display:     flex;
    align-items: center;
    flex-wrap:   wrap;
    gap:         10px;
    margin-top:  18px;
    margin-bottom: 6px;
}

/* ── Button ───────────────────────────────────────────────────────────────── */
.jbsc-share-btn {
    display:         inline-flex;
    align-items:     center;
    gap:             7px;
    cursor:          pointer;
    font-size:       0.95em;
    padding:         9px 18px;
    border-radius:   4px;
    transition:      background-color 0.2s, opacity 0.2s;
}

.jbsc-share-btn:disabled {
    opacity: 0.65;
    cursor:  not-allowed;
}

.jbsc-share-btn.jbsc-copied {
    /* Subtle green tint — works on most WooCommerce themes */
    background-color: #3a9e5f !important;
    border-color:     #3a9e5f !important;
    color:            #fff    !important;
}

.jbsc-share-btn.jbsc-error {
    background-color: #c0392b !important;
    border-color:     #c0392b !important;
    color:            #fff    !important;
}

/* ── Icon ─────────────────────────────────────────────────────────────────── */
.jbsc-icon {
    width:          16px;
    height:         16px;
    flex-shrink:    0;
    vertical-align: middle;
}

/* ── URL display ──────────────────────────────────────────────────────────── */
.jbsc-url-display {
    display:      none;
    font-size:    0.82em;
    color:        #555;
    word-break:   break-all;
    max-width:    520px;
    padding:      4px 8px;
    background:   #f5f5f5;
    border:       1px solid #ddd;
    border-radius: 3px;
}

.jbsc-url-display.jbsc-url-visible {
    display: inline-block;
}

.jbsc-url-display.jbsc-error {
    display:      inline-block;
    color:        #c0392b;
    background:   #fdf2f2;
    border-color: #e4b9b9;
}

/* ── Responsive ───────────────────────────────────────────────────────────── */
@media (max-width: 600px) {
    .jbsc-share-cart-wrap {
        flex-direction: column;
        align-items:    flex-start;
    }

    .jbsc-url-display {
        max-width: 100%;
    }
}