/*@import url("custom-css/home-page.css");
@import url("custom-css/product-page.css");
@import url("custom-css/private-shop-login-page.css");
@import url("custom-css/contact-page.css");
@import url("custom-css/myaccount-page.css");
@import url("custom-css/checkout-page.css");

@import url("custom-css/_partials/header.css");

@import url("custom-css/_partials/product-card.css");*/
@import url("custom-css/_partials/footer.css");

:root {
  --font-family-base: "Inter", sans-serif;
  --font-family-megamenu: "Barlow Condensed", sans-serif;
  --font-family-slider: "Barlow Condensed", sans-serif;
  --font-family-heading: "Barlow Condensed", sans-serif;
  --font-family-senary: "Inter", sans-serif;
  --font-family-septenary: "Inter", sans-serif;
}

#page {
  overflow: hidden;
  background-color: #171717;
}
.selector-idioma {
color:black !important;
}

.selector-idioma:hover {
color: var(--link-color-hover) !important;
}

/* NUMERO DEL CARRITO */
#_desktop_cart .header span.cart-products-count {
    position: absolute;
    display: block;
    background-color: red;
    border-radius: 50%;
    aspect-ratio: 1 / 1;
    top: -5px;
    height: 1pc;
    right: 0;
    text-align: center;
    font-size: 14px;
    line-height: initial;
}

.leo-dropdown-cart-content {
    background: #171717;
    z-index: 99;
    border: 1px solid #ec632b;
    padding: 5px 0;
    border-radius: 10px;
}

.leo-dropdown-cart-subtotals .value, .leo-dropdown-cart-total .value {
    color: #ffffff;
    float: right;
    font-family: var(--font-family-heading);
}

.leo-cart-item-info .product-quantity .leo-bt-product-quantity > i {
    font-size: 0.75rem;
    color: black;
}

.btn-primary {
    background-color: #000;
    color: #ec632b !important;
    padding: 12px 16px;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 1;
    font-family: var(--font-family-heading);
    border-radius: 10px;
    border: 1px solid transparent;
    letter-spacing: 1px;
    transition: 0.25s all;
}
.btn-primary:hover {
    background-color: #ec632b;
    color: #000 !important;
    padding: 12px 16px;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 1;
    font-family: var(--font-family-heading);
    border-radius: 10px;
    border: 1px solid transparent;
    letter-spacing: 1px;
    transition: 0.25s all;
}

.thumbnail-container .product-title a {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    color: #000;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1;
}

.thumbnail-container .product-price-and-shipping {
    font-family: var(--font-family-heading);
    color: #000;
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    margin: 10px 0 0 0;
}

.product-quantity .add-to-cart {
    padding: 18px 26px;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1;
    font-family: var(--font-family-heading);
    background-color: transparent;
    color: #449cdb !important;
    border: 2px solid #449cdb;
    border-radius: 14px;
    transition: 0.25s all;
}

.product-quantity .add-to-cart:hover {
    background-color: #449cdb;
    color: #000 !important;
}

#leo_search_block_top .form-control {
	color: #ffffff;
}

#btn-placer_order {
    background-color: #000 !important;
    color: #ec632b !important;
}

#btn-placer_order:hover {
    background-color: #ec632b !important;
    color: #000 !important;
}

.page-content.page-cms {
    background: #171717;
    padding: 1.25rem;
    text-align: justify;
}

#main .page-header {
    display: none;
}


.input-group .input-group-btn > .btn {
    display: flex;
    align-items: center;
    height: 100%;
    padding: 0.25rem 1rem;
    margin-left: 0;
    font-family: var(--font-family-heading);
    font-size: 14px;
    font-weight: 600;
    color: #ec632b;
    text-transform: uppercase;
    border: 0;
    box-shadow: none;
}

#order-items table tr.total-value {
    background-color: #171717;
}
.definition-list dl dd, .definition-list dl dt {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 45%;
    -moz-flex: 0 0 45%;
    -ms-flex: 0 0 45%;
    flex: 0 0 45%;
    width: 45%;
    background: #171717;
    padding: 1.25rem;
    margin: 0.125rem;
    float: left;
    position: relative;
}

.definition-list dl dd:nth-of-type(even), .definition-list dl dt:nth-of-type(even) {
    background: #171717;
}

.page-authentication #content {
    -moz-box-shadow: 2px 2px 11px 0px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 2px 2px 11px 0px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 2px 2px 11px 0px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 2px 2px 11px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 2px 2px 11px 0px rgba(0, 0, 0, 0.1);
    background: #171717;
    padding: 1rem;
    max-width: 640px;
    margin: 0 auto;
}

