/* ── Geo Price Public Styles ── */

/* ── Checkout Conversion Notice (Type A gateways) ─────────────────────────── */
.gp-checkout-notice {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    background: var(--gp-notice-bg, #f0f6fc);
    border: 1px solid var(--gp-notice-border, #2271b1);
    border-inline-start: 4px solid var(--gp-notice-border, #2271b1);
    border-radius: 6px;
    padding: 12px 16px;
    margin-bottom: 24px;
    color: var(--gp-notice-text, #1d2327);
    /* inherit the website font — never impose a plugin or browser default */
    font-family: inherit;
}

.gp-checkout-notice .gp-notice-icon {
    flex-shrink: 0;
    color: var(--gp-notice-border, #2271b1);
    margin-top: 2px;
}

.gp-checkout-notice .gp-notice-icon svg {
    display: block;
}

.gp-checkout-notice .gp-notice-text {
    flex: 1;
}

.gp-checkout-notice strong {
    color: var(--gp-notice-border, #2271b1);
}

/* ── SVG currency symbol — color inheritance fixes ─────────────────────────── */
/*
 * Elementor cart/checkout widgets apply color directly on td/bdi elements.
 * The SVG we inject sits inside:
 *   <span class="woocommerce-Price-currencySymbol">
 *     <span style="...inline-flex...">   ← our wrapper
 *       <svg fill="currentColor">        ← our SVG
 *
 * For fill:currentColor to resolve correctly, `color` must be defined on the SVG
 * element or a direct ancestor. These rules force color:inherit down the chain
 * from the Elementor-styled td → bdi → our span → SVG.
 */

/* Elementor Cart widget */
.elementor-widget-woocommerce-cart .woocommerce table.cart td span,
.elementor-widget-woocommerce-cart .woocommerce table.cart td bdi {
    color: inherit;
}

/* Elementor Checkout order-review table */
.elementor-widget-woocommerce-checkout-page .woocommerce-checkout-review-order-table .cart_item td,
.elementor-widget-woocommerce-checkout-page .woocommerce-checkout-review-order-table .cart_item td span,
.elementor-widget-woocommerce-checkout-page .woocommerce-checkout-review-order-table .cart_item td bdi {
    color: inherit;
}

/* Our SVG wrapper + SVG itself — cascade color from the WC price span */
.woocommerce-Price-currencySymbol > span[style],
.woocommerce-Price-currencySymbol > span[style] svg {
    color: inherit;
    fill: currentColor;
    stroke: currentColor;
}

/* Broader fallback — any inline-flex span inside a WC price amount span */
.woocommerce-Price-amount > bdi > span[style*="inline-flex"],
.woocommerce-Price-amount > bdi > span[style*="inline-flex"] svg {
    color: inherit;
    fill: currentColor;
}