/*
Theme Name:        FindTheTornado
Theme URI:         https://findthetornado.com
Description:       Child theme of Astra for FindTheTornado.com — a tornado and hail education resource for U.S. homeowners, vehicle owners, and property owners.
Author:            FindTheTornado Editorial Team
Author URI:        https://findthetornado.com/about
Template:          astra
Version:           1.0.0
Requires at least: 6.0
Tested up to:      6.5
Requires PHP:      8.0
License:           GPL-2.0-or-later
License URI:       https://www.gnu.org/licenses/gpl-2.0.html
Text Domain:       findthetornado
Tags:              tornado, weather, hail, storm, education, astra-child
*/

/*
 * ─────────────────────────────────────────────────────────────
 * Brand Variables (inherit from plugin CSS if loaded,
 * defined here for standalone theme use)
 * ─────────────────────────────────────────────────────────────
 */
:root {
  --ftt-navy:       #0F1B2D;
  --ftt-navy-mid:   #1E3A5F;
  --ftt-amber:      #F59E0B;
  --ftt-danger:     #DC2626;
  --ftt-gray-50:    #F9FAFB;
  --ftt-gray-200:   #E5E7EB;
  --ftt-dark:       #111827;
  --ftt-font:       'Inter', system-ui, -apple-system, sans-serif;
}

/*
 * ─────────────────────────────────────────────────────────────
 * Global body / typography overrides
 * ─────────────────────────────────────────────────────────────
 */
body {
  font-family: var(--ftt-font);
  color: var(--ftt-dark);
}

/* Override Astra heading colors to navy */
h1, h2, h3, h4, h5, h6,
.entry-title,
.ast-blog-single-element .entry-title a {
  color: var(--ftt-navy);
  font-family: var(--ftt-font);
}

/* Link colors */
a { color: var(--ftt-navy-mid); }
a:hover { color: var(--ftt-amber); text-decoration: underline; }

/*
 * ─────────────────────────────────────────────────────────────
 * Site header
 * ─────────────────────────────────────────────────────────────
 */
.ast-masthead-custom-menu-items,
.site-header,
#masthead {
  background: var(--ftt-navy) !important;
}
.ast-site-name-wrap .site-title a,
.site-title a {
  color: #fff !important;
  font-weight: 800;
  letter-spacing: -0.01em;
}
.ast-site-tagline { color: var(--ftt-amber) !important; font-size: 0.8rem; }

/* Navigation */
.ast-primary-menu-area { background: var(--ftt-navy); }
.main-header-menu > li > a,
.main-header-menu > li > .menu-link {
  color: #fff !important;
}
.main-header-menu > li:hover > a,
.main-header-menu > li.current-menu-item > a {
  color: var(--ftt-amber) !important;
}
.main-header-menu .sub-menu {
  background: var(--ftt-navy-mid);
}
.main-header-menu .sub-menu a { color: #fff !important; }
.main-header-menu .sub-menu a:hover { color: var(--ftt-amber) !important; }

/*
 * ─────────────────────────────────────────────────────────────
 * Buttons (override Astra button styles)
 * ─────────────────────────────────────────────────────────────
 */
.ast-button,
.button,
.wp-block-button__link,
.woocommerce .button,
button[type="submit"] {
  background: var(--ftt-amber) !important;
  color: #000 !important;
  border-color: var(--ftt-amber) !important;
  font-weight: 600;
  border-radius: 0.4rem;
}
.ast-button:hover,
.button:hover,
.wp-block-button__link:hover {
  background: #D97706 !important;
  border-color: #D97706 !important;
  color: #000 !important;
}

/*
 * ─────────────────────────────────────────────────────────────
 * Footer
 * ─────────────────────────────────────────────────────────────
 */
.site-footer,
.ast-footer-area,
#colophon {
  background: var(--ftt-navy) !important;
  color: var(--ftt-gray-200) !important;
}
.site-footer a,
.ast-footer-area a { color: var(--ftt-amber) !important; }
.site-footer a:hover { text-decoration: underline; }

/*
 * ─────────────────────────────────────────────────────────────
 * FTT Data disclaimer banner (above footer)
 * ─────────────────────────────────────────────────────────────
 */
.ftt-site-disclaimer {
  background: var(--ftt-navy-mid);
  color: var(--ftt-gray-200);
  font-size: 0.8rem;
  padding: 0.75rem 1.5rem;
  text-align: center;
  border-top: 1px solid rgba(255,255,255,0.1);
}
.ftt-site-disclaimer a { color: var(--ftt-amber); }

/*
 * ─────────────────────────────────────────────────────────────
 * Blog post cards
 * ─────────────────────────────────────────────────────────────
 */
.ast-article-post,
.ast-post-format-standard {
  border: 1px solid var(--ftt-gray-200);
  border-radius: 0.5rem;
  overflow: hidden;
}

/* Category/tag labels in amber */
.ast-blog-single-element .ast-terms-single a {
  background: var(--ftt-amber);
  color: #000;
  border-radius: 9999px;
  padding: 0.1rem 0.5rem;
  font-size: 0.72rem;
  font-weight: 600;
  text-decoration: none;
}

/*
 * ─────────────────────────────────────────────────────────────
 * Sidebar widget headings
 * ─────────────────────────────────────────────────────────────
 */
.widget-title,
.widgettitle {
  font-size: 0.875rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--ftt-navy);
  border-bottom: 2px solid var(--ftt-amber);
  padding-bottom: 0.35rem;
  margin-bottom: 0.75rem;
}

/*
 * ─────────────────────────────────────────────────────────────
 * Mobile nav hamburger color
 * ─────────────────────────────────────────────────────────────
 */
.ast-mobile-menu-trigger-fill { fill: #fff; }
.ast-mobile-menu-trigger-dash { background: #fff; }

/*
 * ─────────────────────────────────────────────────────────────
 * Accessibility: focus ring
 * ─────────────────────────────────────────────────────────────
 */
:focus-visible {
  outline: 3px solid var(--ftt-amber);
  outline-offset: 2px;
}

/*
 * ─────────────────────────────────────────────────────────────
 * Utility: visually hidden (screen readers only)
 * ─────────────────────────────────────────────────────────────
 */
.ftt-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
  border: 0;
}