/* =========================================================
   OPENING HOURS / AVAILABILITY – FORM FIELDS
   ========================================================= */

textarea[name="opening_hours"],
textarea[name="availability"],
#opening_hours,
#availability {
    display: none !important;
}

.fix246-opening-hours-field--readonly,
.fix246-availability-field--readonly {
    background: var(--fix246-light) !important;
    cursor: default !important;
}

.fix246-opening-hours-assistant__button,
.fix246-availability-assistant__button {
    display: inline-block;
    border: 0;
    background: var(--fix246-green) !important;
    color: white;
    border-radius: 4px;
    font-size: 1rem;
    cursor: pointer;
}

.fix246-opening-hours-assistant__button {
    padding: 0.55rem 0.85rem;
}

.fix246-availability-assistant__button {
    padding: 0.55rem 0.85rem;
}

.fix246-opening-hours-assistant__button:hover,
.fix246-availability-assistant__button:hover {
	background: #13b864;
    border-color: #13b864;
    color: #ffffff !important;
    text-decoration: none !important;
    transform: translateY(-1px);
    box-shadow: 0 6px 14px rgba(23, 205, 115, 0.24);
}

.fix246-opening-hours-assistant__hint,
.fix246-availability-assistant__hint,
.hp-field__description {
    margin-top: 0.35rem;
    font-size: 0.8rem;
		font-style: italic;
    color: #8A8E96 !important;
}

.hp-field__label.hp-form__label {
    margin-bottom: 0;
    font-size: 0.8rem;
		font-weight: 600;
}

