/**
 * Theme Name:     Hello Elementor Child
 * Author:         Elementor Team
 * Template:       hello-elementor
 * Text Domain:	   hello-elementor-child
 * Description:    Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
 */


/* Target all <th> elements that contain "Extra fee -" */
.woocommerce-table tfoot th[scope="row"]:has(:first-child) {
    position: relative;
}

/* Hide the original text but keep layout */
.woocommerce-table tfoot th[scope="row"]:has(:first-child):before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    color: #000;
}

/* Specifically target known rows with "Extra fee -" prefix */
.woocommerce-table tfoot th[scope="row"]::before {
    content: attr(data-replace);
    /* We'll set this with CSS variable */
    position: absolute;
    top: 0;
    left: 0;
    color: inherit;
    white-space: nowrap;
}

/* Hide the real text */
.woocommerce-table tfoot th[scope="row"] {
    color: transparent;
}

/* Set custom content using attribute */
.woocommerce-table tfoot tr:nth-child(2) th {
    --rest-text: " - WATER SPOT REMOVAL & PAINT CORRECTION-Car:";
    content: "Extra service"var(--rest-text);
    color: inherit;
}