/* ===========================
   Register Page Styles
   =========================== */

/* ===========================
   Register Background Wrapper
   =========================== */
.register-wrapper {
  position: relative;
  width: 100%;
  min-height: 100vh;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.register-wrapper::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background: radial-gradient(circle at top left, #2e2e2e 0%, #000000 40%, #1a1a1a 100%);
  background-attachment: fixed; /* paralaks gibi */
}

.register-wrapper .container {
  position: relative;
  z-index: 1; /* içerik üstte kalsın */
}


/* Tab navigation */
.nav-tabs .nav-link {
  color: #ccc;
  border: none;
  border-bottom: 2px solid transparent;
  font-weight: 500;
  transition: 0.3s;
}

.nav-tabs .nav-link.active {
  color: #fff;
  border-color: #D90404;
  background: none;
}

#registerTab {
  background: linear-gradient(180deg, #000000 0%, #212121 100%);
}

/* Form container */
#registerTabContent form {
  background: rgba(0, 0, 0, 0.85);
  border-radius: 12px;
  padding: 2rem;
  box-shadow: 0 5px 20px rgba(0,0,0,0.5);
  position: relative;
}

/* Label */
form .form-label {
  font-weight: 600;
  color: #fff;
}

/* Inputs & Textareas */
form .form-control,
form textarea {
  background: #2b2b2b;
  border: 1px solid #444;
  color: #fff;
  height: 48px; /* eşit yükseklik */
}

form .form-control:focus {
  border-color: #D90404;
  box-shadow: 0 0 5px rgba(217,4,4,0.6);
  background: #2b2b2b;
  color: #fff;
}

/* Date input icon fix */
input[type="date"]::-webkit-calendar-picker-indicator {
  filter: invert(1); /* beyaz ikon */
  cursor: pointer;
  position: absolute;
  right: 12px;
  opacity: .8;
}
input[type="date"] {
  position: relative;
  padding-right: 2rem;
}

/* Chrome autofill fix */
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px #2b2b2b inset;
  -webkit-text-fill-color: #fff;
  caret-color: #fff;
  transition: background-color 5000s ease-in-out 0s;
}

/* Input group */
.register-form .input-group {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}

.register-form .input-group-text {
  background: #1c1c1c;
  border: 1px solid #444;
  color: #fff;
  height: 48px; /* eşit yükseklik */
}

/* Buttons */
.btn-danger,
.btn-warning {
  padding: 0.7rem 2rem;
  font-weight: 600;
  border-radius: 50px;
  transition: 0.3s;
  border: none;
}

.btn-danger {
  background: #D90404;
}

.btn-danger:hover {
  background: #730707;
}

.btn-warning {
  background: #730707;
  color: #fff;
}

.btn-warning:hover {
  background: #D90404;
  color: #fff;
}

/* Tab content spacing */
.tab-pane {
  margin-top: 20px;
}

/* Toggle password eye icon */
.toggle-password {
  cursor: pointer;
}

/* Responsive adjustments */
@media (max-width: 576px) {
  .register-form .input-group.email-group {
    flex-direction: column;
    align-items: stretch;
  }

  .register-form .input-group.email-group .form-control {
    border-radius: 6px 6px 0 0;
    margin-bottom: 5px;
  }

  .register-form .input-group.email-group .verify-btn {
    border-radius: 0 0 6px 6px;
    width: 100%;
  }
}

/* Legal links */
.legal-confirmation a.legal-link {
  color: #ffffffb3;
  text-decoration: underline;
  transition: 0.2s ease-in-out;
}

.legal-confirmation a.legal-link:hover {
  color: #D90404;
  text-decoration: none;
}

/* CTA Header */
.cta-header { padding-top: .5rem; }
.cta-title {
  font-weight: 800;
  letter-spacing: .3px;
  margin-bottom: .5rem;
}
.cta-subtitle {
  max-width: 820px;
  margin: 0 auto;
  line-height: 1.6;
}

.cta-divider {
  height: 1px;
  width: 100%;
  background: linear-gradient(90deg, rgba(0,0,0,0) 0%, #D90404 40%, rgba(0,0,0,0) 100%);
  opacity: .6;
}

/* ===========================
   Country Select (Bootstrap-Select + Flag Icons)
   =========================== */

/* Select kutusu */
.bootstrap-select .dropdown-toggle {
  background: #2b2b2b;
  color: #fff;
  border: 1px solid #444;
  border-radius: 0 6px 6px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.6rem 1rem;
  width: 100%;
  box-shadow: none;
  outline: none;
  font-weight: 500;
  height: 48px; /* eşit yükseklik */
}

/* Placeholder ve seçili metin */
.bootstrap-select .filter-option {
  display: flex;
  align-items: center;
  height: 100%;
}
.bootstrap-select .filter-option-inner,
.bootstrap-select .filter-option-inner-inner {
  display: flex;
  align-items: center;
  height: 100%;
  gap: .5rem;
  line-height: 1;
  color: #fff;
}

/* Dropdown menü */
.bootstrap-select .dropdown-menu {
  background: linear-gradient(180deg, #1c1c1c 0%, #2b2b2b 100%);
  border: 1px solid #444;
  border-radius: 6px;
  box-shadow: 0 5px 20px rgba(0,0,0,0.6);
  max-height: 300px;
  overflow-y: auto;
}

/* Menü içi seçenekler */
.bootstrap-select .dropdown-menu li a {
  color: #fff;
  background: transparent;
  display: flex;
  align-items: center;
  gap: .5rem;
  padding: .5rem .75rem;
  height: 40px; /* dropdown item yüksekliği */
  transition: 0.2s;
}
.bootstrap-select .dropdown-menu li a:hover {
  background: #D90404;
  color: #fff;
}

/* Dropdown oku */
.bootstrap-select .dropdown-toggle::after {
  border-top: .4em solid #fff;
  border-right: .4em solid transparent;
  border-left: .4em solid transparent;
  margin-left: auto;
}

/* Flag ikon boyutu */
.bootstrap-select .fi {
  font-size: 1.2rem;
  margin-right: 6px;
}

/* Wrapper fix */
.input-group .bootstrap-select {
  border: none;
  background: none;
  box-shadow: none;
  padding: 0;
  margin: 0;
  flex: 1;
}


/* Placeholderları tam beyaz yap */
form .form-control::placeholder,
form textarea::placeholder,
.bootstrap-select .dropdown-toggle .filter-option-inner-inner,
input::placeholder,
textarea::placeholder {
  color: #4f4f4f !important;
  opacity: 1 !important;
}

/* Chrome, Safari */
::-webkit-input-placeholder {
  color: #4f4f4f !important;
  opacity: 1 !important;
}

/* Firefox */
::-moz-placeholder {
  color: #4f4f4f !important;
  opacity: 1 !important;
}

/* IE / Edge eski sürümler */
:-ms-input-placeholder {
  color: #4f4f4f !important;
  opacity: 1 !important;
}

/* Edge Chromium */
::-ms-input-placeholder {
  color: #4f4f4f !important;
  opacity: 1 !important;
}