/*****************************************
   SFRH — REGISTER FORM (Forminator ID 121)
******************************************/

/*PLAYER HIDDEN FLAGS*/
.hidden-player {
    display: none;
}

/* Hide Forminator's default submit button */
#forminator-module-121 .forminator-button-submit {
    display: none !important;
}

/* Modal backdrop */
.register-modal-bg {
    display: none;
    position: fixed;
    inset: 0;				
    background: rgba(0, 0, 0, 0.85);
    z-index: 9999;
    padding: 3rem 1rem;
}

/* Modal box */
.register-modal-box {
    max-width: 760px;
    margin: 0 auto;
    background: rgba(0, 10, 16, 0.96);
    border-radius: 1rem;
    border: 1px solid #0aa;
    box-shadow: 0 0 20px rgba(0, 255, 234, 0.4);
    padding: 1.75rem 1.75rem 2.5rem;
    position: relative;
    max-height: 90vh;
    overflow-y: auto;
}

/* Red close button (top right) */
#sfrh-register-modal .register-modal-close {
    position: absolute;
    top: 1rem;
    right: 1rem;
    font-size: 2rem;
    color: #ff3333 !important;
    cursor: pointer;
    transition: 0.2s;
    z-index: 9999999 !important;
}

#sfrh-register-modal .register-modal-close:hover {
    color: #ff6666 !important;
    text-shadow: 0 0 10px #ff4444 !important;
}

/*****************************************
   REMOVE PLAYER BUTTON (per-player X)
******************************************/
.remove-player-btn {
    background: transparent !important;
    border: none !important;
    color: #ff3333 !important;
    font-size: 1.4rem !important;
    cursor: pointer;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
}

.remove-player-btn:hover {
    color: #ff6666 !important;
    text-shadow: 0 0 8px #ff3333 !important;
}

/* Position the X in the top-right of each player block */
.player-2-block .remove-player-btn,
.player-3-block .remove-player-btn,
.player-4-block .remove-player-btn {
    float: right;
    margin-top: -5px;
}

/*****************************************
   ADD PLAYER BUTTON
******************************************/
.add-player-btn {
    display: block !important;
    margin: 20px auto !important;
    padding: 12px 22px;
    background: rgba(0, 0, 0, 0.6);			
    border: 2px solid #00eaff;
    border-radius: 8px;
    color: #00eaff;
    font-family: "Rajdhani", sans-serif;
    font-size: 18px;
    cursor: pointer;
    transition: 0.25s;
    box-shadow: 0 0 14px #00eaff66;
}

.add-player-btn:hover {
    background: #00eaff;				
    color: #000;
    box-shadow: 0 0 22px #00eaff;
}

/*****************************************
   PLAYER VISIBILITY BLOCKS
******************************************/
.player-2-block,
.player-3-block,				
.player-4-block {
    display: none; /* JS will control this */
}

/*****************************************
   FORMINATOR SPACING FIXES
******************************************/
.forminator-field {
    margin-bottom: 18px !important;
}

.forminator-row,
.forminator-row-last {
    margin-bottom: 0 !important;			
    padding-bottom: 0 !important;
}

/* Remove empty success message area */
.forminator-response-message {
    display: none !important;
}

/*****************************************
   SFRH — REGISTER FORM NEON FIELDS (ID 121)
******************************************/

/* Use Rajdhani inside the modal */
#sfrh-register-modal {
    font-family: 'Rajdhani', sans-serif;
}

/* Left-align all field labels */
#forminator-module-121 label.forminator-label {
    font-family: 'Rajdhani', sans-serif !important;
    font-size: 18px !important;
    color: #e0faff !important;
    font-weight: 400 !important;
    margin-bottom: 6px !important;
    text-align: left !important;
}

/* Inputs, selects, datepicker, textarea */
#forminator-module-121 input.forminator-input,
#forminator-module-121 select.forminator-select,
#forminator-module-121 textarea.forminator-input {
    width: 100% !important;
    background: rgba(0,0,0,0.35) !important;
    border: 2px solid #00eaff !important;
    border-radius: 10px !important;
    padding: 14px !important;
    color: #e0faff !important;
    font-family: 'Rajdhani', sans-serif !important;
    font-size: 18px !important;
    box-shadow: none !important;
}

/* Focus glow */
#forminator-module-121 input:focus,
#forminator-module-121 select:focus,
#forminator-module-121 textarea:focus {
    box-shadow: 0 0 15px #00eaff !important;
    border-color: #00eaff !important;
}

/* Extra padding for DOB datepicker so icon doesn’t cover text */
#forminator-module-121 input[type="text"].forminator-datepicker {
    padding-right: 50px !important;
}

/* Reduce vertical spacing between fields */
#forminator-module-121 .forminator-row {
    margin-bottom: 14px !important;
}

