/* SECRETTA PC LAYOUT FIX V4 */
/* Corrige desktop sem destruir mobile */

html.sct-clean-v4-html,
body.sct-clean-v4 {
    background: #000 !important;
    color: #d4a64f !important;
}

/* ============================= */
/* PC / NOTEBOOK */
/* ============================= */
@media (min-width: 901px) {

    body.sct-clean-v4 {
        overflow-x: hidden !important;
    }

    /* HOME: deixa a caixa maior no PC, sem ficar parecendo celular */
    body.sct-clean-home #sct-home-v3,
    body.sct-clean-home .sct-home-v3 {
        width: 760px !important;
        max-width: calc(100vw - 60px) !important;
        margin: 22px auto 70px auto !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }

    body.sct-clean-home #sct-home-v3 * {
        box-sizing: border-box !important;
    }

    body.sct-clean-home #sct-home-v3 img {
        max-width: 100% !important;
        height: auto !important;
    }

    /* Logo da home controlada */
    body.sct-clean-home #sct-home-v3 img[src*="logo"],
    body.sct-clean-home #sct-home-v3 img[src*="secretta"] {
        max-width: 190px !important;
        max-height: 90px !important;
        object-fit: contain !important;
    }

    /* Banner da home dentro da moldura */
    body.sct-clean-home #sct-home-v3 .sct-v3-hero,
    body.sct-clean-home #sct-home-v3 [class*="hero"],
    body.sct-clean-home #sct-home-v3 [class*="banner"] {
        width: 100% !important;
        max-width: 100% !important;
        overflow: hidden !important;
        border-radius: 18px !important;
    }

    body.sct-clean-home #sct-home-v3 .sct-v3-hero img,
    body.sct-clean-home #sct-home-v3 [class*="hero"] img,
    body.sct-clean-home #sct-home-v3 [class*="banner"] img {
        width: 100% !important;
        max-width: 100% !important;
        max-height: 330px !important;
        object-fit: cover !important;
        object-position: center center !important;
        display: block !important;
    }

    /* Categorias proporcionais no PC */
    body.sct-clean-home #sct-home-v3 .sct-v3-categorias,
    body.sct-clean-home #sct-home-v3 [class*="categoria"] {
        width: 100% !important;
        max-width: 100% !important;
    }

    /* Páginas internas/listagem: largura padrão premium */
    body.sct-clean-internal #main_container,
    body.sct-clean-internal #content,
    body.sct-clean-internal .content,
    body.sct-clean-internal .main,
    body.sct-clean-internal main {
        max-width: 860px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        box-sizing: border-box !important;
    }

    /* Caixa de busca/listagem centralizada */
    body.sct-clean-internal .sct-global-shell,
    body.sct-clean-internal .sct-shell,
    body.sct-clean-internal .sct-listing-shell,
    body.sct-clean-internal [class*="global-shell"],
    body.sct-clean-internal [class*="listing-shell"] {
        width: 760px !important;
        max-width: calc(100vw - 60px) !important;
        margin-left: auto !important;
        margin-right: auto !important;
        box-sizing: border-box !important;
    }

    /* Esconde logo gigante antiga fora da home */
    body.sct-clean-internal .sct-hide-giant-logo-v4 {
        display: none !important;
        visibility: hidden !important;
        width: 0 !important;
        height: 0 !important;
        overflow: hidden !important;
    }

    /* Qualquer imagem Secretta antiga que ainda escapar fica limitada */
    body.sct-clean-internal img[src*="secretta"]:not(.sct-keep-logo-v4) {
        max-width: 220px !important;
        max-height: 110px !important;
        object-fit: contain !important;
    }

    /* Rodapé premium na mesma largura do conteúdo */
    body.sct-clean-v4 .sct-footer-v2,
    body.sct-clean-v4 .sct-global-footer,
    body.sct-clean-v4 .sct-shell-footer,
    body.sct-clean-v4 .secretta-footer,
    body.sct-clean-v4 [class*="secretta"][class*="footer"],
    body.sct-clean-v4 [class*="sct"][class*="footer"] {
        width: 760px !important;
        max-width: calc(100vw - 60px) !important;
        margin-left: auto !important;
        margin-right: auto !important;
        box-sizing: border-box !important;
    }

    body.sct-clean-v4 .sct-footer-v2 input,
    body.sct-clean-v4 .sct-global-footer input,
    body.sct-clean-v4 .secretta-footer input,
    body.sct-clean-v4 [class*="footer"] input[type="text"],
    body.sct-clean-v4 [class*="footer"] input[type="email"] {
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    /* Remove aquele efeito de faixa quebrada/estourada */
    body.sct-clean-v4 * {
        scrollbar-color: #7a0000 #050505;
    }

    /* Botões premium */
    body.sct-clean-v4 a,
    body.sct-clean-v4 button,
    body.sct-clean-v4 input[type="submit"] {
        transition: all .18s ease !important;
    }
}

/* ============================= */
/* MOBILE */
/* ============================= */
@media (max-width: 900px) {

    body.sct-clean-home #sct-home-v3,
    body.sct-clean-home .sct-home-v3,
    body.sct-clean-v4 .sct-footer-v2,
    body.sct-clean-v4 .sct-global-footer,
    body.sct-clean-v4 .secretta-footer,
    body.sct-clean-v4 [class*="footer"] {
        width: calc(100vw - 24px) !important;
        max-width: 430px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        box-sizing: border-box !important;
    }

    body.sct-clean-v4 img {
        max-width: 100% !important;
        height: auto !important;
    }

    body.sct-clean-internal .sct-hide-giant-logo-v4 {
        display: none !important;
    }
}
