/* From inline <style> blocks in computer/group/group.phtml (Step 6b) */
.headerMini{
    height: 80px !important;
}

.select2-container .select2-selection--single{
    height: 42px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered{
    line-height: 40px;
    font-weight: 500;
    font-size: 16px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow{
    line-height: 40px;
    height: 42px;
}

.select2-container--default .select2-selection--single{
    border: 2px solid #aaa;
}

.select2-container{
    margin-right: 10px;
}
/*
 * Hardened against BS4 reboot `a { color: #007bff }`. Same rationale as
 * .productLink in computer/components/index.css — colour cascades into
 * the inner <span itemprop="description"> via explicit selector list
 * with !important so any wrapper utility (lb-text-brand etc.) cannot
 * override.
 */
.productLink,
.productLink > span,
.productLink > [itemprop="description"]{
    color: #333 !important;
}

.productLink{
    font-size: 16px;
    font-weight: 500;
    display: block;
    text-decoration: none;
}

.productLink > span,
.productLink > [itemprop="description"]{
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 4 !important;
    line-clamp: 4 !important;
    overflow: hidden !important;
    text-overflow: ellipsis;
}

.productLink:hover,
.productLink:hover > span,
.productLink:hover > [itemprop="description"]{
    color: var(--lb-brand-alt) !important;
    text-decoration: none;
}

.prod .label,
.prod .badge{
    display: inline !important;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    padding: .4em .8em;
    padding-top: .32em;
}

.prod .prodInfo .label,
.prod .prodInfo .badge{
    border-radius: 4px;
}

.prod .prodBrand .label,
.prod .prodBrand .badge{
    border-radius: 4px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 0;
}

.prod .prodPromo .label,
.prod .prodPromo .badge{
    border-radius: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 4px;
}

#productsFilter span {
    font-size: 16px;
    font-weight: 500;
}


#pageSort a,
#pageSort select,
#pageSort span{
    font-size: 11.5px;
}

.page{
    width: 45px;
    height: 45px;
    line-height: 45px;
    margin: 0 7.5px;
    background: var(--lb-brand);
    float: left;
    font-size: 18px;
    font-weight: 400;
    color: #FFF !important;
    border-radius: 4px;
    border: 0;
}

.page-disabled{
    color: #002d55 !important;
    text-shadow: 0 1px 0 rgba(255,255,255,.2) !important;
}

.page:not(.page-disabled):hover{
    background: #002d55;
    cursor: pointer;
}

.page-disabled:hover{
    cursor: not-allowed !important;
}

.prod .prodBrand .label,
.prod .prodBrand .badge{
    border-radius: 4px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 0;
}

#productsFilter select#limit{
    margin: 0 -2px;
}

#productsFilter a, #productsFilter select, #productsFilter span {
    font-size: 16px;
    font-weight: 500;
}

.btnConsumable{
    padding: 6px;
    background: #fff;
    border: 2px solid var(--lb-brand);
    font-size: 16px;
    color: var(--lb-brand);
    outline: none;
    font-size: 12px;
    font-weight: 700;
    width: 165px;
    border-radius: 4px;
}

.btnConsumable:hover{
    background: var(--lb-brand);
    color: #fff;
    cursor: pointer;
}

#relatedPrinter:hover{
    opacity: 75%;
}


.relatedProduct{
    color: var(--lb-brand);
}

.relatedProduct:hover{
    color: var(--lb-accent-hover);
}

.label-orange{
    background: var(--lb-accent);
}


.prod{
    padding-bottom: 20px;
}

.prod:hover{
    box-shadow: 0 -15px 30px #0000001a;
    border-radius: 4px;
    /*padding-bottom: 20px;*/
}


.addToCartContainer{
    background: #FFF;
    box-shadow: 1px 20px 30px #0000001a;
    border-radius: 4px;
}


