/* =========================================================
   MODERN FORM STYLING - CHABADONE
   Target: Bourbon Tasting Event (ID: 7411646)
   Theme: Frosted Cream Card over Black/Gold Texture
========================================================= */

/* --- 0. CRUCIAL: Enforce Jotform Conditional Logic & Hidden Fields First --- */
form[id="7411646"] .hide,
form[id="7411646"] .hidden,
form[id="7411646"] .form-line-hidden,
form[id="7411646"] .form-field-hidden,
form[id="7411646"] .always-hidden,
form[id="7411646"] [data-type="control_hidden"],
form[id="7411646"] [style*="display: none"],
form[id="7411646"] [style*="display:none"],
form[id="7411646"] tr.hide,
form[id="7411646"] tr.form-line-hidden,
form[id="7411646"] td.hide,
form[id="7411646"] div.hide,
form[id="7411646"] div.form-line-hidden,
form[id="7411646"] tbody.hide,
form[id="7411646"] [id*="id_"].form-line-hidden,
form[id="7411646"] [id*="id_"].always-hidden,
form[id="7411646"] [id*="cid_"].hide,
form[id="7411646"] [id*="cid_"].form-line-hidden {
    display: none !important;
}

/* --- 1. Page Background & FORCE FULL-SCREEN CENTERING --- */
html:has(form[id="7411646"]),
html:has(form[id="7411646"]) body {
    background-color: #050403 !important;
    background-image: url('https://thechabadcenter.org/media/images/1376/dVbQ13761866.png') !important;
    background-size: cover !important;
    background-position: center top !important;
    background-attachment: fixed !important;
    margin: 0 !important;
    overflow-x: hidden !important;
}

html:has(form[id="7411646"]) #content,
html:has(form[id="7411646"]) #BodyContainer,
html:has(form[id="7411646"]) .body_wrapper,
html:has(form[id="7411646"]) #co_content_container,
html:has(form[id="7411646"]) .master-content-wrapper,
html:has(form[id="7411646"]) #co_body_container,
html:has(form[id="7411646"]) #ContentBody,
html:has(form[id="7411646"]) .content-area-parent,
html:has(form[id="7411646"]) #cco_body,
html:has(form[id="7411646"]) article.content,
html:has(form[id="7411646"]) #formContainer {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
}

form[id="7411646"] {
    font-family: 'Montserrat', 'Open Sans', Arial, sans-serif !important;
    color: #333 !important;
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 12px !important;
    box-sizing: border-box !important;
}

form[id="7411646"] .form-all {
    background: rgba(41, 18, 2, 0.85) !important;
    box-shadow: 0 15px 50px rgba(0, 0, 0, 0.55) !important;
    border-radius: 16px !important;
    padding: 28px 32px 34px !important;
    margin: 24px auto !important;
    width: 100% !important;
    max-width: 760px !important;
    border: 1px solid rgba(255, 255, 255, 0.6) !important;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}

