/* web site design by Jabatec.com*/


a {
    color: #001f3f;
}
/* Off canvas */
@media (max-width: 1300px){
.sp-megamenu-parent>li>a, .sp-megamenu-parent>li>span {
    font-size: 12px;
	padding: 0 7px;
	}

}

/* ====================== Template */
@media (max-width: 1199px){
.sp-megamenu-parent>li>a, .sp-megamenu-parent>li span {
    padding: 0px 5px;
	}
}
div#hikashop_product_right_part {
	max-width:450px;
}

/* logo d-xl-block mantenemos logo en lg*/
@media (min-width: 992px){
	#sp-header-topbar #sp-logo.d-xl-block {
    display: block!important;
}}
@media (min-width: 992px){
	.lg-header .col-lg-3 {
		display:none!important;
	}
	.lg-header .col-lg-9 { 	
		width:100%;
	}
	.lg-header .col-lg-9 .justify-content-end {
		justify-content: center!important;
	}
}

@media (max-width: 575px){
	#sp-header-topbar .container-inner>.row {
		max-height: 20px;
		min-height: 20px;
	}
	#sp-header-topbar .container-inner {
		border-bottom: none;;
	}	
}

.sp-megamenu-parent>li.active>a, .sp-megamenu-parent>li.active:hover>a {
    color: #e1b35b;
}

/* ====================== header */
#sp-header {
    height: 100px;
	padding-top:25px;
}

/* ====================== Title */
.sp-page-title .sp-page-title-heading{
	color:#555;
}
.sp-page-title {
    background: #F1F2F3;
}
.sp-page-title .sp-page-title-heading, .sp-page-title .sp-page-title-sub-heading {
    color: #555;
}
.sp-page-title .breadcrumb>span, .sp-page-title .breadcrumb>li, .sp-page-title .breadcrumb>li+li:before, .sp-page-title .breadcrumb>li>a,
.sp-page-title .breadcrumb>.active {
    color: #555;
	font-style:italic;
}
.breadcrumb .fa-map-marker-alt {margin-right:5px;}

/* ====================== menu nav categorias */
.sp-menu-item.sp-has-child a:after {
	display:none;
}
.sp-megamenu-parent .sp-dropdown-inner {
	display:none;
}

.menu.nav.justify-content-center li {
	padding:5px;
}
.menu.nav.justify-content-center li:hover {
	border-bottom: 1px solid;	
}
.menu.nav.justify-content-center li.active {
	border-bottom: 1px solid;	
}
.hikashop_img_pane_panel { /* navega categorias */
    width: auto;
    position: absolute;
    background-color: #fff;
    margin: 0px 15px 25px 15px;
	border-radius: 3px;
    padding: 5px;
	font-style: italic;
}
.hikashop_category_image .hikashop_product_listing_image:hover {
	filter: brightness(1.2);
}

/* ====================== Filtro */
.hikashop_filter_module .form-select {
	min-width:200px;
}

.chosen-container-single .chosen-single{
    background: white;
    border: none;
}

/* ====================== CheckOut */
.hikashop_checkout_cart,
.hikashop_checkout_fields,
.hikashop_checkout_address,
.hikashop_checkout_payment {
	margin-bottom:35px;
}

.hikashop_checkout_notasyobservaciones_line{
	display: inline!important;
}
.hikashop_checkout_notasyobservaciones_line label{
	text-align:left!important;
}

.hikashop_payment_methods_table tbody {
	display:inline-flex;
}
.hikashop_checkout_address i.fas {
	font-size:15px;
	color:#999;
	margin-left:7px;
}


/*======================= Shop Carrito */
.hikashop_cart_module  {
	margin: 0px 15px;
}
.hikashop_cart img {
	display:inline-flex;
}

.carrito .hikashop_small_cart_checkout_link {
	color: #730913;
	font-weight: bold;
	border-bottom: 2px solid;
    padding-bottom: 7px;
}

/* ================================ product */
.com_hikashop #sp-main-body,
.bg-plata {
	background-color:#f1f2f3;	
}
#hikashop_product_image_main {
	background-color: #f4f4f4;
    padding: 0px 10px 25px;
}
.hikacart:hover {
    color: #555;
    background-color: #f4f4f4;
	border: 1px solid #e6af57;
    margin-bottom: 25px;
    border-radius: 1px;
}
.hikacart {
    color: #fff;
    background-color: #e6af57;
    border-color: #e6af57;
	margin-bottom: 25px;
}
.hikashop_previous_product,
.hikashop_next_product_btn {
	display:none;
}

#hikashop_product_price_main,
.hikashop_product_stock_count {
	display:block;
}