#infoContainer{
    width: 100% !important;
}
                    #productsFilter{
                        font-size: 17px;
                        font-weight: 500;
                        display: inline-flex;
                    }
                    
                    #productsFilter #sort,
                    #productsFilter #sort option{
                        font-size: 17px;
                    }
                    
                    #productsFilter #sort{
                        width: auto;
                        height: 40px !important
                    }
                        .childrenGroup{
                            min-width: 110px;
                            max-width: 110px;
                            overflow: hidden;
                            text-overflow: ellipsis;
                            vertical-align: middle;
                            white-space: nowrap;
                            text-align: center;
                            font-weight: 500;
                        }

                        .childrenGroup div.small{
                            white-space: nowrap;
                            display:inline-block;
                            overflow: hidden;
                            text-overflow: ellipsis;
                            -webkit-line-clamp: 3;
                            display: -webkit-box;
                            -webkit-box-orient: vertical;
                            white-space: normal;
                        }

                        .childrenGroup img{
                            border-radius: 50%;
                            width: 75%;
                            padding: 10px;
                            background: #FFF;
                            box-shadow: 0 0.5rem 1rem #0000001a;
                        }
                        
                        .childrenGroup img:hover{
                            box-shadow: 0 1rem 1rem #0000000d, 
                                0 2rem 2rem #0000000d, 
                                0 1rem 1rem #0000000d, 
                                0 0.5rem 0.5rem #0000000d, 
                                0 0.25rem 0.25rem #0000000d, 
                                0 0.125rem 0.125rem #0000000d;
                            cursor: pointer;
                        }
                        
                        #childrenGroupsContainer{
                            background: #f6f6f6;
                            max-height: 338px;
                            overflow-y: auto;
                        }

                        #childrenGroupsContainer::-webkit-scrollbar{
                            width: 10px;
                        }

                        #childrenGroupsContainer::-webkit-scrollbar-track{
                            background: #f1f1f1;
                        }

                        #childrenGroupsContainer::-webkit-scrollbar-thumb{
                            background: #888;
                        }

                        #childrenGroupsContainer::-webkit-scrollbar-thumb:hover{
                            background: #555;
                        }
                        .groupBrand{
                            background: #ebebeb;
                            border-radius: 8px;
                            height: auto;
                            padding: 5px;
                            font-weight: 500;
                            max-width: 200px;
                            overflow: hidden;
                            white-space: nowrap;
                            text-overflow: ellipsis;
                        }
                        
                        .groupBrand:hover{
                            background: #626262;
                            color: #fff;
                            cursor: pointer;
                        }
                        .brandGroup{
                            min-width: 110px;
                            max-width: 110px;
                            overflow: hidden;
                            text-overflow: ellipsis;
                            vertical-align: middle;
                            white-space: nowrap;
                            text-align: center;
                            font-weight: 500;
                        }

                        .brandGroup img{
                            border-radius: 50%;
                            width: 75%;
                            padding: 10px;
                            background: #FFF;
                            box-shadow: 0 0.5rem 1rem #0000001a;
                        }
                        
                        .brandGroup img:hover{
                            box-shadow: 0 1rem 1rem #0000000d, 
                                0 2rem 2rem #0000000d, 
                                0 1rem 1rem #0000000d, 
                                0 0.5rem 0.5rem #0000000d, 
                                0 0.25rem 0.25rem #0000000d, 
                                0 0.125rem 0.125rem #0000000d;
                            cursor: pointer;
                        }
                        
                        #brandGroupsContainer{
                            background: #f6f6f6;
                            max-height: 354px;
                            overflow-y: auto;
                        }

                        #brandGroupsContainer::-webkit-scrollbar{
                            width: 10px;
                        }

                        #brandGroupsContainer::-webkit-scrollbar-track{
                            background: #f1f1f1;
                        }

                        #brandGroupsContainer::-webkit-scrollbar-thumb{
                            background: #888;
                        }

                        #brandGroupsContainer::-webkit-scrollbar-thumb:hover{
                            background: #555;
                        }
                            .ts_main_template .ext_link_ts, .ts_main_template .flag{ display: none !important; }
                            .ts_main_template{ margin-top: 20px; }
                            .ts_main_template .testseek_main .ts_er_top_header { 
                                line-height: 28px; font-size: 18px !important; margin-bottom: 20px; color: #333 !important; 
                            }
                            .ts_main_template .er_dist_header{ font-size: 18px !important; color: #333 !important; }
                            .ts_main_template .l{ text-align: left !important; color: #333 !important; }
                            .ts_main_template .er_list_header{ font-size: 18px !important; color: #333 !important; }
                            .ts_main_template .ts_show_if_escore{ line-height: 41.6px !important; color: #333 !important; }
                                            .productExtraImage{
                                                cursor: pointer;
                                            }


/*
 * Phase 2 — Relevance badge on top-3 cards when user opts into Relevância sort.
 * Absolute-positioned top-right inside the card's position-relative wrapper.
 * NB: "Estrela" not "Promo" — PT/EU consumer law (DL 70/2007 + Omnibus
 * Directive) forbids "Promo"/"Promoção" without explicit dates. See memory
 * feedback-pt-promo-law.
 */
.lb-card-badge{
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 5;
    display: inline-block;
    padding: 3px 9px;
    border-radius: 3px;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    color: #fff;
    line-height: 1.4;
    box-shadow: 0 1px 3px rgba(0,0,0,0.15);
    pointer-events: none;
}
.lb-card-badge-estrela{  background: #c42b1c; } /* red — promotion_id signal (matches Estrela Vermelha) */
.lb-card-badge-novidade{ background: #16825d; } /* green — cold-start within 30 days */
.lb-card-badge-pack{     background: #0e639c; } /* blue — units > 1 (multipack) */
.lb-card-badge-generico{ background: #6e489e; } /* purple — Genérico brand on consumables */