/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */
 @import url('./charte.css');
 @import url('./account.css');
 @import url('./checkout.css');


 .btn-primary:focus, .btn:active:focus, .btn:focus, .btn-primary:active {
    background-color: var(--primary-color)!important;
 }

 .carousel .carousel-item .caption {
    text-align: center;
 }

 .carousel {
    margin-bottom: 0;
    height: 100vh;
}

@media (max-width: 1199px) {
    .carousel .carousel-inner {
        height: 100%;
    }
}

.carousel .carousel-item figure {
    height: 100%;
    width: 100%;
}

.carousel .carousel-item img {
    height: 100%;
    object-fit: cover;
    object-position: top;
}

.carousel .carousel-inner {
    min-height: 100%;
    margin-bottom: 0;
}

.carousel .carousel-item .caption {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -20%);
    max-width: 485px;
    color: #fff;
}

.carousel .carousel-item .caption .btn {
    border: 1px solid white;
    background-color: transparent;
    color: white;
    border-radius: 40px;
    padding: 0.7em 2.5em;
    margin-top: 15px;
}

.carousel .carousel-item .caption .btn:hover {
    text-decoration: none;
    line-height: normal;
    background: rgba(255, 255, 255, 0.80);
    color: var(--primary-color);
    border-color: var(--primary-color);
}

.carousel .carousel-control .icon-next:hover i, .carousel .carousel-control .icon-prev:hover i {
   color: var(--primary-color);
}


/* miniature */

.ce-product-image.elementor-image a {
    width: 100%;
    aspect-ratio: 3 / 4;
}

.ce-product-image.elementor-image a img {
    height: 100%;
    object-fit: cover;
}

/* home double section */

.absolute-100 {
    position: absolute;
    bottom: 100px;
}

/* home accordion */
.elementor-accordion .elementor-tab-title {
    transition: 0.1s ease-in-out;
    transition-delay: 0.2s;
}
.elementor-accordion .elementor-tab-title.elementor-active {
    border-width: 0px!important;

}
.elementor-accordion .elementor-tab-title.elementor-active .elementor-accordion-icon-opened i:before {
    transform: rotate(90deg);
}

.home-accordion .btn {
    border-radius: 20px;
    background-color: var(--primary-color);
    color: white;
    margin: 2.5em 0 2em;
}

.elementor-accordion-item .elementor-tab-title {
    border-width: 1px!important;
    border-top: none;
    border-bottom: 1px solid var(--primary-color);
}
.elementor-accordion-item .elementor-tab-content {
    border-width: 1px!important;
    border-top: none;
    border-bottom: 1px solid var(--primary-color);
}

/* cart flyout */
.elementor-cart__container .elementor-cart__main {
    position: fixed;
    top: 115px;
    bottom: auto;
    width: 650px;
    max-width: 100%;
    right: 0;
    padding: 0 30px;
    background-color: var(--primary-color);
    color: white!important;
    transform: translateX(0);
    transition: .3s;
}

.elementor-cart__container .elementor-cart__main a,
.elementor-cart__container .elementor-cart__main p, 
.elementor-cart__container .elementor-cart__main div,
.elementor-cart__container .elementor-cart__main div strong, 
.elementor-cart__container .elementor-cart__main .elementor-cart__product-remove {
    color: white!important;
}

.elementor-cart__container .elementor-cart__main .elementor-cart__footer-buttons {
    display: flex;
    flex-direction: row-reverse;
}
.elementor-cart__container .elementor-cart__main .elementor-cart__footer-buttons div {
    min-width: 50%;
}

.elementor-cart__container .elementor-cart__main .elementor-button--checkout {
    background-color: var(--third-color)!important;
    border-radius: 20px!important;
    color: var(--primary-color)!important;
}
.elementor-cart__container .elementor-cart__main .elementor-button--view-cart {
    background-color: transparent!important;
    border-radius: 20px!important;
    border: 1px solid white!important;
    color: white!important;
}

.product-price, .h6.product-name {
    color: var(--primary-color)!important;
}

.elementor-cart__title {
    display: none;
}
.elementor-cart__container .elementor-cart__main {
    padding-top: 30px;
    height: calc(100vh - 190px);
}

.elementor-cart__product-image img {
    display: block;
    width: 100%;
    height: 170px;
    object-fit: cover;
}