/* EsigaraHane Phase 14 - checkout payment/shipping methods */

.checkout-method-heading{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:16px;
    margin-top:30px;
    margin-bottom:12px;
}

.checkout-method-heading h2{
    margin:3px 0 0;
}

.checkout-method-heading>small{
    max-width:280px;
    color:#80878f;
    font-size:10px;
    text-align:right;
}

.checkout-method-list{
    display:flex;
    flex-direction:column;
    gap:10px;
}

.checkout-method-card{
    display:grid!important;
    grid-template-columns:24px minmax(0,1fr) auto;
    gap:12px;
    align-items:flex-start;
    margin:0!important;
    padding:14px;
    border:1px solid #dfe3e8;
    border-radius:13px;
    background:#fff;
    cursor:pointer;
    transition:
        border-color .15s ease,
        box-shadow .15s ease,
        background .15s ease;
}

.checkout-method-card:hover{
    border-color:#f3a678;
}

.checkout-method-card.selected{
    border-color:#f4772e;
    background:#fff8f3;
    box-shadow:0 0 0 2px rgba(244,119,46,.08);
}

.checkout-method-card>input{
    position:absolute;
    opacity:0;
    pointer-events:none;
}

.checkout-method-radio{
    position:relative;
    width:20px;
    height:20px;
    border:1.5px solid #a2a9b1;
    border-radius:50%;
    background:#fff;
}

.checkout-method-card.selected .checkout-method-radio{
    border-color:#f4772e;
}

.checkout-method-card.selected .checkout-method-radio::after{
    content:"";
    position:absolute;
    inset:4px;
    border-radius:50%;
    background:#f4772e;
}

.checkout-method-main{
    min-width:0;
}

.checkout-method-main>strong{
    display:block;
    color:#23272b;
    font-size:12px;
}

.checkout-method-meta{
    display:flex;
    flex-wrap:wrap;
    gap:6px;
    align-items:center;
    margin-top:5px;
}

.checkout-method-meta b,
.checkout-method-meta em{
    display:inline-flex;
    align-items:center;
    min-height:22px;
    padding:0 7px;
    border-radius:999px;
    font-size:8px;
    font-style:normal;
    font-weight:800;
}

.checkout-method-meta b{
    background:#fff0e6;
    color:#c55112;
}

.checkout-method-meta em{
    background:#f1f3f5;
    color:#687079;
}

.checkout-method-main>small{
    display:block;
    margin-top:7px;
    color:#767e86;
    font-size:9px;
    line-height:1.55;
}

.checkout-method-price{
    min-width:92px;
    text-align:right;
}

.checkout-method-price b{
    display:block;
    color:#22272d;
    font-size:11px;
}

.checkout-method-price b.discount,
.checkout-method-price b.free{
    color:#16864b;
}

.checkout-method-price small{
    display:block;
    margin-top:2px;
    color:#899098;
    font-size:8px;
}

.checkout-eft-box{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:7px;
    margin-top:10px;
    padding:10px;
    border:1px solid #f0d6c6;
    border-radius:10px;
    background:#fff;
}

.checkout-eft-box>span{
    min-width:0;
    color:#4d555d;
    font-size:9px;
    overflow-wrap:anywhere;
}

.checkout-eft-box b{
    display:block;
    margin-bottom:2px;
    color:#9f470f;
    font-size:8px;
    text-transform:uppercase;
}

.checkout-live-summary{
    position:sticky;
    top:18px;
    align-self:start;
}

.checkout-summary-note{
    display:block;
    margin-top:11px;
    color:#818890;
    font-size:8px;
    line-height:1.55;
}

.checkout-success-pro{
    max-width:760px;
    margin:0 auto;
}

.checkout-success-summary{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:9px;
    margin:20px 0;
}

.checkout-success-summary>div{
    padding:12px;
    border:1px solid #e1e5e9;
    border-radius:10px;
    background:#fafbfc;
}

.checkout-success-summary span{
    display:block;
    color:#848b92;
    font-size:8px;
}

.checkout-success-summary strong{
    display:block;
    margin-top:4px;
    color:#252a30;
    font-size:11px;
}

.checkout-success-eft{
    margin:20px 0;
    padding:17px;
    border:1px solid #ffd4b8;
    border-radius:13px;
    background:#fff7f1;
    text-align:left;
}

.checkout-success-eft h2{
    margin:0 0 12px;
    color:#b84d0e;
    font-size:16px;
}

.checkout-success-eft>div{
    display:grid;
    grid-template-columns:150px minmax(0,1fr);
    gap:10px;
    padding:7px 0;
    border-bottom:1px solid rgba(244,119,46,.12);
}

.checkout-success-eft>div:last-of-type{
    border-bottom:0;
}

.checkout-success-eft span{
    color:#7e675b;
    font-size:9px;
}

.checkout-success-eft strong{
    color:#2b2f34;
    font-size:10px;
    overflow-wrap:anywhere;
}

.checkout-success-eft p{
    margin:12px 0 0;
    color:#6c584d;
    font-size:9px;
    line-height:1.55;
}

@media(max-width:700px){
    .checkout-method-heading{
        align-items:flex-start;
        flex-direction:column;
    }

    .checkout-method-heading>small{
        text-align:left;
    }

    .checkout-method-card{
        grid-template-columns:22px minmax(0,1fr);
    }

    .checkout-method-price{
        grid-column:2;
        min-width:0;
        text-align:left;
    }

    .checkout-eft-box{
        grid-template-columns:1fr;
    }

    .checkout-success-summary{
        grid-template-columns:1fr;
    }

    .checkout-success-eft>div{
        grid-template-columns:1fr;
        gap:3px;
    }
}