/* === BOCA DA NOITE - IDENTIDADE TERROR v10 === */
/* Full-width fix + menu fix + all corrections */
/* Última atualização: 2026-04-05 */

@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;700;900&family=Cinzel+Decorative:wght@700;900&family=Inter:wght@300;400;500;600&display=swap');

:root {
    --cda-bg: #080506;
    --cda-surface: #0f0a0c;
    --cda-surface2: #1a1215;
    --cda-red: #8a0d1a;
    --cda-red-bright: #c8102e;
    --cda-gold: #b89456;
    --cda-bone: #e8dfce;
    --cda-bone2: #b8ad95;
    --cda-muted: #6b6066;
    --cda-dark-border: #2a1f22;
    --cda-row-width: 1400px;
}

/* ======================================================
   1. FULL-WIDTH RESET - tudo 100% da tela
   ====================================================== */
html, body {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    overflow-x: hidden !important;
}

#page-container,
#et-main-area,
.et-l,
.et-l--body,
.et-l--header,
.et-l--footer {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Sections = full width edge-to-edge */
.et_pb_section {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Rows = conteúdo centrado em 1400px */
.et_pb_row {
    max-width: var(--cda-row-width) !important;
    width: 92% !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Container padrão do WooCommerce */
.container,
#content-area .container,
#left-area {
    max-width: var(--cda-row-width) !important;
    width: 92% !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Divi internal content */
.et_builder_inner_content {
    max-width: 100% !important;
}

/* ======================================================
   2. BACKGROUND & TIPOGRAFIA BASE
   ====================================================== */
html, body, #page-container, .et-l, .et-l--body, .et-l--header, .et-l--footer,
#main-content, .container, #content-area, .clearfix, .et_builder_inner_content,
.et_pb_section, .et_pb_row, .et_pb_column, .et_pb_module {
    background-color: var(--cda-bg) !important;
}

body {
    font-family: 'Inter', sans-serif !important;
    color: var(--cda-bone) !important;
    font-size: 15px !important;
    line-height: 1.7 !important;
    -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6,
.et_pb_module_header, .et_pb_text h1, .et_pb_text h2, .et_pb_text h3 {
    font-family: 'Cinzel', serif !important;
    color: var(--cda-bone) !important;
    letter-spacing: 0.05em;
}

p, span, div, li, td, th, label, .et_pb_text_inner {
    color: var(--cda-bone) !important;
}

a { color: var(--cda-gold) !important; text-decoration: none !important; }
a:hover { color: var(--cda-red-bright) !important; }

/* Override Divi #et-boc specificity for ALL text */
#et-boc .et-l h1, #et-boc .et-l h2, #et-boc .et-l h3,
#et-boc .et-l h4, #et-boc .et-l h5, #et-boc .et-l h6 {
    color: var(--cda-bone) !important;
    font-family: 'Cinzel', serif !important;
}
#et-boc .et-l p, #et-boc .et-l span, #et-boc .et-l div,
#et-boc .et-l li, #et-boc .et-l label,
#et-boc .et-l .et_pb_module_header {
    color: var(--cda-bone) !important;
}
#et-boc .et-l a { color: var(--cda-gold) !important; }
#et-boc .et-l a:hover { color: var(--cda-red-bright) !important; }

/* Menu links - override #et-boc .et-l .et-menu a */
#et-boc .et-l .et-menu a,
#et-boc .et-l .et_pb_menu .et-menu a,
#et-boc .et-l .et_pb_bg_layout_light .et-menu a,
#et-boc .et-l .et-menu-nav .et-menu > li > a {
    color: var(--cda-bone) !important;
    font-family: 'Cinzel', serif !important;
    font-size: 12px !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
}
#et-boc .et-l .et-menu a:hover,
#et-boc .et-l .et_pb_menu .et-menu a:hover {
    color: var(--cda-red-bright) !important;
}
#et-boc .et-l .et-menu .menu-item-has-children > a:first-child::after {
    color: var(--cda-bone) !important;
}
/* Submenu links */
#et-boc .et-l .et-menu .sub-menu a {
    color: var(--cda-bone) !important;
    font-size: 12px !important;
    background: var(--cda-surface) !important;
}
#et-boc .et-l .et-menu .sub-menu a:hover {
    color: var(--cda-red-bright) !important;
    background: var(--cda-surface2) !important;
}
#et-boc .et-l .et-menu .sub-menu {
    background: var(--cda-surface) !important;
    border: 1px solid var(--cda-dark-border) !important;
}

