/* FORM WRAPPER */
.ec-register-form {
    max-width: 900px;
    margin: 0 auto;
    padding: 40px;
    background: rgba(255,255,255,0.03);
    border-radius: 20px;
    border: 1px solid rgba(255,255,255,0.1);
}

/* GRID */
.ec-form-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

/* FULL WIDTH */
.ec-form-group.full {
    grid-column: span 2;
}

/* GROUP */
.ec-form-group {
    display: flex;
    flex-direction: column;
}

/* LABEL */
.ec-form-group label {
    font-size: 13px;
    margin-bottom: 6px;
    color: rgba(255,255,255,0.8);
}

/* INPUTS */
.ec-form-group input,
.ec-form-group select,
.ec-form-group textarea {
    padding: 14px;
    border-radius: 30px;
    border: none;
    background: #eaeaea;
    font-size: 14px;
    outline: none;
}

/* TEXTAREA */
.ec-form-group textarea {
    border-radius: 15px;
}

/* BUTTON */
.ec-form-group button {
    padding: 14px;
    border-radius: 30px;
    border: none;
    background: linear-gradient(90deg, #B19CD9, #FADADD);
    color: #000;
    font-weight: 600;
    cursor: pointer;
}

/* CHECKBOX */
.ec-checkbox {
    font-size: 13px;
}

/* MOBILE */
@media (max-width: 768px) {
    .ec-form-grid {
        grid-template-columns: 1fr;
    }

    .ec-form-group.full {
        grid-column: span 1;
    }
}

/*next*/

/* ===== AUTH HEADER ===== */
.ec-auth-header {
    background: #050510;
    padding: 20px 0;
    border-bottom: 1px solid rgba(255,255,255,0.08);
}

.ec-auth-header-inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* LOGO */
.ec-auth-logo img {
    height: 40px;
    object-fit: contain;
}

/* ===== AUTH FOOTER ===== */
.ec-auth-footer {
    background: #050510;
    border-top: 1px solid rgba(255,255,255,0.08);
    padding: 25px 0;
    margin-top: 60px;
}

.ec-auth-footer-inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    text-align: center;
}

/* TEXT */
.ec-auth-footer p {
    font-size: 13px;
    color: rgba(255,255,255,0.6);
    margin-bottom: 10px;
}

/* LINKS */
.ec-auth-links {
    display: flex;
    justify-content: center;
    gap: 20px;
}

.ec-auth-links a {
    font-size: 13px;
    color: rgba(255,255,255,0.7);
    text-decoration: none;
    transition: 0.3s;
}

.ec-auth-links a:hover {
    color: #B19CD9;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 600px) {
    .ec-auth-logo img {
        height: 32px;
    }

    .ec-auth-links {
        flex-direction: column;
        gap: 10px;
    }
}

/* ===== FORCE DARK PAGE ===== */
body {
    background: #050510 !important;
    color: #ffffff;
}

/* REMOVE WHITE BACKGROUND FROM ANY WRAPPERS */
main,
.ec-auth-main,
.ec-auth-container {
    background: transparent !important;
}

/* ===== TITLE ===== */
.ec-auth-title h1 {
    color: #ffffff;
}

.ec-auth-title p {
    color: rgba(255,255,255,0.7);
}

/* ===== FORM INPUTS ===== */
input,
textarea,
select {
    width: 100%;
    padding: 14px 18px;
    border-radius: 40px;
    border: none;
    outline: none;

    background: rgba(255,255,255,0.08);
    color: #fff;

    font-size: 14px;
}

/* PLACEHOLDER */
input::placeholder,
textarea::placeholder {
    color: rgba(255,255,255,0.5);
}

/* FOCUS EFFECT */
input:focus,
textarea:focus {
    background: rgba(177,156,217,0.15);
}

/* TEXTAREAS */
textarea {
    border-radius: 20px;
    min-height: 140px;
    resize: none;
}

/* ===== FORM ROW ===== */
.ec-form-row {
    display: flex;
    gap: 15px;
    margin-bottom: 15px;
}

.ec-form-row input {
    flex: 1;
}

/* STACK ON MOBILE */
@media (max-width: 768px) {
    .ec-form-row {
        flex-direction: column;
    }
}

/* ===== CHECKBOX TEXT ===== */
label,
td {
    color: rgba(255,255,255,0.75);
}

/* ===== TERMS LINK ===== */
a {
    color: #B19CD9;
}

