
body.woocommerce-order-received {

    /* FONT */
    --nt-font:
        "Inter Tight",
        var(--e-global-typography-primary-font-family, Arial),
        Arial,
        sans-serif;

    /* RENKLER */
    --nt-lacivert: #19294d;
    --nt-lacivert-koyu: #101d39;
    --nt-metin: #17233d;
    --nt-ikincil: #667085;
    --nt-soluk: #8a93a4;

    --nt-beyaz: #ffffff;
    --nt-zemin: #f7f8fa;
    --nt-kenarlik: #e1e6ee;
    --nt-kenarlik-koyu: #d6dde8;

    --nt-basarili: #5bcf70;
    --nt-basarili-zemin: #f3fbf5;
    --nt-basarili-kenarlik: #ccefd3;

    /* GENEL */
    --nt-maks-genislik: 1180px;
    --nt-dis-ust-alt: 40px;
    --nt-dis-sag-sol: 20px;

    /* ANA BAŞARI KUTUSU */
    --nt-basarili-radius: 18px;
    --nt-basarili-bosluk: 22px;
    --nt-basarili-baslik: 22px;

    /* SİPARİŞ ÖZETİ */
    --nt-ozet-radius: 16px;
    --nt-ozet-bosluk: 18px;
    --nt-ozet-gap: 10px;

    /* BÖLÜM KARTLARI */
    --nt-kart-radius: 18px;
    --nt-kart-bosluk: 24px;
    --nt-kart-aralik: 18px;

    /* BAŞLIKLAR */
    --nt-bolum-baslik: 21px;
    --nt-bolum-baslik-kalinlik: 650;

    /* TABLO */
    --nt-tablo-radius: 13px;
    --nt-tablo-yazi: 14px;
    --nt-tablo-hucre-dikey: 13px;
    --nt-tablo-hucre-yatay: 14px;

    /* ADRES */
    --nt-adres-yazi: 14px;

    /* TABLET */
    --nt-tablet-dis-ust-alt: 30px;
    --nt-tablet-dis-sag-sol: 18px;
    --nt-tablet-kart-bosluk: 20px;

    /* MOBİL */
    --nt-mobil-dis-ust-alt: 22px;
    --nt-mobil-dis-sag-sol: 14px;

    --nt-mobil-basarili-bosluk: 17px;
    --nt-mobil-kart-bosluk: 17px;

    --nt-mobil-basarili-baslik: 19px;
    --nt-mobil-bolum-baslik: 19px;
    --nt-mobil-tablo-yazi: 13px;
}


body.woocommerce-order-received .woocommerce,
body.woocommerce-order-received .woocommerce *,
body.woocommerce-order-received .woocommerce *::before,
body.woocommerce-order-received .woocommerce *::after {
    box-sizing: border-box;
    font-family: var(--nt-font) !important;
}


body.woocommerce-order-received .woocommerce {
    width: 100%;
    max-width: var(--nt-maks-genislik);

    margin: 0 auto !important;

    padding:
        var(--nt-dis-ust-alt)
        var(--nt-dis-sag-sol);

    color: var(--nt-metin);
}


body.woocommerce-order-received .woocommerce-order,
body.woocommerce-order-received .woocommerce-order * {
    box-shadow: none !important;
}


body.woocommerce-order-received
.woocommerce-thankyou-order-received {
    position: relative;

    display: flex;
    align-items: center;

    width: 100%;

    margin: 0 0 var(--nt-kart-aralik) !important;

    padding: var(--nt-basarili-bosluk) !important;

    color: var(--nt-lacivert) !important;
    background: var(--nt-basarili-zemin) !important;

    border: 1px solid var(--nt-basarili-kenarlik) !important;
    border-radius: var(--nt-basarili-radius) !important;

    font-size: var(--nt-basarili-baslik) !important;
    font-weight: 650 !important;
    line-height: 1.35 !important;
}


body.woocommerce-order-received
.woocommerce-thankyou-order-received::before {
    content: "✓";

    display: inline-flex;
    align-items: center;
    justify-content: center;

    flex: 0 0 38px;

    width: 38px;
    height: 38px;

    margin-right: 13px;

    color: #ffffff;
    background: var(--nt-basarili);

    border-radius: 50%;

    font-size: 19px;
    font-weight: 700;
    line-height: 1;
}


