/*
Theme Name:   Atlas Invisibile Child
Theme URI:    https://atlasinvisibile.com
Description:  Child theme para Atlas Invisibile — header y footer globales, WooCommerce integrado.
Author:       Atlas Invisibile
Template:     astra
Version: 1.1.5
Text Domain:  atlas-child
*/

/* =========================================================
   HEADER PERSONALIZADO
   ========================================================= */

.atlas-custom-nav {
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99999;
    padding: 16px 60px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    background: rgba(7, 8, 10, 0.96);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    box-sizing: border-box;
}

.nav-brand a {
    display: flex;
    align-items: center;
    gap: 12px;
    text-decoration: none;
}

.nav-brand img {
    width: 32px;
    height: 32px;
    object-fit: contain;
    filter: brightness(0) invert(1);
}

.nav-brand-text {
    color: rgba(255, 255, 255, 0.85);
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.3em;
    font-weight: 400;
}

nav.nav-links {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 24px;
}

/* Menú generado por wp_nav_menu */
nav.nav-links ul.nav-menu-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 24px;
}

nav.nav-links ul.nav-menu-list li {
    margin: 0;
    padding: 0;
}

nav.nav-links ul.nav-menu-list li a,
nav.nav-links a {
    color: rgb(148, 163, 184);
    text-decoration: none;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.25em;
    transition: color 0.3s;
}

nav.nav-links ul.nav-menu-list li a:hover,
nav.nav-links a:hover {
    color: rgb(197, 160, 89);
}

/* Carrito */
.nav-cart {
    display: flex;
    align-items: center;
    gap: 6px;
    color: rgb(148, 163, 184) !important;
    text-decoration: none;
    position: relative;
}

.nav-cart svg {
    width: 18px;
    height: 18px;
    stroke: currentColor;
}

.nav-cart .cart-count {
    background: rgb(197, 160, 89);
    color: #000;
    font-size: 0.65rem;
    font-weight: 600;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

.nav-cart .cart-count:empty,
.nav-cart .cart-count[data-count="0"] {
    background: rgba(197, 160, 89, 0.5);
}

/* Botón hamburger (mobile) */
.nav-mobile-toggle {
    display: none;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 4px;
    width: 30px;
    height: 30px;
}

.nav-mobile-toggle span {
    display: block;
    width: 22px;
    height: 1.5px;
    background: rgb(148, 163, 184);
    transition: all 0.3s ease;
    transform-origin: center;
}

.nav-mobile-toggle.is-active span:nth-child(1) {
    transform: translateY(6.5px) rotate(45deg);
}
.nav-mobile-toggle.is-active span:nth-child(2) {
    opacity: 0;
    transform: scaleX(0);
}
.nav-mobile-toggle.is-active span:nth-child(3) {
    transform: translateY(-6.5px) rotate(-45deg);
}

/* Menú mobile */
.nav-mobile-menu {
    display: none;
    position: fixed;
    top: 65px;
    left: 0;
    width: 100%;
    background: rgba(7, 8, 10, 0.98);
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    z-index: 99998;
    padding: 20px 30px;
    flex-direction: column;
    gap: 0;
}

.nav-mobile-menu.is-open {
    display: flex;
}

.nav-mobile-menu ul.nav-mobile-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
}

.nav-mobile-menu ul.nav-mobile-list li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.nav-mobile-menu ul.nav-mobile-list li a,
.nav-mobile-cart {
    display: block;
    padding: 14px 0;
    color: rgb(148, 163, 184);
    text-decoration: none;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.25em;
    transition: color 0.3s;
}

.nav-mobile-menu ul.nav-mobile-list li a:hover,
.nav-mobile-cart:hover {
    color: rgb(197, 160, 89);
}

/* =========================================================
   FOOTER PERSONALIZADO
   ========================================================= */

.atlas-custom-footer {
    background: #07080a;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    padding: 40px 60px;
    text-align: center;
}

.footer-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
}

.footer-logo img {
    width: 48px;
    height: 48px;
    object-fit: contain;
    opacity: 0.85;
    transition: opacity 0.3s;
    filter: brightness(0) invert(1);
}

