@import "tailwindcss";
@import "leaflet/dist/leaflet.css";

@font-face {
  font-family: "MadaniArabic";
  src: url("/fonts/MadaniArabic-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
.leaflet-container {
  width: 100%;
  height: 100%;
  border-radius: 0.75rem;
}

:root {
  --background: #ffffff;
  --foreground: #171717;
}

body {
  font-family: "MadaniArabic", sans-serif;
  background-color: rgb(248, 248, 248);
}

/* الباقي زي ما هو */
.ff {
  clip-path: polygon(0 45%, 100% 45%, 75% 96%, 23% 96%);
}
.cc {
  background: linear-gradient(to top right, #2F537D 0%, #5494dc 100%);
}

.rtl {
  direction: rtl;
}
.ltr {
  direction: ltr;
}
.leaflet-container {
  width: 100%;
  height: 500px;
  border-radius: 12px;
}