/* =====================================================
   IRONVERSE — ADDITIONAL CSS (COMPLETE)
   Paste this entire file into:
   WordPress Admin → Appearance → Customize → Additional CSS
   ===================================================== */


/* ─────────────────────────────────────────────────────
   FONTS — Singo Custom Uploaded Fonts
   ───────────────────────────────────────────────────── */
@font-face {
  font-family: 'Singo Regular';
  src: url('https://ironverse.fit/wp-content/uploads/2024/11/Singo-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Singo Regular';
  src: url('https://ironverse.fit/wp-content/uploads/2024/11/Singo-Regular-Italic.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}


/* ─────────────────────────────────────────────────────
   BRAND VARIABLES
   ───────────────────────────────────────────────────── */
:root {
  --iv-bg:      #0a0a0a;
  --iv-card:    #1a1a1a;
  --iv-red:     #cc0000;
  --iv-red-hot: #ff0000;
  --iv-white:   #ffffff;
}


/* ─────────────────────────────────────────────────────
   FULL-WIDTH BREAKOUT
   Makes every custom IV section span edge-to-edge
   even inside Kadence's max-width containers
   ───────────────────────────────────────────────────── */
.iv-hero, .iv-carousel, .iv-form-wrap {
  position: relative;
  left: 50%;
  right: 50%;
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: -50vw !important;
  margin-right: -50vw !important;
}

.wp-block-kadence-rowlayout:has(.iv-hero),
.wp-block-kadence-rowlayout:has(.iv-carousel),
.wp-block-kadence-rowlayout:has(.iv-form-wrap),
.kb-row-layout-wrap:has(.iv-hero),
.kb-row-layout-wrap:has(.iv-carousel),
.kb-row-layout-wrap:has(.iv-form-wrap) {
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.wp-block-kadence-column:has(.iv-hero),
.wp-block-kadence-column:has(.iv-carousel),
.wp-block-kadence-column:has(.iv-form-wrap) {
  padding: 0 !important;
}

.iv-hero, .iv-carousel, .iv-form-wrap {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: var(--iv-bg);
}

.iv-hero ::selection, .iv-carousel ::selection, .iv-form-wrap ::selection {
  background: var(--iv-red-hot);
  color: #fff;
}

@media (prefers-reduced-motion: reduce) {
  .iv-carousel__track { animation: none !important; }
  .iv-hero__cta, .iv-submit { animation: none !important; }
}

@media (max-width: 380px) {
  .iv-hero__inner  { padding: 36px 14px; }
  .iv-form-card    { padding: 26px 16px; }
}

/* ─────────────────────────────────────────────────────
   FOOTER — FORCE DESKTOP LAYOUT ON TABLETS (769–1024px)
   ───────────────────────────────────────────────────── */
@media (min-width: 769px) and (max-width: 1024px) {
  .site-footer .footer-desktop { display: block !important; }
  .site-footer .footer-mobile  { display: none  !important; }

  .site-footer .footer-inner,
  .site-footer .footer-widget-area,
  .site-footer .footer-top,
  .site-footer .footer-middle,
  .site-footer .footer-bottom,
  .site-footer .wp-block-columns {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 24px;
  }

  .site-footer .wp-block-column,
  .site-footer .footer-column,
  .site-footer .widget-area > * {
    flex: 1 1 0 !important;
    max-width: none !important;
    width: auto !important;
  }

  .site-footer .footer-bottom-inner,
  .site-footer .footer-bottom .wp-block-columns {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: center !important;
  }

  .site-footer .has-text-align-center,
  .site-footer .aligncenter {
    text-align: left !important;
  }

  .site-footer .wp-block-columns { margin-left: 0 !important; margin-right: 0 !important; }
  .site-footer .wp-block-column  { margin: 0 !important; }
  .site-footer { font-size: inherit !important; }
}


/* ─────────────────────────────────────────────────────
   CUSTOM ACCEPT / CHECKBOX — scoped to .custom-accept-text
   (used on specific opt-in fields, not replaced)
   ───────────────────────────────────────────────────── */
.custom-accept-text label,
.custom-accept-text span,
.custom-accept-text p {
  font-size: 16px !important;
  line-height: 1.4 !important;
  letter-spacing: 0.5px !important;
  color: #fff;
}

.custom-accept-text {
  display: flex;
  align-items: flex-start;
  margin: 10px;
  position: relative;
  cursor: pointer;
  user-select: none;
}

.custom-accept-text input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

.custom-accept-text input[type="checkbox"] + label {
  position: relative;
  padding-left: 28px;
  cursor: pointer;
  display: inline-block;
}

.custom-accept-text input[type="checkbox"] + label::before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  border: 1.5px solid #fff;
  border-radius: 4px;
  background-color: transparent;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  top: 0;
  transition: all 0.3s ease;
}

.custom-accept-text input[type="checkbox"] + label:hover::before {
  transform: scale(1.1);
  box-shadow: 0 0 8px rgba(219,0,0,0.5);
}

.custom-accept-text input[type="checkbox"]:checked + label::before {
  background-color: #DB0000;
  border-color: #DB0000;
  box-shadow: 0 0 10px rgba(219,0,0,0.6);
}

.custom-accept-text input[type="checkbox"]:checked + label::after {
  content: "";
  position: absolute;
  left: 6px;
  top: 3px;
  width: 5px;
  height: 10px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.custom-accept-text a {
  color: #DB0000;
  text-decoration: underline;
  margin-left: 4px;
  display: inline;
  white-space: nowrap;
}

@media (max-width: 768px) {
  .custom-accept-text label,
  .custom-accept-text span,
  .custom-accept-text p {
    font-size: 14px !important;
    letter-spacing: 0.7px !important;
  }
  .custom-accept-text input[type="checkbox"] + label::before {
    width: 16px;
    height: 16px;
    top: 0.1em;
  }
  .custom-accept-text input[type="checkbox"]:checked + label::after {
    left: 5.25px;
    top: 3.5px;
  }
}


/* ─────────────────────────────────────────────────────
   GLOBAL KADENCE FORM RESKIN
   Applies automatically to every Kadence form site-wide
   ───────────────────────────────────────────────────── */

@keyframes iv-field-pulse {
  0%, 100% {
    box-shadow:
      0 0 0 1px rgba(255,0,0,0.30),
      0 0 10px rgba(255,0,0,0.40),
      0 0 24px rgba(255,0,0,0.18);
  }
  50% {
    box-shadow:
      0 0 0 2px rgba(255,0,0,0.55),
      0 0 22px rgba(255,0,0,0.72),
      0 0 50px rgba(255,0,0,0.28);
  }
}

/* Form wrapper */
.kb-form,
.kadence-blocks-form,
.kbform-wrap,
.wp-block-kadence-form,
.wp-block-kadence-advanced-form {
  background: transparent !important;
  font-family: 'Montserrat', 'Arial', sans-serif !important;
}

/* Inputs */
.kb-form input[type="text"],
.kb-form input[type="email"],
.kb-form input[type="tel"],
.kb-form input[type="number"],
.kb-form input[type="url"],
.kb-form input[type="date"],
.kb-form textarea,
.kb-form select,
.kadence-blocks-form input[type="text"],
.kadence-blocks-form input[type="email"],
.kadence-blocks-form input[type="tel"],
.kadence-blocks-form input[type="number"],
.kadence-blocks-form input[type="url"],
.kadence-blocks-form input[type="date"],
.kadence-blocks-form textarea,
.kadence-blocks-form select,
.kbform-wrap input[type="text"],
.kbform-wrap input[type="email"],
.kbform-wrap input[type="tel"],
.kbform-wrap input[type="number"],
.kbform-wrap input[type="url"],
.kbform-wrap input[type="date"],
.kbform-wrap textarea,
.kbform-wrap select,
.wp-block-kadence-advanced-form input[type="text"],
.wp-block-kadence-advanced-form input[type="email"],
.wp-block-kadence-advanced-form input[type="tel"],
.wp-block-kadence-advanced-form input[type="number"],
.wp-block-kadence-advanced-form input[type="url"],
.wp-block-kadence-advanced-form input[type="date"],
.wp-block-kadence-advanced-form textarea,
.wp-block-kadence-advanced-form select {
  background: #0d0d0d !important;
  border: 1px solid rgba(255,0,0,0.20) !important;
  border-radius: 4px !important;
  color: #ffffff !important;
  font-family: 'Montserrat', 'Arial', sans-serif !important;
  font-size: 0.88rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.05em !important;
  padding: 13px 16px !important;
  width: 100% !important;
  box-sizing: border-box !important;
  outline: none !important;
  -webkit-appearance: none !important;
  transition: border-color 0.25s ease, box-shadow 0.25s ease, transform 0.22s ease !important;
}

/* Placeholder */
.kb-form input::placeholder,
.kb-form textarea::placeholder,
.kadence-blocks-form input::placeholder,
.kadence-blocks-form textarea::placeholder,
.kbform-wrap input::placeholder,
.kbform-wrap textarea::placeholder,
.wp-block-kadence-advanced-form input::placeholder,
.wp-block-kadence-advanced-form textarea::placeholder {
  color: rgba(255,255,255,0.22) !important;
}

/* Focus — glow + scale + pulse */
.kb-form input[type="text"]:focus,
.kb-form input[type="email"]:focus,
.kb-form input[type="tel"]:focus,
.kb-form input[type="number"]:focus,
.kb-form input[type="url"]:focus,
.kb-form textarea:focus,
.kb-form select:focus,
.kadence-blocks-form input[type="text"]:focus,
.kadence-blocks-form input[type="email"]:focus,
.kadence-blocks-form input[type="tel"]:focus,
.kadence-blocks-form input[type="number"]:focus,
.kadence-blocks-form input[type="url"]:focus,
.kadence-blocks-form textarea:focus,
.kadence-blocks-form select:focus,
.kbform-wrap input[type="text"]:focus,
.kbform-wrap input[type="email"]:focus,
.kbform-wrap input[type="tel"]:focus,
.kbform-wrap input[type="number"]:focus,
.kbform-wrap input[type="url"]:focus,
.kbform-wrap textarea:focus,
.kbform-wrap select:focus,
.wp-block-kadence-advanced-form input[type="text"]:focus,
.wp-block-kadence-advanced-form input[type="email"]:focus,
.wp-block-kadence-advanced-form input[type="tel"]:focus,
.wp-block-kadence-advanced-form input[type="number"]:focus,
.wp-block-kadence-advanced-form input[type="url"]:focus,
.wp-block-kadence-advanced-form textarea:focus,
.wp-block-kadence-advanced-form select:focus {
  border-color: #ff0000 !important;
  transform: scale(1.018) !important;
  animation: iv-field-pulse 2s ease-in-out infinite !important;
  outline: none !important;
}

/* Labels */
.kb-form label,
.kb-form .kb-field-label,
.kadence-blocks-form label,
.kadence-blocks-form .kb-field-label,
.kbform-wrap label,
.wp-block-kadence-advanced-form label,
.wp-block-kadence-advanced-form .kb-field-label {
  font-family: 'Montserrat', 'Arial', sans-serif !important;
  font-size: 0.70rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  color: rgba(255,255,255,0.78) !important;
  margin-bottom: 7px !important;
  display: block !important;
  transition: color 0.30s ease, text-shadow 0.30s ease !important;
}

/* Label active (JS adds this class) */
.kb-form .iv-label-active,
.kadence-blocks-form .iv-label-active,
.kbform-wrap .iv-label-active,
.wp-block-kadence-advanced-form .iv-label-active {
  color: #ff3333 !important;
  text-shadow:
    0 0 8px  rgba(255,0,0,0.72),
    0 0 22px rgba(255,0,0,0.32) !important;
}

/* Label filled (JS adds this class) */
.kb-form .iv-label-filled,
.kadence-blocks-form .iv-label-filled,
.kbform-wrap .iv-label-filled,
.wp-block-kadence-advanced-form .iv-label-filled {
  color: rgba(255,100,100,0.85) !important;
  text-shadow: 0 0 6px rgba(255,0,0,0.28) !important;
}

/* Required asterisk */
.kb-form .required,
.kb-form .kb-required,
.kadence-blocks-form .required,
.kadence-blocks-form .kb-required,
.kbform-wrap .required,
.wp-block-kadence-advanced-form .required,
.wp-block-kadence-advanced-form .kb-required {
  color: #ff0000 !important;
}

/* Field spacing */
.kb-form .kb-field-wrap,
.kb-form .kadence-blocks-form-field,
.kadence-blocks-form .kb-field-wrap,
.kadence-blocks-form .kadence-blocks-form-field,
.kbform-wrap .kb-field-wrap,
.wp-block-kadence-advanced-form .kb-field-wrap,
.wp-block-kadence-advanced-form .kadence-blocks-form-field {
  margin-bottom: 22px !important;
}

/* Checkboxes + radios — fully custom (appearance:none so browser can't override) */
.kb-form input[type="checkbox"],
.kb-form input[type="radio"],
.kadence-blocks-form input[type="checkbox"],
.kadence-blocks-form input[type="radio"],
.kbform-wrap input[type="checkbox"],
.kbform-wrap input[type="radio"],
.wp-block-kadence-advanced-form input[type="checkbox"],
.wp-block-kadence-advanced-form input[type="radio"] {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  border: 1.5px solid rgba(255,255,255,0.45) !important;
  border-radius: 3px !important;
  background: transparent !important;
  cursor: pointer !important;
  flex-shrink: 0 !important;
  position: relative !important;
  transition: border-color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease !important;
  transform: none !important;
  animation: none !important;
}
/* Checked state — red fill */
.kb-form input[type="checkbox"]:checked,
.kadence-blocks-form input[type="checkbox"]:checked,
.kbform-wrap input[type="checkbox"]:checked,
.wp-block-kadence-advanced-form input[type="checkbox"]:checked {
  background: #cc0000 !important;
  border-color: #cc0000 !important;
  box-shadow: 0 0 10px rgba(204,0,0,0.55) !important;
  /* White checkmark via inline SVG background */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23ffffff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round' d='M2.5 8l4 4 7-7'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 11px !important;
}
/* Focus glow */
.kb-form input[type="checkbox"]:focus,
.kb-form input[type="radio"]:focus,
.kadence-blocks-form input[type="checkbox"]:focus,
.kadence-blocks-form input[type="radio"]:focus,
.wp-block-kadence-advanced-form input[type="checkbox"]:focus,
.wp-block-kadence-advanced-form input[type="radio"]:focus {
  box-shadow: 0 0 8px rgba(204,0,0,0.55) !important;
  outline: none !important;
  transform: none !important;
  animation: none !important;
}

/* Checkbox label text */
.kb-form .kb-checkbox-label,
.kb-form .kb-radio-check-wrap label,
.kb-form .kb-checkbox-check-wrap label,
.kadence-blocks-form .kb-checkbox-label,
.kadence-blocks-form .kb-radio-check-wrap label,
.kadence-blocks-form .kb-checkbox-check-wrap label,
.kbform-wrap .kb-checkbox-label,
.wp-block-kadence-advanced-form .kb-checkbox-label,
.wp-block-kadence-advanced-form .kb-radio-check-wrap label,
.wp-block-kadence-advanced-form .kb-checkbox-check-wrap label {
  font-size: 0.70rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  color: rgba(255,255,255,0.72) !important;
  cursor: pointer !important;
}

/* Checkbox row alignment */
.kb-form .kb-checkbox-check-wrap,
.kb-form .kb-radio-check-wrap,
.kadence-blocks-form .kb-checkbox-check-wrap,
.kadence-blocks-form .kb-radio-check-wrap,
.wp-block-kadence-advanced-form .kb-checkbox-check-wrap,
.wp-block-kadence-advanced-form .kb-radio-check-wrap {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin-bottom: 10px !important;
}

/* Submit button */
.kb-form button[type="submit"],
.kb-form input[type="submit"],
.kb-form .kb-btn,
.kadence-blocks-form button[type="submit"],
.kadence-blocks-form input[type="submit"],
.kadence-blocks-form .kb-btn,
.kbform-wrap button[type="submit"],
.kbform-wrap input[type="submit"],
.wp-block-kadence-advanced-form button[type="submit"],
.wp-block-kadence-advanced-form input[type="submit"],
.wp-block-kadence-advanced-form .kb-btn {
  background: #cc0000 !important;
  color: #ffffff !important;
  font-family: 'Montserrat', 'Impact', 'Arial Black', sans-serif !important;
  font-size: 0.90rem !important;
  font-weight: 900 !important;
  font-style: italic !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  border: none !important;
  border-radius: 4px !important;
  padding: 15px 44px !important;
  cursor: pointer !important;
  margin-top: 8px !important;
  box-shadow: 0 0 22px rgba(200,0,0,0.40) !important;
  transition: background 0.25s ease, transform 0.20s ease, box-shadow 0.25s ease !important;
}
.kb-form button[type="submit"]:hover,
.kb-form input[type="submit"]:hover,
.kadence-blocks-form button[type="submit"]:hover,
.kadence-blocks-form input[type="submit"]:hover,
.kbform-wrap button[type="submit"]:hover,
.wp-block-kadence-advanced-form button[type="submit"]:hover,
.wp-block-kadence-advanced-form input[type="submit"]:hover {
  background: #ff0000 !important;
  transform: scale(1.04) !important;
  box-shadow:
    0 0 32px rgba(255,0,0,0.65),
    0 0 65px rgba(255,0,0,0.25) !important;
}

/* Success message */
.kb-adv-form-success,
.kb-form .kb-form-success,
.kadence-blocks-form .kb-form-success,
.kbform-wrap .kb-form-success,
.wp-block-kadence-advanced-form .kb-form-success,
.wp-block-kadence-advanced-form .kb-adv-form-success {
  display: block !important;
  width: fit-content !important;
  max-width: calc(100% - 40px) !important;
  margin: 20px auto !important;
  padding: 16px 24px !important;
  background: #c40000 !important;
  color: #ffffff !important;
  font-family: 'Montserrat', 'Arial', sans-serif !important;
  font-size: 0.88rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-align: center !important;
  border-radius: 6px !important;
}

/* Error message */
.kb-form-error,
.kb-form .kb-form-error,
.kadence-blocks-form .kb-form-error,
.kbform-wrap .kb-form-error,
.wp-block-kadence-advanced-form .kb-form-error {
  display: inline-block !important;
  margin: 6px auto 0 !important;
  padding: 6px 10px !important;
  background: #c40000 !important;
  color: #ffffff !important;
  font-family: 'Montserrat', 'Arial', sans-serif !important;
  font-size: 0.65rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.10em !important;
  text-transform: uppercase !important;
  border-radius: 4px !important;
}

/* Field-level validation error */
.kb-form .kb-field-error,
.kadence-blocks-form .kb-field-error,
.kbform-wrap .kb-field-error,
.wp-block-kadence-advanced-form .kb-field-error {
  color: #ff3333 !important;
  font-size: 0.65rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.10em !important;
  text-transform: uppercase !important;
  margin-top: 5px !important;
}

/* Disclaimer / legal text */
.kb-form .kb-form-message,
.kb-form .kb-form-footnote,
.kadence-blocks-form .kb-form-message,
.kadence-blocks-form .kb-form-footnote,
.kbform-wrap .kb-form-message,
.wp-block-kadence-advanced-form .kb-form-message,
.wp-block-kadence-advanced-form .kb-form-footnote {
  font-size: 0.66rem !important;
  letter-spacing: 0.06em !important;
  color: rgba(255,255,255,0.45) !important;
  line-height: 1.65 !important;
  font-weight: 500 !important;
  font-family: 'Montserrat', 'Arial', sans-serif !important;
  margin-top: 18px !important;
}

.kb-form .kb-form-message a,
.kadence-blocks-form .kb-form-message a,
.kbform-wrap .kb-form-message a,
.wp-block-kadence-advanced-form .kb-form-message a,
.wp-block-kadence-advanced-form .kb-form-footnote a {
  color: #ff3333 !important;
  text-decoration: underline !important;
}

/* ─────────────────────────────────────────────────────
   KADENCE ADVANCED FORM — CSS VARIABLE OVERRIDES
   Overrides the theme/block CSS variables used by
   the Advanced Form block specifically
   ───────────────────────────────────────────────────── */
.wp-block-kadence-advanced-form {
  --kb-form-text-color: #ffffff !important;
  --kb-form-placeholder-color: rgba(255,255,255,0.22) !important;
  --kb-form-background-color: #0d0d0d !important;
  --kb-form-border-color: rgba(255,0,0,0.20) !important;
  --kb-form-border-width: 1px !important;
  --kb-form-border-radius: 4px !important;
  --kb-form-label-color: rgba(255,255,255,0.78) !important;
  --kb-form-sublabel-color: rgba(255,255,255,0.45) !important;
  --kb-form-input-font-family: 'Montserrat', 'Arial', sans-serif !important;
}



/* ─────────────────────────────────────────────────────
   IRONVERSE LOCATION MAP — MARKER STYLES
   Defined here (not inside the Custom HTML block) to
   prevent Kadence's CSS cache from resizing them when
   the map block appears on multiple pages.
   All rules scoped to #iv-map-section for specificity.
   ───────────────────────────────────────────────────── */

/* ── East Side marker ── */
#iv-map-section .iv-marker-east {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  cursor: pointer !important;
  gap: 8px !important;
  transition: transform 0.25s ease !important;
}
#iv-map-section .iv-marker-east:hover {
  transform: scale(1.25) !important;
}

/* Logo — fixed 82px, immune to container or rem changes */
#iv-map-section .iv-marker-logo-img {
  width: 82px !important;
  height: auto !important;
  display: block !important;
  transition: filter 0.3s ease !important;
}
#iv-map-section .iv-marker-east:hover .iv-marker-logo-img {
  filter: drop-shadow(0 0 6px rgba(255,40,40,0.5))
          drop-shadow(0 0 16px rgba(255,0,0,0.25)) !important;
}

