/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */

/* Fix for button_to form element in nav */
nav form {
  display: inline-flex !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Opportunity info request button - full width without cascading into confirmation modal */
.opportunity-info-btn-container > div > turbo-frame > div > button,
.opportunity-info-btn-container > div > turbo-frame > div > form,
.opportunity-info-btn-container > turbo-frame > div > button,
.opportunity-info-btn-container > turbo-frame > div > form,
.opportunity-info-btn-container > div > button,
.opportunity-info-btn-container > div > form {
  width: 100% !important;
  justify-content: center !important;
}

.opportunity-info-btn-container > div > turbo-frame > div.flex,
.opportunity-info-btn-container > turbo-frame > div.flex {
  width: 100% !important;
  justify-content: center !important;
}

/* Hero slideshow — Ken Burns + crossfade */
.hero-slide {
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity 1.2s ease-in-out;
  will-change: opacity, transform;
}
.hero-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hero-slide-active {
  opacity: 1;
}

@keyframes kenburns-1 {
  0%   { transform: scale(1)    translate(0, 0); }
  100% { transform: scale(1.15) translate(-2%, -1%); }
}
@keyframes kenburns-2 {
  0%   { transform: scale(1.05) translate(1%, 0); }
  100% { transform: scale(1.18) translate(-1%, -2%); }
}
@keyframes kenburns-3 {
  0%   { transform: scale(1)    translate(-1%, 1%); }
  100% { transform: scale(1.12) translate(2%, -1%); }
}
.hero-kenburns-1 img { animation: kenburns-1 8s ease-in-out forwards; }
.hero-kenburns-2 img { animation: kenburns-2 8s ease-in-out forwards; }
.hero-kenburns-3 img { animation: kenburns-3 8s ease-in-out forwards; }

/* Hero text entrance */
@keyframes hero-fade-up {
  0%   { opacity: 0; transform: translateY(20px); }
  100% { opacity: 1; transform: translateY(0); }
}
.hero-fade-up {
  animation: hero-fade-up 0.8s ease-out both;
}
.hero-fade-up-delay-1 {
  animation: hero-fade-up 0.8s ease-out 0.2s both;
}
.hero-fade-up-delay-2 {
  animation: hero-fade-up 0.8s ease-out 0.4s both;
}

/* Text responsive styles */
.text-mobile {
  display: inline !important;
}
.text-desktop {
  display: none !important;
}

@media (min-width: 640px) {
  .text-mobile {
    display: none !important;
  }
  .text-desktop {
    display: inline !important;
  }
}