body.woocommerce-order-received
ul.woocommerce-order-overview {
    display: grid !important;

    grid-template-columns:
        repeat(5, minmax(0, 1fr));

    gap: var(--nt-ozet-gap);

    width: 100%;

    margin: 0 0 var(--nt-kart-aralik) !important;
    padding: var(--nt-ozet-bosluk) !important;

    list-style: none !important;

    background: var(--nt-beyaz) !important;

    border: 1px solid var(--nt-kenarlik) !important;
    border-radius: var(--nt-ozet-radius) !important;
}


body.woocommerce-order-received
ul.woocommerce-order-overview::before,
body.woocommerce-order-received
ul.woocommerce-order-overview::after {
    display: none !important;
}


body.woocommerce-order-received
ul.woocommerce-order-overview
li {
    display: flex !important;
    flex-direction: column;

    min-width: 0;

    margin: 0 !important;
    padding: 3px 14px !important;

    color: var(--nt-ikincil) !important;

    border: 0 !important;
    border-right: 1px solid var(--nt-kenarlik) !important;

    font-size: 11px !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;

    text-transform: uppercase;
    letter-spacing: 0.04em;
}


body.woocommerce-order-received
ul.woocommerce-order-overview
li:last-child {
    border-right: 0 !important;
}


body.woocommerce-order-received
ul.woocommerce-order-overview
li strong {
    display: block;

    margin-top: 5px;

    color: var(--nt-metin) !important;

    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;

    text-transform: none;
    letter-spacing: -0.15px;

    overflow-wrap: anywhere;
}


body.woocommerce-order-received
.woocommerce-order-details {
    width: 100%;

    margin:
        0
        0
        var(--nt-kart-aralik) !important;

    padding: var(--nt-kart-bosluk) !important;

    background: var(--nt-beyaz) !important;

    border: 1px solid var(--nt-kenarlik) !important;
    border-radius: var(--nt-kart-radius) !important;
}


body.woocommerce-order-received
.woocommerce-order-details
.woocommerce-order-details__title {
    margin: 0 0 18px !important;

    color: var(--nt-lacivert) !important;

    font-size: var(--nt-bolum-baslik) !important;
    font-weight: var(--nt-bolum-baslik-kalinlik) !important;
    line-height: 1.25 !important;

    letter-spacing: -0.3px;
}


body.woocommerce-order-received
table.woocommerce-table--order-details,
body.woocommerce-order-received
table.order_details {
    width: 100% !important;

    margin: 0 !important;

    overflow: hidden;

    border-collapse: separate !important;
    border-spacing: 0 !important;

    background: var(--nt-beyaz) !important;

    border: 1px solid var(--nt-kenarlik) !important;
    border-radius: var(--nt-tablo-radius) !important;
}


body.woocommerce-order-received
table.woocommerce-table--order-details
th,
body.woocommerce-order-received
table.woocommerce-table--order-details
td,
body.woocommerce-order-received
table.order_details
th,
body.woocommerce-order-received
table.order_details
td {
    padding:
        var(--nt-tablo-hucre-dikey)
        var(--nt-tablo-hucre-yatay) !important;

    color: var(--nt-metin) !important;

    background: transparent !important;

    border: 0 !important;
    border-bottom: 1px solid var(--nt-kenarlik) !important;

    font-size: var(--nt-tablo-yazi) !important;
    line-height: 1.5 !important;

    vertical-align: middle !important;
}


body.woocommerce-order-received
table.woocommerce-table--order-details
thead th,
body.woocommerce-order-received
table.order_details
thead th {
    color: var(--nt-lacivert) !important;
    background: var(--nt-zemin) !important;

    font-weight: 600 !important;
}


body.woocommerce-order-received
table.woocommerce-table--order-details
tfoot th,
body.woocommerce-order-received
table.woocommerce-table--order-details
tfoot td,
body.woocommerce-order-received
table.order_details
tfoot th,
body.woocommerce-order-received
table.order_details
tfoot td {
    font-weight: 550 !important;
}