form[id="7411646"] .form-line:not(.hide):not(.hidden):not(.form-line-hidden):not(.form-field-hidden):not(.always-hidden):not([style*="none"]):not([data-type="control_hidden"]) {
    display: block !important;
    padding: 7px 0 !important;
    margin: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

form[id="7411646"] .form-required {
    display: none !important;
}

html:has(form[id="7411646"]) div:has(> img[alt="Bourbon Tasting"]) {
    margin: 0 0 10px 0 !important;
    padding: 0 !important;
    width: 100% !important;
}

html:has(form[id="7411646"]) div:has(> img[alt="Bourbon Tasting"]) > div:first-child {
    margin: 0 0 8px 0 !important;
}

html:has(form[id="7411646"]) div:has(> img[alt="Bourbon Tasting"]) > br {
    display: none !important;
}

html:has(form[id="7411646"]) img[alt="Bourbon Tasting"] {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    border-radius: 12px !important;
    margin: 0 auto !important;
}

form[id="7411646"] .form-header {
    color: #a67c33 !important;
    border-bottom: 1px solid #d9cbb8 !important;
    padding-bottom: 8px !important;
}

form[id="7411646"] .form-label,
form[id="7411646"] .form-label-left,
form[id="7411646"] .form-label-top {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    display: block !important;
    box-sizing: border-box !important;
}

form[id="7411646"] [id^="label_"] > label,
form[id="7411646"] label[for^="input_"]:not(.form-sub-label),
form[id="7411646"] .form-label-left > label,
form[id="7411646"] .form-label-top > label {
    color: #a67c33 !important;
    font-weight: 700 !important;
    font-size: 18px !important;
    margin-bottom: 3px !important;
    display: block !important;
}

form[id="7411646"] .label-message {
    display: block !important;
    width: 100% !important;
    color: #887a6b !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    margin-top: 2px !important;
    margin-bottom: 6px !important;
    line-height: 1.32 !important;
}

form[id="7411646"] .form-sub-label {
    color: #887a6b !important;
    font-size: 12px !important;
    margin-top: 2px !important;
    font-weight: normal !important;
}

form[id="7411646"] .form-input,
form[id="7411646"] .form-input-wide {
    clear: both !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
}

form[id="7411646"] .form-textbox,
form[id="7411646"] .form-dropdown,
form[id="7411646"] .form-textarea {
    width: 100% !important;
    height: 44px !important;
    padding: 0 15px !important;
    border: 1px solid #cfc2b4 !important;
    border-radius: 8px !important;
    box-sizing: border-box !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    color: #333 !important;
    background-color: #fff !important;
    transition: all 0.3s ease !important;
    box-shadow: none !important;
    outline: none !important;
}

form[id="7411646"] .form-textarea {
    height: auto !important;
    padding: 12px 15px !important;
}

form[id="7411646"] .form-textbox:focus,
form[id="7411646"] .form-dropdown:focus {
    border-color: #c99b53 !important;
    box-shadow: 0 0 0 2px rgba(201, 155, 83, 0.2) !important;
}

form[id="7411646"] #input_15 {
    width: 100px !important;
    text-align: center !important;
    font-weight: 600 !important;
}

form[id="7411646"] #cid_1:not(.hide):not(.form-line-hidden):not([style*="none"]),
form[id="7411646"] #cid_17:not(.hide):not(.form-line-hidden):not([style*="none"]),
form[id="7411646"] #cid_18:not(.hide):not(.form-line-hidden):not([style*="none"]),
form[id="7411646"] #cid_19:not(.hide):not(.form-line-hidden):not([style*="none"]),
form[id="7411646"] #cid_20:not(.hide):not(.form-line-hidden):not([style*="none"]),
form[id="7411646"] #cid_21:not(.hide):not(.form-line-hidden):not([style*="none"]),
form[id="7411646"] #cid_22:not(.hide):not(.form-line-hidden):not([style*="none"]) {
    display: flex !important;
    flex-direction: row !important;
    gap: 12px !important;
    width: 100% !important;
}

form[id="7411646"] .form-sub-label-container {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 !important;
    margin: 0 !important;
}

form[id="7411646"] .form-sub-label-container input,
form[id="7411646"] .form-sub-label-container select {
    order: 1 !important;
}

form[id="7411646"] .form-sub-label-container label.form-sub-label {
    order: 2 !important;
}

form[id="7411646"] .form-address-table {
    width: 100% !important;
    display: block !important;
}

form[id="7411646"] .form-address-table tbody {
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
    width: 100% !important;
}

form[id="7411646"] .form-address-table tr:not(.hide):not(.form-line-hidden):not([style*="none"]) {
    display: flex !important;
    flex-direction: row !important;
    gap: 12px !important;
    width: 100% !important;
}

form[id="7411646"] .form-address-table td {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 !important;
    padding: 0 !important;
    min-width: 0 !important;
}

form[id="7411646"] .form-single-column:not(.hide):not(.form-line-hidden):not([style*="none"]),
form[id="7411646"] .form-multiple-column:not(.hide):not(.form-line-hidden):not([style*="none"]) {
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
    width: 100% !important;
}

