/* ==========================================================================
   Atlas Premium — Design system aplicado a WoodMart 8.x (todo el sitio)
   Se carga solo si "Design system global" está activo en
   Apariencia → Atlas Premium. Sobrescribe las variables CSS que WoodMart
   genera desde Theme Settings, sin modificar esos ajustes.
   ========================================================================== */

body.atlas-ds {
	--wd-text-font: var(--atlas-font);
	--wd-text-font-weight: 400;
	--wd-text-color: var(--atlas-ink-2);
	--wd-title-font: var(--atlas-font);
	--wd-title-font-weight: 700;
	--wd-title-color: var(--atlas-black);
	--wd-entities-title-font: var(--atlas-font);
	--wd-entities-title-font-weight: 600;
	--wd-entities-title-color: var(--atlas-black);
	--wd-entities-title-color-hover: var(--atlas-emerald);
	--wd-alternative-font: var(--atlas-font);
	--wd-widget-title-font: var(--atlas-font);
	--wd-widget-title-font-weight: 700;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: var(--atlas-black);
	--wd-header-el-font: var(--atlas-font);
	--wd-header-el-font-weight: 500;
	--wd-header-el-transform: none;
	--wd-primary-color: var(--atlas-emerald);
	--wd-alternative-color: var(--atlas-metal);
	--wd-link-color: var(--atlas-black);
	--wd-link-color-hover: var(--atlas-emerald);
	--btn-default-bgcolor: var(--atlas-black);
	--btn-default-bgcolor-hover: var(--atlas-emerald);
	--btn-accented-bgcolor: var(--atlas-black);
	--btn-accented-bgcolor-hover: var(--atlas-emerald);
	--btn-default-color: var(--atlas-white);
	--btn-default-color-hover: var(--atlas-white);
	--btn-accented-color: var(--atlas-white);
	--btn-accented-color-hover: var(--atlas-white);
	--btn-transform: uppercase;
	--btn-default-brd-radius: var(--atlas-radius);
	--btn-accented-brd-radius: var(--atlas-radius);
	--wd-form-brd-radius: var(--atlas-radius);
	--wd-brd-radius: var(--atlas-radius);
	--notices-success-bg: var(--atlas-emerald);
	--notices-success-color: var(--atlas-white);
	--notices-warning-bg: #8A5A1C;
	--notices-warning-color: var(--atlas-white);
	font-family: var(--atlas-font);
	font-stretch: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* Bordes de formulario: WoodMart los redefine en cada esquema de color. */
body.atlas-ds,
body.atlas-ds [class*="color-scheme-light"],
body.atlas-ds [class*="color-scheme-dark"],
body.atlas-ds .wd-search-form form.searchform,
body.atlas-ds .wd-el-search .searchform {
	--wd-form-brd-color: rgba(17, 17, 17, 0.24);
	--wd-form-brd-color-focus: var(--atlas-black);
}

body.atlas-ds [class*="color-scheme-light"] {
	--wd-form-brd-color: rgba(245, 243, 238, 0.32);
	--wd-form-brd-color-focus: var(--atlas-white);
}

/* Fondo de páginas: de beige a Warm White (la clase doble supera la
   especificidad de las reglas generadas por WoodMart). */
body.atlas-ds.atlas-ds .wd-page-content {
	background-color: var(--atlas-white);
	background-image: none;
}

/* Botones de WoodMart / WooCommerce con el lenguaje Atlas */
body.atlas-ds :is(.btn, .button, button[type="submit"], input[type="submit"], .wd-buy-now-btn) {
	font-family: var(--atlas-font);
	font-weight: 600;
	letter-spacing: 0.06em;
}

body.atlas-ds .wd-buy-now-btn,
html body.atlas-ds .wd-buy-now-btn {
	background: transparent;
	color: var(--atlas-black);
	box-shadow: inset 0 0 0 1px var(--atlas-black);
}

body.atlas-ds .wd-buy-now-btn:hover,
html body.atlas-ds .wd-buy-now-btn:hover {
	background: var(--atlas-black);
	color: var(--atlas-white);
}

/* Barra superior "Envío gratis": acento esmeralda de marca */
body.atlas-ds .whb-top-bar {
	background-color: var(--atlas-emerald);
}

body.atlas-ds .whb-top-bar p {
	font-size: var(--atlas-fs-xs);
	font-weight: 500;
	letter-spacing: 0.04em;
}

/* Navegación principal */
body.atlas-ds .wd-nav-main > li > a,
body.atlas-ds .wd-nav-secondary > li > a {
	font-size: 15px;
	letter-spacing: 0.01em;
}

body.atlas-ds .wd-dropdown-menu {
	border-radius: var(--atlas-radius);
}

body.atlas-ds .wd-nav-mobile > li > a,
html body.atlas-ds .wd-nav-mobile > li > a {
	font-family: var(--atlas-font);
	font-size: 16px;
	font-weight: 600;
	text-transform: none;
}

/* Título de página: sin foto de fondo, tipografía editorial */
body.atlas-ds .wd-page-title {
	background-color: var(--atlas-white);
	background-image: none !important;
	padding-block: clamp(32px, 4vw, 64px) clamp(20px, 2.5vw, 36px);
	border-bottom: 1px solid var(--atlas-line);
}

body.atlas-ds .wd-page-title.color-scheme-light,
body.atlas-ds .wd-page-title[class*="color-scheme-light"] {
	--wd-title-color: var(--atlas-black);
	--wd-text-color: var(--atlas-ink-2);
	--wd-link-color: var(--atlas-ink-2);
	--wd-link-color-hover: var(--atlas-black);
	color: var(--atlas-ink-2);
}

body.atlas-ds .wd-page-title .title,
html body.atlas-ds .page-title .wd-title-wrapp > .title,
html body.atlas-ds .page-title > .container > .title {
	font-family: var(--atlas-font);
	font-size: clamp(2.5rem, 1.2rem + 4.4vw, 5.5rem);
	font-stretch: var(--atlas-condensed);
	font-weight: 700;
	line-height: 0.92;
	letter-spacing: -0.005em;
	text-transform: uppercase;
	color: var(--atlas-black);
}

body.atlas-ds .wd-page-title :is(.wd-breadcrumbs, .woocommerce-breadcrumb, .yoast-breadcrumb) {
	font-size: var(--atlas-fs-xs);
	font-weight: 500;
	color: var(--atlas-ink-2);
}

body.atlas-ds .wd-page-title :is(.wd-breadcrumbs, .woocommerce-breadcrumb, .yoast-breadcrumb) :is(a, span, .wd-delimiter) {
	color: var(--atlas-ink-2);
}

body.atlas-ds .wd-page-title :is(.wd-breadcrumbs, .woocommerce-breadcrumb) :is(.wd-last, .breadcrumb_last, .wd-last-link, span:last-child) {
	color: var(--atlas-black);
}

body.atlas-ds .wd-page-title .wd-back-btn > a::before,
body.atlas-ds .wd-page-title .wd-back-btn > a::after {
	color: var(--atlas-black);
}

/* Títulos generales */
body.atlas-ds :is(h1, h2, h3, h4, h5, h6) {
	letter-spacing: -0.005em;
}

body.atlas-ds .widget-title,
body.atlas-ds .widgettitle {
	font-stretch: var(--atlas-condensed);
	letter-spacing: 0.02em;
}

/* Pie de página: tipografía Atlas sobre negro (los colores del bloque HTML
   del pie se conservan; edítalos en WPBakery → Bloques HTML). */
body.atlas-ds .wd-footer {
	font-family: var(--atlas-font);
}

body.atlas-ds .wd-footer .copyrights-wrapper {
	font-size: var(--atlas-fs-xs);
}

/* Pre-pie (bloque HTML "Info adicional"): iconos coral del demo → tono Atlas. */
body.atlas-ds .wd-prefooter .info-svg-wrapper,
body.atlas-ds .wd-prefooter .info-box-icon img {
	filter: grayscale(1) brightness(0.25);
}

/* Foco visible accesible en todo el sitio */
body.atlas-ds :focus-visible {
	outline: 2px solid var(--atlas-emerald);
	outline-offset: 2px;
}

body.atlas-ds [class*="color-scheme-light"] :focus-visible,
body.atlas-ds .wd-footer :focus-visible {
	outline-color: var(--atlas-metal);
}

/* Avisos de WooCommerce */
body.atlas-ds :is(.woocommerce-message, .woocommerce-info, .woocommerce-error, .wc-block-components-notice-banner) {
	border-radius: var(--atlas-radius);
	font-family: var(--atlas-font);
}