/* LAYOUT */
.cf7-row{display: flex; gap: 50px; margin-bottom: 10px;}
.cf7-2col .cf7-col{width: 50%;}
.cf7-3col .cf7-col{width: 33.333%;}
/* LAYOUT */


/* FIELDSETS */
#knoebels-form fieldset{border: 1px solid #6E4042; padding: 20px 50px 50px 50px; margin-bottom: 50px;}
#knoebels-form legend{padding: 5px 10px; font-weight: 600; font-family: Penumbra; font-size: 14px; color: #FFF; background: #6E4042; letter-spacing: 2px;}
/* FIELDSETS */


/* FORM GROUP */
#knoebels-form .form-group{position: relative; margin: 25px 0px 0px 0px;}
#knoebels-form .form-group:has(select){margin-top: -2px;}
#knoebels-form .form-group p{margin: 0; padding: 0; position: relative;}
#knoebels-form .form-control, input[type=date], input[type=number], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea,
#knoebels-form .quantity .qty, #knoebels-form #customer_details select
{width: 100%; font-family: "Trebuchet MS" !important; font-weight: 400; padding: 10px 14px 10px 14px; line-height: 24px; background: #f3f3f3; color: #444; border: none; border-bottom: 2px solid #383C5F; border-radius: 0; box-sizing: border-box; resize: none;}

#knoebels-form select, 
#knoebels-form #customer_details select, #knoebels-form input[type="date"]{height: 46px;}
#knoebels-form select{margin-top: 0px;}
#knoebels-form #customer_details select{margin-top: 6px;}
#knoebels-form textarea{height: 150px;}
#knoebels-form label[for*="ddl"], #knoebels-form label[for*="billing_country"]
, #knoebels-form label[for*="billing_state"]{display: block; font-size: 12px; font-family: "Trebuchet MS"; color: #383C5F; margin-top: -4px;}
#knoebels-form .form-control:focus{outline: none; box-shadow: none; border-bottom-color: #383C5F;}
#knoebels-form .form-control::placeholder{color: transparent;}
#knoebels-form input[type="date"].date-empty::-webkit-datetime-edit{color: transparent;}
#knoebels-form input[type="date"].date-filled::-webkit-datetime-edit{color: inherit;}
#knoebels-form select,
#knoebels-form #customer_details select{appearance: none; -webkit-appearance: none; -moz-appearance: none; background: #F3F3F3 url("/wp-content/uploads/2025/11/angle-down.svg") !important; background-repeat: no-repeat !important; background-size: 15px !important; background-position: right 10px top 15px !important;}
#knoebels-form input[type="date"]::-webkit-calendar-picker-indicator{opacity: 0; display: none; -webkit-appearance: none;}
#knoebels-form input[type="date"]{appearance: none; -webkit-appearance: none; -moz-appearance: none; background: #F3F3F3 url("/wp-content/uploads/2025/11/calendar-days.svg") !important; background-repeat: no-repeat !important; background-size: 15px !important; background-position: right 10px top 15px !important;}
#knoebels-form select.darkGrey,
#knoebels-form #customer_details select.wpcf7-form-control.darkGrey{color: #444444;}
#knoebels-form select.lightGrey,
#knoebels-form  #customer_details select.wpcf7-form-control.lightGrey{color: #777777}

#knoebels-form  .wpcf7-checkbox label{display: flex; flex-direction: row-reverse; align-items: flex-start; justify-content: flex-end; gap: 10px;}
#knoebels-form  .wpcf7-checkbox input[type="checkbox"]{margin-top: 2px; flex-shrink: 0;}
#knoebels-form  .wpcf7-list-item{margin-left: 0;}
/* FORM GROUP */


/* LABEL */
#knoebels-form .wizard-form-text-label{position: absolute; left: 14px; top: 16px; font-size: 16px; color: #777; transition: 0.2s linear all; pointer-events: none;}
#knoebels-form .form-group.focus-input .wizard-form-text-label{top: -15px; font-size: 12px; color: #383C5F;}
#knoebels-form .wizard-form-text-label:has(+ br + span select){top: 16px !important; font-size: 12px; color: #383C5F;}
/* LABEL */


/* ERROR UNDER FIELD */
#knoebels-form #knoebels-form .wizard-form-error{display: none; background: #d70b0b; position: absolute; left: 0; right: 0; bottom: 0; height: 2px;}
#knoebels-form .wpcf7-not-valid-tip{display: none;}
#knoebels-form .wpcf7-form-control-wrap:has(.wpcf7-not-valid-tip) .form-control{border-bottom-color: #d70b0b !important;}
/* ERROR UNDER FIELD */


/* Autofill fix */
#knoebels-form .form-control:-webkit-autofill{-webkit-text-fill-color: #444 !important; box-shadow: 0 0 0px 1000px #f3f3f3 inset !important;}


/* SUBMIT */
#knoebels-form input[type="submit"]{min-width: 100px; border-radius: 0px; border: 0px; background: #383C5F; font-weight: 600; font-family: Penumbra; font-size: 14px; color: #FFF; letter-spacing: 2px; line-height: 24px; display: block; margin: 0 0;}
#knoebels-form input[type="submit"]:hover{background: #A3BCD3}
.sent #knoebels-form .wpcf7-response-output{border: none; background: #284D3A; padding: 0px 10px; text-align: center; color: #FFF; margin: 0px; line-height: 40px;}
.invalid #knoebels-form .wpcf7-response-output,
.failed #knoebels-form .wpcf7-response-output{border: none; background: #6E4042; padding: 0px 10px; text-align: center; color: #FFF; margin: 0px; line-height: 40px;}
#knoebels-form .response-col{flex: 2; text-align: left;}
#knoebels-form .submit-col{flex: 1; display: flex; justify-content: flex-end;}
/* SUBMIT */


/* WOO COMMERCE SINGLE PRODUCT */
#knoebels-form .variations{margin-top: 25px; max-width: 100%; width: 600px;}
#knoebels-form .variations tbody{display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr; gap: 50px;}
#knoebels-form .variations tr td,
#knoebels-form .variations tr th{background: none; line-height: 48px;}
#knoebels-form .variations tr th{position: absolute; margin-top: -32px;}
#knoebels-form .variations tr th label{font-size: 12px;}
#knoebels-form .variations tr,
#knoebels-form .variations td.value{width: 100%; margin: 0px; padding: 10px 0 0 0; display: block; flex-grow:  !important}
#knoebels-form .variations a.reset_variations{position: absolute; left: 0px; margin: 15px 0px; padding: 5px 10px; font-weight: 600; font-family: Penumbra; font-size: 14px; color: #FFF; background: #6E4042; letter-spacing: 2px;}
#knoebels-form .single_variation_wrap{margin-top: 75px;}
/* WOO COMMERCE SINGLE PRODUCT */


/* PASSWORD PROTECTED PAGE */
.post-password-form{max-width: 500px; margin: 50px auto 100px auto;}
.post-password-form{border: 1px solid #6E4042; padding: 20px 50px 50px 50px; margin-bottom: 50px; padding-bottom: 80px;}
.post-password-form::before{content: "Password Protected"; position: absolute; margin-top: -33px; padding: 0px 10px; font-weight: 600; font-family: Penumbra; font-size: 14px; color: #FFF; background: #6E4042; letter-spacing: 2px;}
.post-password-form p:last-of-type{}
.post-password-form label{display: block; font-size: 12px; font-family: "Trebuchet MS"; color: #383C5F; margin-top: 25px;}
.post-password-form input[type="submit"]{min-width: 100px; border-radius: 0px; border: 0px; background: #383C5F; font-weight: 600; font-family: Penumbra; font-size: 14px; color: #FFF; letter-spacing: 2px; line-height: 24px; display: block; margin: 20px 0; float: right; clear: both;}
/* PASSWORD PROTECTED PAGE */


@media (max-width: 768px){
    .cf7-row{flex-direction: column; gap: 20px;}
    .cf7-col{width: 100% !important;}
	#knoebels-form fieldset{padding: 20px 20px 50px 20px !important; margin-bottom: 50px;}
}