.footer-logo img:hover {
    opacity: 1;
}

.footer-copyright {
    color: rgba(148, 163, 184, 0.6);
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    margin: 0;
}

/* =========================================================
   OCULTAR ADMIN BAR EN MOBILE (interfiere con el diseño)
   ========================================================= */

@media screen and (max-width: 768px) {
    #wpadminbar {
        display: none !important;
    }
    html.wp-toolbar {
        padding-top: 0 !important;
    }
}

/* =========================================================
   OCULTAR HEADER Y FOOTER DE ASTRA (por seguridad)
   ========================================================= */

#masthead,
.site-header.header-main-layout-1 {
    display: none !important;
}

#colophon.site-footer {
    display: none !important;
}

/* =========================================================
   ARREGLOS WOOCOMMERCE — Links, breadcrumbs, categorías
   ========================================================= */

/* Breadcrumbs */
.woocommerce-breadcrumb,
.woocommerce-breadcrumb a {
    color: rgba(148, 163, 184, 0.6) !important;
    font-size: 0.7rem !important;
    letter-spacing: 0.15em !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
}

.woocommerce-breadcrumb a:hover {
    color: rgb(197, 160, 89) !important;
}

/* Categoría en página de producto */
.woocommerce .posted_in,
.woocommerce .posted_in a {
    color: rgba(148, 163, 184, 0.7) !important;
    font-size: 0.7rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.15em !important;
    text-decoration: none !important;
}

.woocommerce .posted_in a:hover {
    color: rgb(197, 160, 89) !important;
}

/* Links de categorías en shop */
.woocommerce-loop-category__title a,
.woocommerce ul.products li.product .woocommerce-loop-category__title {
    color: rgb(197, 160, 89) !important;
    text-decoration: none !important;
}

/* =========================================================
   RESPONSIVE — MOBILE
   ========================================================= */

@media screen and (max-width: 768px) {
    .atlas-custom-nav {
        padding: 14px 20px;
    }

    .nav-brand-text {
        display: none;
    }

    nav.nav-links {
        display: none;
    }

    .nav-mobile-toggle {
        display: flex;
    }

    .atlas-custom-footer {
        padding: 30px 20px;
    }
}

@media screen and (min-width: 769px) {
    .nav-mobile-menu {
        display: none !important;
    }
    .nav-mobile-toggle {
        display: none !important;
    }
}

/* =========================================================
   ESTILOS GLOBALES — FONDO OSCURO Y TIPOGRAFÍA
   ========================================================= */

html,
body {
    background-color: #07080a !important;
    color: #f8fafc !important;
}

#page,
.site-content,
#content,
.ast-container,
.ast-separate-container,
.ast-plain-container,
.ast-page-builder-template,
.woocommerce-page .woocommerce {
    background-color: #07080a !important;
}

.ast-container {
    max-width: 100% !important;
}

.ast-separate-container .ast-article-post,
.ast-separate-container .ast-article-single,
.site-content > .ast-container {
    padding-top: 0 !important;
}

.ast-breadcrumbs-wrapper {
    background-color: #07080a !important;
}

/* WooCommerce — links de categorías en página de producto */
.woocommerce div.product .woocommerce-product-details__short-description a,
.woocommerce div.product p.category a,
.woocommerce div.product span.posted_in a,
.woocommerce-breadcrumb a,
.woocommerce ul.products li.product a:not(.button),
.woocommerce a {
    color: rgb(148, 163, 184);
    text-decoration: none;
}

.woocommerce div.product p.category a:hover,
.woocommerce div.product span.posted_in a:hover {
    color: rgb(197, 160, 89) !important;
}

