/* ===========================================
   LEFEBRE PRODUCTS
   Estilos personalizados para WooCommerce y subastas
   Version: 1.0.4
   =========================================== */

/* ---- CONTENEDOR PRINCIPAL ---- */
.pagelayer-shortcodes-container,
.pagelayer-shortcodes-container .woocommerce,
body.woocommerce-page .site-main {
    overflow: visible !important;
    width: 100% !important;
    max-width: 100% !important;
}

/* ---- TARJETA DE PRODUCTO ---- */
.woocommerce ul.products li.product,
.woocommerce ul.products li.product.type-product {
    position: relative !important;
    float: none !important;
    width: calc(25% - 20px) !important;
    margin: 10px !important;
    padding: 15px !important;
    background-color: #f5f5f5 !important;
    border: 1px solid #cccccc !important;
    border-radius: 8px !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1) !important;
    text-align: center !important;
    clear: none !important;
    display: block !important;
    overflow: hidden !important;
}

.woocommerce ul.products li.product:hover {
    box-shadow: 0 4px 16px rgba(0,0,0,0.15) !important;
    border-color: #bbbbbb !important;
}

/* ---- PRODUCTOS GRID ---- */
.woocommerce ul.products {
    display: flex !important;
    flex-wrap: wrap !important;
    clear: both;
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
}

.woocommerce ul.products::after {
    content: "";
    display: table;
    clear: both;
}

/* ---- IMAGEN PRODUCTO CON ZOOM ---- */
.woocommerce ul.products li.product a img {
    display: block !important;
    margin: 0 auto !important;
    max-width: 100% !important;
    height: auto !important;
    transition: transform 0.3s ease !important;
}

.woocommerce ul.products li.product:hover a img {
    transform: scale(1.08) !important;
}

/* ---- TÍTULO PRODUCTO ---- */
.woocommerce ul.products li.product h2,
.woocommerce-loop-product__title {
    display: block !important;
    font-size: 14px !important;
    margin: 10px 0 !important;
    text-align: center !important;
    color: #333333 !important;
}

/* ---- CONTENEDOR SUBASTA ---- */
.uwa-main-auction-product-loop,
#auction-product-type {
    display: block !important;
    width: 100% !important;
    clear: both !important;
    overflow: visible !important;
}

/* ---- CONTADOR RECTANGULAR ---- */
.uwa_auction_product_countdown {
    background-color: transparent !important;
    padding: 10px 0 !important;
    margin: 10px auto !important;
    width: fit-content !important;
    display: flex !important;
    justify-content: center !important;
}

.countdown_row {
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: center !important;
    width: 100% !important;
    gap: 8px !important;
}

.countdown_section {
    display: inline-flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    padding: 8px 12px !important;
    background-color: #ffffff !important;
    border: 2px solid #762f25 !important;
    border-radius: 6px !important;
    box-shadow: 0 2px 6px rgba(118,47,37,0.15) !important;
    min-width: 45px !important;
}

.countdown_amount {
    font-size: 16px !important;
    font-weight: bold !important;
    color: #762f25 !important;
    line-height: 1 !important;
}

.countdown_label {
    font-size: 9px !important;
    color: #666666 !important;
    text-transform: uppercase !important;
}

/* ---- PRECIOS ---- */
.woo-ua-price,
.uwa-price,
.woocommerce-Price-amount,
.woocommerce ul.products li.product .price {
    display: block !important;
    font-size: inherit !important;
    font-weight: bold !important;
    color: #762f25 !important;
    margin: 10px 0 !important;
}

/* ---- BOTÓN BID NOW ---- */
.woocommerce ul.products li.product a.button,
.woocommerce ul.products li.product a.button.alt,
.button.product_type_auction,
a.button.alt.auction_button {
    display: inline-block !important;
    margin: 10px auto !important;
    padding: 10px 24px !important;
    background-color: #762f25 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 6px !important;
    text-align: center !important;
    text-transform: none !important;
    font-weight: 600 !important;
    transition: background-color 0.3s ease, transform 0.2s ease !important;
}

.woocommerce ul.products li.product a.button:hover,
.button.product_type_auction:hover,
a.button.alt.auction_button:hover {
    background-color: #5a231c !important;
    color: #ffffff !important;
    transform: translateY(-1px) !important;
}

