/*
Theme Name: wp_tygrys
Theme URI: https://walaszczyk.studio/
Author: ŁW
Author URI: https://walaszczyk.studio/
Description: Wordpress Template made by ŁW
Version: 1.1
Tags: lw
Text Domain: wp_tygrys
*/

/* ===========================================
   CSS GŁÓWNEJ ANIMACJI HERO
   =========================================== */

/* Blokada scrollowania na początku */
html.is-locked,
html.is-locked body {
    overflow: hidden;
    height: 100vh;
    height: 100dvh;
}

/* Blokada ręcznego scrollowania podczas auto-scrolla */
html.auto-scrolling,
html.auto-scrolling body {
    pointer-events: none;
    touch-action: none;
    overscroll-behavior: none;
}

/* Main scene - pozycja początkowa */
.main-scene {
    position: relative;
    height: 100vh;
    height: 100dvh;
}

/* Stan locked - sekcja jest na fixed podczas animacji */
html.is-locked .main-scene {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
}

/* Stan początkowy elementów - ukryte */
.hero-tiger {
    opacity: 0;
    transform: translate(0, -50%) scale(0.3);
    will-change: transform, opacity, width;
}

.hero-floating-img {
    opacity: 0;
    will-change: transform, opacity;
}

.tiger-text-animate {
    opacity: 0;
    will-change: opacity;
    /* Tekst nad głównym obrazkiem, ale pod logo */
    z-index: 60 !important;
}

/* Efekt 3D na obrazkach w tle */
.hero-floating-img {
    transform-style: preserve-3d;
}

/* 
   HIERARCHIA Z-INDEX:
   - Obrazki tła: 1-5 (domyślnie)
   - Główny obrazek (#hero-expanding-img): 50
   - Tekst SVG: 60
   - Logo tygrysa: 100+
*/

/* Główny obrazek - wycentrowany */
#hero-expanding-img {
    z-index: 50;
}

/* Logo tygrysa - zawsze na wierzchu */
.hero-tiger {
    z-index: 100 !important;
}

/* ===========================================
   ANIMACJA CHODZĄCEGO TYGRYSKA
   =========================================== */

/* Statyczne logo i klatki animacji */
.tiger-static,
.tiger-frame {
    width: 100%;
    height: auto;
    opacity: 0;
    pointer-events: none;
    display: block;
}

/* Statyczne logo definiuje rozmiar kontenera */
.tiger-static {
    position: relative;
}

/* Klatki animacji nakładają się na statyczne logo */
.tiger-frame {
    position: absolute;
    top: 0;
    left: 0;
}

/* Tylko aktywny element jest widoczny */
.tiger-static.active,
.tiger-frame.active {
    opacity: 1;
}

/* ===========================================
   ANIMACJA TEKSTU HEADING
   =========================================== */

/* Ukryj tekst domyślnie przed inicjalizacją animacji */
.section_photo .heading-main {
    opacity: 0;
}

/* Po inicjalizacji SplitText, kontener staje się widoczny, a linie są kontrolowane przez GSAP */
.section_photo .heading-main.split-initialized {
    opacity: 1;
}

/* Linie tekstu */
.heading-line {
    display: block;
    will-change: transform, opacity;
}


* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .simple-text :last-child {
      margin-bottom: 0rem;
  }
  .admin-bar .navbar {
      top: 32px;
  }
  a {
      color: inherit;
  }
  [overflow="hidden"] {
      overflow: hidden;
  }
  [position="relative"] {
      position: relative;
  }
  /* opcjonalnie: szanuj reduced motion */
  @media (prefers-reduced-motion: reduce) {
  }
  @media only screen and (max-width: 991px) {
    }
    @media only screen and (max-width: 767px) {
    }
    @media only screen and (max-width: 480px) {
    }
   html { font-size: 1rem; }
    @media screen and (max-width:1920px) { html { font-size: 1rem; } }
    @media screen and (max-width:1440px) { html { font-size: calc(0.39866369710467703rem + 0.6681514476614699vw); } }
    @media screen and (max-width:991px) { html { font-size: calc(0.758056640625rem + 0.390625vw); } }
    @media screen and (max-width:479px) { html { font-size: calc(0.5742154811715481rem + 1.2552301255230125vw); } }