/* WooCommerce — fondos oscuros */
.woocommerce table.shop_table,
.woocommerce-cart .cart-collaterals {
    background-color: #0e0f11 !important;
    color: #f8fafc !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
    background-color: #0e0f11 !important;
    color: #f8fafc !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

/* =========================================================
   PRODUCT PAGE — LUXURY REDESIGN
   ========================================================= */

/* Contenedor centrado — aplicar al div.product directamente
   ya que Astra no usa #content en su cadena de producto */
body.single-product div.product {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 80px !important;
    align-items: start !important;
    max-width: 1280px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 48px 60px 80px !important;
    box-sizing: border-box !important;
    width: 100% !important;
}

/* Fix: WooCommerce JS fuerza float y width fijos en galería y summary.
   Overridear para que llenen su columna de grid al 100% */
body.single-product .woocommerce-product-gallery {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
}

body.single-product .summary.entry-summary {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
}

/* Gallery — NO sticky: superpone la imagen al tab de Descripción */
body.single-product .woocommerce-product-gallery {
    position: relative !important;
    top: auto !important;
}

body.single-product .woocommerce-product-gallery img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
}

/* Thumbnails bajo la imagen principal */
body.single-product .flex-control-nav.flex-control-thumbs {
    display: flex !important;
    gap: 8px !important;
    margin-top: 12px !important;
    list-style: none !important;
    padding: 0 !important;
}

body.single-product .flex-control-thumbs li {
    margin: 0 !important;
    width: auto !important;
    flex: 0 0 auto !important;
}

body.single-product .flex-control-thumbs li img {
    width: 60px !important;
    height: 60px !important;
    object-fit: cover !important;
    opacity: 0.45 !important;
    transition: opacity 0.3s, border-color 0.3s !important;
    cursor: pointer !important;
    border: 1px solid transparent !important;
}

body.single-product .flex-control-thumbs li img.flex-active,
body.single-product .flex-control-thumbs li img:hover {
    opacity: 1 !important;
    border-color: rgb(197, 160, 89) !important;
}

/* Summary — padding top para separarse del grid */
body.single-product .summary.entry-summary {
    padding-top: 8px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
}

/* Línea dorada decorativa sobre el título */
body.single-product .summary.entry-summary::before {
    content: '';
    display: block;
    width: 36px;
    height: 1px;
    background: rgb(197, 160, 89);
    margin-bottom: 28px;
}

/* Breadcrumb */
body.single-product .woocommerce-breadcrumb {
    font-size: 0.65rem !important;
    letter-spacing: 0.2em !important;
    text-transform: uppercase !important;
    color: rgba(148, 163, 184, 0.5) !important;
    margin-bottom: 20px !important;
}

/* Título del producto — grande, ligero, editorial */
body.single-product h1.product_title.entry-title {
    font-size: clamp(2rem, 3.5vw, 3.25rem) !important;
    font-weight: 300 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
    color: #f8fafc !important;
    line-height: 1.08 !important;
    margin: 0 0 20px !important;
}

/* Categoría / posted_in */
body.single-product .woocommerce-product-details__short-description p.posted_in,
body.single-product p.posted_in,
body.single-product .posted_in {
    font-size: 0.65rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.2em !important;
    color: rgba(148, 163, 184, 0.5) !important;
    margin: 0 0 24px !important;
}

/* Precio */
body.single-product p.price,
body.single-product span.price,
body.single-product .woocommerce-Price-amount {
    font-size: 1.05rem !important;
    color: rgb(197, 160, 89) !important;
    letter-spacing: 0.08em !important;
    font-weight: 400 !important;
    margin: 0 0 28px !important;
    display: block !important;
}

/* Separador antes de descripción corta */
body.single-product .woocommerce-product-details__short-description {
    border-top: 1px solid rgba(255, 255, 255, 0.06) !important;
    padding-top: 24px !important;
    margin-bottom: 32px !important;
    color: rgba(248, 250, 252, 0.65) !important;
    font-size: 0.82rem !important;
    line-height: 1.85 !important;
    letter-spacing: 0.04em !important;
}

/* Formulario de añadir al carrito */
body.single-product form.cart {
    display: flex !important;
    align-items: stretch !important;
    gap: 12px !important;
    margin: 0 0 28px !important;
}

/* Input de cantidad */
body.single-product .quantity {
    flex: 0 0 auto !important;
}

body.single-product .quantity input.qty {
    width: 52px !important;
    height: 48px !important;
    background: transparent !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    color: #f8fafc !important;
    text-align: center !important;
    font-size: 0.85rem !important;
    letter-spacing: 0.1em !important;
    border-radius: 0 !important;
    -moz-appearance: textfield !important;
    transition: border-color 0.3s !important;
}

