/* CSS Document */
/* POPUP HORARIO ESPECIAL */
.popup-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);justify-content:center;align-items:center;z-index:1000}.popup-content{background-color:white;padding:20px;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,0.2);max-width:90%;margin:0 20px;text-align:center;position:relative}.popup-close{cursor:pointer;color:#555;font-size:24px;position:absolute;top:10px;right:15px;font-weight:bold}.close-button{margin-top:15px;padding:10px 20px;font-size:16px;color:white;background-color:#007bff;border:none;border-radius:4px;cursor:pointer}.close-button:hover{background-color:#0056b3}@media (max-width:600px){.popup-content{padding:15px;font-size:16px}.popup-close{font-size:28px;top:5px;right:10px}}
/* Botón de oferta (verde suave) */
.btn.btt_sale:before{background:#27ae60!important;z-index:-1;border-radius:4px;box-shadow:0 2px 6px rgba(0,0,0,.2)}.btn.btt_sale.active:before,.btn.btt_sale:active:before,.btn.btt_sale:focus:before,.btn.btt_sale:hover:before{background:#219150!important}.btn.btt_sale .tooltip-sale{position:absolute;bottom:100%;left:50%;transform:translateX(-50%) translateY(-10px);background:#219150;color:#fff;padding:3px 6px;border-radius:4px;font-size:12px;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .2s ease-in-out;pointer-events:none;z-index:10}.btn.btt_sale .tooltip-sale::after{content:'';position:absolute;top:100%;left:50%;transform:translateX(-50%);border-width:5px;border-style:solid;border-color:#219150 transparent transparent}.btn.btt_sale:hover .tooltip-sale{opacity:1;visibility:visible}
/* Modificaciones Polymaker */
.subgroup-separator{margin-top:40px;padding-top:20px;border-top:2px dashed #ccc}.badge-overlay{margin-top:5px;padding:4px 0 0;text-align:center}.item-image+.badge-overlay{margin-bottom:8px}.badge-custom{display:inline-block;background:rgba(255,255,255,.85);color:#333;border-radius:6px;font-size:11px;padding:2px 6px;margin:2px 4px;font-weight:500;box-shadow:0 1px 2px rgba(0,0,0,.1)}
.product-thumb-info{position:relative}.sold-out-overlay{position:absolute;bottom:0;left:0;right:0;text-align:center;padding:6px;font-weight:700;font-size:14px;border-bottom-left-radius:6px;border-bottom-right-radius:6px;color:#fff;z-index:5}.sold-out-overlay.agotado{background:rgba(200,0,0,.7)}.sold-out-overlay.soon{background:rgba(0,90,255,.7)}
.search-mobile-icon {font-size: 30px !important;padding-left: 3px}
.search-wrapper-pc {
    position: relative;
    display: inline-block;
}

/* Campo de búsqueda 10px más a la izquierda del icono */
.search-container-pc {
    position: absolute;
    right: calc(100% + 10px); /* más a la izquierda respecto al botón */
    top: 50%;
    transform: translateY(-50%);
    display: none;
    background: white;
    padding: 10px;
    width: 280px;
    border: 1px solid #ccc;
    box-shadow: 0 2px 5px rgba(0,0,0,0.3);
    z-index: 9999;
}

.search-container-pc input {
    width: 100%;
    padding: 6px 8px;
    border: 1px solid #aaa;
    border-radius: 4px;
}

/* ❌ Eliminamos los estilos del contenedor de resultados */
.search-results-pc,
.search-results-pc div,
.search-results-pc div:hover {
    display: none !important;
}

/* SMARTPHONES */
.mobile-search-box {
    position: absolute;
    top: 60px; /* Ajusta según la altura de tu header */
    left: 0;
    width: 100%;
    background: #fff;
    padding: 10px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
    z-index: 9999;
    display: none;
    animation: slideDown 0.3s ease forwards;
}

.mobile-search-box input {
    width: 100%;
    padding: 8px;
    border: 1px solid #aaa;
    border-radius: 4px;
    font-size: 16px;
}

.mobile-search-results {
    margin-top: 8px;
    max-height: 200px;
    overflow-y: auto;
}

.mobile-search-results div {
    padding: 6px;
    cursor: pointer;
}

.mobile-search-results div:hover {
    background-color: #eee;
}
@media (max-width: 768px) {
  .search-results-section .product-item {
    width: 50% !important;
  }
}
@keyframes slideDown {
    from { opacity: 0; transform: translateY(-20px); }
    to { opacity: 1; transform: translateY(0); }
}
.sold-out-overlay.on_request {
    background-color: #2196F3; /* Azul informativo */
    color: white;
}

.addtocart-btn-wrapper {
	display: none;
}