Tienda

/* Al Rescoldo development global style
Scope: frontend only, published through Simple Custom CSS and JS.
Goal: make header, menu, footer and shared page surfaces match the dark
Malbec-inspired home while preserving existing page and WooCommerce content. */

:root {
–ar-bg: #070604;
–ar-bg-soft: #120d09;
–ar-text: #f8efe3;
–ar-muted: #c8b6a0;
–ar-line: rgba(255, 255, 255, 0.12);
–ar-orange: #ff6a17;
–ar-gold: #c99a4a;
}

html,
body {
background: var(–ar-bg) !important;
color: var(–ar-text);
}

body,
button,
input,
select,
textarea {
font-family: “Inter”, “Montserrat”, system-ui, -apple-system, BlinkMacSystemFont, “Segoe UI”, sans-serif;
}

.site-header,
.main-header-bar,
.ast-primary-header-bar,
.ast-mobile-header-wrap {
background: rgba(7, 6, 4, 0.96) !important;
border-bottom: 1px solid var(–ar-line) !important;
box-shadow: 0 14px 35px rgba(0, 0, 0, 0.22);
backdrop-filter: blur(12px);
}

.site-header .site-title a,
.site-header a,
.main-header-menu .menu-link,
.ast-builder-menu-1 .menu-item > .menu-link,
.ast-header-break-point .main-navigation ul .menu-item .menu-link {
color: var(–ar-text) !important;
letter-spacing: 0;
}

.main-header-menu .current-menu-item > .menu-link,
.main-header-menu .current-menu-ancestor > .menu-link,
.main-header-menu .menu-link:hover,
.ast-builder-menu-1 .menu-item:hover > .menu-link,
.ast-header-break-point .main-navigation ul .menu-item .menu-link:hover {
color: var(–ar-orange) !important;
}

.site-logo-img img,
.custom-logo {
filter: invert(1) brightness(1.75) contrast(0.95) !important;
}

.ast-mobile-popup-drawer,
.ast-mobile-popup-drawer .ast-mobile-popup-inner,
.ast-mobile-popup-drawer .main-header-menu {
background: var(–ar-bg) !important;
}

.ast-mobile-popup-drawer a,
.ast-mobile-popup-drawer .menu-link {
color: var(–ar-text) !important;
}

.ast-button-wrap .mobile-menu-toggle-icon .ast-mobile-svg {
fill: var(–ar-text) !important;
}

.entry-title {
display: none !important;
}

.ast-container,
.site-content .ast-container {
max-width: 100% !important;
padding-left: 0 !important;
padding-right: 0 !important;
}

.site-content {
background: var(–ar-bg) !important;
}

.entry-content,
.entry-content p,
.entry-content li {
color: inherit;
}

.entry-content a:not(.button):not(.wp-block-button__link) {
color: var(–ar-orange);
}

.site-footer,
.site-primary-footer-wrap,
.site-above-footer-wrap,
.site-below-footer-wrap {
background: #030302 !important;
color: var(–ar-muted) !important;
border-top: 1px solid var(–ar-line) !important;
}

.site-footer a {
color: var(–ar-orange) !important;
}

.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.wp-block-button__link,
.button,
a.button {
background: var(–ar-orange) !important;
color: #fff !important;
border: 0 !important;
border-radius: 999px !important;
box-shadow: 0 16px 32px rgba(255, 106, 23, 0.18);
font-weight: 800;
letter-spacing: 0;
padding: 12px 20px !important;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.wp-block-button__link:hover,
.button:hover,
a.button:hover {
background: #ff7f2e !important;
color: #fff !important;
transform: translateY(-1px);
}

.woocommerce ul.products li.product,
.woocommerce div.product,
.woocommerce-cart-form,
.cart_totals,
.woocommerce-checkout-review-order,
.woocommerce form.checkout,
.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content,
.ast-article-single:not(.page-id-180986) {
background: linear-gradient(180deg, rgba(18, 13, 9, 0.96), rgba(7, 6, 4, 0.98)) !important;
border: 1px solid var(–ar-line);
color: var(–ar-text);
}

.woocommerce ul.products li.product,
.woocommerce div.product,
.woocommerce-cart-form,
.cart_totals,
.woocommerce-checkout-review-order,
.woocommerce form.checkout,
.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content {
border-radius: 8px;
padding: 18px;
}

.woocommerce .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price {
color: var(–ar-gold) !important;
}

.woocommerce table.shop_table,
.woocommerce table.shop_table th,
.woocommerce table.shop_table td {
border-color: var(–ar-line) !important;
color: var(–ar-text);
}

.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
background: var(–ar-bg-soft) !important;
border-top-color: var(–ar-orange) !important;
color: var(–ar-text) !important;
}

@media (max-width: 820px) {
.site-header {
position: sticky;
top: 0;
z-index: 50;
}

.ast-container,
.site-content .ast-container {
padding-left: 0 !important;
padding-right: 0 !important;
}
}