html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

/* Force primary color tokens to cyan across themes */
:root,
[data-bs-theme="light"],
[data-bs-theme="dark"] {
  --bs-primary: #2f63b8 !important;
  --bs-primary-rgb: 47, 99, 184 !important;
  /* Metronic: text-hover-primary, btn-active-color-primary, vb. */
  --bs-text-primary: #2f63b8 !important;
  /* Metronic menü / header dropdown (Oturumu Kapat vb.) */
  --bs-menu-link-color-hover: #2f63b8 !important;
  --bs-menu-link-color-show: #2f63b8 !important;
  --bs-menu-link-color-here: #2f63b8 !important;
  --bs-menu-link-color-active: #2f63b8 !important;
}

/* Bootstrap .link-primary sabit #0d6efd kullanır; site birincil rengine çek */
a.link-primary,
.link-primary {
  color: #2f63b8 !important;
}

a.link-primary:hover,
a.link-primary:focus,
.link-primary:hover,
.link-primary:focus {
  color: #0d2d5e !important;
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem rgba(47, 99, 184, 0.5);
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

/* Image preview box */
#imagePreview {
  width: 100%;
  height: 250px;
  border: 1px solid #2f63b8;
  display: flex;
  align-items: center;
  justify-content: center;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(/selcuk.png);
  border-radius: 10px;
}

/* Global input/editor border override */
.form-control,
.form-select,
.form-check-input,
input,
textarea,
select,
.ql-toolbar.ql-snow,
.ql-container.ql-snow {
  border: 1px solid #2f63b8 !important;
}

/* Global primary button color override - body#kt_app_body ile max specificity */
body#kt_app_body .btn-primary,
body#kt_app_body .btn.btn-primary {
  --bs-btn-bg: #2f63b8 !important;
  --bs-btn-border-color: #2f63b8 !important;
  --bs-btn-hover-bg: #0d2d5e !important;
  --bs-btn-hover-border-color: #0d2d5e !important;
  --bs-btn-active-bg: #0d2d5e !important;
  --bs-btn-active-border-color: #0d2d5e !important;
  --bs-btn-disabled-bg: #2f63b8 !important;
  --bs-btn-disabled-border-color: #2f63b8 !important;
  color: #fff !important;
  background-color: #2f63b8 !important;
  border-color: #2f63b8 !important;
}

body#kt_app_body .btn-primary:hover,
body#kt_app_body .btn.btn-primary:hover,
body#kt_app_body .show > .btn-primary.dropdown-toggle {
  color: #fff !important;
  background-color: #0d2d5e !important;
  border-color: #0d2d5e !important;
}

/* Global outline-primary hover standard */
body#kt_app_body .btn-outline-primary,
body#kt_app_body .btn.btn-outline-primary {
  --bs-btn-color: #2f63b8 !important;
  --bs-btn-border-color: #2f63b8 !important;
  --bs-btn-hover-bg: #2f63b8 !important;
  --bs-btn-hover-border-color: #2f63b8 !important;
  --bs-btn-hover-color: #fff !important;
  --bs-btn-active-bg: #0d2d5e !important;
  --bs-btn-active-border-color: #0d2d5e !important;
  color: #2f63b8 !important;
  border-color: #2f63b8 !important;
}

body#kt_app_body .btn-outline-primary:hover,
body#kt_app_body .btn.btn-outline-primary:hover {
  color: #fff !important;
  background-color: #2f63b8 !important;
  border-color: #2f63b8 !important;
}

body#kt_app_body .btn-primary:focus,
body#kt_app_body .btn-primary:focus-visible,
body#kt_app_body .btn.btn-primary:focus,
body#kt_app_body .btn.btn-primary:focus-visible {
  color: #fff !important;
  background-color: #2f63b8 !important;
  border-color: #2f63b8 !important;
  box-shadow: 0 0 0 0.25rem rgba(47, 99, 184, 0.5) !important;
}

body#kt_app_body .btn-primary:active,
body#kt_app_body .btn-primary.active,
body#kt_app_body .btn.btn-primary:active,
body#kt_app_body .btn.btn-primary.active {
  color: #fff !important;
  background-color: #0d2d5e !important;
  border-color: #0d2d5e !important;
}

/* Sidebar menu title font-size override */
@media (min-width: 992px) {
  .app-sidebar-menu .menu > .menu-item > .menu-link > .menu-title {
    font-size: 1.0rem !important;
  }
}

/* Global label weight */
label,
.form-label {
  font-weight: 600 !important;
}

/* Primary renkli ikonları turkuaz yap (Bootstrap Icons, Keenicons, spinner) */
.bi.text-primary,
.ki-duotone.text-primary,
.ki-solid.text-primary,
.ki-outline.text-primary,
[class*="ki-"].text-primary,
.spinner-border.text-primary,
.spinner-grow.text-primary {
  color: #2f63b8 !important;
}
/* Keenicons duotone span'ları üstten renk alsın */
.ki-duotone.text-primary .path1:before,
.ki-duotone.text-primary .path2:before {
  color: inherit;
}

/* Login page: admin panel mavi paleti (#2f63b8 ve tonları) */
body#kt_body.app-blank {
  margin-bottom: 0;
}

body#kt_body {
  --bs-primary: #2f63b8 !important;
  --bs-primary-rgb: 47, 99, 184 !important;
}

body#kt_body .login-page-root {
  background: linear-gradient(165deg, #f4f7fc 0%, #eef3fa 45%, #ffffff 100%) !important;
  min-height: 100vh;
}