body.woocommerce-order-received
table.woocommerce-table--order-details
tfoot tr:last-child
th,
body.woocommerce-order-received
table.woocommerce-table--order-details
tfoot tr:last-child
td,
body.woocommerce-order-received
table.order_details
tfoot tr:last-child
th,
body.woocommerce-order-received
table.order_details
tfoot tr:last-child
td {
    color: var(--nt-lacivert) !important;

    background: var(--nt-zemin) !important;

    border-bottom: 0 !important;

    font-weight: 700 !important;
}


body.woocommerce-order-received
.woocommerce-table__product-name
a {
    color: var(--nt-lacivert) !important;

    font-weight: 600 !important;

    text-decoration: none !important;
}


body.woocommerce-order-received
.woocommerce-table__product-name
a:hover {
    text-decoration: underline !important;
}


body.woocommerce-order-received
.woocommerce-table__product-name
.wc-item-meta,
body.woocommerce-order-received
.woocommerce-table__product-name
.wc-item-meta li {
    margin: 5px 0 0 !important;
    padding: 0 !important;

    color: var(--nt-ikincil) !important;

    font-size: 12px !important;
    line-height: 1.45 !important;

    list-style: none !important;
}


body.woocommerce-order-received
.woocommerce-table__product-name
.wc-item-meta p {
    display: inline !important;

    margin: 0 !important;

    color: inherit !important;
}


body.woocommerce-order-received
.woocommerce-customer-details {
    width: 100%;

    margin: 0 !important;

    padding: var(--nt-kart-bosluk) !important;

    background: var(--nt-beyaz) !important;

    border: 1px solid var(--nt-kenarlik) !important;
    border-radius: var(--nt-kart-radius) !important;
}


body.woocommerce-order-received
.woocommerce-customer-details
.woocommerce-column__title,
body.woocommerce-order-received
.woocommerce-customer-details
.woocommerce-customer-details--phone,
body.woocommerce-order-received
.woocommerce-customer-details
.woocommerce-customer-details--email {
    font-family: var(--nt-font) !important;
}


body.woocommerce-order-received
.woocommerce-customer-details
.woocommerce-column__title {
    margin: 0 0 14px !important;

    color: var(--nt-lacivert) !important;

    font-size: var(--nt-bolum-baslik) !important;
    font-weight: var(--nt-bolum-baslik-kalinlik) !important;
    line-height: 1.25 !important;

    letter-spacing: -0.3px;
}


body.woocommerce-order-received
.woocommerce-columns--addresses {
    display: grid !important;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap: 14px;

    width: 100%;
}


body.woocommerce-order-received
.woocommerce-column--billing-address,
body.woocommerce-order-received
.woocommerce-column--shipping-address {
    width: 100% !important;

    margin: 0 !important;
    padding: 18px !important;

    float: none !important;

    background: var(--nt-zemin) !important;

    border: 1px solid var(--nt-kenarlik) !important;
    border-radius: 13px !important;
}


body.woocommerce-order-received
.woocommerce-customer-details
address {
    margin: 0 !important;
    padding: 0 !important;

    color: var(--nt-metin) !important;

    background: transparent !important;

    border: 0 !important;

    font-size: var(--nt-adres-yazi) !important;
    font-style: normal !important;
    font-weight: 450 !important;
    line-height: 1.65 !important;
}


body.woocommerce-order-received
.woocommerce-customer-details--phone,
body.woocommerce-order-received
.woocommerce-customer-details--email {
    margin: 8px 0 0 !important;

    padding: 0 !important;

    color: var(--nt-ikincil) !important;

    font-size: 13px !important;
    line-height: 1.5 !important;
}


body.woocommerce-order-received
.woocommerce-order
> p:not(.woocommerce-thankyou-order-received) {
    margin:
        0
        0
        var(--nt-kart-aralik) !important;

    padding: 15px 17px !important;

    color: var(--nt-ikincil) !important;

    background: var(--nt-zemin) !important;

    border: 1px solid var(--nt-kenarlik) !important;
    border-radius: 13px !important;

    font-size: 13px !important;
    line-height: 1.55 !important;
}


