/**
 * Community Calendar Submission Form Styling (Form ID 6)
 *
 * Form-6-specific overrides only. Universal field, button, spacing,
 * error, and responsive rules live in formidable-forms.css.
 */

/* ============================================
   FORM WIDTH - Constrained layout
   ============================================ */

#frm_form_6_container,
#frm_form_6_container.frm_forms.frm_style_formidable-style.with_frm_style {
    max-width: 1000px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* ============================================
   HIDE <br> AND EMPTY <p> TAGS
   Formidable generates extra whitespace elements
   ============================================ */

#frm_form_6_container .frm_form_field > br,
#frm_form_6_container .frm_form_field br:not(.frm_clearfix) {
    display: none !important;
}

#frm_form_6_container .frm_form_field > p:empty {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 0 !important;
}

#frm_form_6_container .frm_description:empty {
    display: none !important;
}

/* ============================================
   SECTION HEADINGS - Visual distinction
   ============================================ */

#frm_form_6_container h3.frm_section_spacing {
    display: block !important;
    font-weight: 700 !important;
    font-size: 1.25rem !important;
    color: var(--wp--preset--color--contrast, #1f2937) !important;
    padding-bottom: 0.75rem !important;
    margin-bottom: 0.25rem !important;
    margin-top: 1.5rem !important;
    border-bottom: 2px solid var(--wp--preset--color--accent-2, #b72727) !important;
}

#frm_form_6_container .frm_section_heading.frm_first h3.frm_section_spacing {
    margin-top: 0 !important;
    padding-top: 0 !important;
    border-top: none !important;
}

#frm_form_6_container .frm_section_heading:not(.frm_first) h3.frm_section_spacing {
    margin-top: 2rem !important;
    padding-top: 1.5rem !important;
    border-top: 1px solid #e5e7eb !important;
}

#frm_form_6_container .frm_section_heading {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* ============================================
   TIME PICKER - AM/PM compact, numbers wider
   ============================================ */

#frm_form_6_container .frm_time_wrap {
    display: flex !important;
    align-items: center !important;
    gap: 0 !important;
    width: 100% !important;
}

#frm_form_6_container .frm_time_wrap > span[dir="ltr"] {
    display: flex !important;
    align-items: center !important;
    flex: 1 !important;
    gap: 0 !important;
    min-width: 0 !important;
}

#frm_form_6_container .frm_time_wrap select[id$="_H"] {
    flex: 1 !important;
    min-width: 0 !important;
    width: auto !important;
    max-width: none !important;
}

#frm_form_6_container .frm_time_wrap select[id$="_m"] {
    flex: 1 !important;
    min-width: 0 !important;
    width: auto !important;
    max-width: none !important;
}

#frm_form_6_container .frm_time_sep {
    padding: 0 0.25rem !important;
    flex-shrink: 0 !important;
}

#frm_form_6_container .frm_time_wrap select[id$="_A"] {
    width: 5rem !important;
    min-width: 5rem !important;
    max-width: 5rem !important;
    flex: 0 0 5rem !important;
    padding-left: 0.5rem !important;
    padding-right: 2rem !important;
    margin-left: 0.5rem !important;
}

/* Time fields - remove default <p> margin */
#frm_field_59_container p,
#frm_field_60_container p,
#frm_field_63_container p {
    margin: 0 !important;
}

/* ============================================
   ADDRESS FIELD FIXES
   ============================================ */

/* Hide address line 2 */
#frm_form_6_container #frm_field_56-line2_container {
    display: none !important;
}

/* Hide City/State/Zip description labels; placeholders are used */
#frm_form_6_container .frm_combo_inputs_container .frm_description {
    display: none !important;
}

#frm_form_6_container .frm_combo_inputs_container .frm_third {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* ============================================
   FILE UPLOAD - Tighter spacing
   ============================================ */

#frm_form_6_container #frm_field_71_container {
    margin-top: 0.25rem !important;
}

/* ============================================
   RESPONSIVE - Time picker AM/PM on mobile
   ============================================ */

@media (max-width: 768px) {
    #frm_form_6_container .frm_time_wrap select[id$="_A"] {
        width: 4.5rem !important;
        min-width: 4.5rem !important;
        max-width: 4.5rem !important;
        flex: 0 0 4.5rem !important;
    }
}