/* ============================================================
   GUNDRUX GLOBAL CSS v1.1.0
   /wp-content/themes/astra-child/gundrux-global.css
   ============================================================ */

/* ══════════════════════════════════════
   1. KILL ASTRA HEADER — every selector
══════════════════════════════════════ */
#masthead,
.site-header,
.ast-site-header-wrap,
.ast-site-header-wrap-outer,
.main-header-bar,
.main-header-bar-wrap,
.ast-primary-header-bar,
.ast-above-header-bar,
.ast-below-header-bar,
#ast-mobile-header,
.ast-mobile-header-wrap,
.ast-mobile-header,
/* break-point variants */
.ast-header-break-point #masthead,
.ast-header-break-point .site-header,
.ast-header-break-point .main-header-bar,
.ast-header-break-point .main-header-bar-wrap,
.ast-header-break-point .ast-primary-header-bar,
/* builder */
.ast-builder-header-wrap,
.ast-builder-grid-row-container,
.ast-builder-grid-row,
.site-header-focus-item,
/* transparent */
.ast-transparent-header .site-header,
.go-transparent .site-header,
.go-transparent #masthead,
/* sticky */
.ast-sticky-header-active .site-header,
.ast-sticky-header-active #masthead,
/* loaded state Astra adds via JS */
.ast-header-loaded .site-header,
[data-section="section-header-builder"],
/* mobile nav popup */
.ast-mobile-popup-wrapper,
.ast-mobile-popup,
#ast-mobile-popup {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
  visibility: hidden !important;
  pointer-events: none !important;
  position: absolute !important;
  top: -9999px !important;
  left: -9999px !important;
  opacity: 0 !important;
}

/* ══════════════════════════════════════
   2. OUR NAV — always on top
══════════════════════════════════════ */
#gxh {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 62px !important;
  z-index: 999999 !important; /* higher than anything Astra uses */
}
.admin-bar #gxh { top: 32px !important; }
@media (max-width: 782px) { .admin-bar #gxh { top: 46px !important; } }

/* ══════════════════════════════════════
   3. BODY OFFSET
══════════════════════════════════════ */
body { padding-top: 62px !important; margin-top: 0 !important; }
.admin-bar body { padding-top: 94px !important; }
@media (max-width: 782px) { .admin-bar body { padding-top: 108px !important; } }

/* ══════════════════════════════════════
   4. DARK BACKGROUND
══════════════════════════════════════ */
html, body, #page, .site,
#content, .site-content,
#primary, .content-area,
.site-main, main,
.ast-container, .ast-separate-container,
article, .post, .page,
.ast-article-single, .ast-article-post {
  background: #060d1c !important;
  background-color: #060d1c !important;
  color: #e2e8f0 !important;
}

/* ══════════════════════════════════════
   5. FULL WIDTH — kill Astra containers
══════════════════════════════════════ */
.ast-container,
#primary, .site-primary,
.content-area, .site-main,
.ast-article-single, .ast-article-post,
.entry-content, .page-content, .post-content,
#content, .site-content,
.ast-content-layout-wrap {
  max-width: 100% !important;
  width: 100% !important;
  padding: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  float: none !important;
}
.ast-separate-container .ast-article-single,
.ast-separate-container #primary {
  padding: 0 !important;
  margin: 0 !important;
  box-shadow: none !important;
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
}

/* ══════════════════════════════════════
   6. HIDE SIDEBAR
══════════════════════════════════════ */
#secondary, .widget-area, .ast-sidebar-wrap { display: none !important; }