.hp-form__field:has(select[name="availablecheck[]"]) {
    position: relative;
    padding: 1rem 1rem 1rem 1.2rem !important;
    border-left: 5px solid var(--fix246-blue, #104291) !important;
    background: #f8fafc !important;
}

.hp-form__field:has(input[type="checkbox"][name^="accounttype"]) {
    position: relative;
    padding: 1rem 1rem 1rem 1.2rem !important;
    border-left: 5px solid var(--fix246-green, #17CD73) !important;
    background: #f8fafc !important;
}

.hp-form__field:has(input[type="checkbox"][name^="accounttype"]) {
    position: relative;
    padding: 1rem 1rem 1rem 1.2rem !important;
    border-left: 5px solid var(--fix246-green, #17CD73) !important;
    background: #f8fafc !important;
}

.hp-form__field:has(input[type="checkbox"][name^="carpentryservices"]) {
    position: relative;
    padding: 1rem 1rem 1rem 1.2rem !important;
    border-left: 5px solid var(--fix246-green, #17CD73) !important;
    background: #f8fafc !important;
}

.hp-form__field:has(input[type="checkbox"][name^="accounttypejobrequest"]) {
    position: relative;
    padding: 1rem 1rem 1rem 1.2rem !important;
    border-left: 5px solid var(--fix246-blue, #104291) !important;
    background: #f8fafc !important;
}

.hp-form__field:has(input[type="checkbox"][name^="availablecheck"]) {
    position: relative;
    padding: 1rem 1rem 1rem 1.2rem !important;
    border-left: 5px solid var(--fix246-green, #17CD73) !important;
    background: #f8fafc !important;
}

.hp-form__field:has(input[type="checkbox"][name^="requiredprovider"]) {
    position: relative;
    padding: 1rem 1rem 1rem 1.2rem !important;
    border-left: 5px solid var(--fix246-green, #17CD73) !important;
    background: #f8fafc !important;
}

select[name="requiredprovider[]"] + .select2-container .select2-selection__choice {
    font-size: 1rem !important;
    font-weight: 600 !important;
		background: var(--fix246-green, #17CD73) !important;
	color: white !important;
}

.hp-form__field:has(select[name="requiredprovider[]"]) {
    position: relative;
    padding: 1rem 1rem 1rem 1.2rem !important;
    border-left: 5px solid var(--fix246-blue, #104291) !important;
    background: #f8fafc !important;
}

.hp-form__field:has([name="opening_hours"]) {
    position: relative;
    padding: 1rem 1rem 1rem 1.2rem !important;
    border-left: 5px solid var(--fix246-green, #17CD73) !important;
    background: #f8fafc !important;
}

.hp-form__field:has([name="availability"]) {
    position: relative;
    padding: 1rem 1rem 1rem 1.2rem !important;
    border-left: 5px solid var(--fix246-green, #17CD73) !important;
    background: #f8fafc !important;
}

.hp-form__field:has([name="businessname"]) {
    position: relative;
    padding: 1rem 1rem 1rem 1.2rem !important;
    border-left: 5px solid var(--fix246-yellow, #ffc107) !important;
    background: #f8fafc !important;
}

.hp-form__field:has([name="first_name"]) {
    position: relative;
    padding: 1rem 1rem 1rem 1.2rem !important;
    border-left: 5px solid var(--fix246-yellow, #ffc107) !important;
    background: #f8fafc !important;
}

.hp-form__field:has([name="last_name"]) {
    position: relative;
    padding: 1rem 1rem 1rem 1.2rem !important;
    border-left: 5px solid var(--fix246-yellow, #ffc107) !important;
    background: #f8fafc !important;
}

.hp-form__field:has([name="email"]) {
    position: relative;
    padding: 1rem 1rem 1rem 1.2rem !important;
    border-left: 5px solid var(--fix246-yellow, #ffc107) !important;
    background: #f8fafc !important;
}

.hp-form__field:has([name="password"]) {
    position: relative;
    padding: 1rem 1rem 1rem 1.2rem !important;
    border-left: 5px solid var(--fix246-yellow, #ffc107) !important;
    background: #f8fafc !important;
}

.hp-form__field:has([name="current_password"]) {
    position: relative;
    padding: 1rem 1rem 1rem 1.2rem !important;
    border-left: 5px solid var(--fix246-yellow, #ffc107) !important;
    background: #f8fafc !important;
}

/* Description – Job Request */
body.fix246-is-listing-create-page
form:has(input[type="checkbox"][name^="typeofwork"])
.hp-form__field:has([name="description"]) {
    position: relative;
    padding: 1rem 1rem 1rem 1.2rem !important;
    margin-top: 1.5rem !important;
    margin-bottom: 0 !important;
    border-left: 5px solid var(--fix246-blue, #104291) !important;
    background: #f8fafc !important;
    border-radius: 0 !important;
}

/* Description – Service Offering */
body.fix246-is-listing-create-page
form:not(:has(input[type="checkbox"][name^="typeofwork"]))
.hp-form__field:has([name="description"]) {
    position: relative;
    padding: 1rem 1rem 1rem 1.2rem !important;
    margin-top: 1.5rem !important;
    margin-bottom: 0 !important;
    border-left: 5px solid var(--fix246-green, #17CD73) !important;
    background: #f8fafc !important;
    border-radius: 0 !important;
}

/* Profile Info / Account Description */
body:not(.fix246-is-listing-create-page)
.hp-form__field:has([name="description"]) {
    position: relative;
    padding: 1rem 1rem 1rem 1.2rem !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    border-left: 5px solid var(--fix246-yellow, #ffc107) !important;
    background: #f8fafc !important;
    border-radius: 0 !important;
}

.hp-form__field:has([name="username"]) {
    position: relative;
    padding: 1rem 1rem 1rem 1.2rem !important;
    border-left: 5px solid var(--fix246-yellow, #ffc107) !important;
    background: #f8fafc !important;
}

.hp-form__field:has([name="username_or_email"]) {
    position: relative;
    padding: 1rem 1rem 1rem 1.2rem !important;
    border-left: 5px solid var(--fix246-yellow, #ffc107) !important;
    background: #f8fafc !important;
}

.hp-form__field:has([name="price"]) {
    position: relative;
    padding: 1rem 1rem 1rem 1.2rem !important;
    border-left: 5px solid var(--fix246-blue, #104291) !important;
    background: #f8fafc !important;
	margin-bottom: 0 !important;
}

.hp-form__field:has([name="hourlyrate"]) {
    position: relative;
    padding: 1rem 1rem 1rem 1.2rem !important;
    border-left: 5px solid var(--fix246-blue, #104291) !important;
    background: #f8fafc !important;
}

.hp-form__field:has([name="title"]) {
    position: relative;
    padding: 1rem 1rem 1rem 1.2rem !important;
    background: #f8fafc !important;
}

.hp-form__field:has([name="images"]) {
    position: relative;
    padding: 1rem 1rem 1rem 1.2rem !important;
    border-left: 5px solid var(--fix246-blue, #104291) !important;
    background: #f8fafc !important;
}

/* Title + Images – Job Request */
form:has(input[type="checkbox"][name^="typeofwork"])
.hp-form__field:has(:is(
    [name="title"],
    [name="images"]
)) {
    border-left: 5px solid var(--fix246-blue, #104291) !important;
}

/* Title + Images – Service Offering */
form:not(:has(input[type="checkbox"][name^="typeofwork"]))
.hp-form__field:has(:is(
    [name="title"],
    [name="images"]
)) {
    border-left: 5px solid var(--fix246-green, #17CD73) !important;
}

.hp-form__field:has(input[type="checkbox"][name="typeofwork[]"]),
.hp-form__field:has(input[type="checkbox"][name^="typeofwork"]) {
    position: relative;
    padding: 1rem 1rem 1rem 1.2rem !important;
    border-left: 5px solid var(--fix246-blue, #104291) !important;
    background: #f8fafc !important;
}

/* Parish Field – Base */
form .hp-form__field:has(input[type="checkbox"][name="parish[]"]),
form .hp-form__field:has(input[type="checkbox"][name^="parish"]) {
    position: relative;
    padding: 1rem 1rem 1rem 1.2rem !important;
    margin-top: 0 !important;
    background: #f8fafc !important;
    border-radius: 0 !important;
}

/* Parish Field – Job Request */
form:has(input[type="checkbox"][name^="typeofwork"]) 
.hp-form__field:has(input[type="checkbox"][name^="parish"]) {
    border-left: 5px solid var(--fix246-blue, #104291) !important;
}

/* Parish Field – Service Offering */
form:not(:has(input[type="checkbox"][name^="typeofwork"])) 
.hp-form__field:has(input[type="checkbox"][name^="parish"]) {
    border-left: 5px solid var(--fix246-green, #17CD73) !important;
}

.hp-form__field:has(:is(
    select[name="requiredprovider[]"],
    [name="opening_hours"],
		[name="username"],
		[name="username_or_email"],
    [name="availability"],
    [name="businessname"],
    [name="first_name"],
    [name="last_name"],
    [name="email"],
    [name="password"],
    [name="current_password"],
    [name="description"]
)) {
    position: relative;
    padding: 1rem 1rem 1rem 1.2rem !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    background: #f8fafc !important;
    border-radius: 0 !important;
}

.hp-field.hp-field--text{
    background: #ffffff !important;
}

.hp-form:not(.hp-form--listing-submit):not(.hp-form--listing-update) .hp-form__field:has(input[name="website"]),
.hp-form:not(.hp-form--listing-submit):not(.hp-form--listing-update) .hp-form__field:has(input[name="facebook"]),
.hp-form:not(.hp-form--listing-submit):not(.hp-form--listing-update) .hp-form__field:has(input[name="instagram"]),
.hp-form:not(.hp-form--listing-submit):not(.hp-form--listing-update) .hp-form__field:has(input[name="whatsapp"]) {
    position: relative;
    padding: 1rem 1rem 1rem 1.2rem !important;
    border-left: 5px solid var(--fix246-yellow, #ffc107) !important;
    background: #f8fafc !important;
	margin-top: 0 !important;
    margin-bottom: 0 !important;
}


/* =========================================================
   FORMULAR – ACCOUNT TYPE FELDER AUSBLENDEN
   Aber Filter-Checkboxen sichtbar lassen
   ========================================================= */

/* Nur in normalen Formularen ausblenden, nicht in Listing-Filtern */
.hp-form:not(.hp-form--listing-filter):not(.hp-form--vendor-filter):not(.hp-form--listing-search) .hp-form__field:has(input[name*="accounttype"]),
.hp-form:not(.hp-form--listing-filter):not(.hp-form--vendor-filter):not(.hp-form--listing-search) .hp-form__field:has(input[name*="accounttypejobrequest"]),
.hp-form:not(.hp-form--listing-filter):not(.hp-form--vendor-filter):not(.hp-form--listing-search) .hp-field:has(input[name*="accounttype"]),
.hp-form:not(.hp-form--listing-filter):not(.hp-form--vendor-filter):not(.hp-form--listing-search) .hp-field:has(input[name*="accounttypejobrequest"]) {
    display: none !important;
}

/* In Filtern ausdrücklich wieder anzeigen */
.hp-form--listing-filter .hp-form__field:has(input[name*="accounttype"]),
.hp-form--listing-filter .hp-form__field:has(input[name*="accounttypejobrequest"]),
.hp-form--listing-filter .hp-field:has(input[name*="accounttype"]),
.hp-form--listing-filter .hp-field:has(input[name*="accounttypejobrequest"]),
.hp-form--vendor-filter .hp-form__field:has(input[name*="accounttype"]),
.hp-form--vendor-filter .hp-form__field:has(input[name*="accounttypejobrequest"]),
.hp-form--vendor-filter .hp-field:has(input[name*="accounttype"]),
.hp-form--vendor-filter .hp-field:has(input[name*="accounttypejobrequest"]) {
    display: block !important;
}