/**
 * Register Company Page - Page-specific styles
 * Halaman: /register/company
 */

/* Widen card for two-column layout */
.register-page .register-box {
    max-width: 720px;
    width: 100%;
    box-sizing: border-box;
}

@media (max-width: 768px) {
    .register-page .register-box {
        max-width: 100%;
        padding-left: 1rem;
        padding-right: 1rem;
    }
}

/* Prevent overflow - card & body */
.register-page .register-box .card,
.register-page .register-box .card-body {
    overflow: visible;
    max-width: 100%;
}

/* Row & columns - prevent cut off */
.register-page .register-box .card-body .row {
    margin-left: -8px;
    margin-right: -8px;
}

.register-page .register-box .card-body .row [class*="col-"] {
    padding-left: 8px;
    padding-right: 8px;
    min-width: 0;
    overflow: visible;
}

/* Input groups - ensure full width, no truncation, border tidak terpotong */
.register-page .register-box .input-group {
    flex-wrap: wrap;
    min-width: 0;
    overflow: visible;
    align-items: stretch;
}

/* Invalid feedback tampil di bawah input, tidak inline (agar UI tidak rusak saat validasi) */
.register-page .register-box .input-group .invalid-feedback {
    flex-basis: 100%;
    width: 100%;
    margin-top: 0.25rem;
    margin-left: 0;
}

.register-page .register-box .input-group .form-control {
    min-width: 0;
    flex: 1 1 auto;
}

.register-page .register-box .input-group-prepend .input-group-text,
.register-page .register-box .input-group-append .input-group-text {
    flex-shrink: 0;
}

/* Fix borders - pastikan border kiri/kanan input selalu terlihat */
.register-page .register-box .input-group .input-group-prepend .input-group-text {
    border: 1px solid #ced4da;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.register-page .register-box .input-group .form-control {
    border: 1px solid #ced4da;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    margin-left: -1px;
}

.register-page .register-box .input-group .form-control:focus {
    margin-left: -1px;
    z-index: 3;
}

/* Standalone form-control (City, State, Postal) - border penuh */
.register-page .register-box .form-control {
    border: 1px solid #ced4da;
}

/* Pastikan nested input di col tidak kehilangan border */
.register-page .register-box .row .row .form-control {
    border: 1px solid #ced4da;
}

/* Nested rows (City, State, Postal & Country, Phone) */
.register-page .register-box .card-body .row .row [class*="col-"] {
    min-width: 0;
}

/* Wrapper untuk Select2 - ambil ruang flex yang sama dengan form-control */
.register-page .register-box .input-group .input-group-select2-wrapper {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    align-items: stretch;
}

/* Select2 di dalam wrapper - isi penuh lebar wrapper */
.register-page .register-box .input-group .input-group-select2-wrapper .select2-container,
.register-page .register-box .input-group .input-group-select2-wrapper .select2-container--bootstrap4 {
    flex: 1;
    min-width: 0;
    width: 100% !important;
}

.register-page .register-box .input-group .select2-container .select2-selection,
.register-page .register-box .input-group .select2-container--bootstrap4 .select2-selection,
.register-page .register-box .input-group .input-group-select2-wrapper .select2-container .select2-selection,
.register-page .register-box .input-group .input-group-select2-wrapper .select2-container--bootstrap4 .select2-selection {
    height: 38px;
    min-height: 38px;
    border-radius: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-color: #ced4da;
    margin-left: -1px;
    flex: 1;
    width: 100%;
}
.register-page .register-box .input-group .select2-container .select2-selection__rendered,
.register-page .register-box .input-group .select2-container--bootstrap4 .select2-selection__rendered,
.register-page .register-box .input-group .input-group-select2-wrapper .select2-selection__rendered {
    line-height: 36px;
}

/* Register button - full width, no text cut off */
.register-page .register-box .card-body .btn-block {
    width: 100%;
    min-height: 38px;
    white-space: nowrap;
    overflow: visible;
    text-overflow: clip;
    padding-left: 1rem;
    padding-right: 1rem;
}