/* ==============================================================================
Theme Name: Phlox Pro Child
Theme URI: http://phlox.pro/go/
Author: averta
Author URI: http://www.phlox.pro
Description: Phlox Pro Child Theme
Template: phlox-pro
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column,two-columns, three-columns, left-sidebar, right-sidebar
Text Domain: phlox-pro-child
================================================================================= */

/* ===========================
   CUSTOM SEARCH PREMIUM
=========================== */

/* ===== VARIACIONES WOOCOMMERCE ===== */

.woocommerce div.product form.cart .variations select {
    -webkit-appearance: menulist !important;
    -moz-appearance: menulist !important;
    appearance: auto !important;

    background-color: #ffffff;
    border: 2px solid #693a96;
    border-radius: 40px;
    padding: 14px 40px 14px 18px;
    font-size: 14px;
    font-weight: 500;
    color: #693a96;
    transition: all 0.3s ease;
}

/* Hover */
.woocommerce div.product form.cart .variations select:hover {
    border-color: #e011b5;
}

/* Focus */
.woocommerce div.product form.cart .variations select:focus {
    outline: none;
    border-color: #e011b5;
    box-shadow: 0 0 0 3px rgba(224, 17, 181, 0.15);
}
/* ===== PPOM PERSONALIZAR NOMBRE ===== */

form.cart .ppom-wrapper input[type="text"],
form.cart .ppom-wrapper textarea {
    background-color: #ffffff !important;
    border: 2px solid #693a96 !important;
    border-radius: 40px !important;
    padding: 14px 1px !important;
    font-size: 14px !important;
    color: #693a96 !important;
    transition: all 0.3s ease !important;
}

form.cart .ppom-wrapper input[type="text"]:focus,
form.cart .ppom-wrapper textarea:focus {
    border-color: #e011b5 !important;
    box-shadow: 0 0 0 3px rgba(224, 17, 181, 0.15) !important;
    outline: none !important;
}
.aux-shop-archive .product-categories li a:hover,
.aux-shop-archive .product-categories .current-cat > a {
    color: var(--e-global-color-accent) !important;
}
/* ===== SEARCH PAGE PREMIUM ===== */

.search .page-title,
.search h1 {
    color: #693a96;
    font-weight: 600;
}
/* Título producto */
.search .woocommerce-loop-product__title {
    font-size: 16px;
    font-weight: 500;
}

/* Precio */
.search .price {
    color: #444;
    font-weight: 600;
}
/* ========================================
   MENSAJE AGREGADO AL CARRITO - PREMIUM
======================================== */