body.single-product .quantity input.qty::-webkit-outer-spin-button,
body.single-product .quantity input.qty::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
}

body.single-product .quantity input.qty:focus {
    outline: none !important;
    border-color: rgb(197, 160, 89) !important;
}

/* Botón añadir — contorno dorado, sin relleno */
body.single-product button.single_add_to_cart_button.button.alt,
body.single-product .single_add_to_cart_button {
    background: transparent !important;
    border: 1px solid rgb(197, 160, 89) !important;
    color: rgb(197, 160, 89) !important;
    text-transform: uppercase !important;
    letter-spacing: 0.3em !important;
    font-size: 0.68rem !important;
    font-weight: 400 !important;
    padding: 0 32px !important;
    height: 48px !important;
    border-radius: 0 !important;
    cursor: pointer !important;
    transition: background 0.3s ease, color 0.3s ease !important;
    flex: 1 !important;
}

body.single-product button.single_add_to_cart_button.button.alt:hover,
body.single-product .single_add_to_cart_button:hover {
    background: rgb(197, 160, 89) !important;
    color: #07080a !important;
}

/* Meta (SKU, etc.) */
body.single-product .product_meta {
    border-top: 1px solid rgba(255, 255, 255, 0.06) !important;
    padding-top: 20px !important;
    margin-top: 8px !important;
    font-size: 0.65rem !important;
    color: rgba(148, 163, 184, 0.4) !important;
    text-transform: uppercase !important;
    letter-spacing: 0.15em !important;
}

body.single-product .product_meta a {
    color: rgba(148, 163, 184, 0.5) !important;
}

body.single-product .product_meta a:hover {
    color: rgb(197, 160, 89) !important;
}

/* Tabs de producto (Descripción / Valoraciones) */
body.single-product .woocommerce-tabs {
    grid-column: 1 / -1 !important;
    margin-top: 72px !important;
    border-top: 1px solid rgba(255, 255, 255, 0.07) !important;
    padding-top: 48px !important;
}

body.single-product .woocommerce-tabs ul.tabs {
    display: flex !important;
    gap: 0 !important;
    list-style: none !important;
    margin: 0 0 40px !important;
    padding: 0 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
    background: transparent !important;
}

body.single-product .woocommerce-tabs ul.tabs::before,
body.single-product .woocommerce-tabs ul.tabs::after {
    display: none !important;
}

body.single-product .woocommerce-tabs ul.tabs li {
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    margin: 0 !important;
}

body.single-product .woocommerce-tabs ul.tabs li a {
    color: rgba(148, 163, 184, 0.4) !important;
    font-size: 0.68rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.35em !important;
    padding: 0 32px 16px 0 !important;
    display: block !important;
    background: transparent !important;
    border: none !important;
    border-bottom: 2px solid transparent !important;
    transition: color 0.3s !important;
    margin-bottom: -1px !important;
}

body.single-product .woocommerce-tabs ul.tabs li.active a {
    color: rgb(197, 160, 89) !important;
    border-bottom-color: rgb(197, 160, 89) !important;
    background: transparent !important;
}

body.single-product .woocommerce-tabs ul.tabs li a:hover {
    color: rgba(248, 250, 252, 0.7) !important;
}

body.single-product .woocommerce-tabs .panel {
    background: transparent !important;
    color: rgba(248, 250, 252, 0.65) !important;
    font-size: 0.84rem !important;
    line-height: 1.9 !important;
    letter-spacing: 0.04em !important;
    padding: 0 !important;
    border: none !important;
    margin: 0 !important;
}

body.single-product .woocommerce-tabs .panel h2 {
    display: none !important;
}

/* Producto página — mobile */
@media screen and (max-width: 768px) {
    body.single-product div.product {
        padding: 24px 20px 60px !important;
        grid-template-columns: 1fr !important;
        gap: 28px !important;
    }

    body.single-product .woocommerce-product-gallery {
        position: static !important;
    }

    body.single-product h1.product_title.entry-title {
        font-size: clamp(1.75rem, 8vw, 2.5rem) !important;
    }

    body.single-product form.cart {
        flex-wrap: wrap !important;
    }

    body.single-product button.single_add_to_cart_button.button.alt {
        flex: 1 1 100% !important;
    }

    body.single-product .woocommerce-tabs {
        margin-top: 40px !important;
        padding-top: 32px !important;
    }
}