/* Remove Forminator's left vertical success line inside this form */
#forminator-module-121,
#forminator-module-121 * {
    border-left: none !important;
    box-shadow: none !important;
}

/* FULL NEON STYLING for radio + checkbox groups */
#forminator-module-121 .forminator-radio,
#forminator-module-121 .forminator-checkbox {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 10px 0 !important;
    padding: 8px 12px !important;
    background: rgba(0, 0, 0, 0.35) !important;
    border: 2px solid #00eaff !important;
    border-radius: 10px !important;
    box-shadow: 0 0 12px #00eaff55 !important;
    font-family: 'Rajdhani', sans-serif !important;
    color: #e0faff !important;
}

/* Make radio/checkbox inputs larger + neon */
#forminator-module-121 .forminator-radio input,
#forminator-module-121 .forminator-checkbox input {
    width: 18px !important;
    height: 18px !important;
    accent-color: #00eaff !important;
    border-radius: 50% !important;
}

/* Label text inside radio/checkbox groups */
#forminator-module-121 .forminator-radio label,
#forminator-module-121 .forminator-checkbox label {
    font-family: 'Rajdhani', sans-serif !important;
    font-size: 18px !important;
    color: #e0faff !important;
    cursor: pointer;
}

/* Neon styling for helper text (gray descriptions) */
#forminator-module-121 .forminator-description,
#forminator-module-121 .forminator-subtitle {
    font-family: 'Rajdhani', sans-serif !important;
    color: #8ffaff !important;
    font-size: 14px !important;
    margin-bottom: 5px !important;
    text-align: left !important;
}

/*****************************************
   FINAL FIX — PERFECT CENTERED ADD PLAYER
   (Scoped to Forminator Form ID 121)
******************************************/
/* Override Forminator row flex alignment ONLY for this form */
#forminator-module-121 .forminator-row {
    display: block !important;
}

/* FIX — Stop left-side clipping on Add Player button */
#forminator-module-121 .add-player-wrapper {
    width: 100% !important;
    padding-left: 2px !important; /* tiny nudge so neon border is fully visible */
    box-sizing: border-box !important;
}

#forminator-module-121 .add-player-btn {
    width: 100% !important;
    box-sizing: border-box !important;
}

/* FIX: Make section headers match neon labels exactly - Only worked for some headers */
#forminator-module-121 .forminator-row .forminator-label:not([for]) {
    font-family: 'Rajdhani', sans-serif !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    color: #00eaff !important;
    text-align: left !important;
    margin: 6px 0 4px !important;
    padding: 0 !important;
    letter-spacing: 0.5px !important;
    text-shadow: 0 0 8px #00eaffaa !important;
}

/* Neon text for helper descriptions (Form 121) */
#forminator-module-121 .forminator-description {
    font-family: 'Rajdhani', sans-serif !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    color: #e0faff !important;
    text-align: left !important;
}

/* Fix radio/checkbox question headers (Registration Type, Position, Waiver, etc.) */
#forminator-module-121 .forminator-field .forminator-label:not([for]) {
    font-family: 'Rajdhani', sans-serif !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    color: #e0faff !important;
    text-align: left !important;
    letter-spacing: 0.3px !important;
    text-shadow: 0 0 8px #00eaffaa !important;
}

/* FIX — Proper spacing between radio and checkbox groups */
#forminator-module-121 .forminator-row .forminator-radio,
#forminator-module-121 .forminator-row .forminator-checkbox,
#forminator-module-121 .forminator-row.forminator-radio,
#forminator-module-121 .forminator-row.forminator-checkbox {
    margin-top: 16px !important;
    margin-bottom: 22px !important;
}

.sfrh-dob-error {
    color: #ff4444 !important;
    font-family: "Rajdhani", sans-serif !important;
    font-size: 15px !important;
    margin-top: 6px !important;
}

.sfrh-player-title {
  font-size: 1.2rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #00f7ff;
  margin: 1.5rem 0 0.5rem;
  text-align: left;
}

/* PLAYER SECTION TITLES */
.sfrh-player-title {
  font-size: 1.8rem;              /* Larger */
  font-weight: 700;
  text-align: center;             /* Centered */
  color: #00eaff;                 /* Neon teal */
  text-shadow: 0 0 8px #00eaff, 0 0 15px #00eaff;
  margin: 2.5rem 0 1.2rem;        /* Good spacing */
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

/* Optional: COLOR ACCENTS per player (keep or remove) */
.sfrh-player-1 { color: #00eaff; text-shadow: 0 0 8px #00eaff; }
.sfrh-player-2 { color: #39ff14; text-shadow: 0 0 8px #39ff14; }
.sfrh-player-3 { color: #fffb00; text-shadow: 0 0 8px #fffb00; }
.sfrh-player-4 { color: #ff7af6; text-shadow: 0 0 8px #ff7af6; }