/**
 * Custom CSS stylesheet. Add here your custom styles.
 *
 * Enable this file from the backend:
 * System -> Configuration -> Theme Setup -> Custom CSS -> Load Custom CSS File
 * 
 * Please refer to the User's Guide for more information.
*/


body.es_es #histogram .stars {
    width: 4rem !important;
}

body.es_es #select_language_chosen.chosen-container-active .chosen-single span:before,
body.es_es #select_language_chosen.chosen-container .chosen-single span:before {
    content: 'Idioma: ';
}

body.es_es #select_currency_chosen.chosen-container-active .chosen-single span:before,
body.es_es #select_currency_chosen.chosen-container .chosen-single span:before {
    content: 'Moneda: ';
}


/* Fix social icon clipping in footer ribbon */
.newsletter-ribbon .social a {
    overflow: visible;
    line-height: 1;
    font-size: 1.375rem;
    width: 1.375rem;
    height: 1.375rem;
}

/* =====================================================================
   Goodstore — Header geometry & symmetry
   Intenso Theme 1.5.6 — no color/font/size changes, only alignment fixes
   Added: 2026-04-24
   ===================================================================== */

/* Symmetric vertical padding on the header row
   (original: .main-header .row { padding: .5% 3% 0 } — asymmetric bottom) */
.main-header .row.top-header {
    padding-top: 10px;
    padding-bottom: 10px;
}

/* On tablet/desktop, vertically center logo, search, and icon group on a
   single baseline. Each item originally had a different hard-coded
   margin-top (logo 33px, search 24px, icons 14-15px), which broke symmetry. */
@media only screen and (min-width: 40.063em) {
    .main-header .row.top-header {
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .main-header .row.top-header>.columns {
        float: none;
    }

    /* Neutralize hard-coded vertical margins so flex drives alignment */
    .main-header .top-header .main-logo,
    .main-header .top-header .main-logo-small,
    .main-header .top-header .main-logo-sticky {
        margin-top: 0;
        margin-bottom: 0;
    }

    .main-header .top-header .form-search {
        margin-top: 0;
        margin-bottom: 0;
    }

    .main-header .top-header .icon-cart,
    .main-header .top-header .icon-user,
    .main-header .top-header .icon-main-menu {
        margin-top: 0;
        margin-bottom: 0;
    }

    /* Keep logo column tight against its baseline */
    .main-header .top-header .logo-container {
        line-height: 0;
    }
}