form[id="7411646"] .form-radio-item,
form[id="7411646"] .form-checkbox-item {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    border: 1px solid #cfc2b4 !important;
    border-radius: 8px !important;
    padding: 0 !important;
    margin: 0 !important;
    background: #fff !important;
    min-height: 42px !important;
    box-sizing: border-box !important;
}

form[id="7411646"] .form-radio-item:has(input:checked),
form[id="7411646"] .form-checkbox-item:has(input:checked) {
    background-color: #fdf8f0 !important;
    border-color: #c99b53 !important;
}

form[id="7411646"] input.form-radio,
form[id="7411646"] input.form-checkbox {
    margin: 0 0 0 14px !important;
    width: 20px !important;
    height: 20px !important;
    accent-color: #c99b53 !important;
    cursor: pointer !important;
    flex-shrink: 0 !important;
}

form[id="7411646"] .form-radio-item label,
form[id="7411646"] .form-checkbox-item label {
    margin: 0 !important;
    padding: 10px 18px 10px 12px !important;
    color: #333 !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    cursor: pointer !important;
    flex: 1 !important;
    display: flex !important;
    align-items: center !important;
}

form[id="7411646"] .form-checkbox-item:has(.form-checkbox-other) {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    padding: 0 !important;
}

form[id="7411646"] input.form-checkbox-other {
    -webkit-appearance: none !important;
    appearance: none !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    height: 100% !important;
    cursor: pointer !important;
    z-index: 5 !important;
    outline: none !important;
    border: none !important;
    background: transparent !important;
}

form[id="7411646"] input.form-checkbox-other::before {
    content: "" !important;
    position: absolute !important;
    left: 14px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 20px !important;
    height: 20px !important;
    border: 1px solid #767676 !important;
    border-radius: 3px !important;
    background-color: #fff !important;
    box-sizing: border-box !important;
}

form[id="7411646"] input.form-checkbox-other:checked::before {
    background-color: #c99b53 !important;
    border-color: #c99b53 !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round' d='M3.5 8.5l3 3L12.5 4'/%3E%3C/svg%3E") !important;
    background-size: 15px !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

form[id="7411646"] .form-checkbox-item:has(.form-checkbox-other) span {
    display: flex !important;
    align-items: center !important;
    flex: none !important;
    padding: 0 !important;
    margin-left: 48px !important;
    position: relative !important;
    z-index: 10 !important;
}

form[id="7411646"] .form-checkbox-other-input {
    margin: 0 !important;
    padding: 6px 10px !important;
    border: 1px solid #ccc !important;
    border-radius: 4px !important;
    height: 32px !important;
    width: 115px !important;
    font-size: 14px !important;
    background: #fff !important;
    position: relative !important;
}

form[id="7411646"] .form-checkbox-other-input,
form[id="7411646"] input#input_13 {
    color: #a67c33 !important;
    font-weight: 700 !important;
}

form[id="7411646"] .form-checkbox-other-input::placeholder,
form[id="7411646"] input#input_13::placeholder {
    color: #a67c33 !important;
    opacity: 1 !important;
    font-weight: 700 !important;
}

form[id="7411646"] #cid_7:not(.hide):not(.form-line-hidden):not([style*="none"]) {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: center !important;
    background-color: rgba(255,255,255,0.65) !important;
    border: 1px solid #cfc2b4 !important;
    border-radius: 8px !important;
    padding: 13px 18px !important;
    margin-top: 2px !important;
}

form[id="7411646"] #cid_7 label {
    margin: 0 !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #333 !important;
}

form[id="7411646"] #total_amount {
    font-size: 26px !important;
    font-weight: 800 !important;
    color: #a67c33 !important;
    padding: 0 !important;
}

form[id="7411646"] .js-cc-number {
    padding-left: 15px !important;
    background-image: none !important;
}

form[id="7411646"] .credit_card:not(.hide):not(.form-line-hidden):not([style*="none"]) > td > table {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    width: 100% !important;
    border: 1px solid #cfc2b4 !important;
    padding: 14px !important;
    border-radius: 8px !important;
    background: rgba(255,255,255,0.5) !important;
    margin-top: 6px !important;
}