/* ---- BADGES SUBASTAS ---- */
.uwa_auction_bage_icon {
    position: absolute !important;
    top: 10px !important;
    right: 10px !important;
    z-index: 99 !important;
    width: 40px !important;
    height: 40px !important;
}

span.uwa_winning {
    background: #77a464 !important;
    color: #fff !important;
    padding: 4px 8px !important;
    border-radius: 4px !important;
    font-size: 12px !important;
}

span.uwa_losing {
    background: #ff0000 !important;
    color: #fff !important;
    padding: 4px 8px !important;
    border-radius: 4px !important;
    font-size: 12px !important;
}

/* ---- RESULTADO Y ORDERING - ESTILO TARJETA ---- */
.woocommerce-result-count,
.woocommerce-ordering,
.woocommerce .woocommerce-ordering,
.woocommerce .woocommerce-result-count {
    display: inline-flex !important;
    align-items: center !important;
    float: none !important;
    margin: 10px 5px !important;
    padding: 0 !important;
}

.woocommerce-ordering select,
.woocommerce .woocommerce-ordering select,
select.orderby {
    padding: 10px 35px 10px 14px !important;
    border: 1px solid #cccccc !important;
    border-radius: 8px !important;
    background-color: #f5f5f5 !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23333' d='M6 8L1 3h10z'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 12px center !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #333333 !important;
    box-shadow: 0 2px 6px rgba(0,0,0,0.08) !important;
    cursor: pointer !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    transition: all 0.25s ease !important;
}

.woocommerce-ordering select:hover,
.woocommerce .woocommerce-ordering select:hover,
select.orderby:hover {
    border-color: #762f25 !important;
    background-color: #ffffff !important;
    box-shadow: 0 2px 8px rgba(118,47,37,0.15) !important;
}

.woocommerce-ordering select:focus,
.woocommerce .woocommerce-ordering select:focus,
select.orderby:focus {
    outline: none !important;
    border-color: #762f25 !important;
    box-shadow: 0 0 0 3px rgba(118,47,37,0.1) !important;
}

.woocommerce-result-count {
    padding: 10px 14px !important;
    background-color: #f5f5f5 !important;
    border: 1px solid #cccccc !important;
    border-radius: 8px !important;
    font-size: 14px !important;
    color: #666666 !important;
    box-shadow: 0 2px 6px rgba(0,0,0,0.08) !important;
}

.woocommerce .woocommerce-ordering,
.woocommerce .woocommerce-result-count {
    position: relative !important;
}

.woocommerce .woocommerce-pagination + div form {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 10px 5px !important;
    padding: 10px 14px !important;
    background-color: #f5f5f5 !important;
    border: 1px solid #cccccc !important;
    border-radius: 8px !important;
    box-shadow: 0 2px 6px rgba(0,0,0,0.08) !important;
}

.woocommerce .woocommerce-pagination + div form select {
    padding: 8px 30px 8px 12px !important;
    border: 1px solid #cccccc !important;
    border-radius: 6px !important;
    background-color: #ffffff !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23333' d='M6 8L1 3h10z'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 10px center !important;
    font-size: 13px !important;
    color: #333333 !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    cursor: pointer !important;
}

/* ---- PAGINACIÓN - ESTILO TARJETA ---- */
.woocommerce-pagination {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    clear: both !important;
    margin: 30px 0 !important;
    padding: 0 !important;
}

.woocommerce nav.woocommerce-pagination ul,
.woocommerce-pagination ul {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    border: none !important;
    float: none !important;
}

.woocommerce-pagination li,
nav.woocommerce-pagination li {
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
    float: none !important;
    display: inline-flex !important;
}

.woocommerce-pagination li .page-numbers,
.woocommerce-pagination li a.page-numbers,
.woocommerce-pagination li span.page-numbers,
li.page-numbers {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 44px !important;
    height: 44px !important;
    padding: 0 14px !important;
    background-color: #f5f5f5 !important;
    border: 1px solid #cccccc !important;
    border-radius: 8px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #333333 !important;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1) !important;
    transition: all 0.25s ease !important;
    cursor: pointer !important;
}

.woocommerce-pagination li a.page-numbers:hover {
    background-color: #f5f5f5 !important;
    border-color: #999999 !important;
    box-shadow: 0 4px 16px rgba(0,0,0,0.15) !important;
    transform: translateY(-2px) !important;
}