/* ======================================================
   3. HEADER - full width, menu em linha
   ====================================================== */
.et-l--header {
    background-color: var(--cda-bg) !important;
    border-bottom: 1px solid rgba(184,148,86,.18) !important;
}
.et-l--header .et_pb_section {
    background-color: var(--cda-bg) !important;
    border: none !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.et-l--header .et_pb_row {
    max-width: var(--cda-row-width) !important;
    width: 95% !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

/* Remove linhas extras entre rows do header */
.et-l--header .et_pb_section + .et_pb_section {
    border-top: none !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
}
.et-l--header .et_pb_row + .et_pb_row {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Logo maior */
.et_pb_image.et_pb_module img[src*="logo"],
.et_pb_image.et_pb_module img[src*="boca_da_noite"],
#logo, .logo_container img {
    max-height: 100px !important;
    height: 80px !important;
    width: auto !important;
}

/* ======================================================
   4. NAV MENU - não quebrar linha
   ====================================================== */
.et_pb_menu,
.et_pb_fullwidth_menu {
    background: transparent !important;
}
.et_pb_menu .et_pb_menu__wrap,
.et_pb_menu nav,
.et_pb_menu ul.et-menu,
.et_pb_fullwidth_menu .et_pb_menu__wrap {
    background-color: transparent !important;
    justify-content: flex-start !important;
}
.et_pb_menu ul.et-menu {
    display: flex !important;
    flex-wrap: nowrap !important;
    white-space: nowrap !important;
    overflow-x: auto !important;
    gap: 0 !important;
}
.et_pb_menu ul.et-menu > li > a,
.et_pb_fullwidth_menu ul.et-menu > li > a {
    font-family: 'Cinzel', serif !important;
    color: var(--cda-bone) !important;
    font-size: 12px !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    padding: 10px 12px !important;
    transition: color 0.3s !important;
    white-space: nowrap !important;
}
.et_pb_menu ul.et-menu > li > a:hover,
.et_pb_menu ul.et-menu > li.current-menu-item > a {
    color: var(--cda-red-bright) !important;
}

/* Submenus */
.et_pb_menu ul.et-menu li ul.sub-menu,
.et_pb_fullwidth_menu ul.et-menu li ul.sub-menu {
    background: var(--cda-surface) !important;
    border: 1px solid var(--cda-dark-border) !important;
    min-width: 200px !important;
}
.et_pb_menu ul.et-menu li ul.sub-menu li a {
    color: var(--cda-bone) !important;
    font-size: 12px !important;
    white-space: normal !important;
    padding: 8px 16px !important;
}
.et_pb_menu ul.et-menu li ul.sub-menu li a:hover {
    color: var(--cda-red-bright) !important;
    background: var(--cda-surface2) !important;
}

/* Menu mobile */
.et_mobile_menu, .et_pb_menu .et_mobile_nav_menu {
    background: var(--cda-surface) !important;
}
.et_mobile_menu li a {
    color: var(--cda-bone) !important;
    border-color: var(--cda-dark-border) !important;
    font-size: 14px !important;
}

/* Cart/search icons no header */
.et_pb_menu .et_pb_menu__icon,
.et_pb_menu .et-cart-info,
.et-cart-info span.et-cart-info {
    color: var(--cda-bone) !important;
}

/* ======================================================
   5. CATEGORY CIRCLES - dark text circles (mockup)
   ====================================================== */
.et_pb_blurb_container, .et_pb_blurb {
    background-color: transparent !important;
}
.et_pb_blurb .et_pb_module_header, .et_pb_blurb h4 {
    font-family: 'Cinzel', serif !important;
    color: var(--cda-bone) !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.08em !important;
    margin-top: 8px !important;
}

/* Círculos de imagem -> dark com borda dourada */
.et_pb_blurb .et_pb_main_blurb_image img {
    border-radius: 50% !important;
    border: 2px solid rgba(184,148,86,.35) !important;
    transition: border-color 0.3s, transform 0.3s, box-shadow 0.3s !important;
    box-shadow: 0 8px 24px rgba(0,0,0,.5) !important;
    filter: brightness(0.3) saturate(0.2) !important;
}
.et_pb_blurb:hover .et_pb_main_blurb_image img {
    border-color: var(--cda-red-bright) !important;
    transform: scale(1.05) !important;
    box-shadow: 0 0 22px rgba(200,16,46,.35) !important;
    filter: brightness(0.5) saturate(0.3) !important;
}

/* ======================================================
   6. BREADCRUMB - estilo mockup com ❖
   ====================================================== */
.woocommerce-breadcrumb, .et_pb_breadcrumb,
.yoast-breadcrumb, nav.woocommerce-breadcrumb {
    font-family: 'Cinzel', serif !important;
    font-size: 12px !important;
    color: var(--cda-muted) !important;
    letter-spacing: 0.15em !important;
    text-transform: uppercase !important;
    padding: 20px 0 !important;
    background: transparent !important;
}
.woocommerce-breadcrumb a { color: var(--cda-bone2) !important; }
.woocommerce-breadcrumb a:hover { color: var(--cda-red-bright) !important; }
/* Separador ❖ */
.woocommerce-breadcrumb > span:not(:last-child)::after,
.woocommerce-breadcrumb .breadcrumb-separator {
    content: ' ❖ ' !important;
    color: var(--cda-red-bright) !important;
    margin: 0 8px !important;
}

/* ======================================================
   7. PRODUCT PAGE
   ====================================================== */
/* Full width - no sidebar */
.single-product #sidebar,
.single-product .et_right_sidebar #sidebar,
body.single-product .widget-area {
    display: none !important;
}
.single-product #left-area,
.single-product .et_right_sidebar #left-area,
body.single-product #content-area .container {
    width: 100% !important;
    max-width: var(--cda-row-width) !important;
    padding-right: 0 !important;
    float: none !important;
    margin: 0 auto !important;
}

/* Product title */
.product_title, h1.product_title, .et_pb_wc_title h1 {
    font-family: 'Cinzel', serif !important;
    color: var(--cda-bone) !important;
    font-size: 32px !important;
    letter-spacing: 0.05em !important;
    text-transform: uppercase !important;
    line-height: 1.2 !important;
}

/* Prices - larger, centered */
.woocommerce .price, .woocommerce p.price,
.et_pb_wc_price .price, .woocommerce-Price-amount {
    color: var(--cda-red-bright) !important;
    font-family: 'Cinzel', serif !important;
    font-weight: 700 !important;
    font-size: 28px !important;
}
.woocommerce p.price del {
    color: var(--cda-muted) !important;
    opacity: 0.6 !important;
    font-size: 16px !important;
}
.woocommerce p.price ins {
    color: var(--cda-red-bright) !important;
    text-decoration: none !important;
}

/* Sale badge */
.woocommerce span.onsale {
    background: var(--cda-red) !important;
    color: var(--cda-bone) !important;
    font-family: 'Cinzel', serif !important;
    font-size: 11px !important;
    border-radius: 3px !important;
    padding: 6px 12px !important;
}

/* Add to cart - rounded corners */
.woocommerce .single_add_to_cart_button,
button.single_add_to_cart_button,
.single_add_to_cart_button {
    background: var(--cda-red) !important;
    color: var(--cda-bone) !important;
    font-family: 'Cinzel', serif !important;
    text-transform: uppercase !important;
    letter-spacing: 0.15em !important;
    border: none !important;
    border-radius: 4px !important;
    padding: 16px 44px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    transition: all 0.3s !important;
    cursor: pointer !important;
}
.woocommerce .single_add_to_cart_button:hover,
.single_add_to_cart_button:hover {
    background: var(--cda-red-bright) !important;
    box-shadow: 0 0 30px rgba(200,16,46,.4) !important;
}

/* Quantity */
.woocommerce .quantity input.qty {
    background: var(--cda-surface) !important;
    color: var(--cda-bone) !important;
    border: 1px solid var(--cda-dark-border) !important;
    border-radius: 4px !important;
    font-size: 16px !important;
    width: 70px !important;
    text-align: center !important;
}

/* ======================================================
   8. VARIATION SWATCHES
   ====================================================== */
table.variations td, table.variations th, table.variations tr {
    background: transparent !important;
    border: none !important;
    padding: 5px 0 !important;
}
table.variations td.label label {
    font-family: 'Cinzel', serif !important;
    color: var(--cda-bone) !important;
    font-size: 13px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.1em !important;
}

.cfvsw-swatches-container .cfvsw-swatches,
.vi-wpvs-variation-wrap .vi-wpvs-option-wrap {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
}
.cfvsw-swatches .cfvsw-swatch-color,
.vi-wpvs-option-wrap .vi-wpvs-option {
    width: 34px !important;
    height: 34px !important;
    border-radius: 50% !important;
    border: 2px solid var(--cda-dark-border) !important;
    transition: all 0.3s !important;
}
.cfvsw-swatches .cfvsw-swatch-color:hover,
.cfvsw-swatches .cfvsw-swatch-color.selected {
    border-color: var(--cda-gold) !important;
    box-shadow: 0 0 0 2px var(--cda-gold) !important;
}
.cfvsw-swatches .cfvsw-swatch-text,
.cfvsw-swatches .cfvsw-swatch-label {
    min-width: 44px !important;
    height: 38px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: var(--cda-surface) !important;
    color: var(--cda-bone) !important;
    border: 1px solid var(--cda-dark-border) !important;
    border-radius: 4px !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 13px !important;
    padding: 0 14px !important;
    transition: all 0.3s !important;
}
.cfvsw-swatches .cfvsw-swatch-text:hover,
.cfvsw-swatches .cfvsw-swatch-text.selected {
    background: var(--cda-red) !important;
    border-color: var(--cda-red) !important;
    color: #fff !important;
}

/* ======================================================
   9. WC TABS
   ====================================================== */
.woocommerce div.product .woocommerce-tabs ul.tabs {
    background: transparent !important;
    border-bottom: 1px solid var(--cda-dark-border) !important;
    padding: 0 !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
    background: transparent !important;
    border: none !important;
    border-bottom: 2px solid transparent !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    font-family: 'Cinzel', serif !important;
    color: var(--cda-muted) !important;
    text-transform: uppercase !important;
    letter-spacing: 0.08em !important;
    font-size: 14px !important;
    padding: 14px 22px !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
    border-bottom-color: var(--cda-red) !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
    color: var(--cda-bone) !important;
}
.woocommerce-Tabs-panel {
    color: var(--cda-bone) !important;
    background: transparent !important;
    font-size: 15px !important;
    line-height: 1.8 !important;
}
.woocommerce-Tabs-panel h2 {
    font-family: 'Cinzel', serif !important;
    color: var(--cda-bone) !important;
}

/* ======================================================
   10. GALLERY
   ====================================================== */
.woocommerce div.product div.images {
    background: transparent !important;
}
.woocommerce div.product div.images .woocommerce-product-gallery__image img {
    border: 1px solid rgba(184,148,86,.18) !important;
    border-radius: 4px !important;
}
.woocommerce div.product div.images .flex-control-thumbs li img {
    border: 2px solid var(--cda-dark-border) !important;
    opacity: 0.6 !important;
    border-radius: 3px !important;
}
.woocommerce div.product div.images .flex-control-thumbs li img:hover,
.woocommerce div.product div.images .flex-control-thumbs li img.flex-active {
    border-color: var(--cda-gold) !important;
    opacity: 1 !important;
}

/* ======================================================
   11. PRODUCT CARDS - font sizes maiores
   ====================================================== */
.woocommerce ul.products li.product {
    background: var(--cda-surface) !important;
    border: 1px solid var(--cda-dark-border) !important;
    border-radius: 6px !important;
    transition: all 0.3s !important;
    overflow: hidden !important;
}
.woocommerce ul.products li.product:hover {
    border-color: var(--cda-red) !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 12px 40px rgba(0,0,0,.4) !important;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    font-family: 'Cinzel', serif !important;
    color: var(--cda-bone) !important;
    font-size: 15px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.04em !important;
    line-height: 1.3 !important;
    padding: 10px 12px 4px !important;
}
.woocommerce ul.products li.product .price {
    color: var(--cda-red-bright) !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    padding: 4px 12px !important;
    text-align: center !important;
}
.woocommerce ul.products li.product .button {
    background: var(--cda-red) !important;
    color: var(--cda-bone) !important;
    border-radius: 4px !important;
    font-family: 'Cinzel', serif !important;
    text-transform: uppercase !important;
    font-size: 12px !important;
    letter-spacing: 0.1em !important;
    padding: 10px 18px !important;
    margin: 8px 12px 12px !important;
    transition: all 0.3s !important;
}
.woocommerce ul.products li.product .button:hover {
    background: var(--cda-red-bright) !important;
}

/* Related products */
.related.products h2, .upsells.products h2 {
    font-family: 'Cinzel', serif !important;
    color: var(--cda-bone) !important;
    text-transform: uppercase !important;
    letter-spacing: 0.1em !important;
    border-bottom: 1px solid var(--cda-dark-border) !important;
    padding-bottom: 12px !important;
    font-size: 22px !important;
}

/* Stars */
.woocommerce .star-rating span::before, .woocommerce .star-rating::before {
    color: var(--cda-gold) !important;
}

/* ======================================================
   12. FOOTER - full width, sem linhas extras
   ====================================================== */
.et-l--footer {
    background-color: #050304 !important;
    border-top: 1px solid rgba(184,148,86,.22) !important;
}
.et-l--footer .et_pb_section {
    background-color: #050304 !important;
    border: none !important;
    padding-top: 30px !important;
    padding-bottom: 10px !important;
}
/* Remove todas as bordas extras entre sections do footer */
.et-l--footer .et_pb_section + .et_pb_section {
    border-top: none !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
}
.et-l--footer .et_pb_row {
    max-width: var(--cda-row-width) !important;
    width: 92% !important;
}
.et-l--footer .et_pb_row + .et_pb_row {
    margin-top: 0 !important;
}

/* Footer text */
.et-l--footer .et_pb_text,
.et-l--footer p,
.et-l--footer span,
.et-l--footer div,
.cda-footer, .cda-footer * {
    color: var(--cda-muted) !important;
    font-size: 14px !important;
    line-height: 1.8 !important;
}
.et-l--footer h4, .et-l--footer .et_pb_module_header,
.cda-footer h4 {
    font-family: 'Cinzel', serif !important;
    color: var(--cda-gold) !important;
    font-size: 13px !important;
    letter-spacing: 0.25em !important;
    text-transform: uppercase !important;
    margin-bottom: 16px !important;
}
.et-l--footer a, .cda-footer a { color: var(--cda-muted) !important; }
.et-l--footer a:hover, .cda-footer a:hover { color: var(--cda-bone) !important; }

/* Remove espaço/gap preto entre colunas do footer */
.et-l--footer .et_pb_column {
    padding: 0 15px !important;
    background: transparent !important;
}
.et-l--footer .et_pb_gutter_width_3 .et_pb_column {
    margin-right: 0 !important;
}

/* ======================================================
   13. FORMS - dark, visible
   ====================================================== */
input[type="text"], input[type="email"], input[type="password"],
input[type="search"], input[type="tel"], input[type="number"],
input[type="url"], textarea, select {
    background: var(--cda-surface) !important;
    color: var(--cda-bone) !important;
    border: 1px solid var(--cda-dark-border) !important;
    border-radius: 4px !important;
    font-size: 14px !important;
    padding: 10px 14px !important;
}
input::placeholder, textarea::placeholder { color: var(--cda-muted) !important; }
input:focus, textarea:focus, select:focus {
    border-color: var(--cda-gold) !important;
    box-shadow: 0 0 0 1px var(--cda-gold) !important;
    outline: none !important;
}

/* ======================================================
   14. BUTTONS - all rounded, consistent
   ====================================================== */
.et_pb_button, .woocommerce a.button, .woocommerce button.button,
.woocommerce input.button, input[type="submit"],
.woocommerce-cart .wc-proceed-to-checkout a,
.et_pb_wc_cart_notice .button {
    background: var(--cda-red) !important;
    color: var(--cda-bone) !important;
    font-family: 'Cinzel', serif !important;
    text-transform: uppercase !important;
    letter-spacing: 0.1em !important;
    border: none !important;
    border-radius: 4px !important;
    padding: 12px 28px !important;
    font-size: 13px !important;
    transition: all 0.3s !important;
    cursor: pointer !important;
}
.et_pb_button:hover, .woocommerce a.button:hover,
.woocommerce button.button:hover {
    background: var(--cda-red-bright) !important;
    box-shadow: 0 0 20px rgba(200,16,46,.35) !important;
}
/* Divi button arrow - hide the > */
.et_pb_button::after {
    display: none !important;
}

/* ======================================================
   15. SIMULAÇÃO DE FRETE - sem branco
   ====================================================== */
.wc-melhor-envio-calculator, .woocommerce-shipping-calculator,
.shipping-calculator-form, form.cart, .woocommerce form.cart,
.variations_form, .woocommerce-variation, .woocommerce-variation-add-to-cart {
    background: transparent !important;
    color: var(--cda-bone) !important;
}
.wc-melhor-envio-calculator *, .woocommerce-shipping-calculator * {
    color: var(--cda-bone) !important;
    background-color: transparent !important;
}
.wc-melhor-envio-calculator input, .wc-melhor-envio-calculator button,
.wc-melhor-envio-calculator select {
    background: var(--cda-surface) !important;
    color: var(--cda-bone) !important;
    border: 1px solid var(--cda-dark-border) !important;
    border-radius: 4px !important;
}
.wc-melhor-envio-calculator .melhor-envio-results,
.wc-melhor-envio-calculator table,
.wc-melhor-envio-calculator td,
.wc-melhor-envio-calculator th {
    background: var(--cda-surface) !important;
    color: var(--cda-bone) !important;
    border-color: var(--cda-dark-border) !important;
}

/* ======================================================
   16. NOTICES / MESSAGES
   ====================================================== */
.woocommerce-message, .woocommerce-info {
    background: var(--cda-surface) !important;
    color: var(--cda-bone) !important;
    border-top-color: var(--cda-gold) !important;
    border-radius: 4px !important;
}
.woocommerce-error {
    background: var(--cda-surface) !important;
    color: var(--cda-bone) !important;
    border-top-color: var(--cda-red) !important;
    border-radius: 4px !important;
}

/* ======================================================
   17. BODY LAYOUT SECTIONS - product + info
   ====================================================== */
.qc-product, .qc-product * { background-color: var(--cda-bg) !important; }
.qc-product .woocommerce-product-gallery, .qc-product .summary { background: transparent !important; }
.qc-info, .qc-info *, .et_pb_section_1_tb_body, .et_pb_section_1_tb_body * {
    color: var(--cda-bone) !important;
}
.qc-info h1, .qc-info h2, .qc-info h3, .qc-info h4 {
    color: var(--cda-bone) !important;
    font-family: 'Cinzel', serif !important;
}
.qc-info a { color: var(--cda-gold) !important; }

/* ======================================================
   18. PRODUCT META / SKU / TAGS - visible
   ====================================================== */
.product_meta, .sku_wrapper, .posted_in, .tagged_as {
    color: var(--cda-bone2) !important;
    font-size: 13px !important;
}
.product_meta a { color: var(--cda-gold) !important; }
.product_meta a:hover { color: var(--cda-red-bright) !important; }

/* Terms/tags links visibility */
.tagged_as a, .posted_in a {
    color: var(--cda-gold) !important;
    font-size: 13px !important;
}

/* ======================================================
   19. WIDGETS
   ====================================================== */
.widget {
    background: var(--cda-surface) !important;
    color: var(--cda-bone) !important;
    border-radius: 6px !important;
}
.widget-title, .widget h4 {
    font-family: 'Cinzel', serif !important;
    color: var(--cda-gold) !important;
}

/* WOOF filter */
.woof_container, .woof_products_top_panel {
    background: var(--cda-surface) !important;
    color: var(--cda-bone) !important;
}

/* ======================================================
   20. PAGINATION
   ====================================================== */
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
    background: var(--cda-surface) !important;
    color: var(--cda-bone) !important;
    border-color: var(--cda-dark-border) !important;
    border-radius: 4px !important;
}
.woocommerce nav.woocommerce-pagination ul li span.current {
    background: var(--cda-red) !important;
    color: #fff !important;
    border-color: var(--cda-red) !important;
}

