/*
Theme Name: GeneratePress Child
Theme URI: https://generatepress.com/
Description: Child theme for GeneratePress.
Author: Your Team
Template: generatepress
Version: 1.0.0
*/

/* --- LHC Video Hero --- */
.lhc-hero {
  position: relative;
  width: 100%;
  /* Full viewport height — JS var fixes iOS 100vh issues */
  height: calc(var(--vh, 1vh) * 100);
  color: #fff;
  background: #000;
  overflow: hidden;
  margin: 0; /* remove gaps above/below */
  padding: 0;
}

/* Optional dark gradient overlay for readability */
.lhc-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    180deg,
    rgba(0,0,0,0.35) 0%,
    rgba(0,0,0,0.20) 40%,
    rgba(0,0,0,0.35) 100%
  );
  pointer-events: none;
  z-index: 1;
}

/* Video/media container */
.lhc-hero__media {
  position: absolute;
  inset: 0;
  z-index: 0;
}

.lhc-hero__video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  transform: translate(-50%, -50%);
  object-fit: cover;
}

/* Content overlay (centered text/buttons) */
.lhc-hero__content {
  position: relative;
  z-index: 2;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 80px 20px; /* matches theme’s spacing */
  box-sizing: border-box;
}

/* Hero title */
.lhc-hero__title {
  font-size: clamp(2rem, 6vw, 6rem);
  line-height: 1.05;
  letter-spacing: 2px;
  text-shadow: 2px 2px 10px rgba(0,0,0,.6);
  margin: 0;
}

/* Optional subtitle/button styles
.lhc-hero__subtitle {
  margin-top: 1rem;
  font-size: clamp(1rem, 2.3vw, 1.5rem);
  opacity: .9;
}

.lhc-hero__btn {
  display: inline-block;
  margin-top: 1.25rem;
  padding: .9rem 1.2rem;
  border: 1px solid #fff;
  border-radius: 6px;
  text-decoration: none;
}

.lhc-hero__btn:hover {
  background: rgba(255,255,255,.12);
}
*/

/* Reduced motion: hide the video, use poster */
@media (prefers-reduced-motion: reduce) {
  .lhc-hero__video {
    display: none;
  }
}

/* Prevent WP admin bar from overlapping hero on desktop */
.admin-bar .lhc-hero {
  margin-top: 32px;
}

@media screen and (max-width: 782px) {
  .admin-bar .lhc-hero {
    margin-top: 46px;
  }
}