.site-main{
    padding: 30px 0 80px;
}
h1{
    color: #3C3C3C;
    margin-bottom: 40px;
    font-weight: 600;
    font-size: 50px;
    line-height: 1.2;
    letter-spacing: -1px;
}

.site-main div.free-shipping{
    border-radius: 5px;
    margin-bottom: 0;
}

.wc-block-components-checkbox__label a{
    color: #F15A22;
}

.wc-block-components-checkout-place-order-button,
.wc-block-cart__submit-button{
    border-radius: 60px;
    background: #F15A22;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.2;
    text-transform: uppercase;
    text-align: center;
}
.wc-block-components-checkout-place-order-button:hover,
.wc-block-cart__submit-button:hover{
    background: #3c3c3c;
}
.wc-block-components-totals-coupon__button{
    border-radius: 4px;
}
.wc-block-components-sidebar-layout.wc-block-cart{
    margin-top: 30px;
}
.woocommerce-cart .woocommerce .products{
    grid-template-columns: repeat(5, minmax(0,1fr));
}
.read-more-content a{
	color: #F15A22;
}

@media (max-width:1200px) {
    .woocommerce-cart .woocommerce .products{
        grid-template-columns: repeat(4, minmax(0,1fr));
    }
}
@media (max-width:1024px) {
    .woocommerce-cart .woocommerce .products{
        grid-template-columns: repeat(3, minmax(0,1fr));
    }
}
@media (max-width:767px) {
    .woocommerce-cart .woocommerce .products{
        grid-template-columns: repeat(2, minmax(0,1fr));
    }
    .site-main{
        padding: 20px 0 40px;
    }
    h1{
        margin-bottom: 20px;
        font-size: 36px;
    }
    .wc-block-components-sidebar-layout.wc-block-cart{
        margin-top: 10px;
    }
}



/*   T H A N K   Y O U   P A G E   (porudžbina primljena)   */

/* Naslov - isti stil kao na ostalim stranicama (page.css se ovde ne učitava) */
.woocommerce-order-received .site-main h1{
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
    column-gap: 20px;
    margin: 0 0 40px;
    font-weight: 500;
    font-size: 40px;
    line-height: 1.2;
    letter-spacing: -0.5px;
    color: #3C3C3C;
}
.woocommerce-order-received .site-main h1:after{
    content: "";
    position: relative;
    height: 1px;
    min-width: 10px;
    flex-grow: 1;
    background-color: #3C3C3C4D;
}

/* Traka za besplatnu dostavu nema smisla posle porudžbine */
.woocommerce-order-received .free-shipping{
    display: none;
}

/* ---------- Raspored ---------- */
.woocommerce-order-received .woocommerce-order{
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 380px);
    align-items: start;
    gap: 20px 30px;
    color: #3C3C3C;
}
.woocommerce-order-received .woocommerce-order > *{
    grid-column: 1 / -1;
    margin: 0;
}
.woocommerce-order-received .woocommerce-order > .woocommerce-order-details{
    grid-column: 1;
    margin-top: 10px;
}
.woocommerce-order-received .woocommerce-order > .woocommerce-customer-details{
    grid-column: 2;
    margin-top: 10px;
}