.view-product.layout-show #sp-left {
	display:none;
	flex: 0 0 auto;
    width: 0%;
}
.view-product.layout-show #sp-component{
    width: 100%;
}
.hikashop_product_name_main {
    display:block;
    margin-top:25px;
	font-size:30px;
	line-height: 30px;
}
.hikashop_product_quantity_field {
    width: 50px!important;
    text-align: center;
    padding: 0.4rem;
}
.view-category .hikashop_product_price {
    font-size: 20px;
    font-weight: bold;    
}
.view-product .hikashop_product_price,
.view-product .hikashop_product_price_full {
	font-size: 25px;
    font-weight: 300;
    line-height: 40px;
    color: #272727;
}
a.hikacart {
    background-color: #333;
    border-color: #333;
}
.hikabtn.hikawishlist {
    color: #333;
    background-color: #fff;
    border-color: #333;    
}
#hikashop_product_files_main {
    padding-top: 16px;	
}
.hikashop_product_quantity_main {
	margin:15px 0px;
}
.hikashop_product_image_subdiv {
    max-width: 100%;
}
.hikashop_product_files_fieldset .titulo {
	font-size:1.2rem;
	padding-bottom: 5px;
}
.hikashop_product_files_fieldset .descrip {
	font-size: 11px;
}
.hikashop_product_file_link:before {
    content: "\f1c1";
    font-family: "Font Awesome 5 Free";
    font-size: 30px;
    margin-right:10px;
	color: #dc3545;
	float:left;
}
#hikashop_product_code_main {
	font-size: 15px;
    color: #999;
    font-weight: normal;
}
#hikashop_product_code_main::before {
	content: "Ref: ";	
}
.hikashop_product_file_link {
	font-weight:bold;
	display: flex;
    align-items: center;
}
.hikashop_product_file_link:hover {
	background-color: #f4f4f4;
}

.hikashop_small_image_div {
	display:flex;
	justify-content: center!important;
}
.hikashop_product_custom_detallepedidomin_line{
	display:inline-flex;
}
.hikashop_product_custom_info_main_table .key {
	display:none;
}
.hikashop_product_custom_info_main_table .key ul {
  list-style-type: none;
}
.hikashop_quantity_form {
	float:left;
}
.hikashop_product_quantity_change_div_leftright span.add-on a {
	top: -1px;
}
.hikashop_quantity_form {
	margin-top:1px;
}
/* Custom Fields */
#hikashop_item_observeritem,
#hikashop_item_colores,
#hikashop_item_tallasanillos,
#hikashop_item_bao {
	display:inline-grid;
	margin-bottom:10px;	
}

.hikashop_product_custom_item_info_table .form-select,
.hikashop_product_custom_item_info_table .inputbox {
    border-radius: 0.1rem;
}
.hikashop_remaining_characters {
	display:none;
}

/* galery images product */
img.hikashop_child_image {
    margin: 2px;
    height: 75px;
}
.hikashop_product_page div.hikashop_small_image_div a{
    border: 1px solid #d4d4d4;
}    
.hikashop_product_page div.hikashop_small_image_div a.hikashop_active_thumbnail {
    border: 1px solid #e6af57;
}


.hikashop_small_image_div {
	display: flex;
    flex-wrap: wrap;
    margin-top: 10px;
    margin-left: -9px;
    margin-right: -9px;
}
.hikashop_small_image_div a {
	flex: 0 0 24%;
	margin-bottom:3px;
}
/* =================================== Productos Relacionados */
#hikashop_module_119 .hikashop_products_pagination {
	display:none;
}
#hikashop_module_119 h2 {
	text-align:center;
	margin:25px auto;
}


/* =================================== Categoría*/
.hikashop_product_stock_count,
/*.hikashop_product_code_list,*/
.layout-listing .hikashop_product_quantity_div {
	display: none;
}
.hikashop_product_listing_image {
	margin:0 auto;
}
#sp-main-body .com_hikashop.layout-listing a{
	color: #252525;
    text-transform: uppercase;
}
.pagination {
	margin-top:25px;
}
.hikashop_results_counter {
    text-align: center;
    display: block;
}
.pagination .limit,
.pagination .counter {
	align-self: center!important;
}
.pagination>.active>a, .pagination>.active>span {
    border-color: #c2c2c2;
    background-color: #c2c2c2;
}

/* ============================== buscador / filtro*/
.hikashop_filter_main_div form {
	display: flex;
	justify-content: center;
}


.layout-show .busca-interior {
	display:none!important;
}

#search-results #search-result-list{
	display:inline-block;
}
#search-results #search-result-list li {
	float: left;
    max-width: 245px;
    min-height:195px;
	padding: 5px!important;
}
#search-results #search-result-list h4 {
	font-size: 16px;
}

