/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */

/*VARIABLES*/
:root {
    --color-corp: #707070;
    --color-alt: #A7B94A;
    --color-sales: #ca2483;
    --color-text: #707070;
    --color-accent: #007856;
    --color-lightgrey: rgba(160, 160, 160, .25);
    --border-radius: 6px;
    --bs-border-radius: .25rem;
    --success: #5ebd74;
    --info: #8bd1dc;
    --warning: #fe9e4f;
    --danger: #ee9aa2;
    --spacing-sm-fixed: calc(0.60* 1rem);
    --spacing-xs-fixed: calc(0.30* 1rem);
}

.text-warning {
    color: #FEC02D !important;
}

.alert {
    padding: .75rem;
}

.color-alt {
    color: var(--color-alt);
}

.color-accent {
    color: var(--color-accent);
}

.bg-corp {
    background-color: var(--color-corp);
}

.bg-alt {
    background-color: var(--color-alt);
}

.bg-lightgrey {
    background-color: var(--color-lightgrey);
}

.bg-light {
    background-color: #FAF9FA;
}

.border-corp {
    border-color: var(--color-lightgrey) !important;
}
.border-accent {
    border-color: var(--color-accent) !important;
}

.br-6 {
    border-radius: var(--border-radius) !important;
}

.zindex-1-negative {
    z-index: -1;
}

.zindex-1 {
    z-index: 1;
}

.zindex-99 {
    z-index: 99;
}

.star-required {
    color: var(--color-sales) !important;
}

a:focus,
a:hover {
    text-decoration: none;
}

.hidde {
    display: none;
}

.showw {
    display: block;
}

/*FONT SIZE*/
.fs-7 {
    font-size: 0.7rem !important;
}

.fs-8 {
    font-size: 0.8rem !important;
}

.fs-9 {
    font-size: 0.9rem !important;
}

.fs-10 {
    font-size: 1rem !important;
}

.fs-11 {
    font-size: 1.1rem !important;
}

.fs-12 {
    font-size: 1.2rem !important;
}

.fs-13 {
    font-size: 1.3rem !important;
}

.fs-14 {
    font-size: 1.4rem !important;
}

.fs-15 {
    font-size: 1.5rem !important;
}

.fs-16 {
    font-size: 1.6rem !important;
}

.fs-18 {
    font-size: 1.8rem !important;
}

.fs-20 {
    font-size: 2rem !important;
}

.fs-25 {
    font-size: 2.5rem !important;
}

.fs-30 {
    font-size: 3rem !important;
}

.fs-40 {
    font-size: 4rem !important;
}

.fs-50 {
    font-size: 5rem !important;
}

.fs-70 {
    font-size: 7rem !important;
}

.fs-100 {
    font-size: 10rem !important;
}


/*ICONS REPLACE*/
.fa-bars:before {
    font-family: 'Line Awesome Free';
    content: "\f0c9" !important;
}

.fa-shopping-bag:before {
    font-family: 'Line Awesome Free';
    content: "\f07a" !important;
}

.fa-search:before {
    font-family: 'Line Awesome Free';
    content: "\f002" !important;
}

.fa-user:before {
    font-family: 'Line Awesome Free';
    content: "\f007" !important;
}

.fa-heart-o:before {
    font-family: 'Line Awesome Free';
    content: "\f004" !important;
}

.fa-trash-o:before,
.fa-trash:before {
    font-family: 'Line Awesome Free';
    content: "\f2ed" !important;
}

.fa-close:before,
.fa-times:before {
    font-family: 'Line Awesome Free';
    content: "\f00d" !important;
}

.fa-envelope-o:before,
.fa-envelope:before {
    font-family: 'Line Awesome Free';
    content: "\f0e0" !important;
}

.fa-phone:before {
    font-family: 'Line Awesome Free';
    content: "\f095" !important;
}

.fa-home:before {
    font-family: 'Line Awesome Free';
    content: "\f015" !important;
}

.fa-truck:before {
    font-family: 'Line Awesome Free';
    content: "\f4df" !important;
}