.woocommerce-pagination li .page-numbers.current,
.woocommerce-pagination li span.current,
.page-numbers.current {
    background-color: #333333 !important;
    border-color: #333333 !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    box-shadow: 0 4px 16px rgba(0,0,0,0.2) !important;
    cursor: default !important;
}

.woocommerce-pagination li .page-numbers.dots,
.page-numbers.dots {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    color: #999999 !important;
    cursor: default !important;
}

.woocommerce-pagination li .page-numbers.dots:hover,
.page-numbers.dots:hover {
    transform: none !important;
    color: #999999 !important;
    border: none !important;
    box-shadow: none !important;
}

.woocommerce-pagination li .page-numbers.prev,
.woocommerce-pagination li .page-numbers.next,
.page-numbers.prev,
.page-numbers.next {
    position: relative !important;
    overflow: hidden !important;
    font-weight: 600 !important;
}

.woocommerce-pagination li .page-numbers.prev::before,
.woocommerce-pagination li .page-numbers.next::before {
    font-size: 18px !important;
    font-weight: bold !important;
}

.woocommerce-pagination li .page-numbers.prev::before { content: "←" !important; }
.woocommerce-pagination li .page-numbers.next::before { content: "→" !important; }

.woocommerce-pagination li .page-numbers.prev:hover::before { animation: slideLeft 0.3s ease !important; }
.woocommerce-pagination li .page-numbers.next:hover::before { animation: slideRight 0.3s ease !important; }

@keyframes slideLeft {
    0% { transform: translateX(0); }
    100% { transform: translateX(-3px); }
}

@keyframes slideRight {
    0% { transform: translateX(0); }
    100% { transform: translateX(3px); }
}

/* ---- ENLACE AL PRODUCTO ---- */
.woocommerce ul.products li.product a {
    text-decoration: none !important;
    color: inherit !important;
}

.woocommerce ul.products li.product a:hover {
    text-decoration: none !important;
}

/* ---- INFO ADICIONAL SUBASTA ---- */
.uwa_auction_end_date,
.uwa_auction_start_date {
    display: block !important;
    font-size: 12px !important;
    color: #666666 !important;
    margin: 5px 0 !important;
}

/* ===========================================
   VISTA PRODUCTO INDIVIDUAL
   =========================================== */

.woocommerce div.product,
.woocommerce-page div.product,
.single-product .site-content,
.single-product .entry-content {
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 30px 20px !important;
    box-sizing: border-box !important;
}

.woocommerce .woocommerce-breadcrumb {
    margin-bottom: 20px !important;
    padding: 10px 0 !important;
    font-size: 13px !important;
    color: #666666 !important;
    overflow: hidden !important;
    word-wrap: break-word !important;
}

.woocommerce div.product div.images,
.woocommerce div.product div.summary {
    margin-bottom: 30px !important;
    box-sizing: border-box !important;
}

.woocommerce div.product div.images {
    width: 48% !important;
    float: left !important;
    margin-right: 4% !important;
    position: relative !important;
    overflow: hidden !important;
}

.woocommerce div.product div.summary {
    width: 48% !important;
    float: right !important;
    padding-right: 0 !important;
}

.woocommerce div.product div.images img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    border-radius: 8px !important;
    border: 1px solid #cccccc !important;
    transition: transform 0.4s ease !important;
    cursor: zoom-in !important;
}

.woocommerce div.product div.images:hover img {
    transform: scale(1.1) !important;
}

.woocommerce div.product div.images a.zoom {
    display: block !important;
    position: relative !important;
    cursor: zoom-in !important;
}

.woocommerce div.product div.images a.zoom::before,
.woocommerce div.product div.images a.zoom::after {
    display: none !important;
}

.woocommerce div.product .product_title {
    font-size: 28px !important;
    font-weight: 700 !important;
    color: #333333 !important;
    margin-bottom: 15px !important;
    line-height: 1.3 !important;
}

.woocommerce div.product .woocommerce-product-details__short-description {
    margin: 15px 0 20px !important;
    padding: 15px !important;
    background-color: #f5f5f5 !important;
    border: 1px solid #cccccc !important;
    border-radius: 8px !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    color: #555555 !important;
}

.woocommerce div.product .woocommerce-product-details__short-description p {
    margin: 0 !important;
}

