/*
Theme Name: Resolut 2025
Text Domain: resolut.pl
Author URI: https://resolut.pl
Author: Jakub Wrzeszcz
*/

/**
 * Imports
 */
@import url("assets/styles/reset.css");
@import url("assets/styles/buttons.css");
@import url("assets/styles/typography.css");
@import url("assets/styles/containers.css");
@import url("assets/styles/header.css");
@import url("assets/styles/footer.css");
@import url("assets/styles/blog-excerpt.css");
@import url("assets/styles/blog-categories.css");
@import url("assets/styles/blog-author.css");
@import url("assets/styles/landing-page.css");
@import url("assets/styles/contact.css");
@import url("assets/styles/about-us.css");
@import url("assets/styles/blog.css");
@import url("assets/styles/article.css");
@import url("assets/styles/article-blog.css");
@import url("assets/styles/video.css");
@import url("assets/styles/campaign.css");
@import url("assets/styles/patterns.css");

/**
 * Variables
 */
:root {
  --color-black: #0d0d0d;
  --color-black-rgb: 13, 13, 13;
  --color-white: #fcfcfc;
  --color-grey: #829085;
  --color-lime: #dcfa03;
  --color-red: #e61429;

  --color-nysa-blue: #004788;
  --color-nysa-red: #d13101;

  --size-s: 8px;
  --size-m: 16px;
  --size-l: 32px;
  --size-xl: 64px;
  --size-xxl: 128px;

  --base-font-size: 16px;
}

@media (max-width: 768px) {
  :root {
    --base-font-size: 14px;
  }
}

/**
 * Fonts
 */
@font-face {
  font-family: "hanken-grotesk";
  src: url("assets/fonts/hanken-grotesk.ttf");
}

@font-face {
  font-family: "hanken-grotesk";
  src: url("assets/fonts/hanken-grotesk-bold.ttf");
  font-weight: bold;
  font-style: normal;
}

/**
 * Base styles
 */

* {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

html,
body {
  margin: 0;
  padding: 0;
}

html {
  -webkit-text-size-adjust: 100%;
  scroll-behavior: smooth;
}

body {
  font-family: "hanken-grotesk", Helvetica, sans-serif;
  font-size: var(--base-font-size);
  line-height: 140%;
  background-color: var(--color-white);
  color: var(--color-black);
}

main {
  /* Add top padding so that content isn't overlapped by the fixed header (80px tall) */
  padding-top: 80px;
}

i {
  font-style: italic;
}

.no-select {
  -webkit-user-select: none; /* Safari */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Standard */
}

.scroll-indicator {
  position: absolute;
  bottom: var(--size-l); /* Odstęp od dołu strony */
  pointer-events: none; /* Wyłącz interakcję, aby nie przeszkadzał */

  .dot {
    display: block;
    width: 12px;
    height: 12px;
    background-color: var(
      --color-black
    ); /* Domyślny kolor lub zdefiniowany w zmiennych CSS */
    border-radius: 50%;
    animation: bounce 2s infinite;
  }
}

.dynamic-text {
  display: inline;
  font-size: 32px;
}

@keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(15px);
  }
  60% {
    transform: translateY(10px);
  }
}