/* ====================== users */
.login .list-group,
#users-profile-core div {
	display:none!important;
}
/* ===== */



/* impresion invoice orders */
.hika_invoice_img img {
	max-width:200px;
}

/* mensaje plazo de entrega en posición absolute*/
#sp-header {
    height: 140px;
    padding-top: 50px;
}
.delivery-notice-absolute {
    background-color: transparent;
    color: #f7cf7a;
    padding: 5px 15px;
    text-align: center;
    width: auto;
    box-sizing: border-box;
    z-index: 1000;
    position: static;
}

#sp-header .sp-header-inner {
    padding-top: 30px;
}

@media (max-width: 767px) {
    .delivery-notice-absolute {
        font-size: 14px;
        padding: 10px;
    }
    #sp-header .sp-header-inner {
        padding-top: 40px;
    }
}

/* ==========================================================================
   BARRA SUPERIOR DUAL ABSOLUTA (AVISO A LA IZQUIERDA, MENÚ Y CARRITO A LA DERECHA)
   ========================================================================== */

/* Contenedor general de la barra superior */
#menu-right {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 40px !important;
    background-color: #001f3f !important; /* Fondo azul unificado */
    z-index: 1000 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important; /* Menú y carrito flotan a la derecha */
    box-sizing: border-box !important;
    padding-right: 20px !important;
    margin: 0 !important;
}

/* El módulo contenedor del aviso se coloca a la izquierda en el flujo flex en desktop */
#menu-right .sp-module:has(.delivery-notice-absolute) {
    position: static !important;
    background-color: transparent !important;
    margin: 0 !important;
    order: 1 !important; /* Primero en el orden flex */
    margin-right: auto !important; /* Empuja el menú y carrito a la derecha */
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    z-index: 1001 !important;
    width: auto !important; /* Evitar 100% heredado que rompe el flex */
    flex-shrink: 0 !important; /* Evitar que flex lo achique y rompa el texto */
}

/* Estilos para el texto del aviso */
.delivery-notice-absolute {
    color: #f7cf7a !important;
    font-size: 13px !important;
    text-align: left !important;
    margin: 0 !important;
    padding: 0 15px !important;
    position: static !important;
    background-color: transparent !important;
    width: auto !important;
}

.delivery-notice-absolute p {
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
}

/* Evitar que los módulos de menú y carrito tengan posiciones absolutas que rompan el flexbox en desktop */
#menu-right .sp-module:has(.mod-menu.menu) {
    position: static !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    order: 2 !important; /* Segundo en el orden flex */
    flex-shrink: 0 !important;
}

#menu-right .sp-module.carrito {
    position: static !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    order: 3 !important; /* Tercero en el orden flex */
    margin-left: 20px !important; /* Separación con el menú */
    flex-shrink: 0 !important;
}

/* Ocultar título del módulo de menú */
#menu-right .sp-module:has(.mod-menu.menu) h3.sp-module-title {
    display: none !important;
}

/* Formato horizontal del menú en la barra superior */
#menu-right .mod-menu.menu {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: row !important;
    gap: 15px !important;
}

#menu-right .mod-menu.menu li {
    display: inline-block !important;
    margin: 0 !important;
    padding: 0 !important;
}

#menu-right .mod-menu.menu li a {
    color: #f7cf7a !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    transition: color 0.2s !important;
}

#menu-right .mod-menu.menu li a:hover {
    color: #ffffff !important;
}

/* Estilos para integrar el carrito en el topbar azul en desktop */
#menu-right .sp-module.carrito .hikashop_cart_module {
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
}

#menu-right .sp-module.carrito a {
    color: #f7cf7a !important;
    font-size: 14px !important;
    display: flex !important;
    align-items: center !important;
}

#menu-right .sp-module.carrito a:hover {
    color: #ffffff !important;
}

/* Invertir el color del icono del carrito (imagen PNG negra) para hacerlo blanco */
#menu-right .sp-module.carrito img {
    filter: invert(1) brightness(100) !important;
}

/* ==========================================
   ADAPTACIÓN RESPONSIVE MÓVIL Y TABLET
   ========================================== */