/* ===== BUTTON ===== */
button,
input[type="submit"] {
    width: 100%;
    padding: 16px;
    border-radius: 40px;
    border: none;

    background: linear-gradient(90deg, #B19CD9, #FADADD);
    color: #000;
    font-weight: 600;

    cursor: pointer;
    transition: 0.3s;
}

button:hover,
input[type="submit"]:hover {
    opacity: 0.9;
}


/* ===== FORM WRAPPER ===== */
form {
    display: block;
    width: 100%;
}

/* ===== TABLE FIX ===== */
table {
    width: 100%;
    border-collapse: separate; /* IMPORTANT */
    border-spacing: 20px 18px; /* 🔥 controls spacing */
}

/* ===== TABLE CELLS ===== */
td {
    vertical-align: top;
}

/* ===== LABEL TEXT ===== */
td:first-child {
    color: rgba(255,255,255,0.7);
    font-size: 14px;
    padding-bottom: 5px;
}

/* ===== INPUT FIELDS ===== */
.inpts {
    width: 100%;
    padding: 14px 18px;
    border-radius: 40px;
    border: none;
    outline: none;

    background: rgba(255,255,255,0.08);
    color: #fff;

    font-size: 14px;
}

/* ===== TEXTAREA ===== */
textarea.inpts {
    border-radius: 20px;
}

/* ===== INPUT SPACING (EXTRA SAFETY) ===== */
tr {
    margin-bottom: 10px;
}

/* ===== CHECKBOX AREA ===== */
input[type="checkbox"] {
    transform: scale(1.2);
    margin-right: 8px;
}

/* ===== SUBMIT BUTTON ===== */
.sbmt {
    width: 100%;
    padding: 16px;
    border-radius: 40px;
    border: none;

    background: linear-gradient(90deg, #B19CD9, #FADADD);
    color: #000;
    font-weight: 600;

    cursor: pointer;
}

/* INPUT STYLE */
.ec-input {
    background: rgba(255,255,255,0.08) !important;
    border: none !important;
    border-radius: 40px !important;
    color: #fff !important;
    padding: 14px 18px;
}

.ec-input::placeholder {
    color: rgba(255,255,255,0.5);
}

.ec-input:focus {
    background: rgba(177,156,217,0.2) !important;
    box-shadow: none !important;
}

/* LABEL */
.form-label {
    color: rgba(255,255,255,0.7);
}

/* BUTTON */
.ec-btn {
    padding: 16px;
    border-radius: 40px;
    border: none;
    background: linear-gradient(90deg, #B19CD9, #FADADD);
    color: #000;
    font-weight: 600;
}

/* CHECKBOX */
.form-check-input {
    background-color: transparent;
    border: 1px solid #ccc;
}

/* CUSTOM CHECKBOX SIZE */
.ec-check {
    width: 16px;
    height: 16px;
    cursor: pointer;
}

/* ALIGNMENT FIX */
.form-check {
    align-items: center;
}

/* REMOVE BOOTSTRAP DEFAULT SPACING */
.form-check-input {
    margin-top: 0;
}


.ec-check {
    width: 16px;
    height: 16px;
    accent-color: #B19CD9; /* purple theme */
}


/* REMOVE BLUE CLICK FLASH */
.form-check-input:focus {
    box-shadow: none !important;
    outline: none !important;
}

/* FORCE CONSISTENT CHECK STYLE */
.ec-check {
    width: 16px;
    height: 16px;
    cursor: pointer;
    accent-color: #B19CD9; /* your purple theme */
}

/* REMOVE BOOTSTRAP BLUE ACTIVE BG */
.form-check-input:checked {
    background-color: #B19CD9 !important;
    border-color: #B19CD9 !important;
}

/* REMOVE WEIRD ACTIVE STATE */
.form-check-input:active {
    filter: none;
}


/* REMOVE BOOTSTRAP WEIRD STATES */
.form-check-input:focus,
.form-check-input:active {
    box-shadow: none !important;
    outline: none !important;
}

/* BASE CHECKBOX */
.ec-check {
    width: 16px;
    height: 16px;
    cursor: pointer;
    border: 1px solid #888;
    background-color: transparent;
}

/* ✅ FORCE CHECK STYLE */
.form-check-input:checked {
    background-color: #B19CD9 !important;
    border-color: #B19CD9 !important;

    /* THIS LINE FIXES YOUR ISSUE */
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.173 13.414L1.293 8.535l1.414-1.414 3.466 3.465 7.071-7.071 1.414 1.414z'/%3E%3C/svg%3E") !important;
}

/* REMOVE DELAY EFFECT */
.form-check-input {
    transition: none !important;
}


/* RESET DEFAULT BOOTSTRAP CHECK */
.form-check-input {
    width: 16px;
    height: 16px;
    border-radius: 4px;
    border: 1px solid #888;
    background-color: transparent;
    cursor: pointer;

    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;

    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* REMOVE FOCUS BLUE */
.form-check-input:focus,
.form-check-input:active {
    box-shadow: none !important;
    outline: none !important;
}

/* CHECKED STATE */
.form-check-input:checked {
    background-color: #B19CD9;
    border-color: #B19CD9;
}

/* ✅ CUSTOM CHECK ICON (PERFECT SIZE) */
.form-check-input:checked::after {
    content: "";
    width: 8px;
    height: 5px;
    border: 2px solid #fff;
    border-top: none;
    border-right: none;
    transform: rotate(-45deg);
    display: block;
}