.gl-order-card{
    display:none;
}
@media (max-width:767px){
    .woocommerce-orders-table{
        display:none;
    }
    .gl-order-card{
        display:block;
    }
    .gl-order-item{
        border:1.5px solid #e5e5e5;
        border-radius:10px;
        padding:16px;
        margin-bottom:16px;
    }

    /* Header: nomor order + tanggal + status */
    .gl-order-title{
        display:flex;
        justify-content:space-between;
        align-items:flex-start;
        margin-bottom:12px;
        padding-bottom:10px;
        border-bottom:1px solid #eee;
    }
    .gl-order-title-main{
        display:flex;
        flex-direction:column;
    }
    .gl-order-number{
        font-size:16px;
        font-weight:700;
        color:#222;
    }
    .gl-order-date{
        font-size:11px;
        color:#999;
        margin-top:2px;
    }
    .gl-order-status{
        font-size:13px;
        font-weight:600;
        color:#b73525;
        flex:0 0 auto;
        white-space:nowrap;
        margin-left:8px;
    }

    /* Daftar produk */
    .gl-order-products{
        display:flex;
        flex-direction:column;
        gap:12px;
    }
    .gl-order-product{
        display:flex;
        gap:12px;
    }
    .gl-product-hidden{
        display:none;
    }
    .gl-product-hidden.gl-product-show{
        display:flex;
    }
    .gl-product-thumb{
        flex:0 0 auto;
        width:70px;
        height:70px;
        border-radius:8px;
        overflow:hidden;
        background:#f5f5f5;
    }
    .gl-product-thumb img{
        width:100%;
        height:100%;
        object-fit:cover;
        display:block;
        margin:0;
        border-radius:8px;
    }
    .gl-product-info{
        flex:1 1 auto;
        min-width:0;
    }
    .gl-product-top{
        display:flex;
        justify-content:space-between;
        align-items:flex-start;
        gap:8px;
    }
    .gl-product-name{
        font-size:14px;
        color:#222;
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;
        max-width:100%;
    }
    .gl-product-qty{
        flex:0 0 auto;
        font-size:13px;
        color:#999;
    }
    .gl-product-variation{
        font-size:12px;
        color:#999;
        margin-top:4px;
    }
    .gl-product-price{
        margin-top:8px;
        text-align:right;
    }
    .gl-price-old{
        font-size:12px;
        color:#999;
        text-decoration:line-through;
        margin-right:6px;
    }
    .gl-price-new{
        font-size:14px;
        color:#222;
        font-weight:600;
    }

    /* Toggle "Lihat Semua" */
    .gl-toggle-items{
        display:flex;
        align-items:center;
        justify-content:center;
        gap:4px;
        width:100%;
        background:none;
        border:none;
        outline:none;
        box-shadow:none;
        -webkit-appearance:none;
        appearance:none;
        padding:10px 0 0;
        margin:4px 0 0;
        font-size:13px;
        color:#777;
        cursor:pointer;
    }
    .gl-toggle-items:focus,
    .gl-toggle-items:focus-visible,
    .gl-toggle-items:active{
        border:none;
        outline:none;
        box-shadow:none;
    }
    .gl-toggle-icon{
        font-size:10px;
        transition:transform 0.2s ease;
    }
    .gl-toggle-items.gl-toggle-open .gl-toggle-icon{
        transform:rotate(180deg);
    }

    /* Total baris */
    .gl-order-row{
        display:flex;
        justify-content:space-between;
        margin:8px 0;
    }
    .gl-order-row span:first-child{
        color:#777;
    }
    .gl-order-total{
        margin-top:12px;
        padding-top:12px;
        border-top:1px solid #eee;
        font-size:14px;
    }
    .gl-order-total strong{
        color:#222;
    }

    .gl-order-actions{
        margin-top:16px;
        display:flex;
        gap:8px;
    }
    .gl-order-actions .button{
        flex:1;
        background-color:#b73525 !important;
        color:#fff !important;
        border:1.5px solid #b73525 !important;
        border-radius:6px;
        width:auto;
        margin-top:0;
        text-align:center;
        padding:10px 0;
        font-size:14px;
    }
    .gl-order-actions .button.pay{
        background-color:#fffbf3 !important;
        color:#b73525 !important;
    }
}
/* Custom Order Filter Tabs - styling */
.woocommerce-orders-filter {
	width: 100%;
	border-bottom: 1px solid #e5e5e5;
	margin-bottom: 20px;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}
.woocommerce-orders-filter__list {
	display: flex;
	flex-wrap: nowrap;
	list-style: none;
	margin: 0;
	padding: 0;
	gap: 4px;
}
.woocommerce-orders-filter__item {
	list-style: none;
	margin: 0;
	padding: 0;
	flex: 0 0 auto;
}
.woocommerce-orders-filter__link {
	display: inline-block;
	white-space: nowrap;
	padding: 12px 18px;
	font-size: 14px;
	font-weight: 500;
	color: #757575;
	text-decoration: none;
	border-bottom: 2px solid transparent;
	transition: color 0.2s ease, border-color 0.2s ease;
}
.woocommerce-orders-filter__link:hover {
	color: #b73525;
}
.woocommerce-orders-filter__link.active {
	color: #b73525;
	border-bottom-color: #b73525;
	font-weight: 600;
}
.woocommerce-orders-filter::-webkit-scrollbar {
	height: 3px;
}
/* Custom Order Filter Tabs - loading state saat AJAX jalan */
.gl-orders-list-wrapper.gl-loading {
	opacity: 0.5;
	pointer-events: none;
	transition: opacity 0.15s ease;
}

/* Tombol Lihat/Bayar di kolom Actions - tabel DESKTOP (di luar media query, tidak ikut card mobile) */
.woocommerce-orders-table__cell-order-actions a.button{
	background-color: #b73525 !important;
	color: #fff !important;
	border: 1.5px solid #b73525 !important;
	border-radius: 6px;
	padding: 8px 16px;
	margin-right: 6px;
	text-decoration: none;
	display: inline-block;
}
.woocommerce-orders-table__cell-order-actions a.button.pay{
	background-color: #fffbf3 !important;
	padding : 11px;
	color: #b73525 !important;
}