/*body {
  direction: rtl;
  font-family: 'Vazir', sans-serif;
  background-color: #f5f5f5;
  margin: 0;
  padding: 0;
  background-image: url('./images/bg.jpg');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: 100% 100%;
}

.nav-wrapper {
  background-color: #1a237e !important;
}

.card {
  border-radius: 12px;
}


*/


/* جدید */
/* تنظیمات کلی و RTL */
body {
  font-family: "Vazir", sans-serif;
  direction: rtl;
  /*background: linear-gradient(to bottom, #e3f2fd, #bbdefb); /* گرادیانت آبی روشن */
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  background-image: url('./images/bg.jpg');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: 100%;
}

/* ناوبری */
.nav-wrapper {
  /*background: linear-gradient(to right, #1e3a8a, #3b82f6); /* گرادیانت آبی تیره */
  background: #ffffff !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.brand-logo {
  /*color: #fbc02d !important; /* زرد هوانوردی */
  color: #1e3a8a !important;
  /*font-weight: bold;
    transition: transform 0.3s ease;*/
}

.brand-logo:hover {
  transform: scale(1.05);
}

nav ul li a {
  color: #1e3a8a !important;
  transition: color 0.3s ease;
}

nav ul li a:hover {
  color: #fbc02d !important;
  /* زرد در هاور */
}

/* کارت هدر */
.header-bar {
  background: linear-gradient(to left, #ffffff, #e3f2fd);
  /* سفید به آبی روشن */
  /*border: 2px solid #fbc02d; /* حاشیه زرد */
  border-radius: 10px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  margin-top: 20px;
}

.header-bar .card-title {
  color: #1e3a8a;
  /* آبی تیره */
  font-weight: bold;
}

.header-bar p {
  color: #4b5e7b;
  /* خاکستری مایل به آبی */
}

/* کارت‌های وضعیت */
.card {
  border-radius: 10px;
  /*border: 1px solid #fbc02d; /* حاشیه زرد */
  box-shadow: 2px 3.464px 7px 0px rgb(170, 170, 170);
  /*transition: transform 0.3s ease, box-shadow 0.3s ease;*/
  background: #ffffff;
}

/*
.card:hover {
    transform: translateY(-5px);
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15);
}*/

.card-title {
  color: #1e3a8a !important;
  /* آبی تیره */
  font-weight: bold;
}

.form-note {
  color: #4b5e7b;
  /* خاکستری مایل به آبی */
  font-size: 0.9rem;
}

.badge-accent {
  background-color: #fbc02d;
  /* زرد */
  color: #1e3a8a;
  padding: 5px 10px;
  border-radius: 24px;
  font-weight: bold;
}

.badge-muted {
  background-color: #e0e0e0;
  color: #4b5e7b;
  padding: 5px 10px;
  border-radius: 12px;
  font-weight: bold;
}

.btn {
  background-color: #1e3a8a !important;
  /* آبی تیره */
  color: #ffffff !important;
  border-radius: 8px;
  transition: background-color 0.3s ease, transform 0.3s ease;
}

.btn:hover {
  background-color: #fbc02d !important;
  /* زرد در هاور */
  color: #1e3a8a !important;
  transform: scale(1.05);
}

main {
  flex: 1 0 auto;
}

/* فوتر */
.footer {
  margin-top: auto;
  padding: 20px;
  text-align: center;
  /*background: linear-gradient(to right, #1e3a8a, #3b82f6); /* گرادیانت آبی */
  color: #fbc02d;
  /* زرد */
  font-weight: bold;
  box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.2);
}

.card-title {
  padding-bottom: 0.75rem;
  font-weight: bold !important;
}

.row .col {
  float: right !important;
}

/* tabs customization */
ul.tabs {
  padding-right: 0px !important;
}

.tabs .tab a.active {
  background-color: transparent;
  color: #1a237e;
}

.tabs .indicator {
  background-color: #1a237e;
}

.tabs .tab a {
  color: #1a227e93;
}

.tabs .tab a:hover {
  color: #1a237e;
}

.tabs .tab a:focus,
.tabs .tab a:focus.active {
  background-color: #aec5fc86;
}

/* btn customization */
.btn,
.btn-large {
  background-color: #1a237e !important;
  border-radius: 12px;
  font-family: 'Vazir';
}

.btn:hover,
.btn-large:hover {
  background-color: #f59e0b !important;
  color: #fff !important;
}

/* input customization */
input[type="text"] {
  text-align: center;
}