.woocommerce div.product p.price {
    font-size: 24px !important;
    font-weight: 700 !important;
    color: #762f25 !important;
    margin: 15px 0 !important;
}

.woocommerce div.product p.price del {
    font-size: 18px !important;
    color: #999999 !important;
}

.woocommerce div.product p.price ins {
    text-decoration: none !important;
}

.woocommerce div.product form.cart .button {
    background-color: #762f25 !important;
    color: #ffffff !important;
    border-radius: 6px !important;
    padding: 14px 30px !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    transition: all 0.3s ease !important;
}

.woocommerce div.product form.cart .button:hover {
    background-color: #5a231c !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(118,47,37,0.3) !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs {
    padding: 0 !important;
    margin: 0 0 20px !important;
    border-bottom: 2px solid #cccccc !important;
    display: flex !important;
    gap: 5px !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs::before {
    display: none !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    display: block !important;
    padding: 12px 20px !important;
    background-color: #f5f5f5 !important;
    border: 1px solid #cccccc !important;
    border-bottom: none !important;
    border-radius: 8px 8px 0 0 !important;
    color: #666666 !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    transition: all 0.25s ease !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a,
.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover {
    background-color: #ffffff !important;
    color: #762f25 !important;
    border-color: #762f25 !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
    border-bottom: 2px solid #ffffff !important;
    margin-bottom: -2px !important;
}

.woocommerce div.product .woocommerce-tabs .panel {
    padding: 20px !important;
    background-color: #ffffff !important;
    border: 1px solid #cccccc !important;
    border-top: none !important;
    border-radius: 0 0 8px 8px !important;
    margin: 0 !important;
}

.woocommerce div.product .woocommerce-tabs table {
    width: 100% !important;
    border-collapse: collapse !important;
    margin: 10px 0 !important;
}

.woocommerce div.product .woocommerce-tabs table th,
.woocommerce div.product .woocommerce-tabs table td {
    padding: 10px 12px !important;
    border: 1px solid #cccccc !important;
    text-align: left !important;
    font-size: 14px !important;
}

.woocommerce div.product .woocommerce-tabs table th {
    background-color: #f5f5f5 !important;
    font-weight: 600 !important;
    color: #333333 !important;
}

.woocommerce div.product .woocommerce-tabs table tr:nth-child(even) {
    background-color: #fafafa !important;
}

.woocommerce div.product #bid_refresh_val {
    padding: 12px !important;
    border: 1px solid #cccccc !important;
    border-radius: 8px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #762f25 !important;
    text-align: center !important;
}

.woocommerce div.product #bid_trigger_button_val {
    background-color: #762f25 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 6px !important;
    padding: 12px 25px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
}

.woocommerce div.product #bid_trigger_button_val:hover {
    background-color: #5a231c !important;
}

