.anuncio-dark {
    background-color: #0b1020 !important;
    color: #e2e8f0;
}

    .anuncio-dark .page-title-wrapper,
    .anuncio-dark .container-fluid.p-0.m-0 {
        background: #0b1020 !important;
    }

    .anuncio-dark .page-title,
    .anuncio-dark .breadcrumb-item,
    .anuncio-dark .breadcrumb-item a,
    .anuncio-dark #lblLocalizacaoCabecalho,
    .anuncio-dark #lblTitComentario,
    .anuncio-dark #tituloAvaliacao,
    .anuncio-dark h1,
    .anuncio-dark h2,
    .anuncio-dark h3,
    .anuncio-dark h4,
    .anuncio-dark h5,
    .anuncio-dark h6,
    .anuncio-dark p,
    .anuncio-dark li,
    .anuncio-dark strong,
    .anuncio-dark span {
        color: #e2e8f0;
    }

        .anuncio-dark .breadcrumb-item + .breadcrumb-item::before {
            color: rgba(226, 232, 240, .45);
        }

    .anuncio-dark .card,
    .anuncio-dark .accordion .card,
    .anuncio-dark .table,
    .anuncio-dark .table td,
    .anuncio-dark .table th,
    .anuncio-dark .blockquote.comment {
        background-color: #111827 !important;
        color: #e2e8f0 !important;
        border-color: rgba(201, 160, 90, .22) !important;
    }

    .anuncio-dark .card-header,
    .anuncio-dark .accordion .card-header {
        background: linear-gradient(135deg, #111827 0%, #1a1a2e 60%, #16213e 100%) !important;
        border-bottom: 1px solid rgba(201, 160, 90, .24) !important;
    }

        .anuncio-dark .card-header a,
        .anuncio-dark .accordion-heading a,
        .anuncio-dark .text-body,
        .anuncio-dark .text-muted {
            color: #d3d9e6 !important;
        }

    .anuncio-dark #product-details,
    .anuncio-dark #reviews > .row {
        background: linear-gradient(135deg, #111827 0%, #151e33 60%, #16213e 100%) !important;
        border: 1px solid rgba(201, 160, 90, .2);
    }

    .anuncio-dark .border-bottom,
    .anuncio-dark .border-right {
        border-color: rgba(201, 160, 90, .2) !important;
    }

    .anuncio-dark .alert-secondary {
        background-color: rgba(201, 160, 90, .09) !important;
        border-color: rgba(201, 160, 90, .22) !important;
        color: #e8edf7 !important;
    }

    .anuncio-dark .modal-content {
        background: #111827 !important;
        color: #e2e8f0 !important;
        border: 1px solid rgba(201, 160, 90, .32) !important;
    }

    .anuncio-dark .modal-header,
    .anuncio-dark .modal-footer {
        border-color: rgba(201, 160, 90, .24) !important;
    }

    .anuncio-dark .form-control,
    .anuncio-dark .custom-select,
    .anuncio-dark .input-group-text,
    .anuncio-dark textarea {
        background-color: #1a2035 !important;
        color: #e2e8f0 !important;
        border: 1px solid rgba(201, 160, 90, .35) !important;
    }

        .anuncio-dark .form-control:focus,
        .anuncio-dark .custom-select:focus,
        .anuncio-dark textarea:focus {
            border-color: rgba(201, 160, 90, .75) !important;
            box-shadow: 0 0 0 3px rgba(201, 160, 90, .12) !important;
        }

    .anuncio-dark .btn-default {
        background-color: #334155 !important;
        color: #e2e8f0 !important;
        border-color: #475569 !important;
    }

    .anuncio-dark .close,
    .anuncio-dark .close span {
        color: #e2e8f0 !important;
        opacity: .9;
    }

    .anuncio-dark #grvComentarios .table > tbody > tr > td,
    .anuncio-dark #grvComentarios .table > tbody > tr > th,
    .anuncio-dark #grvComentarios .table > tfoot > tr > td,
    .anuncio-dark #grvComentarios .table > thead > tr > td {
        border-top: 1px solid rgba(201, 160, 90, .18) !important;
    }

    .anuncio-dark .table .alternate,
    .anuncio-dark .table tr:nth-child(even) {
        background-color: #0f172a !important;
    }

    /* ── Labels de formulário (cor inline dark-on-light override) ── */
    .anuncio-dark .col-form-label {
        color: #d3d9e6 !important;
    }

    /* ── Bootstrap text/bg helpers ── */
    .anuncio-dark .text-black,
    .anuncio-dark .bold {
        color: #e8edf7 !important;
    }

    .anuncio-dark .bg-secondary {
        background-color: #111827 !important;
        color: #d3d9e6;
    }

    .anuncio-dark .card-body {
        background-color: #111827 !important;
        color: #d3d9e6 !important;
    }

    .anuncio-dark .breadcrumb {
        background-color: transparent !important;
    }

    /* ── Alertas variantes ── */
    .anuncio-dark .alert-primary {
        background-color: rgba(100, 147, 255, .12) !important;
        border-color: rgba(100, 147, 255, .30) !important;
        color: #b8ccff !important;
    }

    .anuncio-dark .alert-success {
        background-color: rgba(56, 161, 105, .12) !important;
        border-color: rgba(56, 161, 105, .30) !important;
        color: #9ae6b4 !important;
    }

    .anuncio-dark .alert-danger {
        background-color: rgba(229, 62, 62, .12) !important;
        border-color: rgba(229, 62, 62, .30) !important;
        color: #feb2b2 !important;
    }

    /* ── Informações do Vendedor ── */
    .anuncio-dark #liVendedor {
        color: #c9a05a !important;
    }

    .anuncio-dark #lkbContaVendedor {
        color: rgba(201, 160, 90, .85) !important;
        border-color: rgba(201, 160, 90, .35) !important;
    }

    /* ── Área de Preço / Leilão ── */
    .anuncio-dark #lblPreco {
        color: #e2e8f0 !important;
    }

    .anuncio-dark #divLeilao span,
    .anuncio-dark #divLeilao label,
    .anuncio-dark #divCompreJa span {
        color: #d3d9e6 !important;
    }

    .anuncio-dark #divOfertaDireta span {
        color: #9ae6b4 !important;
    }

    /* ── Specs/lista ── */
    .anuncio-dark .list-unstyled li strong,
    .anuncio-dark .list-unstyled li span {
        color: #d3d9e6 !important;
    }

    .anuncio-dark #lblCodigoAnuncio {
        color: #7eb8f7 !important;
    }

    /* ── GridView rows ── */
    .anuncio-dark table td,
    .anuncio-dark table th {
        background-color: #111827 !important;
        color: #d3d9e6 !important;
        border-color: rgba(201, 160, 90, .15) !important;
    }

    .anuncio-dark table tr:nth-child(even) td {
        background-color: #0f172a !important;
    }

    .anuncio-dark #reviews table tr:nth-child(even) td,
    .anuncio-dark #reviews table tr:nth-child(odd) td {
        background-color: transparent !important;
    }

    /* ── Seção de avaliações (inline bg) ── */
    .anuncio-dark #reviews > .container > .row {
        background: linear-gradient(135deg, #111827 0%, #151e33 60%, #16213e 100%) !important;
    }

