/*
Theme Name: Ollie Child
Template: ollie
Author: Axecom
Version: 1.0
*/


/*
Scroll effekt 
*/

html {
  scroll-behavior: smooth;
}

/* Scroll reveal (brug klassen .reveal på sektioner) */
.reveal { opacity:0; transform: translateY(16px); transition: opacity .4s var(--ease), transform .4s var(--ease); }
.reveal.is-in { opacity:1; transform: translateY(0); }


/* Professionel klikrespons på knapper */
.wp-element-button,
.wp-block-button__link {
  transition:
    transform 0.15s cubic-bezier(.2,.8,.2,1),
    box-shadow 0.15s cubic-bezier(.2,.8,.2,1),
    background 0.15s ease;
  will-change: transform, box-shadow;
}

/* Hover – løfter sig lidt */
.wp-element-button:hover,
.wp-block-button__link:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 18px rgba(0,0,0,.1);
}

/* Aktivt klik – trykker kort ned */
.wp-element-button:active,
.wp-block-button__link:active {
  transform: translateY(0);
  box-shadow: 0 4px 10px rgba(0,0,0,.15) inset;
}


/* --- Parallax container --- */
.parallax {
  position: relative;
  overflow: hidden;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
}

/* Selve billedet – bevæger sig langsommere end scrollet */
.parallax img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 120%;
  object-fit: cover;
  transform: translateY(0);
  will-change: transform;
  z-index: -1;
}