a:not([href]):not([tabindex]) {
    color: #fff;
    text-decoration: none;
}

#opc_register > p{
color: #fff;
}

.send-renew-password-link {
    padding-left: 10px;
    padding-right: 10px;
	color: #fff;
}

.forgotten-password .form-fields label.required {
    width: 250px;
}

.forgotten-password .form-fields .center-email-fields {
    display: flex;
    justify-content: space-evenly;
}

@media screen and (max-width: 800px){
	.page-footer {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
	}
	
	.page-my-account .page-footer a {
    display: inline-block;
    padding: 12px 90px;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 1;
    font-family: var(--font-family-heading);
    border-radius: 10px;
    border: 1px solid transparent;
    letter-spacing: 1px;
    transition: 0.25s all;
    background-color: #000;
    color: #ec632b;
}
}


@media screen and (min-width: 500px){
	.only-mobile{display: none}
}


/* buscador movil */

/* === Mobile-only === */
@media (max-width: 991.98px) {
  /* Panel móvil independiente */
  #mobileSearchPanel {
    position: fixed;
    top: 0; left: 0; right: 0;
    z-index: 9999;
    transform: translateY(-110%);
    transition: transform 0.3s ease;
    background: var(--msearch-bg, #111);
    padding: 16px 14px 22px;
    border-bottom-left-radius: 14px;
    border-bottom-right-radius: 14px;
    box-shadow: 0 12px 30px rgba(0,0,0,.35);
  }
  #mobileSearchPanel.is-open { transform: translateY(0); }

  /* Backdrop */
  html.msearch-open::before{
    content:""; position:fixed; inset:0; z-index:9990;
    background: rgba(0,0,0,.5); backdrop-filter: blur(1px);
  }
  html.msearch-open, html.msearch-open body{ overflow:hidden !important; touch-action:none; }

  /* Form en columna */
  #mobileSearchPanel form {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin: 0;
  }

  /* Fila: input + cerrar (por encima del dropdown de resultados) */
  #mobileSearchPanel .msearch-head{
    display: flex;
    align-items: center;
    gap: 10px;
    position: relative;
    z-index: 100; /* <- garantiza que la X quede por encima del dropdown */
  }

  /* Input más redondeado */
  #mobileSearchPanel .msearch-head input[type="text"],
  #mobileSearchPanel .msearch-head input[type="search"]{
    flex: 1;
    height: 48px;
    border-radius: 30px;
    border: 1px solid rgba(255,255,255,.25);
    background: #1a1a1a;
    color: #fff;
    padding: 0 14px;
    outline: none;
  }

  /* Botón cerrar como botoncito redondo, NO absoluto */
  #mobileSearchPanel .msearch-close{
    position: static;
    width: 36px;
    height: 36px;
    border-radius: 9999px;
    border: 1px solid rgba(255,255,255,.35);
    background: #1f1f1f;
    color: #fff;
    font-size: 20px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    flex: 0 0 36px;
  }

  /* Botón BUSCAR centrado debajo del input */
  #mobileSearchPanel .msearch-submit{
    align-self: center;
    padding: 10px 18px;
    min-width: 140px;
    height: 40px;
    border-radius: 30px;
    background: #171717;      /* fondo */
    color: #ec632b;           /* texto */
    border: 1px solid #ec632b;/* borde */
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .2px;
  }

  /* Oculta títulos del módulo si molestan en móvil */
  #mobileSearchPanel .title_block { display: none; }

  /* Resultados/autocomplete dentro del panel
     (que no tapen la cabecera) */
  #mobileSearchPanel .ac_results,
  #mobileSearchPanel .ui-autocomplete,
  #mobileSearchPanel .leo-result-wrapper{
    position: relative;
    z-index: 1;     /* por debajo de la cabecera (X e input) */
    max-height: calc(100vh - 140px);
    overflow: auto;
    margin-top: 4px;
    background: transparent;
    border: 0;
  }
  #mobileSearchPanel .ac_results:empty,
  #mobileSearchPanel .ui-autocomplete:empty,
  #mobileSearchPanel .leo-result-wrapper:empty{
    display: none !important;
  }

  /* Si el módulo ya trae su submit, escóndelo en móvil para evitar el "bloque blanco" */
  #mobileSearchPanel input[type="submit"],
  #mobileSearchPanel button[type="submit"]:not(.msearch-submit){
    display: none !important;
  }
}