.fa-download:before {
    font-family: 'Line Awesome Free';
    content: "\f019" !important;
}

.fa-filter:before {
    font-family: 'Line Awesome Free';
    content: "\f0b0" !important;
}

.fa-pencil:before {
    font-family: 'Line Awesome Free';
    content: "\f303" !important;
}

.fa-angle-up:before {
    font-family: 'Line Awesome Free';
    content: "\f106" !important;
    font-size: 1.5rem;
    vertical-align: middle;
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-family: 'Line Awesome Free' !important;
    font-weight: 700;
    font-size: 1.875rem;
}

.swiper-button-next:after {
    content: "\f105" !important;
}

.swiper-button-prev:after {
    content: "\f104" !important;
}

/*LINKS*/
.block-iqitlinksmanager:has(a:hover) a:not(:hover),
.language_selector:has(a:hover) a:not(:hover) {
    opacity: .5;
}

/*BACK TO TOP*/
#back-to-top {
    border-radius: 50%;
}

/*HEADER*/
img.logo {
    max-width: 180px;
}

.header-user-btn .fa-circle {
    color: #E8F2EE;
}

.header-user-btn .fa-user {
    color: var(--color-accent);
}

.header-cart-btn .fa-circle {
    color: #FFF3D8;
}

.header-cart-btn .fa-shopping-bag {
    color: var(--color-accent);
}

#search_widget .form-search-control {
    border-radius: 25px;
    padding-left: 2rem;
    height: 50px;
}

#search_widget .search-btn {
    background: var(--color-accent) !important;
    color: #fff !important;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    padding: 1rem 1.9rem;
}

.header-nav .block-iqitlinksmanager ul li a:before {
    font-family: 'Line Awesome Free';
    font-size: 1.5rem;
    vertical-align: middle;
    color: #FEC02D;
    font-weight: 600;
}

.header-nav .block-iqitlinksmanager ul li a[href^="mailto:"]:before {
    content: "\f0e0";
}

.header-nav .block-iqitlinksmanager ul li a[href^="tel:"]:before {
    content: "\f095";
}

@media (max-width: 575.98px) {
    #mobile-header .m-nav-btn>i {
        font-size: 2rem;
    }
}

@media screen and (max-width: 991.98px) {

    img.logo {
        max-width: 120px;
    }

}

/*SHOPPING CART*/
#cart-toogle.show+.mobile_menu_click_overlay {
    background: rgba(0, 0, 0, 0.4);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
}

#header-user-btn .dropdown-menu-right {
    top: 50px !important;
}

button.close {
    font-size: 1.5rem;
    opacity: 1;
    font-weight: normal;
    /* margin-top: 0 !important; */
}

.modal-title {
    margin-bottom: 0;
    line-height: 1.5;
    font-weight: bold;
}

.ps-shoppingcart ul.cart-products {
    min-height: 380px !important;
    max-height: 750px !important;
}

#blockcart-content {
    text-align: left;
    width: 100%;
    max-width: 400px;
}

.ps-shoppingcart.side-cart #blockcart-content {
    padding-bottom: 0 !important;
}

#blockcart-content .cart-products>li {
    padding-bottom: 1.25rem;
    border-bottom: 1px solid #E4E4E4 !important;
    margin-bottom: 1.25rem;
}

#blockcart-content .product-attributes .product-line-info {
    line-height: 1.3rem;
}

#blockcart-content .product-image img {
    padding: 0.3rem;
    border: 1px solid #EEEEEE;
}

#blockcart-content .cart-subtotals {
    border-color: var(--color-corp);
}

.list-bullet {
    list-style: disc;
    padding-left: 1rem;
    margin-left: 0.5rem;
}

.list-bullet li {
    margin-bottom: 0.2rem;
}

.ps-shoppingcart .cart-products-count-btn {
    font-size: 0.6rem;
}


