.elementor-2042 .elementor-element.elementor-element-ce525ec{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS for shortcode, class: .elementor-element-5a36b1c */.track-order-personnalized-page {
    font-family: 'public sans';
    max-width: 1320px;
    margin: 72px auto;
}

.w-dth-track{
     max-width: 872px;
     width: 100%;
}

.w-dth-track h1{
     font-family: 'public sans';
     font-size: 32px;
     line-height: 40px;
     color:#191C1F;
     font-weight: 600;
}

.description-track{
    margin-top:16px;
    font-family: 'public sans';
    max-width:760px;
    color:#5F6C72;
    margin-bottom: 24px;
    width:100%;
}

.description-track p{
    margin: 0;
}

.w-dth-track form.track_order .flex-track{
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap:24px;
}

.w-dth-track form.track_order .flex-track label{
    display: block;
    color:#191C1F;
    font-size: 14px;
    line-height: 20px;
    font-family: 'public sans';
    text-align: left;
    margin-bottom: 8px;
}

.w-dth-track form.track_order .flex-track input{
    height: 54px;
    width: 100%;
    border-radius: 4px;
    border:1px solid #E4E7E9;
    color:#191C1F;
    font-size: 14px;
    line-height: 20px;
    font-family: 'public sans';
    padding: 0 16px;
}

.w-dth-track form.track_order .flex-track input::placeholder{
    color:#77878F;
}

.notice-track-f{
    margin-top:16px;
    margin-bottom: 32px;
    display: flex;
    gap: 6px;
    color:#5F6C72;
    font-size: 14px;
    line-height: 20px;
    font-family: 'public sans';
    align-items: center;
}


.track-button button{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 54px;
    background: #1B6392;
    color:#fff;
    border-radius: 4px;
    border: 0;
    padding: 0 32px;
    text-transform: uppercase;
    cursor: pointer;
    gap:12px;
    font-size: 14px;
    line-height: 56px;
     font-family: 'public sans';
}

.track-button button img {
    transform: rotate(180deg);
}

.acccd .woocommerce .order-info{
    display: none;
}
.track-det h5 {
    margin: 0;
    font-weight: 400;
    font-family: 'public sans';
    color: #191C1F;
    line-height: 28px;
    font-size: 20px;
    margin-bottom: 8px;
}
.track-price {
    color: #2DA5F3;
    font-size: 28px;
    line-height: 32px;
    font-weight: 600;
    display: flex;
    justify-content: end;
    flex-direction: column;
}
.track-det p {
    margin: 0;
    font-size: 14px;
    line-height: 20px;
    color: #475156;
    font-weight: 500;
}
.details-track-command {
    margin: 72px auto;
    max-width: 984px;
    font-family: 'public Sans';
    border-radius: 4px;
    border: 1px solid #E4E7E9;
    padding: 24px;
}
.track-intro {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
    padding: 24px;
    border-radius: 4px;
    background: #EAF6FE;
    border: 1px solid #2DA5F3;
}
p.arrived-order strong
 {
    color: #191C1F;
    font-weight: 600;
}

p.arrived-order {
    margin: 24px 0;
    font-family: 'Public Sans';
    font-size: 14px;
    line-height: 20px;
    color: #475156;
}
.line-track .line:before
 {
    border: 2px solid #2DA5F3;
    width: 24px;
    height: 24px;
    display: block;
    content: '';
    border-radius: 50%;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
}

.line-track .line {
    position: relative;
    width: 100%;
    height: 8px;
    background: rgba(45, 165, 243, .5);
    display: flex;
    align-items: center;
    z-index: 1;
}
.line-track .line.active:before, .line-track .line.active,
.line-track .line.prochain:before{
    background: #2da5f3;
}

.line-track .line.active:before{
    content: url('/wp-content/uploads/2026/03/Check.png');
}


.line-track {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    margin: 0 auto;
    margin-bottom: 24px;
}

.icon-track .icon {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 12px;
    font-family: 'public sans';
    color: #191C1F;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
        opacity: .5;
}

.icon-track {
    max-width: 936px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}
.products-commands {
    max-width: 1320px;
    margin: 0 auto;
    margin-bottom: 72px;
    font-family: 'public sans';
}

.icon-track .icon.active,
.icon-track .icon.prochain{
    opacity: 1;
}
.track-activity h4 {
    margin: 0;
    padding: 0;
    font-family: 'public sans';
    font-weight: 500;
    color: #191C1F;
    line-height: 24px;
    font-size: 18px;
}



.flex-footer-products-commands
 {
    display: flex;
    justify-content: space-between;
    gap: 48px;
    margin-top:48px;
}

.products-commands h2 {
    font-family: 'public sans';
    font-size: 20px;
    line-height: 28px;
    font-weight: 500;
    color: #191C1F;
    margin: 0;
}

.flex-footer-products-commands .products-grid{
    max-width: 872px;
    width: 100%;
}
.flex-footer-products-commands .products-grid .item-product{
    display: flex;
    align-items: center;
    border-radius: 4px;
    border: 1px solid #E4E7E9;
    padding: 24px;
    margin-bottom: 24px;
    gap:12px;
}
.flex-footer-products-commands .products-grid .img-product{
    width: 80px;
    height: 80px;
}
.flex-footer-products-commands .products-grid .img-product img{
    width: 80px;
    height: 80px;
    border-radius: 4px;
    object-fit: cover;
}
.flex-footer-products-commands .details-product h3{
     font-family: 'public sans';
    font-size: 15px;
    line-height: 17px;
    font-weight: 500;
    color: #191C1F;
    margin: 0;
}
.flex-footer-products-commands .details-product {
    max-width: 734px;
    width: 100%;
}
.flex-footer-products-commands .details-product p.product-desc,
.flex-footer-products-commands .details-product p.product-quantity{
     font-family: 'public sans';
    font-size: 14px;
    line-height: 20px;
    color: #475156;
    margin: 0;
    margin-top:8px;
}



.flex-footer-products-commands .facturation-adress{
    max-width: 400px;
    width: 100%;
}
.details--phone, .details--email {
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 6px;
    font-size: 13px;
}
.add-livraison .liv:last-child{
    margin-bottom: 0;
}
.liv {
    display: flex;
    justify-content: space-between;
    gap: 15px;
    gap: 15px;
    margin: 20px 0;
    align-items: center;
}
h4.title-factura {
    margin: 0;
    font-size: 14px;
    font-weight: 400;
    font-family: 'public sans';
    color: #77878F;
    line-height: 20px;
}
.add-livraison {
    padding: 24px;
    border-radius: 4px;
    border: 1px solid #E4E7E9;
}
.all-activities-order {
    margin-top: 24px;
    
}
.all-activities-order .activity {
    margin-bottom: 16px;
}
.con span {
    font-family: 'public sans';
    font-size: 14px;
    line-height: 20px;
    color: #191C1F;
    display: block;
    margin-bottom: 8px;
    font-weight: 500;
}
.track-activity {
    margin-top: 24px;
    padding-top: 24px;
    border-top: 1px solid #E4E7E9;
}
.con em {
    
    font-style: normal;
    font-family: 'public sans';
    font-size: 14px;
    line-height: 20px;
    color: #77878F;
    display: block;
    margin-bottom: 8px;
    font-weight: 600;
}
.all-activities-order .activity .icon-act .img {
    width: 48px;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #2DA5F3;
    border-radius: 4px;
    padding: 12px;
    background: #EAF6FE;
}
.all-activities-order .activity .icon-act .img.active{
    border: 1px solid #2DB224;
     background: #EAF7E9;
}
.all-activities-order .activity:last-child{
    margin: 0;
}
.all-activities-order .activity .icon-act {
    display: flex;
    gap: 16px;
}



@media screen and (max-width: 1300px){
    .products-commands{
        padding: 0 15px;
    }
}

@media screen and (max-width: 1000px){
    .details-track-command{
        padding: 0 15px;
    }
    .flex-footer-products-commands{
        gap:15px;
    }
}


@media screen and (max-width: 670px){
    .flex-footer-products-commands{
        flex-direction: column;
    }
    .flex-footer-products-commands .products-grid .item-product{
        margin-bottom:12px;
        padding: 12px;
    }
    .add-livraison{
         padding: 12px;
    }
    .flex-footer-products-commands .products-grid,
    .flex-footer-products-commands .facturation-adress{
        max-width: 100%;
    }
    .track-intro {
    gap: 5px;
    padding: 12px;
    flex-direction: column;
    align-items: flex-start;
}
.icon-track span {
    text-align: center;
}
}/* End custom CSS */