/* ---------- Poruka "Hvala vam" ---------- */
.woocommerce-order-received .woocommerce-thankyou-order-received{
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    column-gap: 20px;
    padding: 30px;
    background: #FFFFFF;
    border: 1px solid #3C3C3C4D;
    border-radius: 4px;
    font-weight: 500;
    font-size: 24px;
    line-height: 1.25;
    color: #3C3C3C;
}
.woocommerce-order-received .woocommerce-thankyou-order-received:before{
    content: "";
    flex-shrink: 0;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / 28px no-repeat,
    linear-gradient(180deg, #FC8606 -8.45%, #F15A22 100%);
}

/* ---------- Pregled: broj, datum, e-pošta, ukupno, plaćanje ---------- */
.woocommerce-order-received .woocommerce-order-overview{
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    margin: 0;
    padding: 0;
    list-style: none;
    background: #FFFFFF;
    border: 1px solid #3C3C3C4D;
    border-radius: 4px;
    overflow: hidden;
}
.woocommerce-order-received .woocommerce-order-overview li{
    margin: 0;
    padding: 20px 24px;
    border: none;
    border-left: 1px solid #3C3C3C1A;
    font-weight: 400;
    font-size: 12px;
    line-height: 1.2;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    color: #3C3C3C80;
}
.woocommerce-order-received .woocommerce-order-overview li:first-child{
    border-left: none;
}
.woocommerce-order-received .woocommerce-order-overview li strong{
    display: block;
    margin-top: 8px;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.3;
    letter-spacing: 0;
    text-transform: none;
    color: #3C3C3C;
    overflow-wrap: anywhere;
}
.woocommerce-order-received .woocommerce-order-overview li.woocommerce-order-overview__total strong{
    color: #F15A22;
}

/* Uputstvo za plaćanje (npr. "Plaćanje gotovinom kuriru...") i podaci za uplatu */
.woocommerce-order-received .woocommerce-order > p:not(.woocommerce-notice),
.woocommerce-order-received .woocommerce-bacs-bank-details{
    padding: 16px 24px;
    background: #F15A220D;
    border-left: 3px solid #F15A22;
    border-radius: 0 4px 4px 0;
    font-size: 15px;
    line-height: 1.5;
}

/* ---------- Detalji porudžbine ---------- */
.woocommerce-order-received .woocommerce-order-details,
.woocommerce-order-received .woocommerce-customer-details{
    padding: 30px;
    background: #FFFFFF;
    border: 1px solid #3C3C3C4D;
    border-radius: 4px;
}
.woocommerce-order-received .woocommerce-order-details__title,
.woocommerce-order-received .woocommerce-column__title{
    margin: 0 0 20px;
    font-weight: 500;
    font-size: 20px;
    line-height: 1.2;
    color: #3C3C3C;
}
.woocommerce-order-received .woocommerce-table--order-details{
    width: 100%;
    border: 1px solid #3C3C3C4D;
    border-radius: 4px;
    border-collapse: separate;
    border-spacing: 0;
    overflow: hidden;
}
.woocommerce-order-received .woocommerce-table--order-details th,
.woocommerce-order-received .woocommerce-table--order-details td{
    padding: 14px 20px;
    border: none;
    vertical-align: middle;
    text-align: left;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.4;
    color: #3C3C3C;
}
.woocommerce-order-received .woocommerce-table--order-details th:last-child,
.woocommerce-order-received .woocommerce-table--order-details td:last-child{
    text-align: right;
}
.woocommerce-order-received .woocommerce-table--order-details thead th{
    background: #F2F2F2;
    font-weight: 500;
    text-transform: uppercase;
}
.woocommerce-order-received .woocommerce-table--order-details tbody tr + tr > *,
.woocommerce-order-received .woocommerce-table--order-details tfoot tr > *{
    border-top: 1px solid #3C3C3C1A;
}
.woocommerce-order-received .woocommerce-table--order-details td.product-name a{
    font-weight: 500;
    color: #3C3C3C;
    text-decoration: none;
}
.woocommerce-order-received .woocommerce-table--order-details td.product-name a:hover{
    color: #F15A22;
}
.woocommerce-order-received .woocommerce-table--order-details .product-quantity{
    font-weight: 400;
    color: #3C3C3C80;
}
.woocommerce-order-received .woocommerce-table--order-details .wc-item-meta{
    margin: 6px 0 0;
    padding: 0;
    list-style: none;
    font-size: 12px;
    color: #3C3C3C80;
}
.woocommerce-order-received .woocommerce-table--order-details .wc-item-meta p{
    display: inline;
}
.woocommerce-order-received .woocommerce-table--order-details .amount{
    white-space: nowrap;
}
.woocommerce-order-received .woocommerce-table--order-details .shipped_via{
    display: block;
    font-size: 12px;
    color: #3C3C3C80;
}
/* Poslednji red sa iznosom (Ukupno) - istaknut */
.woocommerce-order-received .woocommerce-table--order-details tfoot tr:has(+ tr .order-actions--heading) > *,
.woocommerce-order-received .woocommerce-table--order-details tfoot tr:last-child:not(:has(.order-actions--heading)) > *{
    background: #F2F2F2;
    font-weight: 600;
    font-size: 16px;
}
/* Red sa dugmetom "Račun" */
.woocommerce-order-received .woocommerce-table--order-details .order-actions--heading{
    font-weight: 400;
}
.woocommerce-order-received .woocommerce-table--order-details .order-actions-button{
    display: inline-block;
    padding: 10px 22px;
    border: 1px solid #F15A22;
    border-radius: 60px;
    background: #FFFFFF;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.2;
    color: #F15A22;
    text-decoration: none;
    transition: all .3s ease;
}
.woocommerce-order-received .woocommerce-table--order-details .order-actions-button:hover{
    background: linear-gradient(180deg, #FC8606 -8.45%, #F15A22 100%);
    color: #FFFFFF;
}

/* ---------- Adresa ---------- */
.woocommerce-order-received .woocommerce-customer-details address{
    margin: 0;
    padding: 20px;
    background: #f4f5f8;
    border-radius: 4px;
    font-style: normal;
    font-size: 15px;
    line-height: 1.6;
    color: #3C3C3C;
}
.woocommerce-order-received .woocommerce-customer-details address p{
    margin: 10px 0 0;
    padding-left: 26px;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 16px;
    overflow-wrap: anywhere;
}
.woocommerce-order-received .woocommerce-customer-details--phone{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M2.5 1h3.3c.7 0 1.4.5 1.5 1.3l.5 2.7c.1.7-.3 1.4-1 1.6l-.6.2c-.3.1-.4.3-.3.6l.6 2.3c.4 1.6 1.6 2.8 3.2 3.4l1.5.5c.2.1.5 0 .6-.2l.7-1.1c.4-.6 1.1-.8 1.7-.6l3.2 1c.6.2 1 .8 1 1.4v2.6c0 .8-.7 1.5-1.5 1.5h-2C7.5 19 1 12.5 1 4.5v-2C1 1.7 1.7 1 2.5 1Z' stroke='%23F15A22' stroke-width='1.3'/%3E%3C/svg%3E");
}
.woocommerce-order-received .woocommerce-customer-details--email{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%23F15A22' stroke-width='1.3'%3E%3Crect x='1.5' y='3.5' width='17' height='13' rx='2'/%3E%3Cpath d='M2 5l8 6 8-6'/%3E%3C/svg%3E");
}
/* Interno polje kurirske službe (Town ID) - nije za kupca */
.woocommerce-order-received .woocommerce-customer-details .wc-block-components-additional-fields-list{
    display: none;
}
/* Kad postoje i adresa za naplatu i za dostavu */
.woocommerce-order-received .woocommerce-columns--addresses{
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 20px;
}
.woocommerce-order-received .woocommerce-columns--addresses .woocommerce-column{
    width: 100%;
    float: none;
}

/* ---------- Tablet ---------- */
@media (max-width: 1024px){
    .woocommerce-order-received .site-main h1{
        font-size: 30px;
    }
    .woocommerce-order-received .woocommerce-order{
        grid-template-columns: minmax(0, 1fr);
    }
    .woocommerce-order-received .woocommerce-order > .woocommerce-order-details,
    .woocommerce-order-received .woocommerce-order > .woocommerce-customer-details{
        grid-column: 1;
    }
    .woocommerce-order-received .woocommerce-order-overview{
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .woocommerce-order-received .woocommerce-order-overview li{
        border-left: none;
        border-top: 1px solid #3C3C3C1A;
    }
    .woocommerce-order-received .woocommerce-order-overview li:nth-child(-n+3){
        border-top: none;
    }
    .woocommerce-order-received .woocommerce-order-overview li:not(:nth-child(3n+1)){
        border-left: 1px solid #3C3C3C1A;
    }
    .woocommerce-order-received .woocommerce-columns--addresses{
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* ---------- Mobilni ---------- */
@media (max-width: 767px){
    .woocommerce-order-received .site-main h1{
        font-size: 24px;
        margin-bottom: 20px;
    }
    .woocommerce-order-received .woocommerce-order{
        gap: 15px;
    }
    .woocommerce-order-received .woocommerce-thankyou-order-received{
        column-gap: 14px;
        padding: 20px 15px;
        font-size: 18px;
    }
    .woocommerce-order-received .woocommerce-thankyou-order-received:before{
        width: 44px;
        height: 44px;
        background-size: 22px, auto;
    }
    .woocommerce-order-received .woocommerce-order-overview{
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .woocommerce-order-received .woocommerce-order-overview li,
    .woocommerce-order-received .woocommerce-order-overview li:nth-child(-n+3),
    .woocommerce-order-received .woocommerce-order-overview li:not(:nth-child(3n+1)){
        padding: 14px 15px;
        border-left: none;
        border-top: 1px solid #3C3C3C1A;
        font-size: 11px;
    }
    .woocommerce-order-received .woocommerce-order-overview li:nth-child(-n+2){
        border-top: none;
    }
    /* raspored: broj | datum / ukupno | plaćanje / e-pošta preko cele širine */
    .woocommerce-order-received .woocommerce-order-overview li.woocommerce-order-overview__date,
    .woocommerce-order-received .woocommerce-order-overview li.woocommerce-order-overview__payment-method{
        border-left: 1px solid #3C3C3C1A;
    }
    .woocommerce-order-received .woocommerce-order-overview li.woocommerce-order-overview__email{
        grid-column: 1 / -1;
        order: 5;
        border-top: 1px solid #3C3C3C1A;
    }
    .woocommerce-order-received .woocommerce-order-overview li strong{
        font-size: 14px;
    }
    .woocommerce-order-received .woocommerce-order > p:not(.woocommerce-notice){
        padding: 14px 15px;
        font-size: 14px;
    }
    .woocommerce-order-received .woocommerce-order-details,
    .woocommerce-order-received .woocommerce-customer-details{
        padding: 20px 15px;
    }
    .woocommerce-order-received .woocommerce-order-details__title,
    .woocommerce-order-received .woocommerce-column__title{
        font-size: 18px;
        margin-bottom: 15px;
    }
    .woocommerce-order-received .woocommerce-table--order-details th,
    .woocommerce-order-received .woocommerce-table--order-details td{
        padding: 12px 10px;
        font-size: 13px;
    }
    .woocommerce-order-received .woocommerce-table--order-details tfoot tr:has(+ tr .order-actions--heading) > *,
    .woocommerce-order-received .woocommerce-table--order-details tfoot tr:last-child:not(:has(.order-actions--heading)) > *{
        font-size: 14px;
    }
    .woocommerce-order-received .woocommerce-customer-details address{
        padding: 15px;
        font-size: 14px;
    }
    .woocommerce-order-received .woocommerce-columns--addresses{
        grid-template-columns: minmax(0, 1fr);
    }

}