form[id="7411646"] .credit_card:not(.hide) > td > table > tbody {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    width: 100% !important;
}

form[id="7411646"] .credit_card:not(.hide) > td > table > tbody > tr:not(.hide):not([style*="none"]) {
    display: flex !important;
    flex-direction: row !important;
    width: 100% !important;
    gap: 10px !important;
}

form[id="7411646"] .credit_card td,
form[id="7411646"] .cc-field-wrapper {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 !important;
    padding: 0 !important;
    min-width: 0 !important;
}

form[id="7411646"] .credit_card th {
    display: none !important;
}

form[id="7411646"] .other {
    padding: 8px 0 0 0 !important;
    font-size: 15px !important;
    color: #555 !important;
    line-height: 1.45 !important;
}

form[id="7411646"] .form-buttons-wrapper {
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
    margin: 18px 0 0 0 !important;
    padding: 0 !important;
    text-indent: 0 !important;
}

form[id="7411646"] .form-submit-button {
    background-color: #c99b53 !important;
    color: #120e0a !important;
    border: none !important;
    border-radius: 8px !important;
    padding: 14px 45px !important;
    font-size: 18px !important;
    font-weight: bold !important;
    cursor: pointer !important;
    width: 100% !important;
    max-width: 350px !important;
    transition: filter 0.3s ease, transform 0.1s ease !important;
    box-shadow: 0 4px 12px rgba(201, 155, 83, 0.3) !important;
}

form[id="7411646"] .form-submit-button:hover {
    filter: brightness(1.12) !important;
    transform: translateY(-1px) !important;
}

form[id="7411646"] #cid_4 .form-checkbox-item {
    border: none !important;
    background: transparent !important;
    min-height: auto !important;
    padding: 5px 0 !important;
}

form[id="7411646"] #cid_4 input.form-checkbox {
    margin: 0 10px 0 0 !important;
    width: 18px !important;
    height: 18px !important;
}

form[id="7411646"] #cid_4 label {
    color: #555 !important;
    font-size: 14px !important;
    padding: 0 !important;
}

form[id="7411646"] .form-single-column:has(input.paymentMethod):not(.hide):not([style*="none"]),
form[id="7411646"] .form-multiple-column:has(input.paymentMethod):not(.hide):not([style*="none"]) {
    display: flex !important;
    flex-direction: row !important;
    gap: 12px !important;
    width: 100% !important;
}

form[id="7411646"] .form-radio-item:has(input.paymentMethod) {
    flex: 1 !important;
    margin: 0 !important;
}

@media (max-width: 600px) {
    form[id="7411646"] {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }
    form[id="7411646"] .form-all {
        padding: 16px 12px 22px !important;
        border-radius: 12px !important;
        margin: 10px auto !important;
    }
    form[id="7411646"] .form-line {
        padding: 6px 0 !important;
    }
    form[id="7411646"] .form-address-table tr:not(.hide):not([style*="none"]) {
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        gap: 8px !important;
    }
    form[id="7411646"] .credit_card:not(.hide) > td > table > tbody > tr:not(.hide):not([style*="none"]) {
        flex-wrap: wrap !important;
        gap: 8px !important;
    }
    form[id="7411646"] .credit_card td:has(.js-cc-number),
    form[id="7411646"] .credit_card td:has([autocomplete="cc-csc"]) {
        flex: 0 0 100% !important;
        width: 100% !important;
    }
    form[id="7411646"] .form-single-column:has(input.paymentMethod),
    form[id="7411646"] .form-multiple-column:has(input.paymentMethod) {
        flex-direction: column !important;
    }
}

/* =========================================================
   MODERN FORM STYLING - CHABADONE
   Target: Bourbon Tasting Waiting List (ID: 7421598)
   Theme: Frosted Cream Card over Black/Gold Texture (Compact)
========================================================= */