/* East Side label */
#iv-map-section .iv-marker-label {
  font-family: 'Montserrat', 'Arial', sans-serif !important;
  font-size: 0.83rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.22em !important;
  color: #fff !important;
  text-shadow: 0 1px 4px rgba(0,0,0,0.98) !important;
  white-space: nowrap !important;
  transition: color 0.3s !important;
  text-transform: uppercase !important;
}
#iv-map-section .iv-marker-east:hover .iv-marker-label {
  color: #ff4444 !important;
}

/* ── Coming Soon marker ── */
#iv-map-section .iv-marker-coming-soon {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  pointer-events: none !important;
}
#iv-map-section .iv-cs-container {
  background: rgba(0,0,0,0.78) !important;
  border: 1px solid rgba(255,0,0,0.38) !important;
  border-radius: 6px !important;
  padding: 11px 20px 10px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 4px !important;
  box-shadow: 0 0 20px rgba(255,0,0,0.22), 0 0 50px rgba(255,0,0,0.1) !important;
}
#iv-map-section .iv-coming-soon-badge {
  font-family: 'Montserrat', 'Arial', sans-serif !important;
  font-size: 1.0rem !important;
  font-weight: 900 !important;
  letter-spacing: 0.24em !important;
  color: #ff2020 !important;
  text-transform: uppercase !important;
  text-shadow: 0 0 8px rgba(255,0,0,0.95), 0 0 20px rgba(255,0,0,0.6), 0 0 42px rgba(255,0,0,0.28) !important;
  animation: ivCSPulse 2.2s ease-in-out infinite !important;
  white-space: nowrap !important;
}
#iv-map-section .iv-coming-soon-sub {
  font-family: 'Montserrat', 'Arial', sans-serif !important;
  font-size: 0.74rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.18em !important;
  color: rgba(255,255,255,0.7) !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}