/* ══════════════════════════════════════
   7. FONTS
══════════════════════════════════════ */
body, p, li, span, a, input, textarea, button, select, td, th, label {
  font-family: 'Inter', system-ui, sans-serif !important;
}
h1,h2,h3,h4,h5,h6,
.site-title,.entry-title,.page-title,.widget-title,.wp-block-heading {
  font-family: 'Syne', system-ui, sans-serif !important;
  color: #f8fafc !important;
  letter-spacing: -0.025em;
  line-height: 1.1;
}
p, li, span, td, th, label, figcaption,
.entry-content p, .entry-content li, .page-content p {
  color: #cbd5e1 !important;
  line-height: 1.78;
}
a { color: #22d3ee !important; text-decoration: none; }
a:hover { color: #67e8f9 !important; }
strong, b { color: #f1f5f9 !important; font-weight: 600 !important; }

/* ══════════════════════════════════════
   8. BUTTONS
══════════════════════════════════════ */
.wp-block-button:not(.is-style-outline) .wp-block-button__link {
  background: linear-gradient(135deg, #22d3ee, #06b6d4) !important;
  color: #060d1c !important;
  font-family: 'Syne', sans-serif !important;
  font-weight: 700 !important;
  border-radius: 10px !important;
  border: none !important;
  padding: 12px 24px !important;
}
.wp-block-button:not(.is-style-outline) .wp-block-button__link:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 22px rgba(34,211,238,.3) !important;
  color: #060d1c !important;
}
.wp-block-button.is-style-outline .wp-block-button__link {
  background: transparent !important;
  color: #22d3ee !important;
  border: 2px solid #22d3ee !important;
  border-radius: 10px !important;
}

/* ══════════════════════════════════════
   9. FORMS
══════════════════════════════════════ */
input:not([type="submit"]):not([type="button"]),
textarea, select {
  background: rgba(255,255,255,.06) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  color: #f1f5f9 !important;
  border-radius: 10px !important;
  padding: 11px 16px !important;
}
input::placeholder, textarea::placeholder { color: #475569 !important; }
input[type="submit"], button[type="submit"] {
  background: linear-gradient(135deg, #22d3ee, #06b6d4) !important;
  color: #060d1c !important;
  font-family: 'Syne', sans-serif !important;
  font-weight: 700 !important;
  border: none !important;
  border-radius: 10px !important;
  padding: 12px 24px !important;
  cursor: pointer !important;
}
/* CF7 */
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"],
.wpcf7-form textarea {
  background: rgba(255,255,255,.06) !important;
  border: 1px solid rgba(255,255,255,.1) !important;
  color: #f1f5f9 !important;
  border-radius: 10px !important;
  padding: 12px 16px !important;
  width: 100% !important;
  margin-bottom: 12px !important;
}
.wpcf7-form input[type="submit"] {
  background: linear-gradient(135deg, #22d3ee, #06b6d4) !important;
  color: #060d1c !important;
  font-weight: 700 !important;
  border: none !important;
  border-radius: 10px !important;
  padding: 12px 24px !important;
  cursor: pointer !important;
  width: auto !important;
}

/* ══════════════════════════════════════
   10. TABLES — responsive on mobile
══════════════════════════════════════ */
table {
  width: 100% !important;
  border-collapse: collapse !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  font-size: .9rem !important;
  display: block !important;
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch !important;
  max-width: 100% !important;
}
thead tr { background: linear-gradient(135deg,rgba(34,211,238,.1),rgba(129,140,248,.08)) !important; }
th {
  padding: 11px 14px !important;
  text-align: left !important;
  font-family: 'Syne', sans-serif !important;
  font-size: .76rem !important;
  font-weight: 700 !important;
  letter-spacing: .07em !important;
  text-transform: uppercase !important;
  color: #22d3ee !important;
  border-bottom: 1px solid rgba(34,211,238,.18) !important;
  background: transparent !important;
  white-space: nowrap;
}
td {
  padding: 10px 14px !important;
  color: #cbd5e1 !important;
  border-bottom: 1px solid rgba(255,255,255,.05) !important;
  background: transparent !important;
  min-width: 100px;
}
tbody tr { background: rgba(255,255,255,.02) !important; }
tbody tr:nth-child(even) { background: rgba(255,255,255,.04) !important; }
tbody tr:hover { background: rgba(34,211,238,.05) !important; }
tbody tr:last-child td { border-bottom: none !important; }

/* ══════════════════════════════════════
   11. CODE / BLOCKQUOTE / HR
══════════════════════════════════════ */
code { background:rgba(34,211,238,.08)!important; color:#22d3ee!important; padding:2px 7px!important; border-radius:5px!important; font-size:.88em!important; }
pre { background:#0a1424!important; border:1px solid rgba(255,255,255,.08)!important; border-radius:12px!important; padding:20px!important; overflow-x:auto!important; }
pre code { background:transparent!important; padding:0!important; color:#e2e8f0!important; }
blockquote { border-left:3px solid #22d3ee!important; padding:16px 20px!important; background:rgba(34,211,238,.04)!important; border-radius:0 10px 10px 0!important; color:#94a3b8!important; font-style:italic; margin:24px 0!important; }
blockquote p { color:#94a3b8!important; margin:0!important; }
hr { border:none!important; border-top:1px solid rgba(255,255,255,.08)!important; margin:32px 0!important; }
img { max-width:100%!important; height:auto!important; }

/* ══════════════════════════════════════
   12. HIDE ASTRA PAGE EXTRAS
══════════════════════════════════════ */
.entry-footer, .ast-author-meta,
.post-navigation, .ast-post-navigation,
.comments-area, #comments,
.ast-breadcrumbs-wrapper, .ast-page-title-bar,
.entry-header.ast-no-thumbnail,
.entry-header .entry-title,
.ast-single-post-order .entry-header {
  display: none !important;
}

/* ══════════════════════════════════════
   13. SCROLLBAR + SELECTION
══════════════════════════════════════ */
::-webkit-scrollbar { width: 5px; height: 5px; }
::-webkit-scrollbar-track { background: #060d1c; }
::-webkit-scrollbar-thumb { background: rgba(34,211,238,.25); border-radius: 5px; }
::-webkit-scrollbar-thumb:hover { background: rgba(34,211,238,.45); }
::selection { background: rgba(34,211,238,.2); color: #f8fafc; }

/* ══════════════════════════════════════
   14. MOBILE RESPONSIVE
══════════════════════════════════════ */
@media (max-width: 768px) {
  body { font-size: 15px !important; }
  h1 { font-size: clamp(1.8rem, 6vw, 2.4rem) !important; }
  h2 { font-size: clamp(1.3rem, 4vw, 1.8rem) !important; }
  h3 { font-size: clamp(1.05rem, 3vw, 1.3rem) !important; }

  /* Tables on mobile */
  table { font-size: .8rem !important; }
  th, td { padding: 8px 10px !important; min-width: 80px; }

  /* WP columns stack */
  .wp-block-columns { flex-direction: column !important; gap: 20px !important; }
  .wp-block-column { min-width: 100% !important; flex-basis: 100% !important; }

  /* Images */
  img { max-width: 100% !important; height: auto !important; }
}