/*
Theme Name:  Astra Child
Description: AI Automation Insider custom homepage redesign
Template:    astra
Version:     1.0.0
*/

/* ── Global variables ─────────────────────────────────────── */
:root {
  --aai-navy:   #0A0F1E;
  --aai-white:  #F0F2F8;
  --aai-muted:  #8892A4;
  --aai-accent: #2563EB;
  --aai-border: rgba(240,242,248,0.08);
}

/* ── Sitewide font ────────────────────────────────────────── */
body {
  font-family: 'Inter', sans-serif !important;
}

/* ── Astra header — dark navy on all pages ────────────────── */
#masthead,
.site-header,
.main-header-bar,
.ast-primary-header,
.site-primary-header-wrap,
.ast-above-header,
.ast-header-break-point .ast-mobile-header-wrap,
.ast-hfb-header {
  background-color: var(--aai-navy) !important;
  border-bottom: 1px solid var(--aai-border) !important;
  box-shadow: none !important;
}

/* ── Site name / logo text ────────────────────────────────── */
.site-title,
.site-title a,
.ast-site-name,
.ast-site-name a,
.custom-logo-link {
  color: var(--aai-white) !important;
  font-weight: 700 !important;
  letter-spacing: -0.02em !important;
}

/* ── Nav links ────────────────────────────────────────────── */
.main-header-menu .menu-item > a,
.main-header-menu .menu-item > .ast-menu-toggle,
#ast-hf-menu-1 .menu-item > a,
.ast-builder-menu .menu-item > a,
.ast-header-menu-right .menu-item > a,
.primary-nav-links > .menu-item > a {
  color: var(--aai-muted) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  letter-spacing: 0.01em !important;
  font-family: 'Inter', sans-serif !important;
}

.main-header-menu .menu-item > a:hover,
.main-header-menu .menu-item:hover > a,
.main-header-menu .current-menu-item > a,
.main-header-menu .current-page-ancestor > a,
#ast-hf-menu-1 .menu-item > a:hover,
#ast-hf-menu-1 .current-menu-item > a,
.ast-builder-menu .menu-item > a:hover,
.ast-builder-menu .current-menu-item > a {
  color: var(--aai-white) !important;
}

/* ── Dropdown sub-menus ───────────────────────────────────── */
.main-header-menu .sub-menu,
#ast-hf-menu-1 .sub-menu,
.ast-builder-menu .sub-menu {
  background: #111827 !important;
  border: 1px solid var(--aai-border) !important;
  box-shadow: 0 8px 24px rgba(0,0,0,0.4) !important;
}

.main-header-menu .sub-menu .menu-item > a,
#ast-hf-menu-1 .sub-menu .menu-item > a,
.ast-builder-menu .sub-menu .menu-item > a {
  color: var(--aai-muted) !important;
  font-size: 13px !important;
}

.main-header-menu .sub-menu .menu-item > a:hover,
#ast-hf-menu-1 .sub-menu .menu-item > a:hover,
.ast-builder-menu .sub-menu .menu-item > a:hover {
  color: var(--aai-white) !important;
  background: rgba(37,99,235,0.08) !important;
}

/* ── Mobile hamburger icon ────────────────────────────────── */
.ast-mobile-menu-trigger-fill svg,
.ast-mobile-menu-trigger-minimal svg,
button.menu-toggle span,
button.menu-toggle span::before,
button.menu-toggle span::after {
  background-color: var(--aai-white) !important;
  color: var(--aai-white) !important;
}

/* ── Mobile menu panel ────────────────────────────────────── */
.ast-header-break-point .main-header-menu,
.ast-mobile-popup-menu {
  background: var(--aai-navy) !important;
  border-top: 1px solid var(--aai-border) !important;
}

.ast-header-break-point .main-header-menu .menu-item > a,
.ast-mobile-popup-menu .menu-item > a {
  color: var(--aai-muted) !important;
  border-bottom: 1px solid var(--aai-border) !important;
}

.ast-header-break-point .main-header-menu .menu-item > a:hover,
.ast-mobile-popup-menu .menu-item > a:hover {
  color: var(--aai-white) !important;
  background: rgba(37,99,235,0.06) !important;
}

/* ── Custom logo (used by astra_logo filter + front-page) ── */
a.aai-logo,
a.aai-logo:visited,
.ast-site-identity a.aai-logo,
.custom-logo-link.aai-logo {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  text-decoration: none !important;
  color: #F0F2F8 !important;
  font-size: inherit !important;
  line-height: 1 !important;
}
.aai-logo-icon,
a.aai-logo .aai-logo-icon,
.custom-logo-link .aai-logo-icon {
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  background-color: #2563EB !important;
  border-radius: 6px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
}
.aai-logo-icon svg { display: block !important; }
a.aai-logo span,
.custom-logo-link.aai-logo span {
  font-family: 'Inter', sans-serif !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  letter-spacing: -0.02em !important;
  color: #F0F2F8 !important;
  line-height: 1 !important;
}
/* Hide Astra's site tagline next to the logo */
.ast-site-identity .site-description { display: none !important; }

/* Fallback: when no logo image is set, Astra shows .site-title
   Style it to match the custom logo as closely as possible */
.site-header .site-title,
.site-header .site-title a {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  letter-spacing: -0.02em !important;
  color: var(--aai-white) !important;
  text-decoration: none !important;
}
/* Blue square icon via pseudo-element */
.site-header .site-title a::before {
  content: '';
  display: inline-block;
  width: 32px; height: 32px;
  border-radius: 6px;
  flex-shrink: 0;
  background-color: var(--aai-accent);
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='none'%3E%3Ccircle cx='10' cy='10' r='3' fill='white'/%3E%3Cline x1='10' y1='2' x2='10' y2='6' stroke='white' stroke-width='1.5'/%3E%3Cline x1='10' y1='14' x2='10' y2='18' stroke='white' stroke-width='1.5'/%3E%3Cline x1='2' y1='10' x2='6' y2='10' stroke='white' stroke-width='1.5'/%3E%3Cline x1='14' y1='10' x2='18' y2='10' stroke='white' stroke-width='1.5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px 16px;
}

/* ── WP admin bar offset ──────────────────────────────────── */
.admin-bar #masthead { top: 32px; }
@media screen and (max-width: 782px) {
  .admin-bar #masthead { top: 46px; }
}