/* --- 0. CRUCIAL: Enforce Jotform Conditional Logic & Hidden Fields First --- */
form[id="7421598"] .hide,
form[id="7421598"] .hidden,
form[id="7421598"] .form-line-hidden,
form[id="7421598"] .form-field-hidden,
form[id="7421598"] .always-hidden,
form[id="7421598"] [data-type="control_hidden"],
form[id="7421598"] [style*="display: none"],
form[id="7421598"] [style*="display:none"],
form[id="7421598"] tr.hide,
form[id="7421598"] tr.form-line-hidden,
form[id="7421598"] td.hide,
form[id="7421598"] div.hide,
form[id="7421598"] div.form-line-hidden,
form[id="7421598"] tbody.hide,
form[id="7421598"] [id*="id_"].form-line-hidden,
form[id="7421598"] [id*="id_"].always-hidden,
form[id="7421598"] [id*="cid_"].hide,
form[id="7421598"] [id*="cid_"].form-line-hidden {
    display: none !important;
}

/* --- 1. Page Background & FORCE FULL-SCREEN CENTERING --- */
html:has(form[id="7421598"]),
html:has(form[id="7421598"]) body {
    background-color: #050403 !important;
    background-image: url('https://thechabadcenter.org/media/images/1376/dVbQ13761866.png') !important;
    background-size: cover !important;
    background-position: center top !important;
    background-attachment: fixed !important;
    margin: 0 !important;
    overflow-x: hidden !important;
}

form[id="7421598"] {
    font-family: 'Montserrat', 'Open Sans', Arial, sans-serif !important;
    color: #333 !important;
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 12px !important;
    box-sizing: border-box !important;
}

form[id="7421598"] .form-all {
    background: rgba(41, 18, 2, 0.85) !important;
    box-shadow: 0 15px 50px rgba(0, 0, 0, 0.55) !important;
    border-radius: 16px !important;
    padding: 18px 28px 22px !important;
    margin: 18px auto !important;
    width: 100% !important;
    max-width: 650px !important;
    border: 1px solid rgba(255, 255, 255, 0.6) !important;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}

form[id="7421598"] .form-line:not(.hide):not(.hidden):not(.form-line-hidden):not(.form-field-hidden):not(.always-hidden):not([style*="none"]):not([data-type="control_hidden"]) {
    display: block !important;
    padding: 4px 0 !important;
    margin: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

form[id="7421598"] .form-required {
    display: none !important;
}

form[id="7421598"] .bourbon-rsvp-top {
    width: 100% !important;
    margin: 0 0 6px 0 !important;
    padding: 0 !important;
    text-align: center !important;
}

html:has(form[id="7421598"]) img[alt="Bourbon Tasting"],
form[id="7421598"] .bourbon-event-image {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    border-radius: 12px !important;
    margin: 0 auto !important;
}

form[id="7421598"] [id^="label_"] > label,
form[id="7421598"] label[for^="input_"]:not(.form-sub-label) {
    color: #a67c33 !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    margin-bottom: 2px !important;
    display: block !important;
}

form[id="7421598"] .form-textbox {
    width: 100% !important;
    height: 38px !important;
    padding: 0 14px !important;
    border: 1px solid #cfc2b4 !important;
    border-radius: 6px !important;
    box-sizing: border-box !important;
    font-size: 15px !important;
    background-color: #fff !important;
}

form[id="7421598"] [id^="cid_"]:has(.form-sub-label-container) {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    width: 100% !important;
}

form[id="7421598"] .form-sub-label-container {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 0 !important;
    min-width: 140px !important;
}

form[id="7421598"] .form-submit-button {
    background-color: #c99b53 !important;
    color: #120e0a !important;
    border: none !important;
    border-radius: 6px !important;
    padding: 10px 40px !important;
    font-size: 16px !important;
    font-weight: bold !important;
    cursor: pointer !important;
    width: 100% !important;
    max-width: 320px !important;
}

@media (max-width: 600px) {
    form[id="7421598"] .form-all {
        padding: 14px 14px 18px !important;
    }
}