/* ============================================================
   FRETPRO AFRICA V5.1.6.23
   PUBLICATION COLIS / KILOS / FRET
   ============================================================ */

.fpa-publish23{
    max-width:1180px;
    margin:0 auto;
}

.fpa-publish23-head{
    padding:26px 28px;
    border-radius:20px;
    background:linear-gradient(135deg,#071d36 0%,#0d3156 100%);
    color:#fff;
    margin-bottom:18px;
    box-shadow:0 14px 38px rgba(7,29,54,.14);
}

.fpa-publish23-head .kicker{
    display:inline-block;
    margin-bottom:8px;
    color:#ff6b1a;
    font-size:.72rem;
    font-weight:900;
    letter-spacing:.12em;
    text-transform:uppercase;
}

.fpa-publish23-head h2{
    color:#fff;
    margin:0 0 7px;
    font-size:clamp(1.55rem,2.4vw,2.15rem);
}

.fpa-publish23-head p{
    color:rgba(255,255,255,.78);
    margin:0;
    max-width:760px;
    line-height:1.55;
}

.fpa-publish23-form{
    display:grid;
    gap:16px;
}

.fpa-publish23-step{
    background:#fff;
    border:1px solid #e4eaf1;
    border-radius:18px;
    padding:22px;
    box-shadow:0 8px 26px rgba(15,43,85,.055);
}

.fpa-publish23-step-head{
    display:flex;
    align-items:flex-start;
    gap:13px;
    margin-bottom:18px;
}

.fpa-publish23-number{
    display:flex;
    flex:0 0 34px;
    align-items:center;
    justify-content:center;
    width:34px;
    height:34px;
    border-radius:10px;
    background:#fff0e7;
    color:#e85d04;
    font-weight:900;
    font-size:.9rem;
}

.fpa-publish23-step-head h3{
    margin:0 0 3px;
    color:#0b2039;
    font-size:1.06rem;
}

.fpa-publish23-step-head p{
    margin:0;
    color:#6a788b;
    font-size:.87rem;
    line-height:1.4;
}

.fpa-publish23-grid2{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
}

.fpa-publish23-grid3{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:14px;
}

.fpa-publish23 label{
    display:grid;
    gap:7px;
    color:#17263a;
    font-size:.89rem;
    font-weight:750;
}

.fpa-publish23 label small,
.fpa-publish23 .muted{
    display:block;
    color:#7a8798;
    font-size:.77rem;
    font-weight:500;
    line-height:1.4;
}

.fpa-publish23 input,
.fpa-publish23 select,
.fpa-publish23 textarea{
    width:100%;
    box-sizing:border-box;
    min-height:46px;
    border:1px solid #dce3eb;
    border-radius:12px;
    background:#fff;
    padding:11px 13px;
    color:#101828;
    font:inherit;
    outline:none;
    transition:border-color .18s ease,box-shadow .18s ease;
}

.fpa-publish23 textarea{
    min-height:105px;
    resize:vertical;
}

.fpa-publish23 input:focus,
.fpa-publish23 select:focus,
.fpa-publish23 textarea:focus{
    border-color:#ff6b1a;
    box-shadow:0 0 0 3px rgba(255,107,26,.10);
}

.fpa-publish23 input:disabled{
    background:#f3f5f8;
    color:#8b96a5;
}

.fpa-publish23 input[type="file"]{
    padding:9px;
    background:#f8fafc;
}

.fpa-publish23-upload{
    padding:16px;
    border:1px dashed #cfd8e3;
    border-radius:14px;
    background:#fafcff;
}

.fpa-publish23-note{
    border-radius:13px;
    padding:13px 15px;
    background:#f0f6ff;
    border:1px solid #dbeafe;
    color:#294560;
    font-size:.86rem;
    line-height:1.5;
}

.fpa-publish23-private{
    background:#fff8ef;
    border-color:#fed7aa;
}

.fpa-publish23-actions{
    background:#071d36;
    color:#fff;
}

.fpa-publish23-actions .fpa-publish23-step-head h3{
    color:#fff;
}

.fpa-publish23-actions .fpa-publish23-step-head p{
    color:rgba(255,255,255,.7);
}

.fpa-publish23 .btn.primary,
.fpa-publish23 button.btn.primary,
.fpa-publish23 button.btnprimary{
    width:100%;
    min-height:48px;
    border:0;
    border-radius:12px;
    background:linear-gradient(90deg,#ff6b1a,#ee4d16);
    color:#fff;
    font-weight:900;
    cursor:pointer;
    box-shadow:0 8px 20px rgba(238,77,22,.2);
}

.fpa-publish23 .btn.primary:disabled,
.fpa-publish23 button.btn.primary:disabled,
.fpa-publish23 button.btnprimary:disabled{
    opacity:.5;
    cursor:not-allowed;
    box-shadow:none;
}

.fpa-publish23 #parcelPriceV51208{
    margin:0;
}

.fpa-publish23 #parcelProposedPriceWrapV51211{
    margin-top:12px;
}

.fpa-publish23 .check{
    display:flex;
    grid-template-columns:auto 1fr;
    align-items:flex-start;
    gap:10px;
    padding:13px;
    background:rgba(255,255,255,.08);
    border-radius:12px;
    color:#fff;
}

.fpa-publish23 .check input{
    width:auto;
    min-height:0;
    margin-top:2px;
}

.fpa-publish23 .package-block,
.fpa-publish23 [class*="package"]{
    max-width:100%;
}

@media(max-width:820px){
    .fpa-publish23{
        width:100%;
    }

    .fpa-publish23-head{
        padding:20px 18px;
        border-radius:16px;
    }

    .fpa-publish23-step{
        padding:17px 15px;
        border-radius:15px;
    }

    .fpa-publish23-grid2,
    .fpa-publish23-grid3,
    .fpa-publish23 .grid.two,
    .fpa-publish23 .grid.three{
        grid-template-columns:1fr!important;
    }

    .fpa-publish23-number{
        flex-basis:31px;
        width:31px;
        height:31px;
    }
}
/* ============================================================
   FPA V5.1.6.24C
   Pastilles circulaires des étapes
   ============================================================ */

.fpa-publish23-step-head{
    display:flex!important;
    align-items:center!important;
    gap:14px!important;
}

.fpa-publish23-number{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;

    flex:0 0 42px!important;

    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    min-height:42px!important;
    max-width:42px!important;
    max-height:42px!important;

    padding:0!important;
    margin:0!important;

    border-radius:50%!important;

    background:#f35a16!important;
    color:#fff!important;

    font-size:15px!important;
    font-weight:900!important;
    line-height:1!important;

    box-shadow:0 7px 18px rgba(243,90,22,.23)!important;
}

.fpa-publish23-step-head h3{
    margin:0 0 3px!important;
    font-size:1.08rem!important;
    font-weight:850!important;
}

.fpa-publish23-step-head p{
    margin:0!important;
}

.fpa-publish23 input[list]:disabled{
    background:#f1f3f6!important;
    color:#7d8795!important;
    cursor:not-allowed!important;
}

.fpa-publish23 input[list]:not(:disabled){
    background:#fff!important;
    color:#101828!important;
    cursor:text!important;
}

@media(max-width:820px){
    .fpa-publish23-number{
        flex-basis:38px!important;

        width:38px!important;
        height:38px!important;
        min-width:38px!important;
        min-height:38px!important;
        max-width:38px!important;
        max-height:38px!important;
    }
}