/* ============================================================
   VIVA FITNESS - STOCK STATE V1
   Estado visual de indisponibilidade na vitrine.
   Isolado de vf_store.css.
   ============================================================ */

/* ------------------------------------------------------------
   CARD TOTALMENTE ESGOTADO
   ------------------------------------------------------------ */

.vf-card[data-vf-sold-out="1"] [data-vf-card-gallery],
.vf-card [data-vf-card-gallery][data-vf-current-sold-out="1"] {
    position: relative;
}

.vf-card[data-vf-sold-out="1"] [data-vf-card-image],
.vf-card [data-vf-card-gallery][data-vf-current-sold-out="1"] [data-vf-card-image] {
/* ------------------------------------------------------------
   COR ESGOTADA
   Mantem a cor visivel, mas comunica indisponibilidade.
   ------------------------------------------------------------ */

.vf-card [data-vf-colors] option:disabled {
    color: #8a8a8a;
}

/*
   Select nativo:
   o navegador controla a aparencia da lista aberta,
   portanto o texto "— ESGOTADO" e o disabled sao a fonte
   autoritativa de comunicacao dentro do seletor.
*/

/* ------------------------------------------------------------
   BOTAO ESGOTADO
   ------------------------------------------------------------ */

.vf-card [data-vf-quickbuy] button[type="submit"]:disabled {
    cursor: not-allowed;
    opacity: .62;
}

/* ------------------------------------------------------------
   MOBILE
   ------------------------------------------------------------ */

@media (max-width: 640px) {
/* ------------------------------------------------------------
   ACESSIBILIDADE
   ------------------------------------------------------------ */

@media (prefers-reduced-motion: reduce) {
    .vf-card[data-vf-sold-out="1"] [data-vf-card-image],
    .vf-card [data-vf-card-gallery][data-vf-current-sold-out="1"] [data-vf-card-image] {
        transition: none;
    }
}
/* ============================================================
   VIVA PRODUCT SOLD OUT V2
   ============================================================ */

html[data-vf-product-sold-out="1"] .vf-product-gallery img,
html[data-vf-product-sold-out="1"] [data-vf-product-gallery] img {
    opacity: .58;
    filter: saturate(.72);
}

html[data-vf-product-sold-out="1"] select[name="cor"],
html[data-vf-product-sold-out="1"] select[name="tamanho"] {
    opacity: .72;
}

html[data-vf-product-sold-out="1"] #vf-add-to-cart {
    cursor: not-allowed;
    opacity: .62;
}

select[name="cor"] option:disabled {
    color: #8a8a8a;
}