@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800;900&display=swap");

@tailwind base;

@layer base {

  .no-tailwindcss-base h1,
  .no-tailwindcss-base h2,
  .no-tailwindcss-base h3,
  .no-tailwindcss-base h4,
  .no-tailwindcss-base h5,
  .no-tailwindcss-base h6 {
      font-size: revert;
      font-weight: revert;
  }

  .no-tailwindcss-base ol,
  .no-tailwindcss-base ul {
      list-style: revert;
      margin: revert;
      padding: revert;
  }
}

/* @layer components {
  .no-spin-buttons::-webkit-inner-spin-button,
  .no-spin-buttons::-webkit-outer-spin-button {
    @apply -webkit-appearance-none margin-0;
  }
  .no-spin-buttons {
    @apply -moz-appearance-textfield;
  }
} */

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Dla Firefox */
input[type="number"] {
  -moz-appearance: textfield;
}

@tailwind components;
@tailwind utilities;

#root {
  margin: 0;
  padding: 0;
  height: 100vh;
  overflow: auto;
}



:root {
  --black-gradient: linear-gradient(
    144.39deg,
    #ffffff -278.56%,
    #6d6d6d -78.47%,
    #11101d 91.61%
  );
}

* {
  scroll-behavior: smooth;
}

.category-hover:hover {
  transform: scale(1.1); 
  /* Apply negative margin if needed */
}

.slide-container {
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.5s ease-out, opacity 0.5s ease;
  opacity: 0;
}

/* Expanded state styles */
.collapsible {
  max-height: 0;
  overflow: hidden;
  transition-property: all;
  transition-timing-function: ease-in-out;
  transition-duration: 0.5s;
}

/* Styl dla elementu, gdy jest rozwinięty */
.collapsible.expanded {
  max-height: 1000px; /* Przykładowa maksymalna wysokość, może wymagać dostosowania */
  opacity: 1;
  transition-property: all;
  transition-timing-function: ease-in-out;
  transition-duration: 0.5s;
}

.div-transition {
  transition-property: filter;
  transition-duration:  1s;
  transition-timing-function: ease-in-out;
}


.noblur {
  filter: blur(0px);
  transition-property: filter;
  transition-duration: 0.5s;
  transition-timing-function: ease-in-out;
}

.blur {
  filter: blur(5px);
  transition-property: filter;
  transition-duration: 0.5s;
  transition-timing-function: ease-in-out;
}
.minus-z-index {
  z-index: -10;
}

.editor-container {
  margin-left: auto;
  margin-right: auto;
  padding-left: 12rem;
  padding-right: 12rem;
  
  ;
}
.div-transition {
  transition: all 0.3s ease;
  scale: 100%;
}

.ck-editor__editable {
  min-height: 12rem;
  max-height: 12rem;
  
}

.job-listing {
  -webkit-mask-image: linear-gradient(to top, black 0%, transparent 100%);
  mask-image: linear-gradient(to top, black 0%, transparent 100%);
}
.job-listing2 {
  -webkit-mask-image: linear-gradient(to bottom, black 0%, transparent 100%);
  mask-image: linear-gradient(to bottom, black 0%, transparent 100%);
}

.lista {
  list-style: inside;
}

.sidebar-show {
  -webkit-animation: slide-top 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: slide-top 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.sidebar-hide {
  -webkit-animation: slide-down 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: slide-down 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}