/*
Theme Name: Alpha.io Minimal
Theme URI: https://alpha.io/
Author: Allan Lacoste & ChatGPT
Author URI: https://allanlacoste.com/
Description: Minimal black-and-gold WordPress theme for Alpha.io with Alpha Signals RSS auto-curation.
Version: 1.1.0
Text Domain: alphaio
*/
:root{--bg:#0A0A0C;--fg:#ffffff;--muted:rgba(255,255,255,.7);--line:rgba(255,255,255,.08);--gold:#f59e0b;}
html,body{margin:0;padding:0;background:var(--bg);color:var(--fg);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Inter,Helvetica,Arial,sans-serif;line-height:1.5}
a{color:var(--fg)}
.container{max-width:1120px;margin:0 auto;padding:0 16px}
.header{position:sticky;top:0;z-index:50;background:rgba(10,10,12,.8);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.nav-menu{display:flex;gap:24px;align-items:center; list-style: none; margin: 0; padding: 0;}
.logo{display:flex;align-items:center;gap:10px;font-weight:600}
.logo img { height: 60px; }
.logo-mark{position:relative;width:32px;height:32px}
.logo-tri{position:absolute;inset:0;clip-path:polygon(50% 0%, 0% 100%, 100% 100%);background:linear-gradient(to bottom,#fbbf24,rgba(251,191,36,.6),rgba(251,191,36,.2));animation:pulse 3s ease-in-out infinite}
.logo-shimmer{position:absolute;inset:0;clip-path:polygon(50% 0%, 49% 12%, 51% 12%);background:rgba(255,255,255,.85);animation:shimmer 2.8s linear infinite}
.nav-menu a{color:rgba(255,255,255,.8);text-decoration:none}
.btn{display:inline-block;padding:8px 12px;border-radius:12px;font-size:14px;text-decoration:none}
.btn-gold{background:var(--gold);color:#111}
.btn-ghost{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15)}
.hr-gold{height:2px;background:linear-gradient(90deg, rgba(245,158,11,.0), rgba(245,158,11,.9), rgba(245,158,11,.0));border:0;margin:16px auto;max-width:680px}
.section{border-top:1px solid var(--line)}
.section h2{font-size:28px;margin:0}
.grid{display:grid;gap:16px}
.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.card-img { overflow: hidden; border: 4px solid rgba(255,255,255,.08); }
.card{border:1px solid var(--line);background:rgba(255,255,255,.04);border-radius:16px;padding:16px}
.card .meta{font-size:12px;color:rgba(255,255,255,.6)}
.card .title{font-weight:600;margin-top:6px}
.card .body{font-size:14px;color:rgba(255,255,255,.8);margin-top:6px}
.footer{border-top:1px solid var(--line);font-size:14px;color:rgba(255,255,255,.7)}
@keyframes pulse {0%{filter:drop-shadow(0 0 0 rgba(255,193,120,0.15));}50%{filter:drop-shadow(0 0 14px rgba(255,193,120,0.45));}100%{filter:drop-shadow(0 0 0 rgba(255,193,120,0.15));}}
@keyframes shimmer {0%{transform:translateY(0);opacity:.0}10%{opacity:.9}100%{transform:translateY(120%);opacity:0}}


/* Hamburger button */
.menu-toggle {
  display: none;
  flex-direction: column;
  justify-content: space-between;
  width: 24px;
  height: 18px;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0;
}

.menu-toggle .bar {
  width: 100%;
  height: 3px;
  background-color: #333;
  border-radius: 2px;
  transition: 0.3s;
}

/* Mobile View */
@media (max-width: 768px) {
  .menu-toggle {
    display: flex;
  }

  .main-nav {
    position: absolute;
    top: 60px;
    right: 0;
    background: var(--bg);
    width: 100%;
    display: none;
    flex-direction: column;
    text-align: center;
    border-top: 1px solid var(--line);
    border-bottom: 1px solid var(--line);
  }

  .main-nav.active {
    display: flex;
  }

  .nav-menu {
    flex-direction: column;
    gap: 0;
    padding: 0 10px;
  }

  .nav-menu li {
    border-bottom: 1px solid var(--line);
    padding: 15px 0;
    width: 100%;
  }


  #newsletter .grid { grid-template-columns: 1fr !important; }
  #newsletter form { flex-direction: column;}
  #newsletter .btn-gold { width: max-content; }

}

/* Optional animation for hamburger toggle */
.menu-toggle.active .bar:nth-child(1) {
  transform: rotate(45deg) translateY(10px);
}
.menu-toggle.active .bar:nth-child(2) {
  opacity: 0;
}
.menu-toggle.active .bar:nth-child(3) {
  transform: rotate(-45deg) translateY(-10px);
}

@media (max-width: 576px) {
    #thesis .grid, #signals .grid, #team .grid { display: block; }
    #thesis .grid .card, #signals .grid .card, #team .grid .card { margin-bottom: 15px; }
}

.animate-on-load {
  opacity: 0.25;
  transform: translateX(200px);
  transition: all .8s ease;
}

.animate-on-load.active {
  opacity: 1;
  transform: translateX(0);
}