/* Base Component Styling from chickens.css */
.pirate-logo-wrapper {
  position: relative;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}
.sr-only {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;}
.pirate-logo-container {
  position: relative;
  width: 100%;
  display: block;
}
.master-pirate-svg {
  width: 100%;
  height: auto;
  display: block;
  max-height: none !important;
}

/* Typography */
.master-pirate-svg text {
  font-family: 'Battlesbridge', sans-serif;
  text-shadow: 2px 2px 0px rgba(0,0,0,1);
}
text.text-top, text.text-middle, text.text-bottom-1, text.text-bottom-2 {
  font-family: 'Battlesbridge';
  font-weight: 100;
}
text.text-top, text.text-bottom-1 {
  letter-spacing: 5px;
  font-size: 4.2em;
  position: relative;
}
text.text-est, text.text-loc, text.slogan {
  font-size: 1.75em;
  font-family: 'Copperplate' !important;
}
text.slogan {text-transform:uppercase;font-size:2.5em;letter-spacing:-1px;}
text.text-est tspan:first-of-type,
text.text-loc tspan:first-of-type {font-size:1.3em}
text.text-middle, text.text-est, text.text-loc {
  fill: #ccc !important;
}
text.text-middle {
  font-size: 25px;
  letter-spacing: 1px;
}
text.text-bottom-1 {
  letter-spacing: 10px;
}
text.text-bottom-2 {
  font-size: 28px;
  letter-spacing: 1px;
  fill: #ccc !important;
}

/* =========================================
   ANIMATION STYLES (When .is-animated is present)
   ========================================= */

/* 1. Background image fades in */
.is-animated .logo-bg-image {
  opacity: 0;
  animation: fadeInBg 2s ease-in-out forwards;
}

/* 2. Text elements fall in */
.is-animated .text-top {
  opacity: 0;
  transform: translateY(-50px);
  animation: dropIn 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.5s forwards;
}

.is-animated .text-middle,
.is-animated .text-est,
.is-animated .text-loc {
  opacity: 0;
  animation: fadeIn 1s ease-in-out 1.5s forwards;
}

.is-animated .text-bottom-1 {
  opacity: 0;
  transform: translateY(50px);
  animation: riseUp 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 2.5s forwards;
}

.is-animated .text-bottom-2 {
  opacity: 0;
  transform: translateY(50px);
  animation: riseUp 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 3.5s forwards;
}

/* 3. Gradient Shimmer Effect */
.is-animated .gradient-text-overlay {
  opacity: 1;
  animation: fadeOutOverlay 1s cubic-bezier(0.4, 0, 0.2, 1) 4.5s forwards;
}

/* Static fallback for non-animated */
.gradient-text-overlay {
  opacity: 0; /* hidden by default when not animated */
}

@keyframes fadeInBg {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes dropIn {
  0% { opacity: 0; transform: translateY(-50px); }
  100% { opacity: 1; transform: translateY(0); }
}

@keyframes riseUp {
  0% { opacity: 0; transform: translateY(50px); }
  100% { opacity: 1; transform: translateY(0); }
}

@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes fadeOutOverlay {
  0% { opacity: 1; }
  50% { opacity: 1; filter: brightness(2) drop-shadow(0 0 10px white); } /* Metallic flash */
  100% { opacity: 0; filter: brightness(1); }
}