/* =========================================================
   MOBILE MENU — OVERLAY PANTALLA COMPLETA
   ========================================================= */

/* Override: full-screen overlay */
.nav-mobile-menu {
    display: none;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100vh !important;
    background: rgba(7, 8, 10, 0.97) !important;
    backdrop-filter: blur(24px) !important;
    -webkit-backdrop-filter: blur(24px) !important;
    z-index: 99997 !important;
    padding: 60px 40px 60px !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    align-items: center !important;
    gap: 0 !important;
    border-bottom: none !important;
    overflow-y: auto !important;
}

.nav-mobile-menu.is-open {
    display: flex !important;
}

/* Lista de nav — ocupa el espacio disponible y centra verticalmente */
.nav-mobile-menu ul.nav-mobile-list {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: 320px !important;
    flex: 1 !important;
}

.nav-mobile-menu ul.nav-mobile-list li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
    width: 100% !important;
    text-align: center !important;
}

.nav-mobile-menu ul.nav-mobile-list li:first-child {
    border-top: 1px solid rgba(255, 255, 255, 0.05) !important;
}

.nav-mobile-menu ul.nav-mobile-list li a {
    display: block !important;
    padding: 22px 0 !important;
    color: rgba(248, 250, 252, 0.55) !important;
    text-decoration: none !important;
    font-size: 0.8rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.45em !important;
    transition: color 0.3s, letter-spacing 0.4s !important;
}

.nav-mobile-menu ul.nav-mobile-list li a:hover {
    color: rgb(197, 160, 89) !important;
    letter-spacing: 0.55em !important;
}

/* Cart link en el menú móvil */
.nav-mobile-cart {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    margin-top: 40px !important;
    padding: 14px 36px !important;
    color: rgba(148, 163, 184, 0.65) !important;
    text-decoration: none !important;
    font-size: 0.68rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.35em !important;
    border: 1px solid rgba(197, 160, 89, 0.3) !important;
    transition: color 0.3s, border-color 0.3s !important;
}

.nav-mobile-cart:hover {
    color: rgb(197, 160, 89) !important;
    border-color: rgb(197, 160, 89) !important;
}

.nav-mobile-cart .cart-count {
    background: rgb(197, 160, 89) !important;
    color: #07080a !important;
    font-size: 0.6rem !important;
    font-weight: 700 !important;
    width: 18px !important;
    height: 18px !important;
    border-radius: 50% !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
}

.nav-mobile-cart .cart-count[data-count="0"],
.nav-mobile-cart .cart-count:empty {
    background: rgba(197, 160, 89, 0.25) !important;
}

/* Logo dentro del overlay del menú móvil — en flujo normal, no absolute */
.nav-mobile-logo {
    width: 100% !important;
    padding: 32px 0 24px !important;
    display: flex !important;
    justify-content: center !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.07) !important;
    flex-shrink: 0 !important;
    margin-bottom: 8px !important;
}

.nav-mobile-logo a {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 10px !important;
    text-decoration: none !important;
}

.nav-mobile-logo img {
    width: 36px !important;
    height: 36px !important;
    object-fit: contain !important;
    filter: brightness(0) invert(1) !important;
    opacity: 0.8 !important;
    transition: opacity 0.3s !important;
}

.nav-mobile-logo a:hover img {
    opacity: 1 !important;
}

.nav-mobile-brand-text {
    color: rgba(255, 255, 255, 0.35) !important;
    font-size: 0.58rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.45em !important;
    font-weight: 400 !important;
}

/* El header queda encima del overlay */
.nav-mobile-menu.is-open ~ * .atlas-custom-nav,
.atlas-custom-nav {
    z-index: 99999 !important;
}

/* Botón hamburger — queda encima del overlay */
.nav-mobile-toggle {
    z-index: 100000 !important;
    position: relative !important;
}


