/* ============================
   Madaar ERP - Master CSS
   Global Font: Cairo (Safe)
   ============================ */

/* Cairo Font */
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;500;600;700&display=swap');

/* Apply Cairo font globally (safe version) */
html,
body,
input,
textarea,
select,
button,
label,
span,
div,
p,
h1, h2, h3, h4, h5, h6,
a {
  font-family: 'Cairo', sans-serif !important;
}

/* DO NOT apply Cairo to icons (prevent icon break) */
i,
[class^="i-"],
[class*=" i-"],
[class^="fa"],
[class*=" fa"],
[class^="icon"],
[class*=" icon"],
.material-icons {
  font-family: inherit !important;
}

/* Optional typography tweaks (safe) */
body {
  font-weight: 400;
}

h1, h2, h3, h4 {
  font-weight: 600;
}

/* ============================
   Existing Loader Styles
   ============================ */
.loading_wrap {
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #fff;
  display: block;
  position: absolute;
}

.loader_logo {
  height: 80px;
  width: 80px;
  position: absolute;
  left: calc(50% - 50px);
  top: 38%;
}

.loader_logo img {
  height: 100%;
  width: 100%;
}

.loading {
  border: 3px solid rgba(102, 51, 153, 0.45);
  position: absolute;
  left: calc(50% - 40px);
  top: 50%;
  width: 55px;
  height: 55px;
  border-radius: 50%;
  border-top-color: #8b5cf6;
  animation: loader 1s ease-in-out infinite;
  -webkit-animation: loader 1s ease-in-out infinite;
}

@keyframes loader {
  to {
    -webkit-transform: rotate(360deg);
  }
}

@-webkit-keyframes loader {
  to {
    -webkit-transform: rotate(360deg);
  }
}