/* ============================================================
 * SK Checkout — floating labels (label in het veld) voor de velden.
 * Geport uit sk-checkout-classic-fields.php (BB-staging, bewezen spec).
 * ============================================================ */

/* ============ FLOATING LABELS (label in het veld) ============ */
.sk-classic-checkout form.checkout .form-row.sk-float{ position:relative; margin:0 0 12px; }
.sk-classic-checkout form.checkout .form-row.sk-float > label{
  position:absolute; z-index:3; left:15px; top:30px; transform:translateY(-50%); margin:0; /* midden van het 56px-veld, ongeacht extra regels in de row */
  font-size:1rem; font-weight:400; color:#8ea0af; line-height:1.2;
  pointer-events:none; white-space:nowrap; max-width:calc(100% - 30px); overflow:hidden; text-overflow:ellipsis;
  transition:top .12s ease, transform .12s ease, font-size .12s ease, color .12s ease;
}
.sk-classic-checkout form.checkout .form-row.sk-float:focus-within > label,
.sk-classic-checkout form.checkout .form-row.sk-float.sk-filled > label{
  top:8px; transform:none; font-size:.7rem; font-weight:500; color:#7a8b99; letter-spacing:.1px;
}
.sk-classic-checkout form.checkout .form-row.sk-float input.input-text,
.sk-classic-checkout form.checkout .form-row.sk-float select{
  min-height:56px !important; padding:25px 14px 9px !important;
}
.sk-classic-checkout form.checkout .form-row.sk-float textarea{
  padding:28px 14px 10px !important; min-height:96px;
}
.sk-classic-checkout form.checkout .form-row.sk-float input::placeholder,
.sk-classic-checkout form.checkout .form-row.sk-float textarea::placeholder{ color:transparent !important; }

/* select2 (land-dropdown): zelfde hoogte/padding, label altijd klein */
.sk-classic-checkout form.checkout .form-row.sk-float .select2-selection--single{
  min-height:56px !important; padding:25px 14px 9px !important; display:flex; align-items:center;
}
.sk-classic-checkout form.checkout .form-row.sk-float .select2-selection__rendered{ padding:0; line-height:1.3; }
.sk-classic-checkout form.checkout .form-row.sk-float .select2-selection__arrow{ height:54px; }

/* geen rode sterretjes; "(optioneel)" blijft in het label (moderne checkout-conventie) */
.sk-classic-checkout form.checkout .form-row.sk-float label .required{ display:none !important; }
.sk-classic-checkout form.checkout .form-row.sk-float label .optional{ font-weight:inherit; color:inherit; }

/* compactere sectie-ritmiek */
.sk-classic-checkout #customer_details h3,
.sk-classic-checkout .sk-sec-h{ margin-bottom:13px; }