/*
Theme Name: Astra AIZINKI
Template: astra
Version: 1.0.0
Description: Futuristic AI child theme for AIZINKI.
*/
:root{
  --ai-bg:#070b14;
  --ai-bg-2:#0e1630;
  --ai-cyan:#58f3ff;
  --ai-purple:#7a5cff;
  --ai-text:#e8faff;
  --ai-muted:#9bb8d4;
}
body{
  background: radial-gradient(1200px 600px at 20% -10%, #1d2c5c66, transparent),
              radial-gradient(1000px 500px at 100% 0%, #1a9cb866, transparent),
              linear-gradient(180deg, var(--ai-bg), #060a13);
  color:var(--ai-text)!important;
}
.site, .site-content, .ast-container, .entry-content{background:transparent!important;}
h1,h2,h3,h4,h5,h6,.entry-title,.site-title,a{color:var(--ai-cyan)!important;}
p,li,span{color:var(--ai-text);} 
.ast-button, .wp-block-button__link, button, input[type=submit]{
  background:linear-gradient(90deg,var(--ai-cyan),var(--ai-purple))!important;
  border:none!important;color:#041018!important;border-radius:12px!important;
  box-shadow:0 0 25px #58f3ff55;
}
.ai-hero{padding:120px 20px 80px; text-align:center; position:relative; overflow:hidden;}
.ai-hero:before{content:'';position:absolute;inset:-20%;background:conic-gradient(from 90deg,#58f3ff22,#7a5cff22,#58f3ff22);filter:blur(60px);z-index:-1;animation:spin 18s linear infinite;}
@keyframes spin{to{transform:rotate(360deg)}}
.ai-title{font-size:clamp(2rem,6vw,4.5rem);letter-spacing:.08em;text-transform:uppercase;margin:0 0 10px;}
.ai-sub{font-size:clamp(1rem,2vw,1.35rem);color:var(--ai-muted);max-width:860px;margin:0 auto 28px;}
.ai-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;max-width:1100px;margin:40px auto;}
.ai-card{background:linear-gradient(160deg,#0e1b35cc,#111b2bcc);border:1px solid #58f3ff3d;border-radius:16px;padding:20px;box-shadow:inset 0 0 20px #58f3ff12,0 8px 30px #0008;}
.ai-card h3{margin-top:0}
.ai-shell{max-width:1200px;margin:0 auto;padding:10px 20px 90px;}
.ai-visual{max-width:1200px;margin:22px auto 10px;padding:0 20px;}
.ai-visual img{width:100%;height:auto;max-height:460px;object-fit:cover;border-radius:18px;border:1px solid #58f3ff44;box-shadow:0 12px 40px #0009,0 0 24px #58f3ff33;}
.ai-grid .ai-card img{width:100%;height:150px;object-fit:cover;border-radius:12px;margin:0 0 12px;border:1px solid #7a5cff55;}
.ai-badge{display:inline-block;padding:6px 10px;border:1px solid #58f3ff66;border-radius:999px;color:#9df6ff;font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;margin-bottom:12px;}


/* Layout fixes requested */
.ai-visual{display:block;text-align:center;}
.ai-visual img,.ai-grid .ai-card img{display:block;margin-left:auto;margin-right:auto;}
.ai-grid .ai-card{text-align:center;}

/* Avoid duplicate headline feel below header logo */
.entry-header .entry-title{display:none !important;}

/* Force sidebar visible and clean */
.ast-right-sidebar #secondary{display:block !important;}
#secondary .widget:not(:first-child){display:none !important;}
#secondary .widget{background:linear-gradient(160deg,#0e1b35cc,#111b2bcc);border:1px solid #58f3ff3d;border-radius:14px;padding:18px;box-shadow:inset 0 0 18px #58f3ff12,0 8px 30px #0008;}
#secondary .widget-title{color:var(--ai-cyan)!important;margin-top:0;}
#secondary p,#secondary li,#secondary span{color:var(--ai-text)!important;}


/* Fix: transparent header/logo overlapping page titles on inner pages */
body.ast-theme-transparent-header:not(.home) #masthead{
  position: relative !important;
  background: rgba(7, 11, 20, 0.92) !important;
  backdrop-filter: blur(6px);
}
body.ast-theme-transparent-header:not(.home) .site-content{
  padding-top: 18px !important;
}
body.ast-theme-transparent-header:not(.home) .entry-content h1,
body.ast-theme-transparent-header:not(.home) .entry-title{
  clear: both;
  position: relative;
  z-index: 1;
}

/* Hermes: Theme-colored logo treatment */
.custom-logo,
.ast-site-identity .custom-logo-link img {
  filter: hue-rotate(165deg) saturate(2.2) brightness(1.08) contrast(1.08) drop-shadow(0 0 8px rgba(88,243,255,.45));
}

/* Hermes: Replace old green logo with theme logo wordmark */
.ast-site-identity .custom-logo-link img.custom-logo { display:none !important; }
.ast-site-identity .custom-logo-link {
  display:inline-flex !important;
  align-items:center;
  text-decoration:none;
}
.ast-site-identity .custom-logo-link::before {
  content:"⬢";
  font-size:22px;
  margin-right:8px;
  color:#58f3ff;
  text-shadow:0 0 10px rgba(88,243,255,.55);
}
.ast-site-identity .custom-logo-link::after {
  content:"AI ZINKI";
  font-family: Inter, Montserrat, Arial, sans-serif;
  font-size:26px;
  font-weight:800;
  letter-spacing:1.5px;
  line-height:1;
  background:linear-gradient(90deg,#58f3ff,#7a5cff);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  text-shadow:0 0 14px rgba(88,243,255,.35);
}
@media (max-width: 768px){
  .ast-site-identity .custom-logo-link::after{font-size:20px;}
}

/* Hermes: Login button theme colors */
.ast-header-button-1 .ast-custom-button-link .ast-custom-button,
.ast-builder-button-wrap .ast-custom-button-link .ast-custom-button {
  background: linear-gradient(90deg,#58f3ff,#7a5cff) !important;
  color: #081225 !important;
  border: 1px solid rgba(122,92,255,.45) !important;
  border-radius: 10px !important;
  box-shadow: 0 0 14px rgba(88,243,255,.35) !important;
  font-weight: 800 !important;
}
.ast-header-button-1 .ast-custom-button-link:hover .ast-custom-button,
.ast-builder-button-wrap .ast-custom-button-link:hover .ast-custom-button {
  filter: brightness(1.08) saturate(1.1);
  box-shadow: 0 0 18px rgba(122,92,255,.45) !important;
}
/* fallback for header login text-link */
.ast-header-button-1 a.menu-link,
.ast-builder-button-wrap a.menu-link[href*="/login"] {
  color: #58f3ff !important;
  text-shadow: 0 0 10px rgba(88,243,255,.35);
}

/* Hermes: Login button cleanup edge */
.ast-header-button-1 .ast-custom-button-link,
.ast-builder-button-wrap .ast-custom-button-link {
  display:inline-block !important;
  border-radius:10px !important;
  overflow:hidden !important;
  line-height:1 !important;
}
.ast-header-button-1 .ast-custom-button-link .ast-custom-button,
.ast-builder-button-wrap .ast-custom-button-link .ast-custom-button {
  display:block !important;
  padding: 12px 26px !important;
  border: 0 !important;
}



/* Hermes: Login button final cleanup */
.ast-builder-button-wrap .ast-custom-button-link + a.menu-link,
.ast-header-button-1 .ast-custom-button-link + a.menu-link {
  display:none !important;
}


/* Hermes: mobile dark background hard-fix */
html, body,
body.home,
body.home .site,
body.home #page,
body.home .site-content,
body.home .ast-container,
body.home .ast-separate-container #primary,
body.home .ast-separate-container #primary .entry-content,
body.home .ast-separate-container .ast-article-single,
body.home .main-header-bar,
body.home .ast-mobile-header-wrap,
body.home .ast-builder-menu-mobile {
  background-color:#070b14 !important;
  background-image:none !important;
}

@media (max-width: 921px){
  body.home,
  body.home .site,
  body.home #primary,
  body.home .entry-content,
  body.home .site-content {
    background: linear-gradient(180deg,#070b14,#060a13) !important;
  }
}


/* Hermes Mobile White-Edge Kill v2 */
@media (max-width: 921px){
  html, body,
  body.home,
  #page,
  .site,
  .site-content,
  .ast-container,
  #primary,
  .entry-content,
  .site-primary-footer-wrap,
  .site-below-footer-wrap,
  .ast-footer-overlay,
  .main-header-bar,
  .ast-primary-header-bar,
  .ast-mobile-header-wrap,
  .ast-mobile-header-content,
  .ast-header-break-point .main-header-bar,
  .ast-header-break-point .ast-primary-header-bar,
  .ast-header-break-point .ast-builder-menu-mobile,
  .ast-header-break-point .main-header-menu,
  .ast-header-break-point .main-header-menu .sub-menu,
  .ast-mobile-popup-drawer,
  .ast-mobile-popup-content,
  .ast-mobile-popup-inner,
  .ast-mobile-popup-overlay,
  .ast-builder-grid-row,
  .ast-builder-layout-element,
  .ast-builder-menu-mobile .main-header-menu,
  .ast-builder-menu-mobile .main-header-menu a,
  .ast-builder-menu-mobile .sub-menu a,
  .ast-builder-menu-mobile .menu-item,
  .ast-separate-container,
  .content-area,
  .ast-plain-container,
  .ast-page-builder-template,
  .uagb-container,
  .uagb-section__wrap {
    background: #07070b !important;
    background-image: linear-gradient(180deg,#0b0b11 0%,#050507 100%) !important;
    border-color: rgba(122,92,255,.22) !important;
  }

  .ast-header-break-point .main-header-menu,
  .ast-header-break-point .main-header-menu .menu-item,
  .ast-header-break-point .main-header-menu .sub-menu,
  .ast-builder-menu-mobile .main-header-menu,
  .ast-builder-menu-mobile .main-header-menu .menu-item,
  .ast-builder-menu-mobile .main-header-menu .sub-menu {
    border: 0 !important;
    box-shadow: none !important;
  }

  .ast-builder-menu-mobile .main-header-menu a,
  .ast-header-break-point .main-header-menu a {
    color: #f4f7ff !important;
  }

  .ast-mobile-popup-overlay,
  .ast-header-break-point .ast-mobile-popup-overlay {
    background: rgba(0,0,0,.55) !important;
  }

  /* iOS safe-area white slivers */
  body { background-color:#07070b !important; }
}


/* Hermes Mobile White-Edge Kill v3 */
@media (max-width: 921px){
  /* kill white slideout/menu panel backgrounds */
  .ast-header-break-point .main-header-menu,
  .ast-header-break-point .main-header-menu .menu-item,
  .ast-header-break-point .main-header-menu .sub-menu,
  .ast-header-break-point .main-header-menu .menu-link,
  .ast-builder-menu-mobile .main-header-menu,
  .ast-builder-menu-mobile .main-header-menu .menu-item,
  .ast-builder-menu-mobile .main-header-menu .sub-menu,
  .ast-builder-menu-mobile .main-header-menu .menu-link,
  .ast-mobile-popup-content,
  .ast-mobile-popup-inner,
  .ast-mobile-popup-drawer,
  .ast-mobile-popup-drawer .menu-link,
  .ast-mobile-popup-drawer .menu-item,
  .ast-mobile-popup-drawer .sub-menu,
  .ast-nav-menu,
  .ast-nav-menu .menu-item,
  .ast-nav-menu .menu-link {
    background-color: #07070b !important;
    background-image: none !important;
  }

  /* readable text + separators in dark mode */
  .ast-header-break-point .main-header-menu .menu-link,
  .ast-builder-menu-mobile .main-header-menu .menu-link,
  .ast-mobile-popup-drawer .menu-link {
    color: #eaf2ff !important;
    border-color: rgba(122,92,255,.25) !important;
  }

  /* kill white side rails/gutters */
  .ast-separate-container #primary,
  .ast-separate-container #primary .entry-content,
  .ast-separate-container #primary .ast-article-single,
  .ast-separate-container .site-main,
  .ast-separate-container .ast-container,
  .ast-separate-container .content-area,
  .ast-separate-container .inside-article,
  .ast-separate-container .entry-content > .wp-block-group,
  .ast-separate-container .entry-content > .wp-block-cover,
  .ast-separate-container .entry-content > .uagb-container,
  .ast-separate-container .entry-content > .uagb-section__wrap {
    background: #07070b !important;
    background-image: linear-gradient(180deg,#0b0b11 0%,#050507 100%) !important;
  }

  .ast-separate-container .ast-container{ 
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}


/* Hermes About Robot Hand + Text Position (superseded) */
/* Hermes About alignment match Projects + keep hero size */
.page-id-938 .entry-content{
  max-width: 1200px;
  margin: 0 auto;
}
.page-id-938 .ai-shell:first-of-type{
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: 42px 34px 56px !important;   /* projects-like spacing */
}
.page-id-938 .ai-title{
  margin: 0 0 14px 0 !important;
  text-align: left !important;
}
.page-id-938 .ai-sub{
  margin: 0 !important;
  max-width: 920px !important;
  text-align: left !important;
}

/* keep previous visual size feel, but show more of hand via lower crop focus */
.page-id-938 .ai-visual{
  max-width: 1200px !important;
  margin: 16px auto 10px !important;
  padding: 0 20px !important;
}
.page-id-938 .ai-visual img{
  width: 100% !important;
  height: auto !important;
  max-height: 460px !important;       /* same size as before */
  object-fit: cover !important;       /* keep size/look */
  object-position: center 32% !important; /* reveal more lower hand area */
  border-radius: 18px !important;
}

@media (max-width: 921px){
  .page-id-938 .ai-shell:first-of-type{
    padding: 34px 20px 40px !important;
  }
  .page-id-938 .ai-sub{max-width: 100% !important;}
}


/* Hermes: remove grey footer bottom band */
.site-footer,
.site-footer-section,
.site-primary-footer-wrap,
.site-below-footer-wrap,
.ast-footer-overlay,
.ast-small-footer,
.ast-footer-copyright,
footer[role="contentinfo"] {
  background: #070b14 !important;
  background-color: #070b14 !important;
  background-image: none !important;
  border-top-color: #070b14 !important;
  border-bottom-color: #070b14 !important;
  box-shadow: none !important;
}
.site-footer *,
.site-primary-footer-wrap *,
.site-below-footer-wrap * {
  border-color: #070b14 !important;
}


/* Hermes: match scroll-to-top arrow with Login button style */
#ast-scroll-top,
#ast-scroll-top.ast-scroll-top-icon,
#ast-scroll-top.ast-scroll-to-top-left,
#ast-scroll-top.ast-scroll-to-top-right {
  position: fixed !important;
  background: none !important;
  background-color: transparent !important;
  background-image: none !important;
  color: #081225 !important;
  border: 1px solid rgba(122,92,255,.45) !important;
  border-radius: 10px !important;
  box-shadow: 0 0 14px rgba(88,243,255,.35) !important;
  overflow: hidden !important;
  isolation: isolate !important;
  transition: filter .18s ease, box-shadow .18s ease, transform .18s ease !important;
}
#ast-scroll-top::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: -1 !important;
  display: block !important;
  background: linear-gradient(90deg,#58f3ff,#7a5cff) !important;
  border-radius: inherit !important;
  pointer-events: none !important;
}
#ast-scroll-top::after {
  content: none !important;
  display: none !important;
}
#ast-scroll-top:hover,
#ast-scroll-top:focus {
  filter: brightness(1.08) saturate(1.1) !important;
  box-shadow: 0 0 18px rgba(122,92,255,.45) !important;
}
#ast-scroll-top .ast-icon,
#ast-scroll-top .ast-icon.icon-arrow,
#ast-scroll-top .ast-icon.icon-arrow svg,
#ast-scroll-top .ast-icon.icon-arrow svg path {
  color: #081225 !important;
  fill: #081225 !important;
}