/* Contenedor principal */
.woocommerce-message {
    background: #f4f0fa !important;
    border: 2px solid #693a96 !important;
    color: #693a96 !important;
    border-radius: 18px;
    padding: 18px 24px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* Ícono check */
.woocommerce-message::before {
    color: #693a96 !important;
    font-size: 18px;
}

/* Texto */
.woocommerce-message strong {
    color: #693a96 !important;
}

/* ========================================
   BOTÓN VIEW CART
======================================== */

.woocommerce-message .button {
    background: transparent !important;
    color: #693a96 !important;
    border: 2px solid #693a96 !important;
    border-radius: 30px;
    padding: 8px 20px;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    transition: all 0.3s ease;
}

/* Hover elegante */
.woocommerce-message .button:hover {
    background: #693a96 !important;
    color: #ffffff !important;
    border-color: #693a96 !important;
}

/* Ajuste responsive */
@media (max-width: 768px) {
    .woocommerce-message {
        flex-direction: column;
        gap: 12px;
        text-align: center;
    }
}
/* ======================================================
   SEARCH RESULTS – LIMPIO Y SIN BOTÓN (REAL DEFINITIVO)
====================================================== */

/* 1️⃣ Ocultar botón "Personalizar" */
body.search a.button.aux-ajax-add-to-cart.product_type_variable.add_to_cart_button {
    display: none !important;
}


/* 2️⃣ Ocultar cualquier add to cart en búsqueda */
body.search .products .product .add_to_cart_button {
    display: none !important;
}


/* 3️⃣ Ocultar categoría */
body.search .posted_in,
body.search .product-category,
body.search .loop-meta-wrapper,
body.search .aux-product-meta {
    display: none !important;
}


/* 4️⃣ Centrar contenido */
body.search .products .product {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
}

body.search .products .product .auxshp-entry-main {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    width: 100%;
}


/* 5️⃣ Título premium */
body.search .woocommerce-loop-product__title,
body.search .auxshp-loop-title {
    text-align: center !important;
    margin-top: 15px !important;
    color: #693a96;
    font-weight: 600;
}


/* 6️⃣ Precio centrado */
body.search .price {
    display: flex !important;
    justify-content: center !important;
    margin-top: 8px !important;
    font-weight: 600;
    font-size: 15px;
}

selector .anotadito-desde{
font-size:14px;
color:#666;
display:block;
margin-bottom:2px;
}

selector .anotadito-price{
font-size:18px;
font-weight:600;
color:var(--e-global-color-accent);
}

/* Botón Go to Top normal */
.aux-hover-slide.aux-arrow-nav {
    background: #ffffff !important; /* fondo blanco */
    border: 2px solid #693A96 !important; /* borde morado */
}

/* Flecha normal */
.aux-hover-slide.aux-arrow-nav .aux-svg-arrow {
    fill: #693A96 !important; /* morado */
}

/* Centrar single product en tablet y pantallas medianas */
@media (min-width: 1024px) and (max-width: 1600px) {
    /* Contenedor general del producto */
    .single-product .site-content, 
    .single-product .container, 
    .single-product .content-area {
        max-width: 1200px !important;  /* ancho máximo */
        width: 90% !important;         /* ocupa casi todo el espacio */
        margin: 0 auto !important;     /* centrado real */
        padding: 0 20px !important;    /* espacio interno */
        box-sizing: border-box;
    }

    /* Contenedor de la galería + resumen */
    .single-product .product {
        display: flex !important;
        flex-wrap: wrap;
        justify-content: center !important;
        margin: 0 auto !important;
    }

    /* Ajuste para galería de imágenes */
    .single-product .woocommerce-product-gallery {
        margin: 0 auto !important;
    }

    /* Ajuste para resumen del producto */
    .single-product .summary {
        margin: 0 auto !important;
    }
}

/*SINGLE PRODUCT*/

/* ===== CENTRAR PRECIO COMPLETO ===== */
.elementor-widget-woocommerce-product-price {
    text-align: center !important;
}

/* ===== PRECIO (75.00) ===== */
.elementor-widget-woocommerce-product-price .woocommerce-Price-amount {
    font-size: 22px !important; /* ajusta a tu gusto */
    font-weight: 600 !important;
}

/* ===== TEXTO "Desde" ===== */
.elementor-widget-woocommerce-product-price .from {
    font-size: 14px !important;
    margin-right: 5px;
    opacity: 0.8;
}

/* ===== OPCIONAL: AJUSTE GENERAL ===== */
.elementor-widget-woocommerce-product-price .price {
    display: flex;
    justify-content: center;
    align-items: baseline;
    gap: 5px;
}

/* Ocultar SKU */
.product_meta .sku_wrapper {
    display: none !important;
}
/* ===== SOLO AGRANDAR EL INPUT (SIN TOCAR ESTRUCTURA) ===== */
.woocommerce div.product form.cart .quantity input.qty {
    min-width: 100px !important; /* 👈 espacio para 2 dígitos */
    padding: 20px 20px !important;
    text-align: center;
}
/*SOBREADO NEGRO EN BOTÓN*/

.single-product .aux-button.aux-black .aux-overlay::after {
    background-color: transparent;
}
.single-product .flex-control-thumbs {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
}
.single-product .flex-control-thumbs li {
    width: calc(25% - 10px) !important; /* 4 por fila */
    margin: 0 !important;
}
.single-product .flex-control-thumbs img {
    border: 2px solid transparent;
    border-radius: 10px;
    transition: all .25s ease;
    cursor: pointer;
}

.single-product .flex-control-thumbs img:hover {
    border-color: #FD12C7 !important; /* morado */
}
.single-product .flex-control-thumbs .flex-active {
    border: 2px solid #FD12C7 !important;
    border-radius: 10px;
}

/*CHECKOUT*/

/* =========================
   CHECKOUT GENERAL
========================= */
body.woocommerce-checkout {
  color: #4b0082 !important;
  font-family: inherit !important;
}

/* =========================
   TITULOS Y TEXTOS
========================= */
body.woocommerce-checkout h1,
body.woocommerce-checkout h2,
body.woocommerce-checkout h3,
body.woocommerce-checkout label {
  color: #4b0082 !important;
}

/* =========================
   CAMPOS INPUT / SELECT / TEXTAREA
========================= */
body.woocommerce-checkout input,
body.woocommerce-checkout textarea,
body.woocommerce-checkout select,
body.woocommerce-checkout .form-row input.input-text,
body.woocommerce-checkout .form-row textarea,
body.woocommerce-checkout .form-row select,
body.woocommerce-checkout .woocommerce-input-wrapper input,
body.woocommerce-checkout .woocommerce-input-wrapper textarea,
body.woocommerce-checkout .woocommerce-input-wrapper select {
  width: 100% !important;
  padding: 10px 12px !important;
  border: 2px solid #4b0082 !important;
  border-radius: 8px !important;
  background: #fff !important;
  color: #4b0082 !important;
  box-sizing: border-box !important;
  font-family: inherit !important;
}

/* =========================
   FOCUS (CLICK EN CAMPOS)
========================= */
body.woocommerce-checkout input:focus,
body.woocommerce-checkout textarea:focus,
body.woocommerce-checkout select:focus {
  border-color: #ff69b4 !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(255,105,180,0.15) !important;
}

/* =========================
   TABLA RESUMEN
========================= */
body.woocommerce-checkout table.shop_table th,
body.woocommerce-checkout table.shop_table td {
  color: #4b0082 !important;
}

/* =========================
   BOTÓN FINALIZAR COMPRA
========================= */
body.woocommerce-checkout #place_order,
body.woocommerce-checkout button.button.alt,
body.woocommerce-checkout .button.alt {
  background: #4b0082 !important;
  color: #fff !important;
  font-weight: 700 !important;
  padding: 14px 18px !important;
  border: none !important;
  border-radius: 8px !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
}

/* HOVER BOTÓN */
body.woocommerce-checkout #place_order:hover,
body.woocommerce-checkout button.button.alt:hover {
  background: #6a0dad !important;
}

/* =========================
   ENLACES
========================= */
body.woocommerce-checkout a {
  color: #4b0082 !important;
}

body.woocommerce-checkout a:hover {
  color: #ff69b4 !important;
}

/* =========================
   SELECT (FLECHA PERSONALIZADA)
========================= */
body.woocommerce-checkout select {
  background-image: url("data:image/svg+xml;utf8,<svg fill='%234b0082' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>") !important;
  background-repeat: no-repeat !important;
  background-position: right 10px center !important;
  background-size: 14px !important;
  padding-right: 30px !important;
}

/* =========================
   AJUSTE GENERAL LAYOUT
========================= */
body.woocommerce-checkout .col2-set {
  width: 100% !important;
}

body.woocommerce-checkout #order_review {
  margin-top: 20px !important;
}

/* ===== ARREGLAR SUPERPOSICIÓN MENÚ ===== */

/* subir el menú */
header,
.aux-header,
.elementor-location-header {
  position: relative;
  z-index: 9999 !important;
}

/* overlay de menú (si es popup o mobile menu) */
.aux-offcanvas-menu,
.aux-fs-menu,
.elementor-menu-toggle + nav,
.elementor-nav-menu--dropdown {
  z-index: 99999 !important;
  position: relative;
}

/* bajar prioridad del contenido del producto */
.single-product .summary,
.single-product form.cart,
.single-product .variations,
.single-product .ppom-wrapper {
  position: relative;
  z-index: 1 !important;
}