@media screen and (max-width: 767.98px) {

    .col-mobile-menu-push #_mobile_iqitmegamenu-mobile,
    .ps-shoppingcart.side-cart #blockcart-content {
        max-width: 100vw;
        min-width: 100vw;
        max-height: 100vh;
        min-height: 100vh;
    }

    .ps-shoppingcart.side-cart #blockcart-content {
        margin: auto;
        position: fixed;
        left: auto;
        top: 0;
        border: 0;
        right: 0;
    }

}

/* MENU PRINCIPAL */
.cbp-horizontal .nav-link:focus,
.cbp-horizontal .nav-link:hover {
    color: #ffffff;
}

.iqitmegamenu-wrapper span.cbp-tab-title {
    font-weight: 500;
    /* text-wrap-mode: nowrap; */
}

/*LOGIN & REGISTER*/
.page-customer-account #content {
    border: 0
}

#registration .register-form {
    margin-top: 15px;
}

#registration .register-form p {
    text-wrap: balance;
}

.ps-alert-error,
#password .password-info,
#password .form-fields,
#authentication .login-form,
#registration .register-form {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}

#password #main {
    padding-bottom: 50px;
}

#password #main .page-title,
#registration #main .page-title,
#authentication #main .page-title,
#password #main .page-title,
#authentication #main .page-title {
    margin-bottom: 0;
    padding: 0.5rem 1rem;
    font-weight: 500;
}

#authentication .content-newsletter {
    margin-top: 20px;
}

.btn.disabled,
.btn.disabled:hover,
.btn:disabled {
    opacity: 0.8 !important;
}

#registration .ets_solo_or,
#authentication .ets_solo_or {
    margin: 5px 0 20px;
}

span.ets_solo_social_btn.name {
    min-width: 165px;
}

@media screen and (max-width: 767.98px) {

    .page-customer-account #content,
    #authentication #content {
        padding: 0px;
    }

}

/*ACCOUNT & ORDER & HISTORY*/
.my-account-page-content-wrapper {
    border: none !important;
}

#history .table-responsive {
    display: table;
}

#history .table td,
#history .table th {
    background-color: #ffffff !important;
}

#history .table .thead-default th {
    font-size: 0.9rem;
    color: #878787 !important;
    font-weight: 400;
}

#history .table-bordered {
    border: 0;
}

#history .table-bordered td,
#history .table-bordered th {
    border: 0;
    border-bottom: 1px solid #dee2e6;
}

.my-account-page-content-wrapper,
.my-account-page-content-wrapper .my-account-side-links,
.my-account-page-content-wrapper .my-account-side-links a:not(.btn) {
    border: none !important;
}

.my-account-side-links .account-link {
    font-size: 1.1rem;
}

.my-account-side-links .account-link:hover,
.my-account-side-links .account-link.current {
    background: #c3c3c3;
    color: #fff !important;
    border-radius: var(--border-radius) !important;
    -webkit-border-radius: var(--border-radius) !important;
    -moz-border-radius: var(--border-radius) !important;
    -ms-border-radius: var(--border-radius) !important;
    -o-border-radius: var(--border-radius) !important;
}

@media screen and (min-width: 768px) {

    .my-account-side-links {
        height: fit-content;
        position: sticky;
        top: 160px;
    }

}
@media screen and (max-width: 767.98px) {

    #history .my-account-side-links,
    #identity .my-account-side-links,
    #address .my-account-side-links,
    #addresses .my-account-side-links,
    #order-slip .my-account-side-links,
    #order-detail .my-account-side-links,
    #order-follow .my-account-side-links,
    #discount .my-account-side-links,
    #module-iqitwishlist-view .my-account-side-links,
    #module-ps_emailalerts-account .my-account-side-links,
    #module-psgdpr-gdpr .my-account-side-links {
        display: none;
    }

}


/*PRODUCT LIST*/
.thumbnail-container img {
    border-radius: var(--border-radius);
}

@media screen and (max-width: 767.98px) {

    .product-miniature-grid .product-title {
        font-size: 0.9rem;
    }

}

.products-grid .product-miniature-default .product-title {
    text-wrap: balance;
}