/* =========================================================
   SHOP / LOOP DE PRODUCTOS — ESTILO LUXURY
   ========================================================= */

.woocommerce ul.products li.product .woocommerce-loop-product__title {
    color: #f0ece4 !important;
    font-size: 0.82rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.18em !important;
    font-weight: 400 !important;
    margin: 6px 0 4px !important;
}

.woocommerce ul.products li.product .ast-woo-product-category,
.woocommerce ul.products li.product .woocommerce-loop-category__title {
    color: rgba(197, 160, 89, 0.7) !important;
    font-size: 0.62rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.25em !important;
}

.woocommerce ul.products li.product .price,
.woocommerce ul.products li.product .price .woocommerce-Price-amount {
    color: rgba(248, 250, 252, 0.55) !important;
    font-size: 0.8rem !important;
    font-weight: 400 !important;
    letter-spacing: 0.08em !important;
}

.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product a.button,
.woocommerce ul.products li.product .add_to_cart_button {
    background: transparent !important;
    border: 1px solid rgba(197, 160, 89, 0.6) !important;
    color: rgb(197, 160, 89) !important;
    text-transform: uppercase !important;
    letter-spacing: 0.28em !important;
    font-size: 0.65rem !important;
    font-weight: 400 !important;
    padding: 13px 24px !important;
    border-radius: 0 !important;
    cursor: pointer !important;
    width: 100% !important;
    text-align: center !important;
    display: block !important;
    box-sizing: border-box !important;
    transition: background 0.3s ease, color 0.3s ease, border-color 0.3s ease !important;
    margin-top: 12px !important;
}

.woocommerce ul.products li.product .button:hover,
.woocommerce ul.products li.product a.button:hover,
.woocommerce ul.products li.product .add_to_cart_button:hover {
    background: rgb(197, 160, 89) !important;
    color: #07080a !important;
    border-color: rgb(197, 160, 89) !important;
}

.woocommerce ul.products li.product {
    background: transparent !important;
}

.woocommerce ul.products li.product a img {
    border-radius: 0 !important;
    display: block !important;
    width: 100% !important;
}

/* =========================================================
   FIX GLOBAL — IMÁGENES FLOTANTES EN CONTENIDO
   ========================================================= */

.wp-block-image img,
.alignleft img,
.alignright img,
img.alignleft,
img.alignright {
    float: none !important;
    margin: 0 auto 24px !important;
    display: block !important;
    max-width: 100% !important;
    height: auto !important;
}

.woocommerce-tabs .panel img,
.woocommerce-product-details__short-description img,
.entry-content img:not(.nav-brand img):not(.footer-logo img):not(.nav-mobile-logo img) {
    float: none !important;
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
    margin: 0 auto 24px !important;
}

/* =========================================================
   FIX — TABS DE PRODUCTO: quitar borde azul de Astra
   ========================================================= */

body.single-product .woocommerce-tabs ul.tabs li,
body.single-product .woocommerce-tabs ul.tabs li.active,
body.single-product .woocommerce-tabs ul.tabs li:focus,
body.single-product .woocommerce-tabs ul.tabs li a {
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    box-shadow: none !important;
    outline: none !important;
}

/* Asegurar que solo queda el underline dorado en el tab activo */
body.single-product .woocommerce-tabs ul.tabs li.active {
    border-bottom: 2px solid rgb(197, 160, 89) !important;
}

body.single-product .woocommerce-tabs ul.tabs li:not(.active) {
    border-bottom: 2px solid transparent !important;
}

/* =========================================================
   FIX — IMÁGENES EN DESCRIPCIÓN: limitar ancho editorial
   ========================================================= */

/* Las imágenes dentro del panel de descripción/tabs no deben
   ser fullwidth — limitarlas a un tamaño editorial elegante */
#tab-description img,
#tab-description .woocommerce-product-details__short-description img {
    max-width: 400px !important;
    width: auto !important;
    height: auto !important;
    display: block !important;
    margin: 32px auto !important;
    float: none !important;
    opacity: 0.85 !important;
}