/* Use one font family across login card text */
body#kt_body .login-card,
body#kt_body .login-card input,
body#kt_body .login-card button,
body#kt_body .login-card select,
body#kt_body .login-card textarea {
  font-family: "Inter", "Segoe UI", Tahoma, Arial, sans-serif !important;
}

body#kt_body .form-control,
body#kt_body .form-select,
body#kt_body .form-check-input,
body#kt_body input,
body#kt_body textarea,
body#kt_body select {
  border-color: #2f63b8 !important;
}

body#kt_body .login-card .form-control {
  background-color: rgba(47, 99, 184, 0.07) !important;
}

body#kt_body .btn:focus,
body#kt_body .btn:active:focus,
body#kt_body .btn-link.nav-link:focus,
body#kt_body .form-control:focus,
body#kt_body .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem rgba(47, 99, 184, 0.45) !important;
}

/* Login sayfası birincil butonlar (admin ile aynı) */
body#kt_body .btn-primary,
body#kt_body .btn.btn-primary {
  --bs-btn-bg: #2f63b8 !important;
  --bs-btn-border-color: #2f63b8 !important;
  --bs-btn-hover-bg: #0d2d5e !important;
  --bs-btn-hover-border-color: #0d2d5e !important;
  --bs-btn-active-bg: #0d2d5e !important;
  --bs-btn-active-border-color: #0d2d5e !important;
  --bs-btn-disabled-bg: #2f63b8 !important;
  --bs-btn-disabled-border-color: #2f63b8 !important;
  color: #fff !important;
  background-color: #2f63b8 !important;
  border-color: #2f63b8 !important;
}

body#kt_body .btn-primary:hover,
body#kt_body .btn.btn-primary:hover,
body#kt_body .show > .btn-primary.dropdown-toggle {
  color: #fff !important;
  background-color: #0d2d5e !important;
  border-color: #0d2d5e !important;
}

body#kt_body .btn-primary:focus,
body#kt_body .btn-primary:focus-visible,
body#kt_body .btn.btn-primary:focus,
body#kt_body .btn.btn-primary:focus-visible {
  color: #fff !important;
  background-color: #2f63b8 !important;
  border-color: #2f63b8 !important;
  box-shadow: 0 0 0 0.25rem rgba(47, 99, 184, 0.5) !important;
}

body#kt_body .btn-primary:active,
body#kt_body .btn-primary.active,
body#kt_body .btn.btn-primary:active,
body#kt_body .btn.btn-primary.active {
  color: #fff !important;
  background-color: #0d2d5e !important;
  border-color: #0d2d5e !important;
}

/* Login action buttons: consistent width/height/rhythm */
body#kt_body .login-primary-action {
  margin-bottom: 1.25rem;
}

body#kt_body .login-submit-action {
  margin-top: 1.5rem;
  margin-bottom: 1.75rem;
}

body#kt_body .login-btn-main {
  min-height: 48px;
  border-radius: 10px;
  font-weight: 600;
  letter-spacing: 0.1px;
}

/* Keep login form rows with equal vertical spacing */
body#kt_body .login-form-stack {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

body#kt_body .login-form-stack .fv-row {
  margin-bottom: 0 !important;
}

/* Login card emphasis */
body#kt_body .login-card {
  border: 1.5px solid #2f63b8 !important;
  border-radius: 14px !important;
  background: rgba(255, 255, 255, 0.98) !important;
  box-shadow: 0 10px 28px rgba(47, 99, 184, 0.18), 0 2px 8px rgba(17, 24, 39, 0.08) !important;
  backdrop-filter: blur(2px);
}

body#kt_body .login-card .card-body {
  padding: 2.25rem !important;
}

/* DNTCaptcha refresh button (login): beyaz zemin, ikon captcha mavisi (#2f63b8) */
body#kt_body .btn-refresh-captcha {
  background-color: #ffffff !important;
  border-color: #2f63b8 !important;
  color: #2f63b8 !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  min-height: 36px;
  height: 36px;
  padding: 0 0.85rem;
  line-height: 1;
  border-radius: 8px;
}

body#kt_body .btn-refresh-captcha:hover {
  background-color: #e8eef8 !important;
  border-color: #2f63b8 !important;
  color: #2f63b8 !important;
}

/* Keep captcha image and refresh button same height */
body#kt_body img.captcha,
body#kt_body img[alt="captcha"] {
  height: 36px;
  width: auto;
}

/* Captcha: arka plan buton mavisi (#2f63b8); ince açık kenar */
body#kt_body .login-form-stack img[alt="captcha"],
body#kt_body .login-form-stack img.captcha {
  border-radius: 8px !important;
  border: 1px solid rgba(255, 255, 255, 0.22) !important;
  box-shadow: 0 1px 3px rgba(13, 45, 94, 0.35);
}

/* Make refresh icon more visible */
body#kt_body .btn-refresh-captcha i.fa-refresh {
  font-size: 1.5rem;
  font-weight: 700;
  color: #2f63b8;
}

/* Add a clear gap between captcha image and refresh button */
body#kt_body img.captcha + .btn-refresh-captcha,
body#kt_body img[alt="captcha"] + .btn-refresh-captcha,
body#kt_body .btn-refresh-captcha {
  margin-left: 0.6rem;
}

/* Normalize login captcha row spacing with other inputs */
body#kt_body .login-form-stack .dntCaptcha > img[alt="captcha"] {
  margin-bottom: 0 !important;
  vertical-align: middle;
}

body#kt_body .login-form-stack .dntCaptcha > .btn-refresh-captcha {
  vertical-align: middle;
}

body#kt_body .login-form-stack .dntCaptcha > .input-group {
  margin-top: 1rem;
}