/* ============================================================
   MinerCore — Used Product Trust & Conversion Enhancements
   Covers:
   1. Scarcity Badge (Only 1 Unit Available)
   2. Condition Summary Card (above Add to Cart)
   3. Dynamic Trust Bar (used vs new variants)
   4. Payment method reassurance note styling
   ============================================================ */

/* ═══════════════════════════════════════════════════════════
   1. SCARCITY BADGE — Only 1 Unit Available
   ═══════════════════════════════════════════════════════════ */

.asic-scarcity-badge {
    display: flex;
    align-items: center;
    gap: 9px;
    margin: 10px 0 8px;
    padding: 9px 14px;
    background: #fff8ed;
    border: 1px solid #fcd34d;
    border-left: 3px solid #f59e0b;
    border-radius: 8px;
    font-size: var(--text-sm);
    color: #92400e;
    line-height: 1.4;
}

.asic-scarcity-dot {
    display: inline-block;
    flex: 0 0 9px;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #f59e0b;
    box-shadow: 0 0 0 4px rgba(245, 158, 11, 0.22);
    animation: scarcity-pulse 1.8s ease-in-out infinite;
}

@keyframes scarcity-pulse {
    0%, 100% { box-shadow: 0 0 0 4px rgba(245, 158, 11, 0.22); }
    50%       { box-shadow: 0 0 0 7px rgba(245, 158, 11, 0.08); }
}

.asic-scarcity-text {
    font-weight: var(--fw-semibold);
}

.asic-scarcity-text em {
    font-style: normal;
    font-weight: var(--fw-regular);
    color: #a16207;
    margin-left: 4px;
    font-size: var(--text-xs);
}


/* ═══════════════════════════════════════════════════════════
   2. CONDITION SUMMARY CARD
   ═══════════════════════════════════════════════════════════ */

.asic-condition-card {
    margin: 0 0 14px;
    border: 1px solid #a7f3d0;
    border-left: 3px solid #059669;
    border-radius: 10px;
    background: linear-gradient(135deg, #f0fdf4 0%, #ecfdf5 100%);
    overflow: hidden;
}

.asic-condition-card__header {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px 8px;
    border-bottom: 1px solid #d1fae5;
    background: rgba(5, 150, 105, 0.06);
}

.asic-condition-card__header strong {
    flex: 1;
    font-size: var(--text-sm);
    font-weight: var(--fw-semibold);
    color: #065f46;
}

.asic-condition-card__grade {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 2px 10px;
    border-radius: 999px;
    background: #d1fae5;
    border: 1px solid #a7f3d0;
    font-size: var(--text-xs);
    font-weight: var(--fw-semibold);
    color: #065f46;
    white-space: nowrap;
}

.asic-condition-card__list {
    list-style: none;
    margin: 0;
    padding: 8px 14px 10px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4px 10px;
}

.asic-condition-card__list li {
    display: flex;
    align-items: flex-start;
    gap: 6px;
    font-size: var(--text-xs);
    color: #1e6b50;
    line-height: 1.45;
    margin-bottom: 0;
}

.asic-condition-card__list li svg {
    flex: 0 0 12px;
    margin-top: 2px;
}

.asic-condition-card__list li strong {
    font-weight: var(--fw-semibold);
    color: #064e3b;
}

.asic-condition-card__result-row {
    grid-column: 1 / -1;
    padding-top: 4px;
    border-top: 1px solid #d1fae5;
    margin-top: 2px;
}

.asic-condition-card__pass {
    color: #059669 !important;
    font-weight: var(--fw-bold) !important;
}

/* Single column on very narrow screens */
@media (max-width: 400px) {
    .asic-condition-card__list {
        grid-template-columns: 1fr;
    }
}


/* ═══════════════════════════════════════════════════════════
   3. TRUST BAR — enhanced sub-description line + used variant
   ═══════════════════════════════════════════════════════════ */

/* Add sub-description support to existing trust-content */
.trust-content p {
    margin: 2px 0 0;
    font-size: var(--text-xs);
    font-weight: var(--fw-regular);
    color: var(--color-text-muted, #64748b);
    line-height: 1.35;
}

/* Teal icon for "tested" item on used products */
.trust-icon-teal {
    background: rgba(13, 148, 136, 0.1) !important;
    border-color: rgba(13, 148, 136, 0.2) !important;
}

/* "used" variant: highlight the tested item with a subtle teal tint */
.asic-trust-bar--used .trust-item-tested {
    background: rgba(5, 150, 105, 0.04);
    border-radius: var(--radius-sm, 6px);
    outline: 1px solid rgba(5, 150, 105, 0.12);
}

.asic-trust-bar--used .trust-item-tested .trust-content h4 {
    color: #065f46;
}


/* ═══════════════════════════════════════════════════════════
   4. PAYMENT METHOD — reassurance note (mc-method-inline-note)
      Already rendered via existing template logic; style it here
   ═══════════════════════════════════════════════════════════ */

.mc-method-inline-note {
    display: block;
    margin-top: 5px;
    padding: 6px 10px;
    background: #f0fdf4;
    border: 1px solid #bbf7d0;
    border-radius: 6px;
    font-size: var(--text-xs) !important;
    font-weight: var(--fw-regular) !important;
    color: #166534 !important;
    line-height: 1.5;
}

/* Make the note more visible when its payment method is selected */
.wc_payment_method.is-selected-method .mc-method-inline-note,
.wc_payment_method input[type="radio"]:checked ~ label .mc-method-inline-note {
    background: #dcfce7;
    border-color: #86efac;
}

/* Disabled method: mute the note too */
.wc_payment_method.is-disabled-method .mc-method-inline-note {
    display: none;
}