.bb-application-form {
    --bb-green: #075a3c;
    --bb-dark: #17342a;
    --bb-gold: #c3a56b;
    --bb-soft: #f4f8f6;
    --bb-border: #dfe9e4;
    --bb-muted: #69766f;
    font-family: Inter, Arial, sans-serif;
}

.bb-application-form .acf-form {
    padding: clamp(22px, 4vw, 42px);
    border: 1px solid var(--bb-border);
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 18px 55px rgba(7, 90, 60, .08);
}

.bb-application-form .acf-fields > .acf-field {
    padding: 11px 10px;
    border: 0;
}

.bb-application-form .acf-label label {
    color: var(--bb-dark);
    font-size: 13px;
    font-weight: 650;
}

.bb-application-form .acf-required { color: var(--bb-gold); }

.bb-application-form input[type=text],
.bb-application-form input[type=email],
.bb-application-form input[type=number],
.bb-application-form input[type=tel],
.bb-application-form select,
.bb-application-form textarea {
    min-height: 50px;
    padding: 12px 14px !important;
    border: 1px solid var(--bb-border) !important;
    border-radius: 9px !important;
    background: #fff !important;
    color: var(--bb-dark);
    font-size: 14px !important;
    box-shadow: none !important;
    transition: border-color .25s ease, box-shadow .25s ease;
}

.bb-application-form textarea { min-height: 120px; resize: vertical; }

.bb-application-form input:focus,
.bb-application-form select:focus,
.bb-application-form textarea:focus {
    outline: none;
    border-color: var(--bb-green) !important;
    box-shadow: 0 0 0 3px rgba(7, 90, 60, .09) !important;
}

.bb-application-form .acf-tab-wrap {
    margin: 0 0 24px !important;
    overflow: visible;
    background: transparent !important;
}

.bb-application-form .acf-tab-group {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 12px;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
}

.bb-application-form .acf-tab-group::before,
.bb-application-form .acf-tab-group::after { display: none !important; }

.bb-application-form .acf-tab-group li {
    flex: 1 1 0 !important;
    float: none !important;
    width: 0 !important;
    margin: 0 !important;
}

.bb-application-form .acf-tab-group li a {
    display: flex !important;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 10px 14px !important;
    border: 1px solid var(--bb-border) !important;
    border-radius: 999px !important;
    background: var(--bb-soft) !important;
    color: var(--bb-muted) !important;
    font-size: 13px;
    font-weight: 650;
    text-align: center;
}

.bb-application-form .acf-tab-group li.active a {
    border-color: var(--bb-green) !important;
    background: var(--bb-green) !important;
    color: #fff !important;
}

.bb-step-actions,
.bb-application-form .acf-form-submit {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    margin: 22px 10px 0;
}

.bb-step-button,
.bb-submit-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 50px;
    padding: 13px 24px;
    border: 1px solid var(--bb-green);
    border-radius: 9px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 650;
    transition: transform .2s ease, background .2s ease, color .2s ease;
}

