@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/footer.css");
@import url("custom-css/_partials/product-card.css");
@import url("custom-css/_partials/product-list-bori.css");

  :root {
    --font-family-base: 'Montserrat', sans-serif;
    --font-family-septenary: 'Montserrat', sans-serif;
    --font-family-slider: 'Montserrat', sans-serif;
    --font-family-megamenu: 'Montserrat', sans-serif;
    --font-family-heading: 'Montserrat', sans-serif;
    --font-family-senary: 'Montserrat', sans-serif;

    --theme-color-default: #a92134;
    --white: #FFFFFF;

    --headings-color: #171717;
    --link-color: #a92134;
    --link-color-hover: #17408A;
    --text-color: #171717;
    --price-color:#a92134;

    --btn-bg: #a92134;
    --btn-bg-hover: #17408A;
    --btn-color: #ffffff;
    --btn-color-hover:  #ffffff;

    --product-background: transparent;
    --product-name-color: #212121;
    --product-name-color-hover: var(--theme-color-default);
    --product-price-color: #373a3c;
    --product-regular-price-color: #2121214d;
    --product-button-bg: #fff;
    --product-button-color: #212121;
    --product-button-bg-hover: var(--theme-color-default);
    --product-button-color-hover: #212121;

    --on-sale-badge-background: #f39d72;
    --on-sale-badge-color: #fff;

    --new-badge-background: #212121;
    --new-badge-color: #fff;
    --sale-badge-background: var(--theme-color-default);
    --sale-badge-color: #212121;
    --online-only-background: #24b9d7;
    --online-only-color: #fff;
    --pack-badge-background: #000;
    --pack-badge-color: #fff;
    --block-background: #fff;
    --block-inner-background: transparent;
    --block-heading-bg: none;
    --block-heading-color: #212121;
    --block-text: var(--link-color);

    --block-link-color:  var(--text-color);
    --block-link-color-hover: var(--link-color-hover);
}

h1,h2,h3,h4,h5,h6,a,p,span{
    letter-spacing: -0.3px;    
}

p{
    line-height: 1.4em;
}

.btn-primary{
    border-radius: 0%;
}

.btn-outline-primary
{
    background-color: var(--btn-bg)!important;
    color: var(--btn-color)!important;
    border-radius: 0% !important;
    border: 0px !important;
    padding: 18px 30px;
}

.btn-outline-primary:hover {
    background-color: var(--btn-bg-hover)!important;
    color: var(--btn-color-hover)!important;
}

/* SE OCULTA EL NOMBRE DE LA PÁGINA QUE APARECE COMO UN H1*/
.page-header{
    display: none;
}

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

#_desktop_cart .header span.cart-products-count:hover{
    color: var(--white);
    background-color:var(--link-color);
}

.leo-dropdown-cart-content {
    background: var(--white);
    z-index: 99;
    border: 1px solid var(--text-color);
    padding: 5px 0;
    border-radius: 0%;
}

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

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

.elementor-text-editor p{
	margin-top: 1em;
	margin-bottom: 1em;
}
/* HEADER */
.ap-btn-wishlist:hover {
    border-color: var(--link-color)!important;
    color: var(--white) !important ;
}

/* 
    BOTON DE AÑADIR AL CARRITO EN FICHA DE PRODUCTO

*/
.product-quantity .add-to-cart {  
    background-color: var(--btn-bg);
    color: var(--btn-color);
    border-radius: 0%;
}

.product-quantity .add-to-cart:hover {  
    background-color: var(--btn-bg-hover);
    color: var(--btn-color-hover);
}

/* LINKS FOOTER*/
 .linklist-menu li a{
    color: var(--text-color) !important;
 }
 .linklist-menu li a:hover{
    color: var(--link-color) !important;
 }

 /* MÓDULO NEWSLETTER*/
 .box_newletter .block_newsletter form button[type="submit"] {
     background-color: var(--btn-bg)!important;
    color: var(--btn-color)!important;
    border-radius: 0% !important;
}

 .box_newletter .block_newsletter form button[type="submit"]:hover {
    background-color: var(--btn-bg-hover)!important;
    color: var(--btn-color-hover)!important;
}

