/*
Theme Name: SHTF HQ
Theme URI: https://example.com/shtf-hq
Description: Camo/military-themed child theme of Hello Elementor for the SHTF HQ site. Includes the finished Home and Videos pages, plus global colors, fonts, and reusable styling classes (crate cards, stamp animation) for building further pages in Elementor.
Author: SHTF HQ
Template: hello-elementor
Version: 1.1.0
Text Domain: shtf-hq
*/

:root{
  --shtf-bg-dark:#181a12;
  --shtf-bg-panel:#20231a;
  --shtf-bg-panel-2:#262a1d;
  --shtf-olive:#4b5320;
  --shtf-tan:#c7b788;
  --shtf-tan-light:#e8dfc0;
  --shtf-rust:#b6491b;
  --shtf-rust-bright:#d9591f;
  --shtf-ink:#121309;
  --shtf-line:rgba(199,183,136,0.18);
}

body{
  background:var(--shtf-bg-dark);
  color:var(--shtf-tan-light);
}

/* ===== Reusable classes for building further pages natively in Elementor ===== */

.shtf-header{
  position:relative;
  background:
    radial-gradient(ellipse 60% 40% at 12% 8%, rgba(75,83,32,0.55), transparent 60%),
    radial-gradient(ellipse 45% 55% at 85% 15%, rgba(54,45,20,0.6), transparent 65%),
    radial-gradient(ellipse 55% 45% at 30% 90%, rgba(75,83,32,0.4), transparent 60%),
    var(--shtf-bg-dark);
  border-bottom:1px solid var(--shtf-line);
}

.shtf-patch{
  border:2px solid var(--shtf-rust) !important;
  background:var(--shtf-bg-panel);
  display:flex;
  align-items:center;
  justify-content:center;
  font-family:'JetBrains Mono', monospace;
  font-weight:700;
  color:var(--shtf-rust-bright);
  letter-spacing:1px;
}

.shtf-eyebrow{
  font-family:'JetBrains Mono', monospace;
  letter-spacing:4px;
  text-transform:uppercase;
  color:var(--shtf-tan);
}

.shtf-tagline{
  font-family:'Rajdhani', sans-serif;
  font-weight:700;
  letter-spacing:3px;
  text-transform:uppercase;
  color:var(--shtf-rust-bright);
}

.shtf-meta{
  font-family:'JetBrains Mono', monospace;
  color:var(--shtf-tan);
  opacity:0.75;
}

.shtf-title-stamp{
  font-family:'Black Ops One', sans-serif;
  color:var(--shtf-tan-light) !important;
  text-shadow:3px 3px 0 var(--shtf-ink), 0 0 40px rgba(182,73,27,0.15);
  animation:shtf-stamp 700ms cubic-bezier(.2,1.4,.4,1) both;
}
@keyframes shtf-stamp{
  0%{opacity:0;transform:scale(1.5) rotate(-3deg);filter:blur(2px);}
  60%{opacity:1;transform:scale(.97) rotate(1deg);filter:blur(0);}
  100%{transform:scale(1) rotate(0);}
}

.shtf-divider-text{
  font-family:'JetBrains Mono', monospace;
  letter-spacing:2px;
  text-transform:uppercase;
  color:var(--shtf-tan);
}

.shtf-crate{
  position:relative;
  background:var(--shtf-bg-panel) !important;
  border:1px solid var(--shtf-line) !important;
  transition:transform 220ms ease, background 220ms ease, border-color 220ms ease;
}
.shtf-crate:hover{
  transform:translateY(-4px);
  background:var(--shtf-bg-panel-2) !important;
  border-color:rgba(199,183,136,0.3) !important;
}

.shtf-sector-tag{
  font-family:'JetBrains Mono', monospace;
  letter-spacing:2px;
  text-transform:uppercase;
  color:var(--shtf-rust-bright) !important;
}

.shtf-crate-title{
  font-family:'Black Ops One', sans-serif;
  color:var(--shtf-tan-light) !important;
  letter-spacing:1px;
}

.shtf-crate-desc{
  font-family:'Rajdhani', sans-serif;
  font-weight:500;
  color:var(--shtf-tan) !important;
}

.shtf-enter-link{
  font-family:'JetBrains Mono', monospace;
  letter-spacing:2px;
  text-transform:uppercase;
  color:var(--shtf-tan-light) !important;
  transition:transform 200ms ease;
}
.shtf-crate:hover .shtf-enter-link{
  transform:translateX(4px);
}

.shtf-footer{
  border-top:1px solid var(--shtf-line);
}
.shtf-foot-brand{
  font-family:'Black Ops One', sans-serif;
  color:var(--shtf-tan);
  letter-spacing:1px;
}
.shtf-foot-note{
  font-family:'JetBrains Mono', monospace;
  color:var(--shtf-olive);
  letter-spacing:1px;
  text-transform:uppercase;
}

@media (prefers-reduced-motion: reduce){
  .shtf-title-stamp{animation:none;}
  .shtf-crate, .shtf-enter-link{transition:none;}
}