/**
 * Gift Cards Display — Base Styles
 *
 * BEM naming: .gc-card-info  /  __item  /  __label  /  __value
 * These are minimal defaults; Elementor widget controls override via selectors.
 *
 * @package GC_Woo_Display
 */

/* ================================================================
 *  CONTAINER
 * ============================================================= */

.gc-card-info {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.gc-card-info--horizontal {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: baseline;
}

/* ================================================================
 *  ITEM
 * ============================================================= */

.gc-card-info__item {
    display: flex;
    align-items: baseline;
    gap: 6px;
    line-height: 1.4;
}

/* ================================================================
 *  LABEL
 * ============================================================= */

.gc-card-info__label {
    font-weight: 600;
    white-space: nowrap;
}

/* ================================================================
 *  VALUE
 * ============================================================= */

.gc-card-info__value {
    font-weight: 700;
    transition: opacity 0.2s ease, color 0.2s ease;
}

/* Placeholder state (before variation is selected) — only for dynamic values */
.gc-card-info__value[data-gc-attr]:not(.gc-card-info__value--active),
.gc-card-info__value[data-gc-saldo]:not(.gc-card-info__value--active),
.gc-card-info__value[data-gc-precio]:not(.gc-card-info__value--active) {
    opacity: 0.5;
}

/* Hide dynamic rows entirely until a variation is selected */
.gc-card-info__item:has([data-gc-attr]),
.gc-card-info__item:has([data-gc-precio]) {
    display: none;
}

/* Show rows once JS adds the --revealed class */
.gc-card-info__item--revealed {
    display: flex !important;
}

/* Remove reduced opacity for simple products (value is set server-side) */
.gc-card-info[data-product-type="simple"] .gc-card-info__value {
    opacity: 1;
}

/* Simple products: rows are always visible */
.gc-card-info[data-product-type="simple"] .gc-card-info__item {
    display: flex !important;
}

/* ================================================================
 *  SINGLE-FIELD SHORTCODES  ( [gc_moneda], [gc_saldo], [gc_precio] )
 * ============================================================= */

.gc-field {
    display: inline-flex;
    align-items: baseline;
    gap: 6px;
}

.gc-field__label {
    font-weight: 600;
}

.gc-field__value {
    font-weight: 700;
}