input[type="text"]:not(.browser-default):focus:not([readonly]) {
  box-shadow: 0 1px 0 0 #1a237e;
  border-bottom: 1px solid #1a237e;
}

input[type="text"]:not(.browser-default):focus:not([readonly])+label {
  color: #1a237e;
}

.input-field>label {
  color: #9e9e9e !important;
  position: absolute;
  top: 0;
  right: 0;
  font-weight: bold;
  font-size: 1.1rem;
  cursor: text;
  transition: color 0.2s ease-out, transform 0.2s ease-out;
  transform-origin: 100% 100%;
  text-align: right;
  transform: translateY(12px) !important;
}

/* حالت فعال یا پر شده */
.input-field>label.active,
.input-field>input:focus+label,
.input-field>input:not(:placeholder-shown)+label,
.input-field>textarea:focus+label,
.input-field>textarea:not(:placeholder-shown)+label {
  color: #1a237e !important;
  transform: translateY(-14px) scale(0.8) translateX(0) !important;
  transform-origin: 100% 100%;
}

/* استایل برای ورودی‌ها در حالت فوکوس */
input:not([type]):focus:not([readonly]),
input[type="text"]:not(.browser-default):focus:not([readonly]),
input[type="password"]:not(.browser-default):focus:not([readonly]),
input[type="email"]:not(.browser-default):focus:not([readonly]),
input[type="url"]:not(.browser-default):focus:not([readonly]),
input[type="time"]:not(.browser-default):focus:not([readonly]),
input[type="date"]:not(.browser-default):focus:not([readonly]),
input[type="datetime"]:not(.browser-default):focus:not([readonly]),
input[type="datetime-local"]:not(.browser-default):focus:not([readonly]),
input[type="tel"]:not(.browser-default):focus:not([readonly]),
input[type="number"]:not(.browser-default):focus:not([readonly]),
input[type="search"]:not(.browser-default):focus:not([readonly]),
textarea.materialize-textarea:focus:not([readonly]) {
  box-shadow: 0 1px 0 0 #1a237e;
  border-bottom: 1px solid #1a237e;
}

/* اطمینان از اینکه لیبل در حالت پر شده بالا بماند */
input:not([type]):not(:placeholder-shown)+label,
input[type="text"]:not(.browser-default):not(:placeholder-shown)+label,
input[type="password"]:not(.browser-default):not(:placeholder-shown)+label,
input[type="email"]:not(.browser-default):not(:placeholder-shown)+label,
input[type="url"]:not(.browser-default):not(:placeholder-shown)+label,
input[type="time"]:not(.browser-default):not(:placeholder-shown)+label,
input[type="date"]:not(.browser-default):not(:placeholder-shown)+label,
input[type="datetime"]:not(.browser-default):not(:placeholder-shown)+label,
input[type="datetime-local"]:not(.browser-default):not(:placeholder-shown)+label,
input[type="tel"]:not(.browser-default):not(:placeholder-shown)+label,
input[type="number"]:not(.browser-default):not(:placeholder-shown)+label,
input[type="search"]:not(.browser-default):not(:placeholder-shown)+label,
textarea.materialize-textarea:not(:placeholder-shown)+label {
  transform: translateY(-14px) scale(0.8) translateX(0) !important;
  color: #1a237e !important;
  transform-origin: 100% 100%;
}


/* nav log */
.nav-wrapper {
  height: 64px;
  /* ارتفاع استاندارد Materialize */
  line-height: 64px;
  /* تراز عمودی محتوای نوار */
}

.nav-wrapper .brand-logo {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: 100%;
  /* اطمینان از پر کردن ارتفاع نوار */
  padding: 0 15px;
}

.nav-wrapper .brand-logo img {
  max-height: 48px;
  /* اندازه بزرگ‌تر برای لوگو */
  object-fit: contain;
  /* حفظ نسبت تصویر */
}

.nav-wrapper .brand-logo span {
  font-size: 1.6rem;
  /* اندازه فونت متن */
  line-height: 1;
  /* جلوگیری از جابجایی عمودی */
  color: inherit;
}

.row-flex {
  display: flex;
  align-items: center;
}

.blue-flex-hr {
  border-color: #1e3a8a;
  flex-grow: 1;
  margin-right: 10px;
}

.helper-text-error {
  color: #F44336;
  font-size: 12px;
  margin-top: -10px;
}

.input-field input.invalid {
  border-bottom: 1px solid #F44336 !important;
  box-shadow: 0 1px 0 0 #F44336 !important;
}

.btn:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.error-message {
  color: #F44336;
  text-align: center;
  margin-bottom: 20px;
}