@media (max-width: 991px) {
    /* Usar padding en lugar de margin para evitar la franja blanca superior */
    #sp-header {
        padding-top: 75px !important; 
        margin-top: 0 !important;
    }
    
    /* Contenedor general en móvil (0px a 75px) */
    #menu-right {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 75px !important; /* Altura para albergar las dos líneas */
        background-color: #001f3f !important;
        display: block !important; /* Quitamos flex del contenedor principal en móvil */
        z-index: 1000 !important;
        padding: 0 !important;
    }
    
    /* Línea 1: Centrar aviso de plazos arriba (0px a 35px) */
    #menu-right .sp-module:has(.delivery-notice-absolute) {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 35px !important;
        background-color: #001f3f !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important; /* Centrado en móvil */
        z-index: 1002 !important;
    }
    
    .delivery-notice-absolute {
        color: #f7cf7a !important;
        font-size: 12px !important;
        text-align: center !important; 
        padding: 0 10px !important;
        margin: 0 !important;
    }
    
    .delivery-notice-absolute p {
        text-align: center !important;
    }

    /* Línea 2: Menú centrado en la barra azul (35px a 75px) */
    #menu-right .sp-module:has(.mod-menu.menu) {
        position: absolute !important;
        top: 35px !important;
        left: 0 !important;
        right: 0 !important;
        height: 40px !important;
        justify-content: center !important; 
        display: flex !important;
        align-items: center !important;
        z-index: 1001 !important;
        background-color: transparent !important;
    }
    
    #menu-right .mod-menu.menu {
        gap: 12px !important;
        padding: 0 !important;
        margin: 0 !important;
        justify-content: center !important;
    }
    
    #menu-right .mod-menu.menu li a {
        font-size: 12px !important;
        padding: 5px 8px !important;
    }
    
    /* Línea 2: Carrito posicionado a la derecha de la barra azul (35px a 75px) */
    #menu-right .sp-module.carrito {
        position: absolute !important;
        top: 35px !important;
        right: 15px !important;
        height: 40px !important;
        display: flex !important;
        align-items: center !important;
        z-index: 1002 !important;
        background-color: transparent !important;
    }
    
    #menu-right .sp-module.carrito a {
        font-size: 13px !important;
    }

    /* Posicionamiento del menú burger (hamburguesa) en el header blanco en móvil */
    #offcanvas-toggler {
        position: absolute !important;
        top: 92px !important; /* Centrado verticalmente en el header blanco que va de 75px a 135px */
        right: 20px !important;
        z-index: 1005 !important;
        display: flex !important;
        align-items: center !important;
    }
    
    /* Forzar que las barritas de la hamburguesa sean de color azul corporativo oscuro para contraste con el fondo blanco */
    #offcanvas-toggler .burger-icon span {
        background-color: #001f3f !important;
    }
}

/* ==========================================================================
   OCULTACIÓN DEL BOTÓN DE CERRAR SESIÓN (LOGOUT) NATIVO DE JOOMLA
   ========================================================================== */
.com-users-logout {
    display: none !important;
}


/* ==========================================================================
   MEJORAS VISUALES DEL CARRITO EN CHECKOUT (HIKASHOP)
   ========================================================================== */

/* Reducción y normalización de las imágenes del producto en el checkout */
.hikashop_checkout_cart img,
.hikashop_checkout_cart_image img,
.hikashop_cart_product_image_value img {
    max-height: 80px !important;
    width: auto !important;
    object-fit: contain !important;
    display: block;
    margin: 0 auto;
}

/* Alineación vertical de todas las celdas de la tabla del carrito */
.hikashop_checkout_cart td {
    vertical-align: middle !important;
}

/* Alineación de la cantidad y el botón eliminar en la misma línea */
.hikashop_checkout_cart .hikashop_product_quantity_div {
    display: inline-block !important;
    vertical-align: middle !important;
    margin-right: 8px !important;
}

.hikashop_checkout_cart .hikashop_cart_product_quantity_delete {
    display: inline-block !important;
    vertical-align: middle !important;
}

/* Icono o enlace de eliminar: transiciones y hover amigable */
.hikashop_checkout_cart .hikashop_cart_product_quantity_delete a {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    padding: 8px !important;
    color: #888888 !important;
    transition: color 0.2s ease, transform 0.2s ease !important;
    text-decoration: none !important;
    font-size: 1.2rem;
}

.hikashop_checkout_cart .hikashop_cart_product_quantity_delete a:hover {
    color: #d9534f !important;
    transform: scale(1.2);
}


/* ==========================================================================
   OCULTAR OPCIONES DE REGISTRO DE ACCIONES Y API TOKEN EN PERFIL FRONT-END
   ========================================================================== */
#users-profile-custom,
#users-profile-webservices,
#fieldset-webservices,
#fieldset-actionlog,
.com-users-profile__webservices,
.com-users-profile__actionlog,
.com-users-profile__api,
.profile-webservices,
.profile-actionlog,
.fieldset-webservices,
.fieldset-actionlog,
#users-profile-custom-joomlatoken,
.users-profile-custom-joomlatoken {
    display: none !important;
}