.box_newletter .block_newsletter form input[type="email"] {
    border-radius: 0% !important;    
}

/* MENU */

.leo-megamenu .navbar-nav > li > a,
.leo-megamenu .navbar-nav > li > .menu-title {
    color: var(--text-color) !important;
    padding: 5px 14px !important;
    font-size: 14px;
    line-height: 1.2em;    
    font-weight: 400;
}
 
.leo-megamenu .navbar-nav > li > a:hover,
.leo-megamenu .navbar-nav > li > .menu-title:hover,
.leo-megamenu .dropdown-menu li a:hover,
.leo-megamenu .dropdown-menu a > .menu-title:hover {
    color: var(--link-color) !important;
}

.leo-megamenu .dropdown-menu li a,
.leo-megamenu .dropdown-menu a > .menu-title {
    color: var(--text-color) !important;
    padding: 0;
    font-weight: 400;
    font-size: 13px;
    line-height: 2.5em !important;
    text-transform: uppercase;
}


.leo-megamenu .dropdown-menu {
    min-width: 250px;
    background-color: var(--white);
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
    -moz-box-shadow: 0px;
    -webkit-box-shadow: 0px;
    -o-box-shadow: 0px;
    -ms-box-shadow: 0px;;
    box-shadow: 0px;   
    border-radius: 0px; 
    padding: 10px 20px 18px;
}

.navbar-header .navbar-toggler {
    border-radius: 0% !important;
}

.navbar-header .navbar-toggler:hover,
.navbar-header .navbar-toggler:checked {
    background-color:var(--link-color) !important;
    border-color: var(--link-color) !important;
    color: var(--white) !important;    
}

/* BOTON BUSQUEDA DE PRODUCTOS*/
#leo_search_block_top .btn {
    background-color: var(--btn-bg) !important;    
}

#leo_search_block_top .btn:hover {
    background-color: var(--btn-bg-hover) !important; 
}

#leo_search_block_top .btn i{
    color: var(--white) !important;
}

#leosearchtopbox a.cate-item{
    color: var(--text-color) !important;
}

#leosearchtopbox a.cate-item:hover,
#leosearchtopbox a.cate-item.active{
    color: var(--white) !important;
    background-color: var(--link-color) !important;
}

/* CATEGORIAS */

.block-categories .category-sub-menu li > a {
   color: var(--text-color);
   font-weight: 400;
}

.block-categories .category-sub-menu li > a:hover {
   color: var(--link-color);
}

/* BREADCRUMB*/

.breadcrumb li a{
    font-size: 14px;
    font-weight: 400;
    font-family: var(--font-family-base);
    color: var(--white) !important;
}

.breadcrumb li a:hover{
    color: var(--link-color) !important;
}


.breadcrumb li:last-child span {
    margin: 0;
    font-size: 15px;
    font-weight: 600;
    font-family: var(--font-family-base);
    color: var(--link-color) !important;
    content: "/";
}


/* MI CUENTA */

.page-my-account #content .links a span.link-item {
    border-radius: 0%;
    font-weight: 400;
    font-size: 14px;
}

.page-my-account #content .links a {
        color: var(--text-color) !important;
}

.page-my-account #content .links a:hover,
.page-my-account #content .links i,
.page-my-account #content .links i:hover{
     color: var(--link-color) !important;
}

.page-my-account .page-footer a {
    border-radius: 0%;
}

.page-footer .account-link {
    font-weight: 400;
    font-size: 14px;
    color: var(--text-color);    
}

.page-footer .account-link:hover {
    color: var(--link-color);    
}

.page-footer .account-link i{
    padding-right: 8px;
}

#addresses .opc-step .card .opc-step-footer .back,
#addresses .opc-step .card .opc-step-footer .next {
    border-radius: 0%;
}

.elementor-LeoProductCarousel.grid.products {
    display: flex !important;
}

.elementor-LeoProductCarousel.grid .item {
    margin-bottom: 5px;
}