/* Lainekarp – Päringukorv (uses the theme's own palette variables) */

.lkq-add-btn{
	display:inline-flex; align-items:center; gap:.6rem; justify-content:center;
	border-radius:8px; border:0; cursor:pointer;
	background-color:var(--grey-200,#F0EBEA); color:var(--dgreen,#002D25);
	font-weight:500; padding:.6rem 1rem; line-height:1.2;
	transition:background-color .2s ease,color .2s ease;
}
.lkq-add-btn svg{flex-shrink:0}
.lkq-add-btn:hover{background-color:var(--green,#005244); color:#fff}
.lkq-add-btn:hover svg path{fill:#fff}
.lkq-add-btn.is-added{background-color:var(--green,#005244); color:#fff}
.lkq-add-btn.is-added svg path{fill:#fff}
.lkq-add-btn.is-loading{opacity:.7; cursor:default}

/* single product */
.lkq-single-add{display:flex; flex-wrap:wrap; align-items:flex-end; gap:1rem; margin:1.25rem 0}
.lkq-single-add .lkq-qty{display:flex; flex-direction:column; gap:.35rem}
.lkq-single-add .lkq-qty label{font-size:.85rem; color:var(--grey-600,#565656)}
.lkq-single-add .lkq-qty-input{
	width:5.5rem; height:2.6rem; padding:0 .75rem;
	border:1px solid var(--grey-400,#CACACA); border-radius:8px;
}
.lkq-single-add .lkq-hint{
	flex:1 1 100%; margin:0; font-size:.9rem; color:var(--grey-600,#565656);
}

/* header badge */
.lkq-count{
	display:inline-flex; align-items:center; justify-content:center;
	min-width:1rem; height:1rem; padding:0 .25rem;
	background-color:var(--red,#CC1F2E); color:#fff;
	border-radius:999px; font-size:12px; font-weight:600; line-height:1;
}
.lkq-count.is-empty{display:none}

/* ---- quote page ---- */
.lkq-wrap{display:flex; flex-direction:column; gap:2.5rem; max-width:60rem}
.lkq-wrap h3{margin:0 0 1rem}

.lkq-errors{
	background:#FADDDF; border:1px solid var(--red,#CC1F2E);
	border-radius:8px; padding:1rem 1.25rem;
}
.lkq-errors ul{margin:0; padding-left:1.1rem}

.lkq-success{
	background:var(--green-light,#d2ecb6); border-radius:12px; padding:1.5rem;
}
.lkq-success h3{margin-top:0}

.lkq-empty{color:var(--grey-600,#565656)}

.lkq-table{width:100%; border-collapse:collapse}
.lkq-table th{
	text-align:left; font-size:.8rem; font-weight:600; text-transform:uppercase;
	color:var(--grey-600,#565656); padding:.5rem .5rem; border-bottom:1px solid var(--grey-300,#DEDEDE);
}
.lkq-table td{padding:.75rem .5rem; border-bottom:1px solid var(--grey-200,#F0EBEA); vertical-align:middle}
.lkq-td-name a{display:flex; align-items:center; gap:.75rem; text-decoration:none; color:inherit}
.lkq-td-name img{width:56px; height:56px; object-fit:cover; border-radius:8px; flex-shrink:0}
.lkq-td-sku{color:var(--grey-500,#7B7B7B); font-size:.9rem; white-space:nowrap}
.lkq-row-qty{
	width:5rem; height:2.4rem; padding:0 .5rem;
	border:1px solid var(--grey-400,#CACACA); border-radius:8px;
}
.lkq-remove{
	background:transparent; border:0; cursor:pointer; font-size:1.5rem; line-height:1;
	color:var(--grey-500,#7B7B7B); padding:.25rem .5rem;
}
.lkq-remove:hover{color:var(--red,#CC1F2E)}

/* form */
.lkq-form{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem 1.25rem}
.lkq-field{margin:0; display:flex; flex-direction:column; gap:.35rem}
.lkq-field label{font-size:.9rem; font-weight:500}
.lkq-field .req{color:var(--red,#CC1F2E)}
.lkq-field input,.lkq-field textarea{
	width:100%; padding:.7rem .9rem;
	border:1px solid var(--grey-400,#CACACA); border-radius:8px;
	font-family:inherit; font-size:1rem; background:#fff;
}
.lkq-field input:focus,.lkq-field textarea:focus{outline:2px solid var(--green,#005244); border-color:transparent}
.lkq-form .lkq-field:nth-last-child(2),
.lkq-form .lkq-submit{grid-column:1 / -1}
.lkq-submit{margin:0}
.lkq-submit-btn{
	background-color:var(--green,#005244); color:#fff; border:0; cursor:pointer;
	border-radius:8px; padding:.85rem 2rem; font-weight:500; font-size:1rem;
}
.lkq-submit-btn:hover{background-color:var(--dgreen,#002D25)}

/* honeypot – hidden from humans, visible to bots */
.lkq-hp{position:absolute!important; left:-9999px!important; height:1px; width:1px; overflow:hidden}

@media (max-width:767px){
	.lkq-form{grid-template-columns:1fr}
	.lkq-td-sku{display:none}
	.lkq-table th:nth-child(2){display:none}
	.lkq-td-name img{width:44px; height:44px}
	.lkq-submit-btn{width:100%}
}