.woocommerce div.product .product_meta {
    margin-top: 25px !important;
    padding-top: 20px !important;
    border-top: 1px solid #eeeeee !important;
    font-size: 13px !important;
    color: #666666 !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

.woocommerce div.product .product_meta > span {
    display: block !important;
    margin-bottom: 8px !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    max-width: 100% !important;
}

.woocommerce div.product .product_meta span.sku {
    font-weight: 600 !important;
    color: #333333 !important;
}

.woocommerce div.product .product_meta span a {
    color: #762f25 !important;
    text-decoration: none !important;
    word-break: break-word !important;
}

.woocommerce div.product .product_meta span a:hover {
    text-decoration: underline !important;
}

.woocommerce div.product .related {
    margin-top: 40px !important;
    padding-top: 30px !important;
    border-top: 2px solid #eeeeee !important;
}

.woocommerce div.product .related h2 {
    font-size: 22px !important;
    font-weight: 700 !important;
    color: #333333 !important;
    margin-bottom: 20px !important;
}

.woocommerce div.product::after {
    content: "" !important;
    display: table !important;
    clear: both !important;
}

/* ---- LIGHTBOX MODAL ---- */
.Lefebre-lightbox {
    display: none !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: rgba(0,0,0,0.95) !important;
    z-index: 99999 !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 20px !important;
    box-sizing: border-box !important;
}

.Lefebre-lightbox.active {
    display: flex !important;
}

.Lefebre-lightbox img {
    max-width: 90% !important;
    max-height: 90vh !important;
    object-fit: contain !important;
    border-radius: 8px !important;
    box-shadow: 0 10px 40px rgba(0,0,0,0.5) !important;
}

.Lefebre-lightbox .close-btn {
    position: absolute !important;
    top: 20px !important;
    right: 30px !important;
    color: #ffffff !important;
    font-size: 40px !important;
    cursor: pointer !important;
    width: 50px !important;
    height: 50px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(255,255,255,0.1) !important;
    border-radius: 50% !important;
    transition: all 0.3s ease !important;
}

.Lefebre-lightbox .close-btn:hover {
    background: rgba(255,255,255,0.2) !important;
    transform: rotate(90deg) !important;
}

.Lefebre-lightbox .nav-btn {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    color: #ffffff !important;
    font-size: 30px !important;
    cursor: pointer !important;
    width: 50px !important;
    height: 50px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(255,255,255,0.1) !important;
    border-radius: 50% !important;
    transition: all 0.3s ease !important;
}

.Lefebre-lightbox .nav-btn:hover {
    background: rgba(255,255,255,0.2) !important;
}

.Lefebre-lightbox .nav-btn.prev { left: 20px !important; }
.Lefebre-lightbox .nav-btn.next { right: 20px !important; }

/* ---- RESPONSIVE ---- */
@media (max-width: 1024px) {
    .woocommerce ul.products li.product {
        width: calc(33.333% - 20px) !important;
    }
}

@media (max-width: 768px) {
    .woocommerce ul.products li.product {
        width: calc(50% - 20px) !important;
    }
    
    .countdown_section {
        min-width: 45px !important;
        padding: 6px 10px !important;
    }
    
    .woocommerce div.product,
    .woocommerce-page div.product,
    .single-product .site-content,
    .single-product .entry-content {
        padding: 15px 10px !important;
    }
    
    .woocommerce div.product div.images,
    .woocommerce div.product div.summary {
        width: 100% !important;
        float: none !important;
        margin-right: 0 !important;
        margin-bottom: 20px !important;
        padding: 0 !important;
    }
    
    .woocommerce div.product .product_title {
        font-size: 20px !important;
    }
    
    .woocommerce div.product p.price {
        font-size: 20px !important;
    }
    
    .woocommerce div.product .woocommerce-product-details__short-description {
        font-size: 13px !important;
        padding: 12px !important;
    }
    
    .woocommerce div.product .woocommerce-tabs ul.tabs {
        overflow-x: auto !important;
        white-space: nowrap !important;
        -webkit-overflow-scrolling: touch !important;
    }
    
    .woocommerce div.product .woocommerce-tabs ul.tabs li a {
        padding: 10px 15px !important;
        font-size: 13px !important;
    }
    
    /* Marca y categoría en móvil - sin salir de margen */
    .woocommerce div.product .product_meta {
        margin-top: 15px !important;
        padding-top: 15px !important;
        font-size: 12px !important;
        overflow: visible !important;
        word-break: break-word !important;
        overflow-wrap: break-word !important;
    }
    
    .woocommerce div.product .product_meta > span {
        display: inline-block !important;
        margin-bottom: 8px !important;
        margin-right: 10px !important;
        vertical-align: top !important;
        max-width: 100% !important;
    }
    
    .woocommerce div.product .product_meta > span::before {
        display: block !important;
        font-weight: 600 !important;
        color: #333 !important;
        font-size: 11px !important;
        margin-bottom: 2px !important;
    }
    
    .woocommerce div.product .product_meta span.product_cat::before { content: "Categoría:" !important; }
    .woocommerce div.product .product_meta span.product_tag::before { content: "Marca:" !important; }
    
    .woocommerce div.product .product_meta span a {
        font-size: 11px !important;
        color: #666 !important;
        word-break: break-word !important;
    }
    
    .woocommerce div.product .woocommerce-tabs table {
        font-size: 12px !important;
    }
    
    .woocommerce div.product .woocommerce-tabs table th,
    .woocommerce div.product .woocommerce-tabs table td {
        padding: 8px 6px !important;
        word-break: break-word !important;
    }
    
    .woocommerce div.product #bid_trigger_button_val {
        width: 100% !important;
        padding: 14px 20px !important;
    }
    
    .Lefebre-lightbox .nav-btn {
        width: 40px !important;
        height: 40px !important;
        font-size: 24px !important;
    }
    
    .Lefebre-lightbox .nav-btn.prev { left: 10px !important; }
    .Lefebre-lightbox .nav-btn.next { right: 10px !important; }
    
    .Lefebre-lightbox .close-btn {
        top: 10px !important;
        right: 15px !important;
        font-size: 30px !important;
    }
}

