/* runtime/assets/finder.css */

.bsk-finder {
	position: relative;
	--bsk-border: #c6ccd2;
	--bsk-focus: #075fa8;
	width: 100%;
	max-width: 76rem;
	margin-inline: auto;
}

.bsk-finder [hidden] {
	display: none !important;
}

.bsk-finder fieldset {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 12rem), 1fr));
	align-items: end;
	gap: 1rem;
	min-width: 0;
	margin: 0;
	padding: 1rem;
	border: 1px solid var(--bsk-border);
	border-radius: 0.5rem;
}

.bsk-finder legend {
	padding-inline: 0.35rem;
	font-weight: 600;
}

.bsk-finder__field {
	display: grid;
	gap: 0.4rem;
	min-width: 0;
}

.bsk-finder label {
	font-weight: 600;
}

.bsk-finder select,
.bsk-finder button {
	min-height: 2.75rem;
	max-width: 100%;
	font: inherit;
}

.bsk-finder select {
	width: 100%;
	padding: 0.5rem;
}

.bsk-finder button {
	padding: 0.6rem 1rem;
	cursor: pointer;
}

.bsk-finder :disabled {
	cursor: not-allowed;
	opacity: 0.65;
}

.bsk-finder :is(select, button, a):focus-visible,
.bsk-finder [data-finder-results-title]:focus-visible {
	outline: 3px solid var(--bsk-focus);
	outline-offset: 3px;
}

.bsk-finder [data-finder-status] {
	min-height: 1.5em;
}

.bsk-finder [data-finder-form] { margin: 0; }
.bsk-finder [data-finder-status]:empty { display: none; }
/* Guidance and loading announcements stay accessible without changing height. */
.bsk-finder [data-finder-status][data-status-kind="guidance"],
.bsk-finder [data-finder-status][data-status-kind="loading"] {
	position: absolute;
	width: 1px;
	height: 1px;
	min-height: 0;
	padding: 0;
	margin: -1px;
	border: 0;
	overflow: hidden;
	clip-path: inset(50%);
	white-space: nowrap;
}

.bsk-finder__products {
 display:grid;
 grid-template-columns:repeat(3,minmax(0,1fr));
 gap:16px;
 width:100%;
 max-width:1080px;
 margin:18px auto 0;
 align-items:stretch;
}
.bsk-finder__card {
 min-width:0;
 min-height:420px;
 padding:14px;
 background:#151515;
 border:1px solid #2A2A2A;
 border-radius:18px;
 display:flex;
 flex-direction:column;
 text-align:center;
 color:#fff;
 overflow-wrap:anywhere;
}
.bsk-finder__card img {
 display:block;
 width:100%;
 height:240px;
 object-fit:contain;
 border-radius:14px;
 background:#0D0D0D;
 margin:0 0 12px;
}
.bsk-finder__card h4 {
 color:#fff;
 font-size:16px;
 line-height:1.3;
 margin:0 0 8px;
 min-height:62px;
 text-align:center;
}
.bsk-finder .bsk-finder__card h4 a {color:#fff;text-decoration:none;}
.bsk-finder .bsk-finder__card h4 a:hover {color:#D9B45B;}
.bsk-finder__sku {color:#B8B8B8;font-size:12px;font-weight:700;line-height:1.4;margin:0 0 8px;}
.bsk-finder .bsk-finder__price {color:#D9B45B;font-weight:900;margin:0 0 12px;text-align:center;line-height:1.4;}
.bsk-finder__card h5 {color:#D9B45B;font-size:12px;margin:8px 0;}
.bsk-finder__card ul {list-style:none;margin:0 0 16px;padding:0;color:#B8B8B8;font-size:12px;line-height:1.5;}
.bsk-finder__card li {white-space:pre-line;margin:0;}
.bsk-finder .bsk-finder__card a.bsk-finder__purchase {
 display:block;
 background:#D9B45B;
 color:#0D0D0D;
 border:1px solid #D9B45B;
 border-radius:999px;
 padding:13px 18px;
 min-height:46px;
 min-width:min(190px,100%);
 max-width:100%;
 margin:auto auto 0;
 font-weight:900;
 line-height:1.3;
 text-decoration:none;
 text-align:center;
 box-shadow:none;
}
.bsk-finder .bsk-finder__card a.bsk-finder__purchase:hover,
.bsk-finder .bsk-finder__card a.bsk-finder__purchase:focus {background:#E8C568;border-color:#E8C568;color:#0D0D0D;}
@media(max-width:849px){.bsk-finder__products{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:549px){.bsk-finder__products{grid-template-columns:minmax(0,1fr);}.bsk-finder__card{min-height:360px;}.bsk-finder__card img{height:200px;}}

/* Test2 custom finder cards only. Keep native WooCommerce templates untouched. */
.bsk-finder .bsk-finder__card {
 position:relative;
 isolation:isolate;
 overflow:hidden;
 border-radius:18px;
}
.bsk-finder .bsk-finder__card > a.bsk-finder__product-link {
 display:flex;
 flex:1;
 flex-direction:column;
 min-width:0;
 color:inherit;
 text-decoration:none;
 position:static;
}
.bsk-finder .bsk-finder__product-link::after {
 content:"";
 position:absolute;
 inset:0;
 z-index:1;
 border-radius:inherit;
}
.bsk-finder .bsk-finder__product-link:hover h4 {color:#D9B45B;}
.bsk-finder .bsk-finder__product-link:focus-visible {outline:none;}
.bsk-finder .bsk-finder__product-link:focus-visible::after {
 outline:3px solid #D9B45B;
 outline-offset:-4px;
}
.bsk-finder .bsk-finder__card > a.bsk-finder__purchase {
 position:relative;
 z-index:2;
 flex-shrink:0;
}
.bsk-finder .bsk-finder__purchase:focus-visible {
 outline:3px solid #fff;
 outline-offset:-5px;
}