/*
        declaração das classes que serão utilizadas para setar informações que só podem aparecer em um dos dois sites.

        Regras de uso: 
        Ao usar umas das duas duas classes, É OBRIGATÓRIA O USO DA CLASSE GENÉRICA pra substituir pra caso não for SITE efacil ou martins.

        o "!important" ajuda em situações onde as classes ficam junto a outras que também usam "display".
*/

.for--efacil,
.for--martins {
    display: none !important;
}

.for--generic {
    display: block !important;
}

/* 
      Abaixo está a lógica para fazer blocos para efacil.
      Se dentro de HTML tiver link com os atributos "rel canonic" e "efacil.com.br" irá fazer aparecer usando display block
*/
html:has(head link[rel="canonical"][href*="efacil.com.br"]) .for--efacil {
    display: block !important;
}

/* 
      Abaixo está a lógica para fazer genéricas desligarem se estiver no efacil
      Se dentro de HTML tiver link com os atributos "rel canonic" e "efacil.com.br" irá fazer ocultar elementos genéricos usando display block
*/
html:has(head link[rel="canonical"][href*="efacil.com.br"]) .for--generic {
    display: none !important;
}

html:has(head link[rel="canonical"][href*="martinsatacado.com.br"]) .for--martins {
    display: block !important;
}

html:has(head link[rel="canonical"][href*="martinsatacado.com.br"]) .for--generic {
    display: none !important;
}