/*
    CSS DE CUSTOMIZACIÓN PARA https://www.nakaoutdoors.com.ar/

    MANUAL DE REFERENCIA CSS NUBIXSTORE
    https://cdn.nubixstore.ar/ns_css_manual.txt

    PLANTILLA ASIGNADA: CARTZILLA
    https://cartzilla.createx.studio/
    COLORES UTILIZADOS:

    Colores primarios
    Rojo: #e1251b
    Gris claro: #7c8186
    Gris oscuro: #2d353c
    Negro: #101820
*/


/* Agregados Agus */
.topbar-dark {background-color: #101820 !important;}
.topbar-dark .topbar-text > i, .topbar-dark .topbar-link > i {color: #e1251b !important;}
.text-primary {color: #e1251b !important;}

.ns-slide-html a {color: #e1251b !important;}
.product-card .fs-sm {font-size: 1rem !important;}

.btn-primary { background: #e1251b }
.btn-primary { color: #FFF; border-color: #e1251b }

.bg-dark {background-color: #2d353c !important;}
.bg-darker {background-color: #101820 !important;}

.ns-price { color: #111; }
.ns-off-price { color: #e1251b }

.ns-brand-marquee .px-4  { padding: 0 !important; }
.ns-brand-marquee .border { border: 0 !important; }


/* CARRITO */
#ns-cart .widget-product-title { font-weight:normal}

.steps-dark .step-item.active .step-count,
.steps-dark .step-item.active .step-progress {background-color:#e1251b}

/* CARRITO Y CHECKOUT */

.navbar-tool-label { background: #1F2A44!important; }
.steps-dark .step-item.active .step-count,
.steps-dark .step-item.active .step-progress {background-color:#e1251b }

/* SIDEBAR */
.widget .widget-filter-item a { color: #333; }

.widget .widget-filter-item a:hover,
.widget .widget-filter-item a.current { color: #e1251b; }

/* HEADER - CABECERA DE TIENDA */

.is-mobile .topbar-text { font-size: 10px }
.ns-mobile-logo-store { width: 150px; padding:0;margin:0 }

/* BUSCADOR */
#ns-search-mobile-form,
#ns-search-form { width:inherit }

#ns-search-mobile-form button,
#ns-search-form button { border: 0; background: none; }

.ns-slide { padding:0!important; margin:0!important;}

.bg-custom,
.bg-gray { background-color: #ebebeb!important}

.ns-cart-select-txt-option {
    font-size: 11px
}

/* HOME > CALECITA DE MARCAS */
.ns-brand-marquee a:hover img { border-color: #444!important }


/*
 PAGE TITLE + BREADCRUMB
 .is-store-item
 */

.breadcrumb-item+.breadcrumb-item::before,
.breadcrumb-item a { color: #666!important; }

.page-title-overlap { background: none; }
.page-title-overlap h1 { color: #222 }


/* REVIEWS */

#ns-reviews-carousel footer { line-height: 1em }

#ns-reviews-carousel .card-body { min-height:360px }
.is-mobile #ns-reviews-carousel .card-body { min-height:285px }

#ns-reviews-carousel .card-body .btn-primary { position: absolute; bottom: 0}
#ns-reviews-carousel img { border: 2px solid #e9e9ea; }

/* CUCARDAS */
.ns-badge-off { font-weight:bold; background: #e1251b; }

/* BANNERS */

.ns-banner { padding: 4px!important; margin: 0 }

.ns-banner-video-container {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%; /* 16:9 aspect ratio (9/16 = 0.5625) */
    height: 0;
    overflow: hidden;
    margin-bottom: 5px;
}

.ns-banner-video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ns-item-video-container iframe { height: 500px }
.is-mobile .ns-item-video-container iframe { height: 300px }

/* ITEM LIST - LISTADO DE PRODUCTOS */

.ns-item-list-title { line-height: 1.2em; min-height: 2.4em; }

.ns-item-list-brand-name { color: #222; text-align: left; font-size: small; font-weight: normal; text-transform: capitalize }

.ns-item-list .star-rating { margin: 0; padding:0}

.ci-star-half,
.ci-star-filled { color: #e1251b!important; }

.ns-free-shipping { background-color: #04a752; color: #fff }
.ns-item-list .ns-free-shipping { font-weight:bold; position: relative; float: right; margin-top:-25px!important; margin-bottom: 10px!important;}


/* ITEM VIEW - FICHA PRODUCTO */

.ns-item-title { font-size: 32px }
.is-mobile .ns-item-title { font-size: 26px }

.ns-item-link { color: #e1251b }
.ns-item-link:hover { color: #222}

.ns-item-description { width: 90%; margin:0;padding:0 }
.ns-item-description ul { margin-left: 50px }

#ns-add-to-cart-btn { background: #e1251b; border-color:#e1251b; color: #fff}
#ns-add-to-cart-btn:hover { background: #222; border-color:#222;}

/* ITEM VIEW - PREVIEW GALERIA IMAGENES VERITCALES */

.is-desktop .product-gallery-thumblist {
    max-height: 500px;
    overflow-y: auto;
    overflow-x: hidden;

    /* Scroll a la izquierda */
    direction: rtl;

    /* Estética del scroll */
    scrollbar-width: thin;
    scrollbar-color: #bbb transparent;
}

.product-gallery-thumblist-item { border: none }

.is-desktop .product-gallery-thumblist::-webkit-scrollbar {
    width: 4px;
}
.is-desktop .product-gallery-thumblist::-webkit-scrollbar-track {
    background: transparent;
}
.is-desktop .product-gallery-thumblist::-webkit-scrollbar-thumb {
    background-color: #bbb;
    border-radius: 2px;
}
.is-desktop .product-gallery-thumblist::-webkit-scrollbar-thumb:hover {
    background-color: #999;
}

/* Restaura dirección natural a los ítems */
.is-desktop .product-gallery-thumblist > * {
    direction: ltr;
}

/* ITEM VIEW - VIDEO GALLERY */
.ns-item-video-gallery {
    display: flex;
    justify-content: center;  /* Centra horizontalmente */
    align-items: center;      /* Centra verticalmente */
    text-align: center;
}

.ns-item-video-gallery iframe { min-height:500px }

/* Desktop Menu */
.is-desktop .navbar-nav li:nth-child(1) .dropdown-menu { margin-left: 0 } /* Escalada */
.is-desktop .navbar-nav li:nth-child(2) .dropdown-menu {  margin-left: -150px } /* Montañismo */
.is-desktop .navbar-nav li:nth-child(3) .dropdown-menu { margin-left: -150px } /* Indumentaria */
.is-desktop .navbar-nav li:nth-child(4) .dropdown-menu {  margin-left: -250px } /* Profesional */
.is-desktop .navbar-nav li:nth-child(5) .dropdown-menu {  margin-left: -500px } /* Otros deportes */
.is-desktop .navbar-nav li:nth-child(6) .dropdown-menu { margin-left: -600px } /* Lifestyle */
.is-desktop .navbar-nav li:nth-child(7) .dropdown-menu { margin-left: -600px } /* camping */

/* Elementos invisibles */

.ns-cyber-badge,
#ns-brand-marquee-c2a-btn,
.is-mobile #ns-contact-btn,
.accordion-button.leaf::after,
.ci-security-check { display:none!important; }