@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {
  @font-face {
    font-family: "Clash Display";
    font-weight: 700;
    src: url("./fonts/ClashDisplay-Bold.woff2") format("woff2");
  }

  @font-face {
    font-family: "Clash Display";
    font-weight: 600;
    src: url("./fonts/ClashDisplay-Semibold.woff2") format("woff2");
  }

  @font-face {
    font-family: "Inter";
    font-weight: 400;
    src: url("./fonts/Inter-Regular.woff2") format("woff2");
  }

  @font-face {
    font-family: "Inter";
    font-weight: 500;
    src: url("./fonts/Inter-Medium.woff2") format("woff2");
  }

  @font-face {
    font-family: "Inter";
    font-weight: 600;
    src: url("./fonts/Inter-SemiBold.woff2") format("woff2");
  }

  @font-face {
    font-family: "Inter";
    font-weight: 700;
    src: url("./fonts/Inter-Bold.woff2") format("woff2");
  }
}

.gridbox {
  display: grid;
  grid-template-rows: 1;
  grid-template-columns: 1;
  position: relative;
}

.gridbox-element {
  grid-row: 1;
  grid-column: 1;
  position: relative;
}

@layer utilities {
  /* Hide scrollbar for Chrome, Safari and Opera */
  .no-scrollbar::-webkit-scrollbar {
    display: none;
  }
  /* Hide scrollbar for IE, Edge and Firefox */
  .no-scrollbar {
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
  }
}

/* wpml language switcher styles */

.wp-block-navigation-item__content.wp-block-navigation-submenu__toggle {
  padding: 0.25rem !important;
  border-radius: 999px;
  border: 1px solid #787878;
  background-color: #ffffff;
}

.wp-block-navigation__submenu-container .wp-block-navigation-item {
  padding: 0.25rem !important;
  border: 1px solid #787878;
  background-color: #ffffff;
}

body .wpml-language-switcher-block ul.wp-block-navigation__submenu-container .wp-block-navigation-item {
  border-radius: 999px !important;
}

.wpml-language-switcher-block ul.isHorizontal li {
  display: flex !important;
}

body .wpml-language-switcher-block .wpml-ls-dropdown ul li.wp-block-navigation-submenu ul.isHorizontal li {
  width: 70px !important;
}

.wpml-submenu-expand-up .wp-block-navigation__submenu-container.isHorizontal {
  bottom: 100%;
  top: auto !important;
}

.wpml-submenu-expand-up .wp-block-navigation__submenu-container.isHorizontal li {
  margin-bottom: 5px !important;
}

.wpml-submenu-expand-right .wp-block-navigation__submenu-container.isHorizontal {
  left: 100%;
  top: auto !important;
}

.wpml-submenu-expand-right .wp-block-navigation__submenu-container.isHorizontal li {
  margin-left: 5px !important;
}