/*
============================================================
NANDA FOOD EXPORT — PROPRIETARY SOURCE CODE
Copyright © 2026 PT. Nanda Food And Agriculture.
All Rights Reserved.

Unauthorized copying, modification, distribution, publication,
or reuse of this proprietary source code, in whole or in substantial
part, is prohibited without prior written permission from
PT. Nanda Food And Agriculture.

Third-party materials remain subject to their respective licenses.
============================================================
*/

/* ==========================================
CART PAGE
NANDA FOOD EXPORT
========================================== */

/* ==========================================
CART HERO
========================================== */

.cart-hero{

padding-top:60px;

padding-bottom:60px;

background:
linear-gradient(
135deg,
#f8faf8 0%,
#ffffff 100%
);

text-align:center;

}

.cart-hero-content{

max-width:850px;

margin:auto;

}

.cart-hero-content h1{

font-size:48px;

line-height:1.2;

margin-bottom:20px;

color:var(--primary);

}

.cart-hero-content p{

max-width:700px;

margin:auto;

font-size:18px;

color:var(--text-light);

line-height:1.8;

}

/* ==========================================
CART SECTION
========================================== */

.cart-section{

padding:80px 0;

background:#fafaf7;

}

/* ==========================================
LAYOUT
========================================== */

.cart-layout{

display:grid;

grid-template-columns:
2fr 1fr;

gap:40px;

align-items:start;

}

/* ==========================================
CONTINUE SHOPPING
========================================== */

.continue-shopping{

display:inline-flex;

align-items:center;

gap:10px;

margin-bottom:30px;

font-weight:600;

color:var(--primary);

transition:.3s;

}

.continue-shopping:hover{

color:var(--secondary);

}

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

.cart-header{

margin-bottom:25px;

}

.cart-header h2{

font-size:32px;

color:var(--primary);

}

/* ==========================================
CART ITEMS
========================================== */

#cartItems{

display:flex;

flex-direction:column;

gap:25px;

}

/* ==========================================
CART ITEM
========================================== */

.cart-item{

display:flex;

gap:25px;

background:var(--white);

padding:25px;

border-radius:20px;

box-shadow:
0 10px 25px rgba(0,0,0,.05);

}

.cart-item img{

width:140px;

height:140px;

object-fit:contain;

background:#fafaf7;

border-radius:15px;

padding:10px;

flex-shrink:0;

}

.cart-item-content{

flex:1;

}

.cart-item-content h3{

font-size:22px;

color:var(--primary);

margin-bottom:12px;

}

.cart-item-content p{

margin-bottom:10px;

color:var(--text-light);

}

/* ==========================================
QUANTITY
========================================== */

.cart-qty{

display:flex;

align-items:center;

gap:15px;

margin-top:20px;

}

.cart-qty button{

width:40px;

height:40px;

border:none;

border-radius:50%;

background:var(--primary);

color:#fff;

font-size:18px;

font-weight:700;

cursor:pointer;

transition:.3s;

}

.cart-qty button:hover{

background:var(--secondary);

}

.cart-qty span{

font-size:18px;

font-weight:700;

min-width:30px;

text-align:center;

}

/* ==========================================
REMOVE BUTTON
========================================== */

.remove-item{

margin-top:20px;

border:none;

background:none;

color:#dc3545;

font-weight:600;

cursor:pointer;

}

/* ==========================================
SUMMARY
========================================== */

.cart-summary{

position:sticky;

top:120px;

background:var(--white);

padding:30px;

border-radius:20px;

box-shadow:
0 10px 30px rgba(0,0,0,.06);

}

.cart-summary h3{

font-size:28px;

margin-bottom:25px;

color:var(--primary);

}

/* ==========================================
SUMMARY ITEM
========================================== */

.summary-item{

display:flex;

justify-content:space-between;

align-items:center;

padding:14px 0;

border-bottom:
1px solid rgba(0,0,0,.08);

}

.summary-item:last-child{

border-bottom:none;

}

.summary-item span{

color:var(--text-light);

}

.summary-item strong{

color:var(--primary);

}

/* ==========================================
REQUEST BUTTON
========================================== */

#requestQuotationBtn{

width:100%;

margin-top:25px;

display:flex;

justify-content:center;

align-items:center;

gap:10px;

}

/* ==========================================
EMPTY CART
========================================== */

.empty-cart{

text-align:center;

padding:60px 20px;

background:var(--white);

border-radius:20px;

box-shadow:
0 10px 25px rgba(0,0,0,.05);

}

.empty-cart i{

font-size:70px;

color:var(--secondary);

margin-bottom:20px;

display:block;

}

.empty-cart h3{

margin-bottom:15px;

color:var(--primary);

}

.empty-cart p{

margin-bottom:25px;

}

/* ==========================================
RESPONSIVE
========================================== */

@media (max-width:992px){

.cart-layout{

grid-template-columns:1fr;

}

.cart-summary{

position:relative;

top:auto;

}

}

@media (max-width:768px){

.cart-item{

flex-direction:column;

}

.cart-item img{

width:100%;

height:250px;

}

.cart-hero-content h1{

font-size:36px;

}

.cart-header h2{

font-size:28px;

}

}

@media (max-width:480px){

.cart-hero{

padding-top:40px;

padding-bottom:40px;

}

.cart-hero-content h1{

font-size:30px;

}

.cart-hero-content p{

font-size:15px;

}

.cart-item{

padding:20px;

}

.cart-summary{

padding:20px;

}

}

/* ==========================================
FOOTER FIX CART PAGE
========================================== */

body.cart-page #footer{
opacity:1;
transform:none;
}

.footer-brand p{
    text-align:justify;
    text-justify:inter-word;
    text-align-last:left;
    line-height:1.8;
}