/* Trigger-knop: thema-button-styling hard resetten (geen merkkleur-achtergrond). */
.aps-search-trigger,
.aps-search-close{
	background:transparent !important;
	border:0 !important;
	box-shadow:none !important;
	border-radius:0 !important;
}
.aps-search-trigger{
	cursor:pointer;padding:8px;line-height:0;color:inherit;
	display:inline-flex;align-items:center;justify-content:center;
	-webkit-appearance:none;appearance:none;
}
.aps-search-trigger:hover{opacity:.85;}
.aps-search-trigger:focus{outline:none;}
.aps-search-trigger i{line-height:1;}

.aps-search-overlay{
	position:fixed;inset:0;z-index:2147483647;
	background:var(--aps-overlay-bg,rgba(0,0,0,.6));
	display:flex;align-items:flex-start;justify-content:center;
	padding:var(--aps-top,12vh) 16px 16px;
	opacity:0;transition:opacity .2s ease;
}
.aps-search-overlay[hidden]{display:none;}
.aps-search-overlay.is-open{opacity:1;}

.aps-search-box{
	width:100%;max-width:var(--aps-box-width,640px);
	background:var(--aps-box-bg,#fff);border-radius:var(--aps-radius,0);
	box-shadow:0 20px 60px rgba(0,0,0,.3);overflow:hidden;
	transform:translateY(-12px);transition:transform .2s ease;
}
.aps-search-overlay.is-open .aps-search-box{transform:translateY(0);}

.aps-search-inputwrap{
	display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid #eee;
}
.aps-search-icon{color:#888;flex:0 0 auto;}
.aps-search-input{
	flex:1;border:0;outline:0;font-size:18px;background:transparent;
	color:var(--aps-input-color,#111);box-shadow:none;
}
.aps-search-close{
	font-size:28px;line-height:1;cursor:pointer;color:#999;padding:0 4px;
}
.aps-search-close:hover{color:#111;}

.aps-search-results{max-height:60vh;overflow-y:auto;}
.aps-results-list{display:flex;flex-direction:column;}

/* Links binnen de popup nooit onderstrepen (thema-overrides). */
.aps-search-overlay a,
.aps-search-overlay a:hover{text-decoration:none;}

/* Groepskopjes (Categorieën / Producten). */
.aps-group-heading{
	font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;
	color:var(--aps-heading-color,#999);padding:14px 16px 6px;
}
.aps-group + .aps-group{border-top:1px solid #f0f0f0;}

.aps-result{
	display:flex;align-items:center;gap:14px;padding:12px 16px;
	color:inherit;border-bottom:1px solid #f3f3f3;transition:background .15s ease;
}
.aps-result:hover{background:var(--aps-row-hover,#f7f7f7);}
.aps-result img{width:48px;height:48px;object-fit:cover;border-radius:6px;flex:0 0 auto;}

.aps-cat-icon{
	width:48px;height:48px;display:flex;align-items:center;justify-content:center;
	color:#bbb;flex:0 0 auto;
}

.aps-result-info{display:flex;flex-direction:column;gap:2px;flex:1 1 auto;min-width:0;}
.aps-result-title{font-weight:600;font-size:15px;color:var(--aps-title-color,#111);}
.aps-result-meta{font-size:12px;color:var(--aps-meta-color,#999);}

mark.aps-hl{background:transparent;color:var(--aps-hl-color,inherit);font-weight:700;padding:0;}

.aps-result-right{
	margin-left:auto;flex:0 0 auto;
	display:flex;flex-direction:column;align-items:flex-end;gap:4px;text-align:right;
}
.aps-result-price{font-size:14px;color:var(--aps-price-color,#666);text-decoration:none;white-space:nowrap;}
.aps-result-price .amount,
.aps-result-price ins{text-decoration:none;}
.aps-result-price del{opacity:.6;margin-right:6px;text-decoration:line-through;}
.aps-result-price ins{background:transparent;}

.aps-badge{
	background:var(--aps-badge-bg,#e63946);color:var(--aps-badge-color,#fff);
	font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;
	padding:2px 6px;border-radius:3px;line-height:1.4;
}

/* Skeleton-placeholders tijdens het laden (shimmer, bootst de rij-layout na). */
.aps-skeleton{display:flex;flex-direction:column;padding:6px 0;}
.aps-skel-row{display:flex;align-items:center;gap:14px;padding:12px 16px;}
.aps-skel-lines{display:flex;flex-direction:column;gap:8px;flex:1 1 auto;min-width:0;}
.aps-skel-thumb{width:48px;height:48px;border-radius:6px;flex:0 0 auto;}
.aps-skel-line{height:12px;border-radius:6px;}
.aps-skel-line.title{width:60%;height:14px;}
.aps-skel-line.meta{width:35%;}
.aps-skel-price{width:52px;height:14px;border-radius:6px;margin-left:auto;flex:0 0 auto;}
.aps-skel-row:nth-child(2n) .aps-skel-line.title{width:72%;}
.aps-skel-row:nth-child(3n) .aps-skel-line.title{width:48%;}
.aps-skel-row:nth-child(2n) .aps-skel-line.meta{width:28%;}
.aps-skel-thumb,.aps-skel-line,.aps-skel-price{
	background:linear-gradient(90deg,#ececec 25%,#f6f6f6 37%,#ececec 63%);
	background-size:400% 100%;
	animation:aps-shimmer 1.4s ease infinite;
}
@keyframes aps-shimmer{0%{background-position:100% 0;}100%{background-position:0 0;}}
@media (prefers-reduced-motion:reduce){
	.aps-skel-thumb,.aps-skel-line,.aps-skel-price{animation:none;}
}

.aps-no-results,.aps-search-loading{padding:24px 16px;color:#777;text-align:center;}
.aps-search-all{
	display:block;padding:14px 16px;text-align:center;font-weight:600;
	color:inherit;background:#f7f7f7;
}
.aps-search-all:hover{background:#eee;}

@media (max-width:600px){
	.aps-search-overlay{padding:6vh 10px 10px;}
	.aps-search-input{font-size:16px;}
}
