/* Layout container */
.ur-auth-wrapper {
  max-width: 500px;
  margin: 0 auto;
  padding: 30px;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 6px;
}

/* ===== Centered Login/Register Toggle Buttons ===== */
.ur-tab-group {
    display: flex;               /* arrange tabs horizontally */
    justify-content: center;     /* center the tabs inside the card */
    gap: 10px;                   /* space between tabs */
    position: absolute;          /* keep floating above card */
    top: -22px;                  /* adjust vertical position */
    left: 50%;
    transform: translateX(-50%);
    width: auto;                 /* let width adjust to content */
}

.ur-tab {
    flex: none;                  /* stop stretching */
    width: 170px;                /* fixed width */
    height: 40px;                /* fixed height */
    padding: 0;                  /* remove extra vertical padding */
    line-height: 40px;           /* vertically center text */
    text-align: center;
    background: #f5f5f5;
    color: #2C5777;
    border: none;
    border-radius: 9999px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: none;
}

.ur-tab.is-active {
    background: #2C5777 !important;
    color: #ffffff !important;
    box-shadow: none !important;
    outline: none !important;
}

/* Tabs container for older styles */
.ur-tabs {
  text-align: center;
  margin-bottom: 20px;
}
.ur-tab-link {
  color: #0071a1;
  font-weight: bold;
  text-decoration: none;
  padding: 10px 15px;
}
.ur-tab-link.active {
  border-bottom: 2px solid #0071a1;
}

/* Fields */
.ur-form input[type="text"],
.ur-form input[type="email"],
.ur-form input[type="password"],
.ur-form select {
  width: 100%;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  margin-bottom: 16px;
  font-size: 16px;
}

/* Labels */
.ur-form label {
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 6px;
  display: block;
}

/* Submit Button */
.ur-submit-button {
  background-color: #0071a1;
  color: #fff;
  font-size: 16px;
  padding: 12px 24px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-weight: 600;
}
.ur-submit-button:hover {
  background-color: #005b87;
}

/* Message Styling */
.ur-message {
  margin-bottom: 15px;
  padding: 12px;
  border-radius: 4px;
}
.ur-error {
  background: #f8d7da;
  color: #842029;
  border: 1px solid #f5c2c7;
}
.ur-success {
  background: #d1e7dd;
  color: #0f5132;
  border: 1px solid #badbcc;
}

/* ===== Responsive adjustments ===== */
@media (max-width: 420px) {
  .ur-tab {
    width: 120px;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
  }
}

/* ================================================ */
/* ===== Register Form Styling (Match Login) ===== */
/* ================================================ */

/* ----- Labels ----- */
.ur-card #ur-register-section label,
.ur-card #ur-register-section .ur-form label {
    font-weight: 700 !important;       /* bold like login form */
    font-size: 14px !important;        /* match login labels */
    color: #1f2937 !important;         /* match login text color */
    display: block !important;
    margin-bottom: 6px !important;     /* spacing like login */
}

/* ----- Register Form Input Fields Border Color ----- */
.ur-card #ur-register-section input[type="text"],
.ur-card #ur-register-section input[type="email"],
.ur-card #ur-register-section input[type="password"],
.ur-card #ur-register-section select {
    border: 1px solid #CCCCCC !important;  /* match login form border color */
		border-radius: 6px !important;
		padding: 12px !important;
}



/* ----- Tabs (Login/Register) ----- */
.ur-card #ur-register-section .ur-tab-group,
.ur-card #ur-login-section .ur-tab-group {
    display: flex !important;
    justify-content: center !important;        
    gap: 0 !important;                         
    position: absolute !important;
    top: -22px !important;                     
    left: 50% !important;
    transform: translateX(-50%) !important;
    background: transparent !important;
    width: auto !important;
}

.ur-card #ur-register-section .ur-tab,
.ur-card #ur-login-section .ur-tab {
    flex: none !important;                     
    width: 170px !important;                    
    height: 40px !important;                    
    line-height: 40px !important;               
    text-align: center !important;
    background: #f5f5f5 !important;
    color: #2C5777 !important;
    border: none !important;
    border-radius: 9999px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
}

.ur-card #ur-register-section .ur-tab.is-active,
.ur-card #ur-login-section .ur-tab.is-active {
    background: #2C5777 !important;
    color: #ffffff !important;
    border: none !important;
}

/* ----- Submit Button ----- */
.ur-card #ur-register-section .button,
.ur-card #ur-register-section input[type="submit"] {
    width: 376px !important;                 
    height: 33px !important;                 
    background: var(--ur-accent) !important;   
    color: var(--ur-accent-contrast) !important; 
    border: 3px solid #0f1a22 !important;   
    border-radius: 9999px !important;        
    font-weight: 700 !important;
    letter-spacing: .06em !important;
    font-size: 16px !important;
    cursor: pointer !important;
    box-sizing: border-box !important;
    transition: all 0.3s ease !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;                                
    margin: -10px auto 0 !important;         
}

/* Hover effect for submit button */
.ur-card #ur-register-section .button:hover,
.ur-card #ur-register-section input[type="submit"]:hover {
    background: #ffffff !important;
    color: #0f1a22 !important;
    border-color: #0f1a22 !important;
}

/* ================================================ */
/* ===== Button Styling (Match Events to Site) ===== */
/* ================================================ */

/* General Events Calendar Buttons */
.tribe-common-c-btn,
.tribe-events-c-subscribe-dropdown__button,
.tribe-events-c-search__button,
.tribe-events-c-view-selector__button {
  background-color: #2C5777 !important;
  border: 3px solid #000 !important;
  border-radius: 30px !important;
  color: #ffffff !important;
  font-family: 'Nunito', sans-serif !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  letter-spacing: 2px !important;
  line-height: 22px !important;
  padding: 10px 20px !important;
  text-align: center !important;
  text-transform: none !important;
  display: inline-block !important;
  box-shadow: none !important;
  transition: all 0.3s ease !important;
}

/* Hover Styles */
.tribe-common-c-btn:hover,
.tribe-events-c-subscribe-dropdown__button:hover,
.tribe-events-c-search__button:hover,
.tribe-events-c-view-selector__button:hover {
  background-color: #ffffff !important;
  color: #000000 !important;
  border-color: #000000 !important;
}

/* Remove any default shadow effects */
.tribe-common-c-btn:focus,
.tribe-events-c-subscribe-dropdown__button:focus {
  outline: none !important;
  box-shadow: none !important;
}

/* Logo under LOGIN / REGISTER title */
.ur-card-title::after {
    content: "";
    display: block;
    width: 130px;                  /* logo width */
    height: 30px;                  /* logo height */
    margin: 16px auto -10px;       /* top spacing from title, bottom spacing to form */
    background: url('https://www.wms-group.org/wp-content/uploads/2025/07/cropped-Logo-site.png') 
                no-repeat center center;
    background-size: contain;
}

/* Mobile adjustment: smaller logo on narrow screens */
@media (max-width: 420px) {
    .ur-card-title::after {
        width: 90px;               /* smaller width */
        height: 22px;              /* smaller height */
        margin: 12px auto -8px;    /* slightly tighter spacing */
    }
}