/* Trofeos Economicos — product-list "Ver" button styled like the original site:
   orange outline + cart icon + "Ver detalles". Targets only the View link
   (an <a>, not the add-to-cart <button>), so simple products keep their button. */
.product-add-cart a.btn-product-list {
    color: #ff7d23 !important;
    border: 1px solid #e3e3e3 !important; /* subtle border; orange text/icon + orange on hover */
    font-size: 0; /* hide the default "Ver" text node; real text comes from ::after */
}
.product-add-cart a.btn-product-list:hover,
.product-add-cart a.btn-product-list:focus {
    background-color: #ff7d23 !important;
    color: #fff !important;
    border-color: #ff7d23 !important;
}
.product-add-cart a.btn-product-list::before {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    content: "\f07a"; /* fa-shopping-cart */
    font-size: .95rem;
    margin-right: .45rem;
}
.product-add-cart a.btn-product-list::after {
    content: "Ver detalles";
    font-size: .95rem;
}

/* "Filtrar por deporte" dropdown (injected by deporte.js on listing pages). */
.ecodeporte-filter { margin: 0 0 1rem; }
.ecodeporte-filter select {
    width: 100%;
    max-width: 320px;
    border: 1px solid #ff7d23;
    border-radius: 4px;
    padding: .4rem .6rem;
    color: #585451;
    background-color: #fff;
    cursor: pointer;
}

/* Widen the product sort-order dropdown so the full label is visible (was truncated). */
.products-sort-order { width: auto !important; }
.products-sort-order .select-title { width: auto !important; min-width: 240px; white-space: nowrap; }
.products-sort-order .select-title-name { overflow: visible !important; text-overflow: clip !important; max-width: none !important; }

/* an_productfields price label sits in a flex label, so the HTML space collapses; add a gap. */
.label-price { margin-left: .3em; }

/* Listing/carousel: when a product's DEFAULT combination is out of stock but other
   combinations have stock, PrestaShop shows a "Fuera de stock" availability badge on the
   card (grid adds 'product-combination-only-unavailable'; list only 'product-unavailable').
   The product IS buyable in other sizes, so hide that badge in listings. Scoped to
   .product-miniature so the product page's own availability badge is untouched. Fully-out-of
   -stock products are already hidden from listings by this module (visibility=none), so this
   only ever suppresses the "some sizes available" case. */
.product-combination-only-unavailable,
.product-miniature .product-unavailable { display: none !important; }

/* "Volver al listado" button on the product page (injected by backtolist.js).
   The arrow is a Unicode char in the link text; color forced with !important
   because the Warehouse theme overrides link color with higher-specificity rules. */
.eco-back-to-list-wrap { margin-top: 1.5rem; }
.eco-back-to-list {
    display: inline-flex;
    align-items: center;
    margin: 0 0 .3rem;
    padding: .55rem 1.1rem;
    border: 1px solid #ff7d23;
    border-radius: 4px;
    color: #fff !important;
    background: #ff7d23 !important;
    font-size: .95rem;
    font-weight: 600;
    line-height: 1;
    text-decoration: none !important;
    box-shadow: 0 2px 6px rgba(255, 125, 35, .35);
    transition: background-color .15s ease, box-shadow .15s ease;
}
.eco-back-to-list:hover,
.eco-back-to-list:focus {
    background: #e86d16 !important;
    box-shadow: 0 3px 10px rgba(255, 125, 35, .5);
    color: #fff !important;
}