/* ================= CONTAINER ================= */

.order-page .account-content{
padding: 0 12px;
}

/* ================= HEADER ================= */

.order-page .order-title{
font-size:22px;
font-weight:600;
margin-bottom:4px;
}

.order-page .order-date{
font-size:13px;
color:#777;
margin-bottom:10px;
}


/* ================= STATUS ================= */

.order-page .status-banner{
padding:10px 12px;
border-radius:10px;
font-size:13px;
margin-bottom:16px;
font-weight:500;
display:inline-block;
}

.order-page .status-banner.paid{background:#e8f5e9;color:#2e7d32;}
.order-page .status-banner.pending{background:#fff8e1;color:#b7791f;}
.order-page .status-banner.processing{background:#e3f2fd;color:#1565c0;}
.order-page .status-banner.shipped{background:#ede7f6;color:#5e35b1;}
.order-page .status-banner.delivered{background:#e8f5e9;color:#2e7d32;}
.order-page .status-banner.cancelled{background:#ffebee;color:#c62828;}


/* ================= PRODUTO ================= */

.order-page .product-card{
display:flex;
gap:12px;
background:#fff;
border-radius:14px;
padding:10px;
margin-bottom:12px;
box-shadow:0 4px 12px rgba(0,0,0,0.04);
align-items:flex-start;
}

.order-page .product-img{
width:80px !important;
height:80px !important;
object-fit:cover;
border-radius:10px;
flex-shrink:0;
}

.order-page .product-info{
flex:1;
display:flex;
flex-direction:column;
gap:4px;
}

.order-page .product-name{
font-size:14px;
font-weight:600;
line-height:1.2;
}

.order-page .product-desc{
font-size:12px;
color:#777;
line-height:1.2;
}

.order-page .product-meta{
font-size:12px;
color:#666;
}

.order-page .product-price{
font-size:14px;
font-weight:600;
margin-top:4px;
color:#000;
}


/* ================= CARD ================= */

.order-page .card{
background:#fff;
padding:14px;
border-radius:14px;
margin-bottom:12px;
box-shadow:0 4px 12px rgba(0,0,0,0.04);
}

.order-page .card-header{
display:flex;
justify-content:space-between;
align-items:center;
font-size:13px;
color:#555;
margin-bottom:6px;
}

.order-page .card-title{
font-size:14px;
font-weight:600;
margin-bottom:8px;
}


/* ================= ENDEREÇO ================= */

.order-page .address-main{
font-size:14px;
font-weight:600;
line-height:1.3;
}

.order-page .address-sub{
font-size:12px;
color:#777;
margin-top:2px;
}

.order-page .address-details{
display:none;
margin-top:10px;
padding-top:10px;
border-top:1px solid #eee;
font-size:13px;
line-height:1.4;
}

.order-page .btn-map{
background:#f2f2f2;
border:none;
padding:4px 10px;
border-radius:20px;
font-size:11px;
cursor:pointer;
}


/* ================= RESUMO ================= */

.order-page .summary-row{
display:flex;
justify-content:space-between;
font-size:14px;
margin-bottom:8px;
}

.order-page .summary-row strong{
font-size:15px;
}


/* ================= PAGAMENTO ================= */

.order-page .payment-box{
display:flex;
justify-content:space-between;
align-items:center;
background:#fafafa;
padding:10px;
border-radius:10px;
margin-top:8px;
}

.order-page .payment-left{
display:flex;
flex-direction:column;
font-size:13px;
font-weight:600;
}

.order-page .payment-status{
font-size:11px;
color:#2e7d32;
margin-top:2px;
}


/* ================= MOBILE ================= */

@media(max-width:480px){

.order-page .order-title{
font-size:20px;
}

.order-page .product-img{
width:70px !important;
height:70px !important;
}

}