@media (min-width: 768px) and (max-width: 1024px) {

    body.woocommerce-order-received .woocommerce {
        padding:
            var(--nt-tablet-dis-ust-alt)
            var(--nt-tablet-dis-sag-sol);
    }


    body.woocommerce-order-received
    ul.woocommerce-order-overview {
        grid-template-columns:
            repeat(3, minmax(0, 1fr));
    }


    body.woocommerce-order-received
    ul.woocommerce-order-overview
    li {
        border-right: 0 !important;

        padding: 10px !important;

        border-bottom:
            1px solid
            var(--nt-kenarlik) !important;
    }


    body.woocommerce-order-received
    ul.woocommerce-order-overview
    li:nth-last-child(-n+2) {
        border-bottom: 0 !important;
    }


    body.woocommerce-order-received
    .woocommerce-order-details,
    body.woocommerce-order-received
    .woocommerce-customer-details {
        padding:
            var(--nt-tablet-kart-bosluk) !important;
    }
}


@media (max-width: 767px) {

    body.woocommerce-order-received .woocommerce {
        padding:
            var(--nt-mobil-dis-ust-alt)
            var(--nt-mobil-dis-sag-sol);
    }


    body.woocommerce-order-received
    .woocommerce-thankyou-order-received {
        align-items: flex-start;

        padding:
            var(--nt-mobil-basarili-bosluk) !important;

        font-size:
            var(--nt-mobil-basarili-baslik) !important;
    }


    body.woocommerce-order-received
    .woocommerce-thankyou-order-received::before {
        flex: 0 0 34px;

        width: 34px;
        height: 34px;

        margin-right: 10px;

        font-size: 17px;
    }


    body.woocommerce-order-received
    ul.woocommerce-order-overview {
        display: block !important;

        padding: 8px 16px !important;
    }


    body.woocommerce-order-received
    ul.woocommerce-order-overview
    li {
        width: 100% !important;

        margin: 0 !important;
        padding: 12px 0 !important;

        border: 0 !important;
        border-bottom:
            1px solid
            var(--nt-kenarlik) !important;
    }


    body.woocommerce-order-received
    ul.woocommerce-order-overview
    li:last-child {
        border-bottom: 0 !important;
    }


    body.woocommerce-order-received
    .woocommerce-order-details,
    body.woocommerce-order-received
    .woocommerce-customer-details {
        padding:
            var(--nt-mobil-kart-bosluk) !important;

        border-radius: 15px !important;
    }


    body.woocommerce-order-received
    .woocommerce-order-details
    .woocommerce-order-details__title,
    body.woocommerce-order-received
    .woocommerce-customer-details
    .woocommerce-column__title {
        font-size:
            var(--nt-mobil-bolum-baslik) !important;
    }


    body.woocommerce-order-received
    table.woocommerce-table--order-details
    th,
    body.woocommerce-order-received
    table.woocommerce-table--order-details
    td,
    body.woocommerce-order-received
    table.order_details
    th,
    body.woocommerce-order-received
    table.order_details
    td {
        padding: 11px 9px !important;

        font-size:
            var(--nt-mobil-tablo-yazi) !important;
    }


    body.woocommerce-order-received
    table.woocommerce-table--order-details
    .woocommerce-table__product-name,
    body.woocommerce-order-received
    table.order_details
    .product-name {
        width: 65%;
    }


    body.woocommerce-order-received
    table.woocommerce-table--order-details
    .woocommerce-table__product-total,
    body.woocommerce-order-received
    table.order_details
    .product-total {
        width: 35%;

        text-align: right !important;
    }


    body.woocommerce-order-received
    .woocommerce-columns--addresses {
        grid-template-columns: 1fr !important;

        gap: 10px;
    }


    body.woocommerce-order-received
    .woocommerce-column--billing-address,
    body.woocommerce-order-received
    .woocommerce-column--shipping-address {
        padding: 15px !important;
    }
}


@media (max-width: 359px) {

    body.woocommerce-order-received
    table.woocommerce-table--order-details
    th,
    body.woocommerce-order-received
    table.woocommerce-table--order-details
    td,
    body.woocommerce-order-received
    table.order_details
    th,
    body.woocommerce-order-received
    table.order_details
    td {
        padding: 10px 7px !important;
    }
}
