/*
 * Overrides — specific touchups that don't belong in a system file.
 *
 * Prefer specificity (html body .selector) over !important.
 * Use !important only when the target plugin itself uses it.
 *
 * Keep entries small and commented. Move to a dedicated partial if a
 * section grows beyond ~20 lines.
 */

/* -------------------------------------------------------------------------
   Price typography — WooCommerce + theme price classes
   ------------------------------------------------------------------------- */

html body .price,
html body .woocommerce-Price-amount,
html body .woocommerce-Price-currencySymbol,
html body bdi,
html body .price-value,
html body .price-amount,
html body .amount,
html body .product-info-price,
html body .product-info-price .price,
html body .product-info-price .woocommerce-Price-amount,
html body .product-info-price bdi,
html body .price .woocommerce-Price-amount,
html body .price bdi,
html body .price span,
html body .woocommerce-Price-amount bdi,
html body #et-boc .price .woocommerce-Price-currencySymbol,
html body #et-boc .price .woocommerce-Price-amount,
html body #et-boc .woocommerce-Price-amount .woocommerce-Price-currencySymbol,
html body .et_pb_section .price .woocommerce-Price-currencySymbol,
html body .et_pb_section .price .woocommerce-Price-amount,
html body .et_pb_section .woocommerce-Price-amount .woocommerce-Price-currencySymbol {
    font-family:    var(--font-family-price);
    font-size:      var(--font-size-price);
    font-weight:    var(--font-weight-price);
    text-transform: var(--text-transform-price, none);
    letter-spacing: var(--letter-spacing-price);
    line-height:    var(--line-height-price);
}

/* Cart / checkout blocks — keep WooCommerce default price sizing */
html body .wc-block-cart-items :is(
    .price,
    .price span,
    .woocommerce-Price-amount,
    .woocommerce-Price-amount bdi,
    bdi,
    .wc-block-components-formatted-money-amount
) {
    font-family:    revert;
    font-size:      revert;
    font-weight:    revert;
    text-transform: revert;
    letter-spacing: revert;
    line-height:    revert;
}

/* WC shrinks $ by default; keep symbol same size as amount */
html body .price .woocommerce-Price-currencySymbol,
html body .woocommerce-Price-amount .woocommerce-Price-currencySymbol {
    font-size:      1em;
    vertical-align: baseline;
}

@media (min-width: 981px) {
    html body .price,
    html body .woocommerce-Price-amount,
    html body .woocommerce-Price-currencySymbol,
    html body bdi,
    html body .price-value,
    html body .price-amount,
    html body .amount,
    html body .product-info-price,
    html body .product-info-price .price,
    html body .product-info-price .woocommerce-Price-amount,
    html body .product-info-price bdi,
    html body .price .woocommerce-Price-amount,
    html body .price bdi,
    html body .price span,
    html body .woocommerce-Price-amount bdi,
    html body #et-boc .price .woocommerce-Price-currencySymbol,
    html body #et-boc .price .woocommerce-Price-amount,
    html body #et-boc .woocommerce-Price-amount .woocommerce-Price-currencySymbol,
    html body .et_pb_section .price .woocommerce-Price-currencySymbol,
    html body .et_pb_section .price .woocommerce-Price-amount,
    html body .et_pb_section .woocommerce-Price-amount .woocommerce-Price-currencySymbol {
        font-size: var(--font-size-price-desktop, var(--font-size-price));
    }

    html body .wc-block-cart-items :is(
        .price,
        .price span,
        .woocommerce-Price-amount,
        .woocommerce-Price-amount bdi,
        bdi,
        .wc-block-components-formatted-money-amount
    ) {
        font-size: revert;
    }

    html body .price .woocommerce-Price-currencySymbol,
    html body .woocommerce-Price-amount .woocommerce-Price-currencySymbol {
        font-size: 1em;
    }
}

/* -------------------------------------------------------------------------
   Tables — content area only (.content-container)
   ------------------------------------------------------------------------- */

html body .content-container table {
    max-width:       var(--table-max-width, 600px);
    margin-bottom:   var(--table-margin-bottom, 12px);
    border-spacing:  var(--table-border-spacing, 6px);
    border-collapse: separate;
}

html body .content-container td,
html body .content-container th {
    border:         var(--table-cell-border);
    border-radius:  var(--table-cell-border-radius, 8px);
    color:          var(--table-cell-color);
    padding-left:   var(--table-cell-padding-left, 12px);
    font-size:      var(--table-cell-font-size, 15px);
    line-height:    var(--table-cell-line-height, 1.5em);
    background:     var(--table-cell-bg);
    margin-top:     var(--table-cell-margin-top, 0.6rem);
    margin-bottom:  var(--table-cell-margin-bottom, 0.1rem);
}

@media (min-width: 981px) {
    html body .content-container td,
    html body .content-container th {
        color:     var(--table-cell-color-desktop);
        font-size: var(--table-cell-font-size-desktop, 16px);
    }
}

/* -------------------------------------------------------------------------
   Images — border radius (content area only)
   ------------------------------------------------------------------------- */

html body .content-container img {
    border-radius: var(--border-radius-md);
}