@keyframes ivCSPulse {
  0%,100% {
    opacity: 1;
    text-shadow: 0 0 8px rgba(255,0,0,0.95), 0 0 20px rgba(255,0,0,0.6), 0 0 42px rgba(255,0,0,0.28);
  }
  50% {
    opacity: 0.5;
    text-shadow: 0 0 4px rgba(255,0,0,0.4), 0 0 10px rgba(255,0,0,0.2), 0 0 22px rgba(255,0,0,0.1);
  }
}



/* ─────────────────────────────────────────────────────
   HEADER LOGO — ENTRANCE ANIMATION (home page only)
   Plays once on load: slight scale-up + red glow → back to normal.
   Targets Kadence's standard logo img wrapper selectors.
   ───────────────────────────────────────────────────── */
@keyframes ivLogoEntrance {
  0%   { transform: scale(1);    filter: drop-shadow(0 0 0px  rgba(204,0,0,0));   }
  40%  { transform: scale(1.08); filter: drop-shadow(0 0 18px rgba(204,0,0,0.9))
                                          drop-shadow(0 0 38px rgba(204,0,0,0.45)); }
  100% { transform: scale(1);    filter: drop-shadow(0 0 0px  rgba(204,0,0,0));   }
}

body.home .site-logo img,
body.home .custom-logo-link img,
body.home .custom-logo,
body.home .site-branding img,
body.home header .kadence-site-branding img {
  animation: ivLogoEntrance 1.8s cubic-bezier(0.22, 0.68, 0, 1.2) 0.5s 1 both;
}