/* ======================================================
   21. CHECKOUT / CART
   ====================================================== */
.woocommerce table.shop_table {
    background: var(--cda-surface) !important;
    border-color: var(--cda-dark-border) !important;
    border-radius: 6px !important;
}
.woocommerce table.shop_table th {
    background: var(--cda-surface2) !important;
    color: var(--cda-bone) !important;
    font-family: 'Cinzel', serif !important;
}
.woocommerce table.shop_table td {
    color: var(--cda-bone) !important;
    border-color: var(--cda-dark-border) !important;
}

/* ======================================================
   22. SEARCH
   ====================================================== */
.et_pb_search input[type="search"] {
    background: var(--cda-surface) !important;
    color: var(--cda-bone) !important;
    border: 1px solid var(--cda-dark-border) !important;
}

/* ======================================================
   23. SCROLLBAR
   ====================================================== */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: var(--cda-bg); }
::-webkit-scrollbar-thumb { background: var(--cda-dark-border); border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: var(--cda-red); }
::selection { background: var(--cda-red); color: var(--cda-bone); }

/* ======================================================
   24. WHITE LEAK FIXES - catch-all
   ====================================================== */
/* Remove any white backgrounds that leak through */
.woocommerce-product-details__short-description,
.woocommerce-product-details__short-description *,
#respond, #respond *, .comment-form, .comment-form *,
.woocommerce-Reviews, .woocommerce-Reviews *,
.woocommerce-additional-info, .woocommerce-additional-info *,
div.product, div.product > *,
.type-product,
#content, #content-area,
.entry-content, .entry-summary {
    background-color: transparent !important;
    color: var(--cda-bone) !important;
}