/* Desktop sin cambios */
@media (min-width: 992px) {
  html.msearch-open::before { display:none !important; }
}

.busquedaCarrito:hover{
	background-color: #171717;
}

#index > section > nav > ul > li.nav-item.parent.dropdown.aligned-left.leo-2.open-sub > div > div > div > div > div > div > div > div > div{
	display: none;
}


.btn-primary:focus, .btn-primary.active {
    background-color: #ec6327;
    color: #000 !important;
    outline: none;
    outline-offset: 0;
}

.ojosBreadcrumb{
color: #449cdb !important;
}

.labiosBreadcrumb{
color: #d02e1d !important;
}

.cejasBreadcrumb{
color: #87AF4B !important;
}

.pestanasBreadcrumb{
color: #f6c850 !important;
}


#main > div > div.col-md-12.col-lg-12.col-xl-12.col-sm-12.col-xs-12.col-sp-12 > div > ul > li:nth-child(2) > a{
	display: none;
}
.productcats{
	display: none !important;
}
.social-sharing{
	display: none;
}
.list-wishlist table tbody > tr:nth-child(odd) {
    background: #666;
	color: white;
}
.list-wishlist tr.show {
    background-color: #666 !important;
}
.leo-wishlist-button-delete {
    float: right;
    color: black;
}
.delete-wishlist-product {
    position: absolute;
    top: 5px;
    z-index: 9;
    right: 25px;
}
.leo-productscompare-item .thumbnail-container .product-title a, .leo-wishlist-product .thumbnail-container .product-title a {
    font-size: 1rem;
	color: white;
}
.wishlist-product-info {
    width: 100%;
}
#add-to-cart-or-refresh > div.product-variants.js-product-variants > div > span{
	font-size: 20px;
    margin-bottom: 10px;
}

/* Ocultar todas las secciones por defecto */


#info-general-y-de-contacto, #producto-y-stock, #pedidos-y-pagos, #envios-y-entregas, #devoluciones-e-incidencias {
	display: none;
}

#info-general-y-de-contacto-button, #producto-y-stock-button, #pedidos-y-pagos-button, #envios-y-entregas-button, #devoluciones-e-incidencias-button {
	cursor: pointer;
}

/* FIX: SUBMENU DROPDOWN  */
@media (min-width: 769px) {
    ul.dropdown-sub.dropdown-menu {
        left: 100% !important;
        right: auto !important;
        margin-left: 30px !important;
    }
}




/* Selector de variantes de colores */

div.product-variants.js-product-variants > div.clearfix.product-variants-item > ul{
	/*background-color: #ffffff;*/
    padding: 10px 10px 5px 10px;
    border-radius: 30px;
}

.product-variants > .product-variants-item {
    margin: 0 0 1.25rem;
    /* display: flex
; */
	display: block;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
}

.product-variants > .product-variants-item .color {
    margin: 0;
    border-radius: 50%;
    width: 28px;
    height: 28px;
}

.product-variants > .product-variants-item .color
 {
    margin: 0;
    border-radius: 50%;
    width: 28px;
    height: 28px;
    box-shadow: 0px 0px 5px 2px #ffffff;
}

img {
    max-width: 100% !important;
}

.input-color:checked + span {
    border: 2px solid White !important;
}

.cart-grid-body a.label:hover {
    color: #ec632b !important;
}

.cart-grid-body .product-line-info.selecciona.tu.color .label {
    color: white !important;
}

/* pagina pedido */
 
#checkout #wrapper #opc_main #opc_cart #cart_body .cart-summary-line .value {
    float: right;
    font-size: 18px;
    font-weight: 400;
}
 
#checkout #wrapper #opc_main #opc_step_shipping #opc_step_shipping_content #form-shipping_container .delivery-option .carrier-item-content .delivery-detail .carrier-content-top .delivery_option_title span {
    font-size: 14px;
    font-weight: 600;
    color: white;
    text-align: left;
}

#checkout #wrapper #opc_main #opc_step_shipping #opc_step_shipping_content #form-shipping_container .delivery-option .carrier-item-content .delivery-detail .carrier-content-top .delivery_option_price span {

    color: white;

}
 
#checkout #wrapper #opc_main #opc_step_shipping #opc_step_shipping_content #form-shipping_container .delivery-option .carrier-item-content .delivery-detail .carrier-content-bottom .delivery_option_delay span {
    font-size: 12px;
    font-weight: 400;
    color: white;
}