/* ==========================================================
   Sold / Unsold result badge (next to Completed badge)
========================================================== */
span.tes-auction-status-wrap {
    display: flex;
    flex-direction: row;
}
.tes-auction-card-image .tes-auction-status {
    position: unset;
}

.tes-auction-card-image .tes-auction-status {
    position: unset !important;
}
.tes-auction-status-wrap{
	position:absolute;
	top:16px;
	right:16px;
	z-index:2;
	display:flex;
	align-items:center;
	gap:8px;
}

.tes-auction-status-wrap .tes-auction-status{
	position:static;
	box-shadow:0 8px 20px rgba(16,40,61,.15);
}

.tes-auction-result{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-height:31px;
	padding:0 12px;
	border-radius:999px;
	font-size:12px;
	font-weight:800;
	box-shadow:0 8px 20px rgba(16,40,61,.15);
}

.tes-auction-result-sold{
        text-transform: uppercase;
	color:#0a7d3c;
	background:#e5f8ec;
	border:1px solid #a9e6c0;
}

.tes-auction-result-unsold{
        text-transform: uppercase;
	color:#b42318;
	background:#fdeceb;
	border:1px solid #f3c2bd;
}

/* Single auction hero uses the badge inline, not absolute */
.tes-single-auction-hero .tes-auction-status-wrap{
	position:static;
	display:inline-flex;
}
/* ===== Footer Accordion (Mobile Only) ===== */
@media (max-width: 767px) {

    /* Heading becomes clickable toggle for all columns except brand/logo */
    .footer-grid > div:not(.footer-brand) > h4 {
        position: relative;
        cursor: pointer;
        padding-right: 24px;
        margin-bottom: 0;
    }

    /* Arrow icon */
    .footer-grid > div:not(.footer-brand) > h4::after {
        content: "";
        position: absolute;
        right: 4px;
        top: 50%;
        width: 8px;
        height: 8px;
        border-right: 2px solid currentColor;
        border-bottom: 2px solid currentColor;
        transform: translateY(-65%) rotate(45deg);
        transition: transform 0.25s ease;
    }

    /* Rotate arrow when open */
    .footer-grid > div:not(.footer-brand) > h4.open::after {
        transform: translateY(-35%) rotate(-135deg);
    }

    /* Collapsible panel wrapping the links/contact items */
    .footer-accordion-panel {
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.3s ease;
    }

    .footer-accordion-panel.open {
        max-height: 500px;
    }
        .footer-grid {
        gap: 26px !important;
        padding-bottom: 30px !important;
    }
    .footer-accordion-panel.open {
    padding-top: 20px;
}

}