/* ------- Disable Translation on Flagship page -------  */

.domain-card a,
.domain-card a h3.notranslate[data-title] {
    display: block;
    width: 100%;
    text-align: center;
    margin: 0 auto;    
    font-size: inherit;
    color: inherit;
    text-transform: none;
}

.domain-card a h3.notranslate[data-title]::before {
    content: attr(data-title);   
    display: block; 
    width: 100%;
    visibility: visible;
    text-align: center;
}

h3.notranslate[data-title] {
    overflow: hidden;
}


/* ------ Disable Translation on Search page -------  */
.protected-domain-link {
    display: inline-block;
    text-decoration: none;
    min-height: 1.2em;
}

/* The Text Injection: Using the data-attribute */
.protected-domain-link::before {
    content: attr(data-domain);
    display: inline-block;
    visibility: visible;
    cursor: pointer;
}

/* Centering (If these <li> are inside your centered cards/lists) */
.domain-card li, 
.domain-card li a.protected-domain-link {
    text-align: center;
    width: 100%;
    display: block;
}
/* Target the empty anchor tags */
.protected-link {
    display: block;     
    text-align: center;
    width: 100%;
    text-decoration: none;
    min-height: 1em;   
}

/* Inject the text from the data-title attribute */
.protected-link::before {
    content: attr(data-title);
    display: inline-block;
    visibility: visible;
    color: inherit;   
    font-weight: bold;  
}