/* ── Fix: pseudo-elemento azul de Astra sobre pestaña activa ── */
body.single-product .woocommerce-tabs ul.tabs li.active::before,
body.single-product .woocommerce-tabs ul.tabs li::before {
    display: none !important;
    background: transparent !important;
}

/* ── Fix: botón scroll-to-top — dorado en lugar de azul Astra ── */
.ast-scroll-top-icon {
    background: rgb(197, 160, 89) !important;
    color: #07080a !important;
}
.ast-scroll-top-icon:hover {
    background: rgba(197, 160, 89, 0.8) !important;
}


/* ═══════════════════════════════════════════════════════
   v1.1.2 — Paleta Astra + Lupa + Hover shop + Menú
   ═══════════════════════════════════════════════════════ */

/* 1. Sobreescribir variables de color de Astra
      --ast-global-color-0 era #060097 (azul)
      --ast-global-color-7 era #ffcd57 (amarillo) */
:root {
    --ast-global-color-0: rgb(197, 160, 89) !important;
    --ast-global-color-7: rgba(197, 160, 89, 0.9) !important;
}

/* 2. Ocultar lupa de zoom de la galería de producto */
.woocommerce-product-gallery__trigger {
    display: none !important;
}

/* 3. Hover overlay en shop — oscuro semitransparente en lugar del rectángulo dorado sólido */
.woocommerce ul.products li.product .ast-woo-product-image-wrap::before,
.woocommerce ul.products li.product .ast-woo-product-image-wrap::after {
    background: rgba(7, 8, 10, 0.55) !important;
}

/* 4. El ícono de bolsa del overlay — dorado */
.woocommerce ul.products li.product .ast-woo-product-image-wrap .ast-woo-product-hover-content,
.woocommerce ul.products li.product .ast-woo-product-image-wrap svg,
.woocommerce ul.products li.product .ast-woo-product-image-wrap .cart-icon {
    color: rgb(197, 160, 89) !important;
    fill: rgb(197, 160, 89) !important;
}

/* 5. blockUI overlay durante AJAX add-to-cart */
.woocommerce ul.products .blockUI.blockOverlay {
    background: rgba(7, 8, 10, 0.6) !important;
}


/* v1.1.3 — Hide breadcrumb on shop page */
body.woocommerce-shop .woocommerce-breadcrumb {
    display: none !important;
}

/* v1.1.3 — Hide WooCommerce auto-generated product loop on shop page
   (result count, ordering dropdown, and the duplicate ul.products.columns-4) */
body.woocommerce-shop .woocommerce-result-count {
    display: none !important;
}
body.woocommerce-shop .woocommerce-ordering {
    display: none !important;
}
body.woocommerce-shop ul.products.columns-4 {
    display: none !important;
}


/* v1.1.4 — Remove hover overlay and add-to-cart block on product cards */
.woocommerce ul.products li.product .ast-woo-product-image-wrap::before,
.woocommerce ul.products li.product .ast-woo-product-image-wrap::after {
    display: none !important;
    opacity: 0 !important;
}
.woocommerce ul.products li.product .ast-woo-product-image-wrap .ast-woo-product-hover-content {
    display: none !important;
    opacity: 0 !important;
}
/* Subtle scale on hover instead */
.woocommerce ul.products li.product .ast-woo-product-image-wrap img {
    transition: transform 0.4s ease !important;
}
.woocommerce ul.products li.product:hover .ast-woo-product-image-wrap img {
    transform: scale(1.03) !important;
}


/* v1.1.5 — Remove on-card add-to-cart button and overlay on shop product cards */
.woocommerce ul.products li.product .astra-shop-thumbnail-wrap::before,
.woocommerce ul.products li.product .astra-shop-thumbnail-wrap::after {
    display: none !important;
    opacity: 0 !important;
}
.woocommerce ul.products li.product .ast-on-card-button {
    display: none !important;
}
/* Subtle scale on hover */
.woocommerce ul.products li.product .astra-shop-thumbnail-wrap img {
    transition: transform 0.4s ease !important;
}
.woocommerce ul.products li.product:hover .astra-shop-thumbnail-wrap img {
    transform: scale(1.03) !important;
}