.products-sort-order a[href*="date_add.asc"]:after,
.products-sort-order a[href*="price.asc"]:after {
    content: "↑";
    font-size: 1.3rem;
}

.products-sort-order a[href*="date_add.desc"]:after,
.products-sort-order a[href*="price.desc"]:after {
    content: "↓";
    font-size: 1.3rem;
}

.product-miniature-grid .product-functional-buttons i {
    font-size: 1.1rem;
}

.product-miniature-grid .product-add-cart {
    width: 100%;
}

.product-miniature .badge-success {
    background-color: transparent !important;
}

.product-miniature-default:hover {
    z-index: 3;
}


/*PRODUCT FLAG*/
.product-flags .product-flag {
    margin: 10px !important;
    text-transform: uppercase;
    padding: 0.3125rem 0.8375rem;
}

@media screen and (max-width: 767.98px) {

    .product-flags .product-flag {
        font-size: 1rem;
    }

}


/*FOOTER*/
#footer-container-main {
    background-image: url('../img/bg-footer.svg');
    /* Ruta de la imagen SVG */
    background-position: bottom center;
    /* Alinea la imagen en la parte inferior y centrada */
    background-repeat: no-repeat;
    /* Evita que la imagen se repita */
    background-size: contain;
    /* Ajusta la imagen para que quepa dentro del contenedor */
    padding-bottom: 22vh;
}

#footer .block-iqithtmlandbanners-html .block-title {
    display: none;
}

#footer-copyrights {
    font-size: 0.9rem;
}

#footer-container-main .block-links ul>li a {
    padding-left: 0;
}

#footer-container-main .block-links ul>li a:before {
    content: none;
}

#footer-container-main .facebook i,
#footer-container-main .twitter i {
    background-color: rgba(255, 255, 255, 0);
}

@media (max-width: 767.98px) {

    .block-toggle {
        flex: 0 0 100%;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
    #footer-container-main .block-links ul>li a {
        padding: 0.5rem 0 0.5rem;
    }

}


/*LOCATION SELECTOR*/
.location-selector.dropup .dropdown-menu {
    top: auto !important;
    border: 1px solid #000;
    border-radius: 3px;
    transition: none;
    -webkit-transition: none;
}
.btn-location-selector {
    border: 1px solid #000;
    background-color: #fff;
    color: #000;
    min-width: 248px;
    transition: all 150ms ease-in-out;
}
.btn-location-selector:hover {
    border-color: #000;
}
.btn-location-selector:after {
    transition: all 150ms ease-in-out;
}
.btn-location-selector[aria-expanded="true"]:after {
    transform: rotate(-180deg);
}

@media (max-width: 767.98px) {

    .location-selector {
        width: 100%;
    }
    .location-selector .dropdown-item {
        font-size: 1.125rem;
    }

}

/*BUTTONS*/
#field-password,
#field-new_password,
.bootstrap-touchspin .input-group-btn .btn,
.js-cart-line-product-quantity,
.product-quantity button.bootstrap-touchspin-up,
.product-quantity button.bootstrap-touchspin-down,
.product-quantity #quantity_wanted,
.form-control,
.btn {
    border-radius: var(--border-radius);
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    -ms-border-radius: var(--border-radius);
    -o-border-radius: var(--border-radius);
}

.btn-nostyle {
    background: none;
    outline: none;
    border: none;
    cursor: pointer;
    padding: 0;
}

@media screen and (max-width: 767.98px) {
    .links {
        overflow-x: scroll;
        overflow-y: hidden;
        padding: 0 0 0.5rem;
        flex-wrap: nowrap !important;
    }
}


/*FORMS*/
.col-form-label {
    max-height: fit-content;
    padding: 0.4rem;
}

.custom-checkbox label {
    margin-bottom: 0;
}

.custom-checkbox label,
.form-control-select {
    cursor: pointer;
}

.form-group {
    position: relative;
}