.owl-carousel .owl-prev {
    color: white !important;
    background-color: transparent !important;
    height: 40px;
    width: 40px;
    line-height: 40px;
    border: 1px solid white !important;
    border-radius: 50%;
    margin-right: 10px !important
}

    .owl-carousel .owl-prev:hover {
        color: black !important;
        background-color: white !important;
        height: 40px;
        width: 40px;
        line-height: 40px;
        border: 1px solid white !important;
        border-radius: 50%;
        opacity: 0.3 !important;
        margin-right: 10px !important
    }

.owl-carousel .owl-next {
    color: white !important;
    background-color: transparent !important;
    height: 40px;
    width: 40px;
    line-height: 40px;
    border: 1px solid white !important;
    border-radius: 50%;
}

    .owl-carousel .owl-next:hover {
        color: black !important;
        background-color: white !important;
        height: 40px;
        width: 40px;
        line-height: 40px;
        border: 1px solid white !important;
        border-radius: 50%;
        opacity: 0.3 !important;
    }

@media only screen and (min-width: 576px) {

    .product-gallery .product-carousel a {
        height: 520px !important;
        display: flex;
    }
}

@media only screen and (max-width: 575px) {
    .product-gallery .product-carousel a {
        height: 320px !important;
        display: flex;
    }
}

