/* Vestella Orders 1.6.3 — native WoodMart color tokens */
.vestella-order-view{
    --vo-primary:var(--wd-primary-color);
    --vo-primary-soft:color-mix(in srgb, var(--wd-primary-color) 12%, var(--bgcolor-white, #fff));
    --vo-title:var(--wd-title-color, #242424);
    --vo-text:var(--wd-text-color, #555);
    --vo-muted:color-mix(in srgb, var(--wd-text-color, #555) 70%, transparent);
    --vo-surface:var(--bgcolor-white, #fff);
    --vo-soft:var(--bgcolor-gray-100, #f7f7f7);
    --vo-line:var(--wd-divider-color, var(--wd-brdcolor-gray-200, #e5e5e5));
    --vo-accent-bg:var(--btn-accented-bgcolor, var(--wd-primary-color));
    --vo-accent-bg-hover:var(--btn-accented-bgcolor-hover, var(--wd-primary-color));
    --vo-accent-color:var(--btn-accented-color, #fff);
    --vo-accent-color-hover:var(--btn-accented-color-hover, #fff);
}


/* Vestella Orders – customer order view */
.vestella-order-view .woocommerce-MyAccount-content{
    max-width:1180px;
}
.vestella-order-view .woocommerce-MyAccount-content > p:first-of-type{
    display:none;
}
.vestella-order-view .woocommerce-order-details__title{
    margin:34px 0 14px;
    font-size:25px;
    letter-spacing:.02em;
}
.vestella-order-view .woocommerce-order-details,
.vestella-order-view .woocommerce-customer-details{
    margin-bottom:28px;
}
.vestella-order-hero{
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
    gap:24px;
    margin:0 0 24px;
    padding:8px 2px 2px;
}
.vestella-order-hero__eyebrow{
    margin:0 0 7px;
    font-size:11px;
    letter-spacing:.16em;
    text-transform:uppercase;
    opacity:.55;
}
.vestella-order-hero h1{
    margin:0;
    font-size:34px;
    line-height:1.08;
    font-weight:500;
    letter-spacing:-.02em;
}
.vestella-order-hero h1 span{
    font-weight:400;
}
.vestella-order-hero__meta{
    margin:9px 0 0;
    font-size:13px;
    opacity:.6;
}
.vestella-order-hero__status,
.vestella-orders-current{
    display:inline-flex;
    align-items:center;
    min-height:34px;
    padding:7px 13px;
    border:1px solid color-mix(in srgb, var(--vo-primary) 26%, var(--vo-line));
    border-radius:999px;
    background:var(--vo-primary-soft);
    font-size:12px;
    font-weight:600;
    white-space:nowrap;
}

/* Tracker */
.vestella-orders-card{
    margin:0 0 28px;
    padding:27px 28px 25px;
    border:1px solid rgba(37,31,31,.10);
    border-radius:16px;
    background:var(--vo-surface);
    box-shadow:0 8px 26px rgba(34,25,25,.025);
}
.vestella-orders-card__header{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:18px;
    margin-bottom:27px;
}
.vestella-orders-card__header h2{
    margin:0;
    font-size:18px;
    line-height:1.2;
    letter-spacing:.035em;
    text-transform:uppercase;
}
.vestella-orders-eyebrow{
    margin:0 0 5px;
    font-size:10px;
    letter-spacing:.16em;
    text-transform:uppercase;
    opacity:.48;
}
.vestella-orders-tracker{
    display:grid;
    grid-template-columns:repeat(6,1fr);
    margin:0;
    padding:0;
    list-style:none;
}
.vestella-orders-tracker li{
    position:relative;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:10px;
    min-width:0;
    text-align:center;
}
.vestella-orders-tracker li:not(:last-child)::after{
    content:"";
    position:absolute;
    z-index:1;
    top:8px;
    left:calc(50% + 10px);
    width:calc(100% - 20px);
    height:1px;
    background:var(--vo-line);
}
.vestella-orders-tracker li.is-complete:not(:last-child)::after{
    background:var(--vo-title);
}
.vestella-orders-dot{
    position:relative;
    z-index:2;
    width:17px;
    height:17px;
    border-radius:50%;
    background:var(--vo-surface);
    border:1px solid var(--vo-line);
    box-shadow:0 0 0 4px var(--vo-surface);
}
.is-complete .vestella-orders-dot{
    background:var(--vo-title);
    border-color:var(--vo-title);
}
.is-current .vestella-orders-dot{
    background:var(--vo-primary);
    border-color:var(--vo-primary);
    box-shadow:0 0 0 4px var(--vo-primary-soft);
}
.vestella-orders-label{
    max-width:105px;
    font-size:11px;
    line-height:1.3;
    opacity:.50;
}
.is-complete .vestella-orders-label,
.is-current .vestella-orders-label{
    opacity:1;
    font-weight:600;
}

/* Products / totals */
.vestella-order-view .woocommerce-table--order-details{
    overflow:hidden;
    border:1px solid rgba(37,31,31,.10)!important;
    border-collapse:separate!important;
    border-spacing:0!important;
    border-radius:16px;
    background:var(--vo-surface);
}
.vestella-order-view .woocommerce-table--order-details thead th{
    padding:17px 20px!important;
    border-bottom:1px solid rgba(37,31,31,.09)!important;
    background:var(--vo-soft);
    font-size:11px!important;
    letter-spacing:.08em;
    text-transform:uppercase;
}
.vestella-order-view .woocommerce-table--order-details tbody td{
    padding:17px 20px!important;
    border-bottom:1px solid rgba(37,31,31,.07)!important;
    vertical-align:middle!important;
}
.vestella-order-view .woocommerce-table--order-details tbody tr:last-child td{
    border-bottom:1px solid rgba(37,31,31,.09)!important;
}
.vestella-order-view .woocommerce-table--order-details tfoot th,
.vestella-order-view .woocommerce-table--order-details tfoot td{
    padding:13px 20px!important;
    border-top:0!important;
    border-bottom:1px solid rgba(37,31,31,.06)!important;
}
.vestella-order-view .woocommerce-table--order-details tfoot tr:last-child th,
.vestella-order-view .woocommerce-table--order-details tfoot tr:last-child td{
    padding-top:18px!important;
    padding-bottom:18px!important;
    border-bottom:0!important;
    font-size:18px;
}
.vestella-order-view .woocommerce-table__product-total{
    width:180px;
    text-align:right!important;
}
.vestella-order-product{
    display:flex;
    align-items:center;
    gap:16px;
}
.vestella-order-product__thumb{
    width:70px;
    min-width:70px;
    height:88px;
    overflow:hidden;
    border-radius:8px;
    background:var(--vo-soft);
}
.vestella-order-product__thumb img{
    width:100%!important;
    height:100%!important;
    margin:0!important;
    object-fit:cover!important;
}
.vestella-order-product__content{
    display:flex;
    flex-direction:column;
    gap:5px;
}
.vestella-order-product__name{
    display:block;
    font-size:14px;
    font-weight:600;
    line-height:1.35;
}
.vestella-order-product__sku{
    display:block;
    font-size:10px;
    letter-spacing:.04em;
    opacity:.45;
}
.vestella-order-view .wc-item-meta{
    margin:6px 0 0!important;
    padding:0!important;
    font-size:11px;
    opacity:.68;
}
.vestella-order-view .wc-item-meta li{
    margin:2px 0!important;
}

/* Addresses */
.vestella-order-view .woocommerce-customer-details{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:16px;
}
.vestella-order-view .woocommerce-customer-details > h2{
    grid-column:1/-1;
    margin:6px 0 0;
    font-size:24px;
}
.vestella-order-view .woocommerce-customer-details address,
.vestella-order-view .woocommerce-columns--addresses .woocommerce-column{
    border:1px solid rgba(37,31,31,.10)!important;
    border-radius:16px!important;
    background:var(--vo-surface)!important;
}
.vestella-order-view .woocommerce-columns--addresses{
    grid-column:1/-1;
    display:grid!important;
    grid-template-columns:1fr 1fr;
    gap:16px;
    margin:0!important;
}
.vestella-order-view .woocommerce-columns--addresses .woocommerce-column{
    width:auto!important;
    max-width:none!important;
    padding:22px!important;
}
.vestella-order-view .woocommerce-columns--addresses .woocommerce-column__title{
    margin:0 0 14px!important;
    font-size:16px!important;
    text-transform:uppercase;
    letter-spacing:.04em;
}
.vestella-order-view .woocommerce-columns--addresses address{
    padding:0!important;
    border:0!important;
    line-height:1.75!important;
    font-size:13px;
}

/* Shipment box */
.vestella-orders-shipment{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:18px;
    margin-top:24px;
    padding:17px 18px;
    border-radius:12px;
    background:var(--vo-soft);
}
.vestella-orders-shipment div{
    display:flex;
    flex-direction:column;
    gap:3px;
}
.vestella-orders-shipment span,
.vestella-orders-shipment small{
    font-size:10px;
    opacity:.55;
}
.vestella-orders-shipment strong{
    font-size:13px;
}
.vestella-orders-track-button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:42px;
    padding:0 17px;
    border-radius:8px;
    background:var(--vo-title);
    color:var(--vo-surface)!important;
    text-decoration:none!important;
    font-size:12px;
    font-weight:600;
}
.vestella-orders-delivery-note{
    margin:16px 0 0;
    padding:12px 14px;
    border-radius:10px;
    background:var(--vo-soft);
    font-size:12px;
}

/* Woo / Returns action buttons */
.vestella-order-view .woocommerce-order-details .button,
.vestella-order-view .woocommerce-MyAccount-content .woocommerce-button,
.vestella-order-view .woocommerce-MyAccount-content a.button{
    min-height:43px;
    padding:12px 18px!important;
    border:1px solid var(--vo-primary)!important;
    border-radius:8px!important;
    background:var(--vo-surface)!important;
    color:color-mix(in srgb, var(--vo-primary) 82%, #000)!important;
    font-size:11px!important;
    font-weight:600!important;
    letter-spacing:.035em;
    text-transform:uppercase;
    box-shadow:none!important;
}
.vestella-order-view .woocommerce-order-details .button:hover,
.vestella-order-view .woocommerce-MyAccount-content .woocommerce-button:hover,
.vestella-order-view .woocommerce-MyAccount-content a.button:hover{
    background:var(--vo-accent-bg)!important;
    color:var(--vo-accent-color)!important;
}

/* Small cleanup for WoodMart / Woo defaults */
.vestella-order-view .woocommerce-MyAccount-content table th,
.vestella-order-view .woocommerce-MyAccount-content table td{
    font-size:13px;
}
.vestella-order-view mark{
    padding:0!important;
    background:transparent!important;
    color:inherit!important;
}
.vestella-order-view .woocommerce-order-details__order-status{
    display:none!important;
}

@media(max-width:760px){
    .vestella-order-hero{
        align-items:flex-start;
        flex-direction:column;
    }
    .vestella-order-hero h1{
        font-size:28px;
    }
    .vestella-orders-card{
        padding:20px 17px;
    }
    .vestella-orders-card__header{
        flex-direction:column;
        margin-bottom:20px;
    }
    .vestella-orders-tracker{
        grid-template-columns:1fr;
    }
    .vestella-orders-tracker li{
        min-height:43px;
        flex-direction:row;
        justify-content:flex-start;
        text-align:left;
        gap:12px;
    }
    .vestella-orders-tracker li:not(:last-child)::after{
        top:22px;
        left:8px;
        width:1px;
        height:27px;
    }
    .vestella-orders-label{
        max-width:none;
    }
    .vestella-order-view .woocommerce-table--order-details thead{
        display:none;
    }
    .vestella-order-view .woocommerce-table--order-details tbody td{
        display:block;
        width:100%!important;
        text-align:left!important;
    }
    .vestella-order-view .woocommerce-table--order-details tbody td.product-total{
        padding-top:0!important;
        text-align:right!important;
    }
    .vestella-order-product__thumb{
        width:62px;
        min-width:62px;
        height:78px;
    }
    .vestella-order-view .woocommerce-columns--addresses{
        grid-template-columns:1fr;
    }
    .vestella-orders-shipment{
        align-items:flex-start;
        flex-direction:column;
    }
    .vestella-orders-track-button{
        width:100%;
    }
}


/* =========================================================
   Vestella Orders 1.6 — plugin-owned customer status tracker
   ========================================================= */
.vestella-orders-status-card{
	margin:0 0 22px;
	padding:26px 28px 22px;
	border:1px solid rgba(40,34,32,.10);
	border-radius:14px;
	background:var(--vo-surface);
	box-shadow:none;
}
.vestella-orders-status-card__heading{
	margin-bottom:24px;
}
.vestella-orders-status-card__heading h2{
	margin:0!important;
	font-family:Georgia,"Times New Roman",serif;
	font-size:28px!important;
	font-weight:400!important;
	line-height:1.1;
	letter-spacing:.01em;
	text-transform:uppercase;
	color:var(--vo-title);
}
.vestella-orders-status-track{
	display:grid;
	grid-template-columns:repeat(6,minmax(0,1fr));
	margin:0;
	padding:0;
	list-style:none;
}
.vestella-orders-status-track>li{
	position:relative;
	display:flex;
	flex-direction:column;
	align-items:center;
	min-width:0;
	text-align:center;
}
.vestella-orders-status-track>li:not(:last-child)::after{
	content:"";
	position:absolute;
	z-index:1;
	top:14px;
	left:calc(50% + 15px);
	width:calc(100% - 30px);
	height:1px;
	background:var(--vo-line);
}
.vestella-orders-status-track>li.is-complete:not(:last-child)::after{
	background:var(--vo-title);
}
.vestella-orders-status-dot{
	position:relative;
	z-index:2;
	display:flex;
	align-items:center;
	justify-content:center;
	width:28px;
	height:28px;
	border:1px solid var(--vo-line);
	border-radius:50%;
	background:var(--vo-surface);
	color:var(--vo-surface);
	box-shadow:0 0 0 4px var(--vo-surface);
	font-size:11px;
	font-weight:700;
	line-height:1;
}
.vestella-orders-status-track>li.is-complete .vestella-orders-status-dot{
	border-color:var(--vo-title);
	background:var(--vo-title);
}
.vestella-orders-status-track>li.is-current .vestella-orders-status-dot{
	border:2px solid var(--vo-primary);
	background:var(--vo-surface);
	box-shadow:0 0 0 4px var(--vo-primary-soft);
}
.vestella-orders-status-label{
	display:block;
	margin-top:11px;
	max-width:108px;
	color:var(--vo-muted);
	font-size:10.5px;
	font-weight:500;
	line-height:1.35;
}
.vestella-orders-status-track>li.is-complete .vestella-orders-status-label,
.vestella-orders-status-track>li.is-current .vestella-orders-status-label{
	color:var(--vo-title);
}
.vestella-orders-status-track small{
	display:block;
	margin-top:5px;
	color:var(--vo-muted);
	font-size:9px;
	line-height:1.2;
}
.vestella-orders-status-note{
	display:flex;
	align-items:center;
	gap:13px;
	margin-top:28px;
	padding:14px 16px;
	border-radius:10px;
	background:var(--vo-primary-soft);
	color:var(--vo-text);
}
.vestella-orders-status-note__icon{
	display:flex;
	align-items:center;
	justify-content:center;
	flex:0 0 25px;
	width:25px;
	height:25px;
	color:color-mix(in srgb, var(--vo-primary) 82%, #000);
	font-size:23px;
	line-height:1;
}
.vestella-orders-status-note>div{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	gap:4px 7px;
}
.vestella-orders-status-note strong{
	font-size:10.5px;
	font-weight:600;
}
.vestella-orders-status-note span:not(.vestella-orders-status-note__icon){
	font-size:10px;
	color:var(--vo-muted);
}
.vestella-orders-status-shipment{
	margin-top:14px!important;
}

@media(max-width:760px){
	.vestella-orders-status-card{
		padding:20px 16px;
	}
	.vestella-orders-status-card__heading h2{
		font-size:23px!important;
	}
	.vestella-orders-status-track{
		grid-template-columns:1fr;
		gap:0;
	}
	.vestella-orders-status-track>li{
		min-height:48px;
		align-items:flex-start;
		padding-left:42px;
		text-align:left;
	}
	.vestella-orders-status-track>li:not(:last-child)::after{
		top:28px;
		left:14px;
		width:1px;
		height:27px;
	}
	.vestella-orders-status-dot{
		position:absolute;
		left:0;
		top:0;
	}
	.vestella-orders-status-label{
		margin-top:3px;
		max-width:none;
	}
	.vestella-orders-status-track small{
		margin-top:2px;
	}
}