/* =========================================================
   GeSmart Brand Search
   ========================================================= */

.gs-brand-search {
    margin: 14px 0 20px;
    padding: 14px;
    border: 1px solid #d6d6d6;
    background: #fff;
}

/* Titolo principale: coerente con Ricerca cartucce e toner */
.gs-brand-search__title {
    margin: 0 0 14px;
    color: #232323;
    font-size: 0.9375rem;
    font-weight: 700;
    line-height: 1.2;
    text-transform: uppercase;
}

/* Campo ricerca */
.gs-brand-search__input {
    margin-bottom: 15px;
}

.gs-brand-search__input input {
    display: block;
    width: 100%;
    height: 36px;
    padding: 6px 10px;
    border: 1px solid #bdbdbd;
    border-radius: 0;
    background: #f7f7f7;
    color: #232323;
    font-size: 0.875rem;
    box-shadow: none;
    transition:
        border-color .15s ease,
        background-color .15s ease;
}

.gs-brand-search__input input::placeholder {
    color: #999;
    opacity: 1;
}

.gs-brand-search__input input:focus {
    border-color: #fe5d01;
    background: #fff;
    outline: 0;
    box-shadow: none;
}

/* Sottotitolo */
.gs-brand-search__caption {
    margin: 0 0 5px;
    color: #7a7a7a;
    font-size: 0.6875rem;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: .025em;
    text-transform: uppercase;
}

/* Elenco marche */
.gs-brand-search__list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.gs-brand-search__list li {
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #ededed;
}

.gs-brand-search__list li:last-child {
    border-bottom: 0;
}

.gs-brand-search__list a {
    position: relative;
    display: block;
    padding: 7px 20px 7px 4px;
    color: #232323;
    font-size: 0.875rem;
    line-height: 1.2;
    text-decoration: none;
    transition:
        padding-left .15s ease,
        color .15s ease,
        background-color .15s ease;
}

/* Freccia discreta */
.gs-brand-search__list a::after {
    content: "›";
    position: absolute;
    top: 50%;
    right: 5px;
    color: #aaa;
    font-size: 1rem;
    line-height: 1;
    transform: translateY(-50%);
    transition: color .15s ease;
}

/* Hover coerente con l'arancione del sito */
.gs-brand-search__list a:hover {
    padding-left: 9px;
    color: #fe5d01;
    background: #fafafa;
    text-decoration: none;
    box-shadow: inset 3px 0 0 #fe5d01;
}

.gs-brand-search__list a:hover::after {
    color: #fe5d01;
}

/* Nessun risultato */
.gs-brand-search__empty {
    padding: 9px 4px;
    color: #777;
    font-size: 0.875rem;
}

/* Tutte le marche */
.gs-brand-search__all {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #dcdcdc;
}

.gs-brand-search__all a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #fe5d01;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.2;
    text-decoration: none;
}

.gs-brand-search__all a:hover {
    color: #d94f00;
    text-decoration: none;
}

/* Mobile */
@media (max-width: 767px) {
    .gs-brand-search {
        margin-top: 12px;
    }
}

/* === FINAL VISUAL TUNING === */

.gs-brand-search__list a {
    padding: 6px 4px 6px 7px;
}

/* niente freccia su ogni singola marca */
.gs-brand-search__list a::after {
    content: none;
}

/* hover più pulito e stabile */
.gs-brand-search__list a:hover {
    padding-left: 7px;
    color: #fe5d01;
    background: #f7f7f7;
    box-shadow: inset 3px 0 0 #fe5d01;
}

/* separatori più delicati */
.gs-brand-search__list li {
    border-bottom-color: #f0f0f0;
}

/* link finale leggermente più marcato */
.gs-brand-search__all a {
    font-weight: 700;
}

/* === END FINAL VISUAL TUNING === */


/* === CATEGORY BRAND FILTER === */

.gs-brand-search__list li.is-selected a {
    color: #fe5d01;
    font-weight: 700;
    background: #f7f7f7;
    box-shadow: inset 3px 0 0 #fe5d01;
}

/* === END CATEGORY BRAND FILTER === */