/* Impede o Owl Carousel de colapsar o stage-outer para 1px durante transições de thumbnail.
           O plugin AutoHeight seta 'height' via inline style; height:auto !important sobrescreve isso
           e deixa o container dimensionar-se pelos filhos (a[height:520px]). */
.product-gallery .product-carousel .owl-stage-outer {
    overflow: hidden;
}

    .product-gallery .product-carousel .owl-stage-outer.owl-height {
        height: auto !important;
    }

.product-gallery .product-carousel a img {
    cursor: pointer;
    display: block;
    width: 100%;
    max-width: 100%;
    object-fit: cover;
    cursor: pointer;
}

.lens {
    position: fixed;
    border: 2px solid #efefef;
    border-radius: 50%;
    pointer-events: none;
    box-shadow: 0 5px 10px -2px rgba(0, 0, 0, 0.3);
    background-repeat: no-repeat;
    opacity: 0;
    transition: opacity 0.2s;
    z-index: 1000;
}

.progress-bar {
    -webkit-transition: none !important;
    transition: none !important;
}

.bContainerImagemVocePodeGostar {
    height: 240px;
    max-height: 240px;
    display: flex;
}

    .bContainerImagemVocePodeGostar img {
        border-radius: 10px 10px 0px 0px !important;
        cursor: pointer;
        aspect-ratio: 16 / 9 !important;
        width: 100% !important;
        object-fit: cover !important;
    }

iframe {
    width: 100% !important;
    height: 100% !important;
}

.modal-dialog .modal-fullscreen {
    width: 100% !important;
    height: 100% !important
}

.modal-fullscreen .modal-content {
    height: calc(100vh - 3.5rem) !important;
}

.modal-fullscreen .modal-body {
    overflow-y: hidden !important;
}

/* ── Seção de Comentários ── */
#reviews .table-responsive {
    overflow-x: hidden;
}
    /* Tabela como cards separados */
    #reviews .table-responsive table {
        border-collapse: separate !important;
        border-spacing: 0 8px !important;
        border: none !important;
        width: 100%;
    }
    /* Cada linha = um card */
    #reviews .table-responsive > table > tbody > tr > td {
        border: none !important;
        padding: 14px 16px !important;
        vertical-align: top !important;
        background: rgba(255,255,255,.03) !important;
    }

        #reviews .table-responsive > table > tbody > tr > td:first-child {
            border-radius: 12px 0 0 12px !important;
            word-break: break-word;
            overflow-wrap: break-word;
        }

        #reviews .table-responsive > table > tbody > tr > td:last-child {
            border-radius: 0 12px 12px 0 !important;
            width: 44px;
            min-width: 44px;
            text-align: center;
            vertical-align: middle !important;
        }

    #reviews .table-responsive > table > tbody > tr:hover > td {
        background: rgba(201,160,90,.06) !important;
    }
    /* Anular todo background inline do ASP.NET GridView */
    #reviews .table-responsive tr[bgcolor] > td {
        background: rgba(255,255,255,.03) !important;
    }
/* blockquote e media sem caixas internas */
#reviews .blockquote.comment {
    border: none !important;
    padding: 0 !important;
    margin-bottom: 0 !important;
}

#reviews .media {
    background: transparent !important;
    border: none !important;
}
/* Todos os .row internos ao comentário: sem fundo, sem borda */
#reviews .table-responsive .row {
    background: transparent !important;
    border: none !important;
}
/* Avatar */
#reviews .circle img {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid rgba(201,160,90,.30);
    margin-right: 12px;
    flex-shrink: 0;
}
/* Nome */
#reviews .media h6.font-size-sm {
    color: #e2e8f0 !important;
    font-weight: 700;
}
/* Aspas */
#reviews .fa-quote-left {
    color: rgba(201,160,90,.50) !important;
    font-size: .8rem;
    margin-right: 3px;
}
/* Data / timestamp */
#reviews .col-12.mt-1 {
    color: rgba(148,163,184,.55) !important;
    font-size: .74rem !important;
}
/* Likes */
#reviews .like-area a {
    color: rgba(148,163,184,.50) !important;
    font-size: .8rem;
}

    #reviews .like-area a:hover {
        color: #c9a05a !important;
    }
