@import "tailwindcss";

@font-face {
  font-family: "MyanmarNjaun";
  src: url("../fonts/MyanmarNjaun.ttf") format("truetype");
}

@font-face {
  font-family: "mmrtext";
  src: url("../fonts/mmrtext.ttf") format("truetype");
}

@font-face {
  font-family: "mmrtextb";
  src: url("../fonts/mmrtextb.ttf") format("truetype");
}

@theme {
  --font-sans: "mmrtext", sans-serif;
  --font-text-bold: "mmrtextb", sans-serif;
  --font-header: "MyanmarNjaun", sans-serif;
  --font-normal-sans: sans-serif;

  --color-primary: #006699;
  --color-secondary: #ffcc00;
}

@layer {
  .c-container {
    @apply container mx-auto md:px-16 px-4;
  }
  .footer-ul ul {
    @apply list-disc list-inside text-white mt-8 space-y-8 text-sm;
  }
  .detail-sidebar-ul ul {
    @apply list-disc list-inside mt-8 ml-2 space-y-4 text-sm;
  }
  .owl-carousel .owl-nav {
    @apply m-0! absolute top-[40%] w-full flex justify-between px-4 md:px-10;
  }
  .owl-carousel .owl-nav button {
    @apply flex! items-center! justify-center!;
  }
  .owl-nav .owl-prev span {
    @apply text-6xl bg-black/40 pt-5 px-3 rounded-lg text-white hover:bg-primary/40;
  }
  .owl-nav .owl-next span {
    @apply text-6xl bg-black/40 pt-5 px-3 rounded-lg text-white hover:bg-primary/40;
  }
}

.outline-shadow {
  text-shadow: 2px 2px 0 #ffff, 2px -2px 0 #ffff, 2px 2px 0 #ffff,
    2px 2px 0 #ffff;
}

/* Hide browser’s date display */
.date-input::-webkit-datetime-edit,
.date-input::-webkit-inner-spin-button {
  display: none;
}

.date-input::-webkit-calendar-picker-indicator {
  opacity: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.owl-carousel .owl-nav button {
  -webkit-tap-highlight-color: transparent;
  background-color: transparent !important;
}