/* ==========================================================================
   1. TRANSLATE BANNER MAIN TITLE
   ========================================================================== */
/* When the English dropdown option is active, swap the banner text */
html:has(option[lang="en"][selected]) .banner h1 {
    font-size: 0; /* Hides original French text */
}
html:has(option[lang="en"][selected]) .banner h1::after {
    content: "Cactusoft Construction Help Center";
    font-size: 2.5rem; /* Restore your original heading font size here */
}


/* ==========================================================================
   2. TRANSLATE TOP NAV LINKS & VALUES
   ========================================================================== */
/* Apply structural setup to all nav links ONLY when English is active */
html:has(option[lang="en"][selected]) .header-links ul li a {
    display: inline-block;
    font-size: 0 !important; /* Hides the French word */
}

html:has(option[lang="en"][selected]) .header-links ul li a::after {
    font-size: 1rem; /* Restores the standard readable font size for English word */
}

/* Map specific links based on their original French text attributes or exact href */
html:has(option[lang="en"][selected]) .header-links ul li a[href*="support.cactusoft.app/"]::after {
    content: "Home";
}

html:has(option[lang="en"][selected]) .header-links ul li a[href*="guide-d-introduction"]::after {
    content: "Introduction";
}

html:has(option[lang="en"][selected]) .header-links ul li a[href*="debuter"]::after {
    content: "Get Started";
}

html:has(option[lang="en"][selected]) .header-links ul li a[href*="documentation"]::after {
    content: "Documentation";
}

html:has(option[lang="en"][selected]) .header-links ul li a[href*="depannage"]::after {
    content: "Troubleshooting";
}

html:has(option[lang="en"][selected]) .header-links ul li a[href*="https://cactusoft.app/"]::after {
    content: "Cactusoft";
}

/* Only apply when the English language option is selected */
html:has(option[lang="en"][selected]) .tile-title a {
    display: inline-block;
    font-size: 0 !important; /* Hides original French text */
}

html:has(option[lang="en"][selected]) .tile-title a::after {
    font-size: 1.25rem; /* Restores the card title text size */
    font-weight: 600;
    color: #172b4d; /* Matches your dark slate text color */
}

/* Map 1: Guide d'introduction */
html:has(option[lang="en"][selected]) .tile-title a[href*="guide-d-introduction"]::after {
    content: "Introduction Guide to Cactusoft Construction";
}

/* Map 2: Débuter */
html:has(option[lang="en"][selected]) .tile-title a[href*="debuter"]::after {
    content: "Get Started";
}

/* Map 3: Dépannage */
html:has(option[lang="en"][selected]) .tile-title a[href*="depannage"]::after {
    content: "Troubleshooting";
}

/* Map 4: Documentation */
html:has(option[lang="en"][selected]) .tile-title a[href*="documentation"]::after {
    content: "Documentation";
}