/* Divi module inner text */
.et_pb_text_inner {
    color: var(--cda-bone) !important;
    font-size: 15px !important;
}

/* WooCommerce default white bg overrides */
.woocommerce-page, .woocommerce,
.woocommerce .content-area,
.woocommerce-page .content-area {
    background: var(--cda-bg) !important;
}

/* 5% OFF badge */
.qc-badge-pix, .badge-pix, .pix-badge {
    background: var(--cda-red) !important;
    color: var(--cda-bone) !important;
    border-radius: 3px !important;
    font-size: 11px !important;
    padding: 3px 8px !important;
}

/* ======================================================
   25. LOJA PAGE TITLE
   ====================================================== */
.woocommerce-products-header__title.page-title,
.woocommerce-products-header h1 {
    font-family: 'Cinzel', serif !important;
    color: var(--cda-bone) !important;
    font-size: 36px !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
}

/* Result count / ordering */
.woocommerce-result-count, .woocommerce-ordering select {
    color: var(--cda-bone2) !important;
    font-size: 13px !important;
}
.woocommerce-ordering select {
    background: var(--cda-surface) !important;
    border: 1px solid var(--cda-dark-border) !important;
    border-radius: 4px !important;
}

/* ======================================================
   26. HERO SECTION on homepage
   ====================================================== */