@media (max-width: 480px) {
    .woocommerce ul.products li.product {
        width: calc(100% - 20px) !important;
        float: none !important;
    }
    
    .countdown_amount {
        font-size: 14px !important;
    }
    
    .countdown_section {
        min-width: 40px !important;
        padding: 6px 8px !important;
    }
    
    .woocommerce-pagination li .page-numbers,
    .woocommerce-pagination li a.page-numbers,
    .woocommerce-pagination li span.page-numbers {
        min-width: 38px !important;
        height: 38px !important;
        font-size: 13px !important;
        padding: 0 10px !important;
    }
    
    nav.woocommerce-pagination ul {
        gap: 6px !important;
    }
}

/* ===========================================
   OVERRIDE FINAL - PAGINACIÓN
   =========================================== */
body.woocommerce-page ul.page-numbers,
body.woocommerce ul.page-numbers,
.woocommerce .woocommerce-pagination ul.page-numbers,
.woocommerce-page .woocommerce-pagination ul.page-numbers,
.uwa-main-auction-product-loop .woocommerce-pagination ul.page-numbers,
#auction-product-type .woocommerce-pagination ul.page-numbers {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 10px !important;
    list-style: none !important;
    margin: 30px 0 !important;
    padding: 0 !important;
}

body.woocommerce-page ul.page-numbers li,
body.woocommerce ul.page-numbers li,
.woocommerce .woocommerce-pagination ul.page-numbers li,
.woocommerce-page .woocommerce-pagination ul.page-numbers li,
.uwa-main-auction-product-loop .woocommerce-pagination ul.page-numbers li,
#auction-product-type .woocommerce-pagination ul.page-numbers li {
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
    float: none !important;
    display: inline-flex !important;
}

body.woocommerce-page ul.page-numbers li a,
body.woocommerce-page ul.page-numbers li span,
body.woocommerce ul.page-numbers li a,
body.woocommerce ul.page-numbers li span,
.woocommerce .woocommerce-pagination ul.page-numbers li a,
.woocommerce .woocommerce-pagination ul.page-numbers li span,
.uwa-main-auction-product-loop .woocommerce-pagination ul.page-numbers li a,
.uwa-main-auction-product-loop .woocommerce-pagination ul.page-numbers li span,
#auction-product-type .woocommerce-pagination ul.page-numbers li a,
#auction-product-type .woocommerce-pagination ul.page-numbers li span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 44px !important;
    height: 44px !important;
    padding: 0 14px !important;
    background-color: #f5f5f5 !important;
    border: 1px solid #cccccc !important;
    border-radius: 8px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #333333 !important;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1) !important;
    transition: all 0.25s ease !important;
    cursor: pointer !important;
    float: none !important;
}

body.woocommerce-page ul.page-numbers li a:hover,
body.woocommerce ul.page-numbers li a:hover,
.woocommerce .woocommerce-pagination ul.page-numbers li a:hover {
    background-color: #f5f5f5 !important;
    border-color: #999999 !important;
    box-shadow: 0 4px 16px rgba(0,0,0,0.15) !important;
    transform: translateY(-2px) !important;
}

body.woocommerce-page ul.page-numbers li span.current,
body.woocommerce ul.page-numbers li span.current,
.woocommerce .woocommerce-pagination ul.page-numbers li span.current,
.woocommerce .woocommerce-pagination ul.page-numbers li .current {
    background-color: #333333 !important;
    border-color: #333333 !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    box-shadow: 0 4px 16px rgba(0,0,0,0.2) !important;
    cursor: default !important;
}

body.woocommerce-page ul.page-numbers li .page-numbers.dots,
body.woocommerce ul.page-numbers li .page-numbers.dots {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    color: #999999 !important;
}

@media (max-width: 480px) {
    body.woocommerce-page ul.page-numbers li a,
    body.woocommerce-page ul.page-numbers li span,
    body.woocommerce ul.page-numbers li a,
    body.woocommerce ul.page-numbers li span {
        min-width: 38px !important;
        height: 38px !important;
        font-size: 13px !important;
        padding: 0 10px !important;
    }
}