/* Like / Dislike — hover com pill colorido */
#reviews .like-area a {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 4px 10px;
    border-radius: 20px;
    border: 1px solid transparent;
    transition: background .18s, border-color .18s, color .18s;
}

    #reviews .like-area a.yes:hover {
        background: rgba(110,224,138,.12) !important;
        border-color: rgba(110,224,138,.30) !important;
        color: #6ee08a !important;
    }

        #reviews .like-area a.yes:hover .like {
            color: #6ee08a !important;
        }
    /* Like ativo (clicado) — verde */
    #reviews .like-area a.yes.like-active,
    #reviews .like-area a.yes.like-active .like {
        color: #6ee08a !important;
    }

    #reviews .like-area a.yes.like-active {
        background: rgba(110,224,138,.15) !important;
        border-color: rgba(110,224,138,.40) !important;
    }

    #reviews .like-area a.no:hover {
        background: rgba(241,128,138,.12) !important;
        border-color: rgba(241,128,138,.30) !important;
        color: #f1808a !important;
    }

        #reviews .like-area a.no:hover .dislike {
            color: #f1808a !important;
        }
    /* Dislike ativo (clicado) — vermelho */
    #reviews .like-area a.no.like-active,
    #reviews .like-area a.no.like-active .dislike {
        color: #f1808a !important;
    }

    #reviews .like-area a.no.like-active {
        background: rgba(241,128,138,.15) !important;
        border-color: rgba(241,128,138,.40) !important;
    }
/* Respostas — indentadas, sem tabela */
#reviews .ml-3 .blockquote.comment {
    border-left: 2px solid rgba(148,163,184,.15) !important;
    padding-left: 12px !important;
    margin-top: 6px !important;
}

#reviews .ml-3 table,
#reviews .ml-3 table tr,
#reviews .ml-3 table td {
    background: transparent !important;
    border: none !important;
    border-spacing: 0 !important;
    padding: 4px 0 !important;
}
/* Botão Comentar */
#reviews .btn.AbrirModalComentario {
    background: rgba(201,160,90,.10) !important;
    border: 1px solid rgba(201,160,90,.30) !important;
    color: #c9a05a !important;
    border-radius: 8px !important;
    font-weight: 600;
    letter-spacing: .3px;
}

    #reviews .btn.AbrirModalComentario:hover {
        background: rgba(201,160,90,.20) !important;
        border-color: rgba(201,160,90,.55) !important;
    }

/* ── Badges sobrepostos na foto (position:absolute) — devem ser sólidos ── */
.anuncio-dark .product-gallery .badge {
    border-radius: 20px !important;
    padding: 4px 12px !important;
    font-size: .72rem !important;
    font-weight: 700 !important;
    letter-spacing: .4px !important;
    border: none !important;
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}

.anuncio-dark .product-gallery .badge-danger {
    background: rgba(220,53,69,.85) !important;
    color: #fff !important;
}

.anuncio-dark .product-gallery .badge-success {
    background: rgba(40,167,69,.85) !important;
    color: #fff !important;
}

.anuncio-dark .product-gallery .badge-primary {
    background: rgba(59,117,255,.85) !important;
    color: #fff !important;
}