.et_pb_fullwidth_header,
.et_pb_fullwidth_header .et_pb_fullwidth_header_container {
    width: 100% !important;
    max-width: 100% !important;
}

/* ======================================================
   27. RESPONSIVE
   ====================================================== */
@media (max-width: 1200px) {
    .et_pb_menu ul.et-menu > li > a {
        font-size: 11px !important;
        padding: 8px 8px !important;
        letter-spacing: 0.05em !important;
    }
}
@media (max-width: 980px) {
    :root { --cda-row-width: 100%; }
    .et_pb_row { width: 95% !important; }
    .product_title, h1.product_title { font-size: 24px !important; }
    .et_pb_menu ul.et-menu { flex-wrap: wrap !important; }
    .et_pb_menu ul.et-menu > li > a {
        font-size: 12px !important;
        padding: 8px 10px !important;
    }
}
@media (max-width: 767px) {
    .product_title, h1.product_title { font-size: 20px !important; }
    .woocommerce div.product .woocommerce-tabs ul.tabs li a {
        padding: 10px 14px !important;
        font-size: 12px !important;
    }
    .woocommerce .price, .et_pb_wc_price .price { font-size: 22px !important; }
    .et_pb_image.et_pb_module img[src*="logo"],
    .et_pb_image.et_pb_module img[src*="boca_da_noite"] {
        height: 50px !important;
    }
}