/* ------------------------------------------------------------
   ZIMGERM — COMPLETE FORM UI FIX
   Fixes: active tab invisible, navigation clarity, UX flow
------------------------------------------------------------ */

/* -------------------------
   TAB BAR (horizontal)
------------------------- */
.acf-tab-group {
    display: flex !important;
    border-bottom: 2px solid #ddd !important;
    margin-bottom: 25px !important;
    padding-left: 0 !important;
}

/* Each tab */
.acf-tab-group li {
    list-style: none !important;
    margin: 0 !important;
}

/* Tab button */
.acf-tab-group li a {
    display: block !important;
    padding: 14px 22px !important;
    background: #EDE7DF !important;
    color: #333 !important;
    font-weight: 600 !important;
    border-radius: 6px 6px 0 0 !important;
    border: 1px solid #ddd !important;
    border-bottom: none !important;
}

/* ACTIVE TAB — FIXED (no more white on white) */
.acf-tab-group li.active a {
    background: #7A4E2D !important;
    color: #fff !important;
    border-color: #7A4E2D !important;
}

/* -------------------------
   STEP INDICATOR (simple)
------------------------- */
.acf-tab-group li.active a::after {
    content: "  •  CURRENT STEP";
    font-weight: 400;
    font-size: 12px;
    margin-left: 6px;
    opacity: 0.9;
}

/* -------------------------
   MESSAGE FIELDS
------------------------- */
.acf-field-message {
    background: #F8F5EF !important;
    padding: 20px !important;
    border-left: 4px solid #7A4E2D !important;
    border-radius: 6px !important;
    margin-bottom: 20px !important;
}

.acf-field-message .acf-label label {
    font-size: 22px !important;
    font-weight: 700 !important;
    color: #2A2F36 !important;
}

.acf-field-message .acf-input p {
    margin: 0 !important;
    font-size: 16px !important;
    color: #4A4A4A !important;
}

/* -------------------------
   FIELD WRAPPERS
------------------------- */
.acf-field {
    background: #fff !important;
    padding: 20px !important;
    border: 1px solid #eee !important;
    border-radius: 6px !important;
    margin-bottom: 20px !important;
}

/* -------------------------
   INPUTS
------------------------- */
.acf-field input,
.acf-field textarea,
.acf-field select {
    width: 100% !important;
    padding: 12px 14px !important;
    border: 1px solid #ccc !important;
    border-radius: 6px !important;
    font-size: 15px !important;
    box-sizing: border-box !important;
}

/* -------------------------
   SUBMIT BUTTON
------------------------- */
.acf-form-submit input[type="submit"] {
    background: #2A2F36 !important;
    color: #fff !important;
    padding: 14px 28px !important;
    border-radius: 6px !important;
    font-weight: 600 !important;
    border: none !important;
    cursor: pointer !important;
    font-size: 16px !important;
}

.acf-form-submit input[type="submit"]:hover {
    background: #0F1A2B !important;
}