/* =====================================================
   1. TEXTOS DO FRETE E CUPOM EM BRANCO
   ===================================================== */

.pagina-carrinho .calculo-frete,
.pagina-carrinho .calculo-frete *,
.pagina-carrinho .cupom-codigo,
.pagina-carrinho .cupom-codigo *,
.pagina-carrinho .cupom-desconto,
.pagina-carrinho .cupom-desconto *,
.pagina-carrinho .usar-cupom,
.pagina-carrinho .usar-cupom * {
    color: #ffffff !important;
}

/* Campos continuam brancos com escrita escura */
.pagina-carrinho .calculo-frete input,
.pagina-carrinho .cupom-codigo input,
.pagina-carrinho .cupom-desconto input {
    background-color: #ffffff !important;
    color: #222222 !important;
}

/* Botões mantêm a escrita rosa */
.pagina-carrinho .calculo-frete button,
.pagina-carrinho .calculo-frete .botao,
.pagina-carrinho .cupom-codigo button,
.pagina-carrinho .cupom-codigo .botao,
.pagina-carrinho .cupom-desconto button,
.pagina-carrinho .cupom-desconto .botao {
    color: #ff0054 !important;
}


/* =====================================================
   2. TAMANHOS SEM ESTOQUE EM VERMELHO
   ===================================================== */

.pagina-produto .atributos a.indisponivel,
.pagina-produto .atributos .indisponivel a,
.pagina-produto .atributo-comum a.indisponivel,
.pagina-produto .atributo-comum .indisponivel a,
.pagina-produto .atributos a[disabled],
.pagina-produto .atributos a[aria-disabled="true"],
.pagina-produto .atributos li.indisponivel a {
    color: #ff3030 !important;
    border-color: #ff3030 !important;
    background-color: transparent !important;
    opacity: 1 !important;
    text-decoration: line-through !important;
    cursor: not-allowed !important;
}

/* Tamanhos disponíveis permanecem normais */
.pagina-produto .atributos a:not(.indisponivel) {
    opacity: 1;
}


/* =====================================================
   3. CORREÇÃO PARA CELULAR
   Evita que o site fique maior que a tela
   ===================================================== */

html,
body {
    max-width: 100% !important;
    overflow-x: hidden !important;
}

img,
video,
iframe {
    max-width: 100% !important;
    height: auto;
}

* {
    box-sizing: border-box;
}

@media screen and (max-width: 767px) {

    html,
    body,
    .pagina,
    .conteiner,
    .conteudo,
    .secao-principal,
    .pagina-produto,
    .pagina-carrinho {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        overflow-x: hidden !important;
    }

    .conteiner {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    /* Linhas e colunas não ultrapassam a tela */
    .row-fluid,
    [class*="span"] {
        max-width: 100% !important;
        min-width: 0 !important;
    }

    /* Cabeçalho se adapta ao celular */
    .cabecalho .conteiner,
    .cabecalho .row-fluid {
        max-width: 100% !important;
    }

    .cabecalho .busca {
        width: 100% !important;
        max-width: 100% !important;
    }

    .cabecalho .busca input {
        width: 100% !important;
        max-width: 100% !important;
    }

    /* Página do produto */
    .pagina-produto .produto,
    .pagina-produto .produto-detalhes,
    .pagina-produto .principal {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    /* Seleção de tamanhos pode quebrar linha */
    .pagina-produto .atributos ul {
        display: flex !important;
        flex-wrap: wrap !important;
        max-width: 100% !important;
    }

    /* Campos e botões não ultrapassam a tela */
    input,
    select,
    textarea,
    button,
    .botao {
        max-width: 100% !important;
    }

    /* Carrinho adaptado à largura do celular */
    .pagina-carrinho .tabela-carrinho {
        width: 100% !important;
        max-width: 100% !important;
    }

    .pagina-carrinho .calculo-frete,
    .pagina-carrinho .cupom-codigo,
    .pagina-carrinho .cupom-desconto {
        width: 100% !important;
        max-width: 100% !important;
    }

    .pagina-carrinho .calculo-frete input,
    .pagina-carrinho .cupom-codigo input,
    .pagina-carrinho .cupom-desconto input {
        max-width: 100% !important;
    }
}