/* ═══════════════════════════════════════════════════════
   IRONVERSE — JOIN NOW HEADER BUTTON  v9
   3.0s cycle — every ms accounted for, no hidden gaps:
     0.00 – 1.50s  shimmer (fade in 0.15s, sweep, fade out 0.15s)
     1.50 – 1.65s  gap (0.15s)
     1.65 – 2.85s  pulse (1.2s)
     2.85 – 3.00s  gap (0.15s)
     3.00s          loop
   ═══════════════════════════════════════════════════════ */


/* ── Base ── */
a.header-button.button-size-custom.button-style-filled,
a.mobile-header-button.button-size-medium.button-style-filled {
  position: relative !important;
  overflow: hidden !important;
  display: inline-block !important;

  background: linear-gradient(135deg, #ff3333 0%, #cc0000 50%, #8a0000 100%) !important;
  border: 1px solid rgba(255, 80, 80, 0.3) !important;
  color: #fff !important;

  animation: ivJoinPulse 3s linear infinite !important;

  transition:
    transform  0.35s cubic-bezier(0.34, 1.56, 0.64, 1),
    box-shadow 0.25s ease,
    filter     0.2s ease !important;

  will-change: transform, box-shadow;
}


/* ── Shimmer — strip travels to 200px max, exits button right as it fades out ── */
a.header-button.button-size-custom.button-style-filled::after,
a.mobile-header-button.button-size-medium.button-style-filled::after {
  content: '';
  position: absolute;
  top: -10%;
  left: 0;
  width: 55px;
  height: 120%;
  background: linear-gradient(
    to right,
    transparent 0%,
    rgba(255, 255, 255, 0.48) 50%,
    transparent 100%
  );
  opacity: 0;
  pointer-events: none;
  animation: ivJoinSweep 3s linear infinite;
}


/* ── Hover ── */
a.header-button.button-size-custom.button-style-filled:hover,
a.mobile-header-button.button-size-medium.button-style-filled:hover {
  transform: scale(1.04) translateY(-2px) !important;
  filter: brightness(1.1) !important;
  box-shadow:
    0 0 55px rgba(255, 43, 43, 0.88),
    0 0 100px rgba(204, 0, 0, 0.45),
    0 8px 24px rgba(0, 0, 0, 0.65) !important;
  animation-play-state: paused !important;
}

a.header-button.button-size-custom.button-style-filled:hover::after,
a.mobile-header-button.button-size-medium.button-style-filled:hover::after {
  animation-play-state: paused !important;
}


/* ── Active / click ── */
a.header-button.button-size-custom.button-style-filled:active,
a.mobile-header-button.button-size-medium.button-style-filled:active {
  transform: scale(0.97) !important;
  filter: brightness(0.9) !important;
  transition-duration: 0.08s !important;
}


/* ════════════════════════
   KEYFRAMES — 3.0s linear
════════════════════════ */

/* Shimmer: 0–38% = 1.14s
   Fade in:  0–5%   strip at -70px
   Sweep:    5–33%  strip crosses -70px → 150px (right edge of button)
   Fade out: 33–38% strip fully gone
   Invisible: 38–100% stays off-screen */
@keyframes ivJoinSweep {
  0%    { transform: translateX(-70px)  skewX(-18deg); opacity: 0; }
  5%    { transform: translateX(-70px)  skewX(-18deg); opacity: 1; }
  33%   { transform: translateX(150px)  skewX(-18deg); opacity: 1; }
  38%   { transform: translateX(165px)  skewX(-18deg); opacity: 0; }
  100%  { transform: translateX(165px)  skewX(-18deg); opacity: 0; }
}

/* Pulse: 43–83% = 1.29s ≈ 1.2s
   Gap after shimmer: 38–43% = 0.15s
   Rise:  43–63% (0.6s)
   Peak:  63%
   Fall:  63–83% (0.6s)
   Dim:   83–100% (gap before loop) */
@keyframes ivJoinPulse {
  0%,  43% { box-shadow: 0 0 10px rgba(204,0,0,0.35), 0 4px 14px rgba(0,0,0,0.45); }
  63%       { box-shadow: 0 0 32px rgba(255,43,43,0.68), 0 0 58px rgba(204,0,0,0.28), 0 4px 14px rgba(0,0,0,0.45); }
  83%, 100% { box-shadow: 0 0 10px rgba(204,0,0,0.35), 0 4px 14px rgba(0,0,0,0.45); }
}


/* ── Mobile preserved ── */
a.mobile-header-button.button-size-medium.button-style-filled {
  top: 10px;
}

@media (max-width: 768px) {
  a.mobile-header-button.button-size-medium.button-style-filled {
    animation: ivJoinPulseMobile 3s linear infinite !important;
  }

  a.mobile-header-button.button-size-medium.button-style-filled:hover {
    box-shadow:
      0 0 28px rgba(255, 43, 43, 0.75),
      0 4px 16px rgba(0, 0, 0, 0.55) !important;
  }

  .mobile-top-button {
    margin-top: -80px;
  }
}

@keyframes ivJoinPulseMobile {
  0%,  43% { box-shadow: 0 0 6px rgba(204,0,0,0.3), 0 3px 10px rgba(0,0,0,0.4); }
  63%       { box-shadow: 0 0 18px rgba(255,43,43,0.55), 0 0 32px rgba(204,0,0,0.22), 0 3px 10px rgba(0,0,0,0.4); }
  83%, 100% { box-shadow: 0 0 6px rgba(204,0,0,0.3), 0 3px 10px rgba(0,0,0,0.4); }
}