:root{
  --kc-green:#0EA445;
  --kc-black:#2B2B2B;
  --kc-white:#FFFFFF;
  --kc-lightgray:#F5F5F5;
  --kc-border:#E0E0E0;
  --kc-radius:6px;
  --kc-font: 'Inter', 'Roboto', system-ui, -apple-system, 'Segoe UI', Arial, sans-serif;
}

html,body{background:var(--kc-white);color:var(--kc-black);font-family:var(--kc-font);font-weight:400;}

/* Header / Logo */
.kc-header{display:flex;align-items:center;gap:12px;margin:12px 16px;}
.kc-logo{height:56px;display:block}

/* Buttons */
.kc-btn{display:inline-block;background:var(--kc-white);color:var(--kc-green);border:2px solid var(--kc-green);border-radius:var(--kc-radius);padding:10px 16px;font-weight:600;text-decoration:none;}
.kc-btn:hover{background:var(--kc-green);color:var(--kc-white);} 
.kc-btn:focus{outline:3px solid color-mix(in srgb, var(--kc-green) 40%, transparent);outline-offset:3px;}

/* Inputs */
.kc-input{border:1px solid var(--kc-border);border-radius:var(--kc-radius);padding:12px;width:100%;}
.kc-input::placeholder{color:#999999;}
.kc-input:focus{outline:3px solid color-mix(in srgb, var(--kc-green) 40%, transparent);outline-offset:2px;}

/* Cards */
.kc-card{background:var(--kc-white);border:1px solid var(--kc-border);border-radius:var(--kc-radius);padding:16px;}
.kc-card .kc-price{font-weight:700;}
.kc-link{color:var(--kc-green);text-decoration:none;}
.kc-link:hover{text-decoration:underline;}

/* Layout helpers */
.kc-container{max-width:960px;margin:0 auto;padding:16px;}
.kc-muted{color:#666666;}

/* Address autocomplete styling */
.kc-address-container{position:relative;margin-bottom:16px;}
.kc-field--adres{position:relative;}
.kc-field--adres label{display:block;font-size:13px;font-weight:600;margin:0 0 4px;}
.kc-input-wrapper{position:relative;}

/* Suggesties dropdown styling */
.kc-suggesties-dropdown{
  display:none;
  position:absolute;
  top:100%;
  left:0;
  right:0;
  max-height:300px;
  overflow-y:auto;
  background:white;
  border:1px solid var(--kc-border);
  border-radius:var(--kc-radius);
  box-shadow:0 4px 8px rgba(0,0,0,0.1);
  z-index:100;
  margin-top:4px;
}

.kc-suggesties-dropdown.active{
  display:block;
}

.kc-suggestie-item{
  padding:10px 12px;
  cursor:pointer;
  border-bottom:1px solid #f0f0f0;
}

.kc-suggestie-item:last-child{
  border-bottom:none;
}

.kc-suggestie-item:hover,
.kc-suggestie-item.selected{
  background:#f5f9ff;
}

.kc-suggestie-display{
  font-weight:500;
  font-size:14px;
}

.kc-suggestie-type{
  font-size:12px;
  color:#666;
  margin-left:6px;
}

.kc-suggestie-highlight{
  font-weight:600;
  color:var(--kc-green);
}

/* Loading indicator */
.kc-loading-indicator{
  position:absolute;
  right:10px;
  top:50%;
  transform:translateY(-50%);
  width:20px;
  height:20px;
  display:none;
}

.kc-loading-indicator.active{
  display:block;
}

/* Error message styling */
.kc-address-error {
  color: #e74c3c;
  font-size: 12px;
  margin-top: 6px;
  padding: 6px 10px;
  background: #fdf0ed;
  border-radius: var(--kc-radius);
  border-left: 3px solid #e74c3c;
  transition: opacity 0.3s ease;
}

.kc-address-error--fade {
  opacity: 0;
}

/* Funda URL styling */
.kc-input::placeholder {
  color: #999;
  font-size: 13px;
}

/* Mobile styling */
@media (max-width: 640px){
  .kc-suggesties-dropdown{
    max-height:250px;
  }
}