/* ── Pill glassmorphism — todos os badges do col-lg-5 ── */
.anuncio-dark .badge {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 3px 10px;
    border-radius: 20px !important;
    font-size: .72rem;
    font-weight: 600;
    letter-spacing: .4px;
    margin: 2px 1px;
    background-color: transparent !important;
}
/* Leilão / Leilão Condicional — âmbar */
.anuncio-dark .badge-warning {
    background: rgba(251,168,0,.15) !important;
    border: 1px solid rgba(251,168,0,.35) !important;
    color: #fbbf24 !important;
}
/* Preço Fixo — azul */
.anuncio-dark .badge-primary {
    background: rgba(90,140,255,.15) !important;
    border: 1px solid rgba(90,140,255,.35) !important;
    color: #8ab4ff !important;
}
/* Aceita Oferta — verde */
.anuncio-dark .badge-success {
    background: rgba(40,167,69,.15) !important;
    border: 1px solid rgba(40,167,69,.35) !important;
    color: #6ee08a !important;
}
/* Tipo / Item / Gênero — neutro */
.anuncio-dark .badge-secondary {
    background: rgba(148,163,184,.12) !important;
    border: 1px solid rgba(148,163,184,.30) !important;
    color: #94a3b8 !important;
}
/* Visualizações 24h — vermelho */
.anuncio-dark .badge-danger {
    background: rgba(220,53,69,.15) !important;
    border: 1px solid rgba(220,53,69,.35) !important;
    color: #f1808a !important;
}
/* Desconto aplicado (badge text-success) */
.anuncio-dark .badge.text-success {
    background: rgba(40,167,69,.15) !important;
    border: 1px solid rgba(40,167,69,.35) !important;
    color: #6ee08a !important;
    top: 0 !important;
    font-size: 1rem !important;
    vertical-align: middle;
}

/* ── Badges de Componentes Originais ── */
.badge.rounded-pill-success,
.badge.rounded-pill-danger {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 3px 10px;
    border-radius: 20px;
    font-size: .72rem;
    font-weight: 600;
    letter-spacing: .4px;
    margin: 2px 1px;
}

.badge.rounded-pill-success {
    background: rgba(40,167,69,.15);
    border: 1px solid rgba(40,167,69,.35);
    color: #6ee08a;
}

.badge.rounded-pill-danger {
    background: rgba(220,53,69,.15);
    border: 1px solid rgba(220,53,69,.35);
    color: #f1808a;
}

/* ── Últimos Visualizados & Você pode gostar ── */
.t66-visualizados .owl-stage-outer,
.t66-visualizados .owl-carousel {
    background: transparent !important;
}

.t66-visualizados .owl-nav button {
    background: transparent !important;
    border: 1px solid rgba(201,160,90,.35) !important;
    color: #c9a05a !important;
    border-radius: 8px !important;
    transition: background .2s !important;
}

    .t66-visualizados .owl-nav button:hover {
        background: rgba(201,160,90,.20) !important;
    }

.t66-visualizados .owl-item .card {
    background: transparent !important;
    border: 1px solid rgba(201,160,90,.20) !important;
    border-radius: 12px !important;
    overflow: hidden;
    transition: border-color .25s, transform .25s, box-shadow .25s;
}

    .t66-visualizados .owl-item .card:hover {
        border-color: rgba(201,160,90,.55) !important;
        transform: translateY(-4px);
        box-shadow: 0 12px 32px rgba(0,0,0,.45);
    }

.t66-visualizados .owl-item .card-body {
    background: transparent !important;
    border: none !important;
}

.t66-visualizados .owl-item > div {
    border-radius: 12px;
    overflow: hidden;
    transition: transform .25s, box-shadow .25s;
}

.t66-visualizados .owl-item:hover > div {
    transform: translateY(-4px);
    box-shadow: 0 16px 36px rgba(0,0,0,.55);
}

.t66-visualizados .t66-card-title {
    display: block;
    font-size: 11px;
    color: rgba(255,255,255,.75);
    margin-bottom: 4px;
    line-height: 1.35;
}

.t66-visualizados .t66-card-price {
    display: block;
    font-size: 12px;
    font-weight: 700;
    color: #c9a05a;
    margin-bottom: 10px;
}

.t66-visualizados .btn-outline-primary {
    border-color: rgba(201,160,90,.45) !important;
    color: #c9a05a !important;
}

    .t66-visualizados .btn-outline-primary:hover {
        background: rgba(201,160,90,.15) !important;
        border-color: #c9a05a !important;
    }

.t66-visualizados .owl-dots .owl-dot span {
    background: rgba(201,160,90,.25) !important;
    transition: background .2s !important;
}

.t66-visualizados .owl-dots .owl-dot.active span {
    background: #c9a05a !important;
}

/* ── Label eyebrow ── */
.t66-eyebrow {
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #c9a05a !important;
    display: block;
    margin-bottom: 6px;
}