.input-group:not(.bootstrap-touchspin):not(.newsletter-input-group):not(.search-control):not(.input-discount-name):not(.eam-box-link) {
    flex-direction: column;
    align-items: flex-start;
}

.form-floating .form-control:not(textarea),
.form-floating .form-select {
    height: calc(3.43rem + 2px) !important;
    padding: 1rem .75rem;
    background-image: none;
    padding-top: 1.625rem;
    padding-bottom: .625rem;
    border-top-left-radius: var(--border-radius) !important;
    border-bottom-left-radius: var(--border-radius) !important;
}

.custom-select2~label,
.form-floating .form-select~label {
    opacity: .65;
    transform: scale(.85) translateY(-.5rem) translateX(.15rem);
}

.form-floating>.form-control:focus~label::after,
.form-floating>.form-control:not(:placeholder-shown)~label::after {
    background: none;
}

.form-floating .form-control::-webkit-input-placeholder {
    color: transparent !important;
}

.form-floating .form-control::-moz-placeholder {
    color: transparent !important;
}

.form-floating .form-control::placeholder {
    color: transparent !important;
}

input.form-control:not([type="checkbox"]):not(.input-voucher):not(.form-search-control):not(.block-cart-product-quantity),
select.form-control {
    min-height: 42px;
}

input[name="password"]+.input-group-btn,
input[name="new_password"]+.input-group-btn {
    position: absolute;
    right: 0;
    z-index: 99;
    height: auto;
    top: 0;
}

.custom-checkbox input[type=checkbox]+span:not(.color),
.custom-radio {
    width: 22px;
    height: 22px;
    min-width: 22px;
    border-radius: var(--border-radius);
}

.custom-checkbox input[type=checkbox] {
    width: 22px;
    height: 22px;
}

.custom-checkbox input[type=checkbox]+span .checkbox-checked {
    top: 4px;
    font-size: 15px;
}

.input-group>.form-control:focus {
    z-index: 0;
}

.form-control.form-search-control:focus {
    box-shadow: none;
}

#blockcart-content .cart-products .bootstrap-touchspin {
    width: 100%;
}

.input-group.bootstrap-touchspin {
    max-width: fit-content;
    background-color: #fff;
    gap: 5px;
}

.js-cart-line-product-quantity,
.product-quantity #quantity_wanted {
    font-size: 0.9rem;
    max-width: 55px;
    text-align: center;
}

.bootstrap-touchspin .bootstrap-touchspin-up,
.bootstrap-touchspin .bootstrap-touchspin-down {
    background-color: var(--color-alt);
    color: #fff !important;
    font-size: 1.3rem;
    padding: 0.3rem 1rem !important;
}

.js-cart-line-product-quantity,
.product-quantity .qty {
    width: auto;
}

.help-block {
    width: 100%;
}
[class*="gdpr_module"] label a,
.content-psgdpr label a {
    color: var(--color-accent) !important;
    text-decoration: underline;
}

/*SCROLLBAR*/
/* scroll width */
.content-links .links::-webkit-scrollbar,
.nav.nav-tabs::-webkit-scrollbar {
    height: 4px;
}



/*GDPR MODULE*/
#footer .gdpr_module .custom-checkbox {
    font-size: 1rem;
    align-items: center;
}


/*WIDGET ELEMENTOR*/
.radius-banner .elementor-iqit-banner {
    border-radius: var(--border-radius);
}
.elementor-element .elementor-accordion .elementor-accordion-item {
    border-bottom-width: 1px !important;
}
.elementor-element .elementor-accordion .elementor-accordion-item:first-child {
    border-top-width: 1px !important;
}

/*PHP SIMPLE BLOG*/
#module-ph_simpleblog-single #inner-wrapper {
    max-width: 870px;
}

/*CAROUSEL ARROW ABOVE*/
.swiper-arrows-above .swiper-container {
    padding-top: 2.5rem !important;
}

.swiper-arrows-above .swiper-button-next, 
.swiper-arrows-above .swiper-button-prev {
    background: transparent;
    color: #333;
    top:1.5rem;
}