.bb-step-button--back { background: #fff; color: var(--bb-green); }
.bb-step-button--next,
.bb-submit-button { margin-left: auto; background: var(--bb-green); color: #fff; }
.bb-step-button:hover,
.bb-submit-button:hover { transform: translateY(-2px); background: var(--bb-gold); border-color: var(--bb-gold); color: #fff; }

.bb-form-success {
    padding: 42px 28px;
    border: 1px solid #d9e9e1;
    border-radius: 18px;
    background: #f4faf7;
    color: #17342a;
    text-align: center;
}
.bb-form-success__icon {
    display: inline-flex;align-items:center;justify-content:center;width:52px;height:52px;margin-bottom:12px;border-radius:50%;background:#075a3c;color:#fff;font-size:24px;
}
.bb-form-alert { padding:16px;border-radius:10px; }
.bb-form-alert--error { border:1px solid #f0cccc;background:#fff4f4;color:#8d2525; }

@media (min-width: 768px) {
    .bb-application-form .acf-fields { display: flex; flex-wrap: wrap; }
    .bb-application-form .acf-field-tab { width: 100%; }
    .bb-application-form .acf-field:not(.acf-field-tab) { width: 50%; }
    .bb-application-form .acf-field[data-name="bb_ozel_beklentiler"],
    .bb-application-form .acf-field[data-name="bb_acik_adres"],
    .bb-application-form .acf-field[data-name="bb_mulk_aciklamasi"],
    .bb-application-form .acf-field[data-name="bb_satis_notlari"],
    .bb-application-form .acf-field[data-name="bb_kvkk_onayi"] { width: 100%; }
}

/* ACF para ve alan birimlerini input kutusunun icinde gosterir. */
.bb-application-form .acf-field[data-name="bb_min_butce"] .acf-input,
.bb-application-form .acf-field[data-name="bb_max_butce"] .acf-input,
.bb-application-form .acf-field[data-name="bb_beklenen_satis_bedeli"] .acf-input,
.bb-application-form .acf-field[data-name="bb_brut_alan"] .acf-input,
.bb-application-form .acf-field[data-name="bb_net_alan"] .acf-input {
    position: relative !important;
}

.bb-application-form .acf-field[data-name="bb_min_butce"] .acf-input-wrap,
.bb-application-form .acf-field[data-name="bb_max_butce"] .acf-input-wrap,
.bb-application-form .acf-field[data-name="bb_beklenen_satis_bedeli"] .acf-input-wrap,
.bb-application-form .acf-field[data-name="bb_brut_alan"] .acf-input-wrap,
.bb-application-form .acf-field[data-name="bb_net_alan"] .acf-input-wrap {
    display: block !important;
    overflow: visible !important;
}

.bb-application-form .acf-field[data-name="bb_min_butce"] .acf-input-prepend,
.bb-application-form .acf-field[data-name="bb_max_butce"] .acf-input-prepend,
.bb-application-form .acf-field[data-name="bb_beklenen_satis_bedeli"] .acf-input-prepend {
    position: absolute !important;
    z-index: 2 !important;
    top: 1px !important;
    bottom: 1px !important;
    left: 1px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    float: none !important;
    width: 54px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-right: 1px solid #ded3bb !important;
    border-radius: 8px 0 0 8px !important;
    background: #f5f0e5 !important;
    color: var(--bb-green) !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
}

.bb-application-form .acf-field[data-name="bb_min_butce"] input[type="number"],
.bb-application-form .acf-field[data-name="bb_max_butce"] input[type="number"],
.bb-application-form .acf-field[data-name="bb_beklenen_satis_bedeli"] input[type="number"] {
    width: 100% !important;
    padding-left: 72px !important;
}

.bb-application-form .acf-field[data-name="bb_brut_alan"] .acf-input-append,
.bb-application-form .acf-field[data-name="bb_net_alan"] .acf-input-append {
    position: absolute !important;
    z-index: 2 !important;
    top: 1px !important;
    right: 1px !important;
    bottom: 1px !important;
    display: flex !important;
    align-items: center !important;
    float: none !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 15px !important;
    border: 0 !important;
    border-left: 1px solid #ded3bb !important;
    border-radius: 0 8px 8px 0 !important;
    background: #f5f0e5 !important;
    color: var(--bb-green) !important;
}

.bb-application-form .acf-field[data-name="bb_brut_alan"] input[type="number"],
.bb-application-form .acf-field[data-name="bb_net_alan"] input[type="number"] {
    width: 100% !important;
    padding-right: 66px !important;
}

@media (max-width: 767px) {
    .bb-application-form .acf-form { padding: 18px 12px; border-radius: 13px; }
    .bb-application-form .acf-tab-group { gap: 6px; }
    .bb-application-form .acf-tab-group li a { min-height: 42px;padding:8px 6px !important;font-size:11px; }
    .bb-step-button,.bb-submit-button { width: 100%; padding:12px; }
}
