/* CSS-Only Content Replacement System */
/* Hide original content and replace with custom content using pseudo-elements */

/* Example: Replace text content */
.original-text-class {
    font-size: 0; /* Hide original text */
    color: transparent;
}

.original-text-class::before {
    content: "Your Custom Text Here";
    font-size: 1rem; /* Restore font size */
    color: #000; /* Restore color */
    display: block;
}

/* Example: Replace button text */
button[data-original-text] {
    font-size: 0;
}

button[data-original-text]::before {
    content: attr(data-custom-text);
    font-size: 1rem;
}

/* Example: Hide and replace entire sections */
.section-to-replace {
    display: none;
}

.section-to-replace + .custom-replacement {
    display: block;
}

/* Utility classes for common replacements */
.hide-text {
    font-size: 0 !important;
    color: transparent !important;
}

.replace-text::before {
    font-size: 1rem !important;
    color: inherit !important;
    display: inline-block;
}

/* Example usage with specific selectors from your site */
h2:contains("Finance is finally effortless") {
    font-size: 0;
}

h2:contains("Finance is finally effortless")::before {
    content: "Trade Smarter. Not Harder.";
    font-size: 2rem;
    display: block;
}