.alert-secondary .alert-icon-box,
.alert-success .alert-icon-box,
.alert-primary .alert-icon-box,
.alert-danger .alert-icon-box,
.alert-warning .alert-icon-box,
.alert-info .alert-icon-box {
    background-color: unset !important;
}

/* ── SweetAlert2 dark — reforço de cor de texto ── */
.swal2-popup.swal2-dark-popup,
.swal2-popup {
    background: #1e293b !important;
    color: #e2e8f0 !important;
}

.swal2-title,
.swal2-dark-title {
    color: #e2e8f0 !important;
}

.swal2-html-container,
.swal2-dark-html {
    color: #cbd5e1 !important;
}

.swal2-icon.swal2-warning {
    border-color: #c9a05a !important;
    color: #c9a05a !important;
}

.swal2-icon.swal2-info {
    border-color: #7eb8f7 !important;
    color: #7eb8f7 !important;
}

.swal2-icon.swal2-success {
    border-color: #6ee08a !important;
    color: #6ee08a !important;
}

    .swal2-icon.swal2-success [class^='swal2-success-line'] {
        background: #6ee08a !important;
    }

    .swal2-icon.swal2-success .swal2-success-ring {
        border-color: rgba(110,224,138,.35) !important;
    }

.swal2-timer-progress-bar {
    background: rgba(201,160,90,.70) !important;
}
/* Toast dark */
.swal2-toast {
    background: #1e293b !important;
    color: #e2e8f0 !important;
    border: 1px solid rgba(201,160,90,.20) !important;
    box-shadow: 0 4px 20px rgba(0,0,0,.50) !important;
}

    .swal2-toast .swal2-title {
        color: #e2e8f0 !important;
    }

/* Social share buttons — ghost style para tema escuro */
.divFilhoDivididoDireito .social-btn {
    background: transparent !important;
    border-color: rgba(255,255,255,.15) !important;
    color: rgba(255,255,255,.50) !important;
}

    .divFilhoDivididoDireito .social-btn:hover {
        background: rgba(255,255,255,.06) !important;
        border-color: rgba(255,255,255,.28) !important;
        color: rgba(255,255,255,.85) !important;
    }

.divFilhoDivididoDireito .sb-whatsapp:hover {
    border-color: rgba(37,211,102,.40) !important;
    color: #25d366 !important;
    background: rgba(37,211,102,.08) !important;
}

.divFilhoDivididoDireito .sb-facebook:hover {
    border-color: rgba(88,144,255,.40) !important;
    color: #5890ff !important;
    background: rgba(88,144,255,.08) !important;
}

.btnOfertar:hover {
    background: rgba(201,160,90,.12) !important;
    border-color: #C9A05A !important;
    box-shadow: 0 4px 16px rgba(201,160,90,.22) !important;
    color: #DDB96A !important;
}


/* ── Identity / I.A. Button ── */
.btnImagemAutenticadorAnuncio {
    background: rgba(170,90,222,.85) !important;
    border: 1px solid rgba(170,90,222,.55) !important;
    color: #fff !important;
    font-weight: 600 !important;
    letter-spacing: .3px !important;
    border-radius: 6px !important;
    height: 44px !important;
    transition: background .2s, box-shadow .2s, border-color .2s !important;
}

    .btnImagemAutenticadorAnuncio:hover {
        background: rgba(170,90,222,1) !important;
        border-color: rgba(170,90,222,.85) !important;
        box-shadow: 0 4px 16px rgba(170,90,222,.35) !important;
        color: #fff !important;
    }

/* ── Leia Mais Button — prata/Artigos tone ── */
.btnLeiaMais {
    background: transparent !important;
    border: 1px solid rgba(156,163,175,.40) !important;
    color: #9ca3af !important;
    font-weight: 600 !important;
    letter-spacing: .35px !important;
    border-radius: 6px !important;
    height: 44px !important;
    transition: background .2s, box-shadow .2s, border-color .2s, color .2s !important;
}

    .btnLeiaMais:hover {
        background: rgba(156,163,175,.10) !important;
        border-color: rgba(156,163,175,.65) !important;
        box-shadow: 0 4px 16px rgba(156,163,175,.15) !important;
        color: #cbd5e1 !important;
    }