/*
Theme Name:   Ahmad Bunery — Portfolio
Description:  Personal portfolio child theme built on Twenty Twenty-Five.
Template:     twentytwentyfive
Version:      3.0.0
Text Domain:  ahmad-bunery
*/

/* ── TOKENS ─────────────────────────────────────── */
:root {
  --ab-ink:     #0E1117;
  --ab-ink2:    #374151;
  --ab-ink3:    #6B7280;
  --ab-teal:    #0E6B8F;
  --ab-teal2:   #0a5272;
  --ab-cyan:    #00C5D5;
  --ab-border:  #E5E7EB;
  --ab-off:     #F7F9FC;
  --ab-sans:    'Space Grotesk', system-ui, sans-serif;
  --ab-mono:    'Space Mono', 'Courier New', monospace;
}

/* ── BASE ────────────────────────────────────────── */
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }

body, .wp-site-blocks {
  background: #fff !important;
  color: var(--ab-ink);
  font-family: var(--ab-sans);
  -webkit-font-smoothing: antialiased;
  line-height: 1.7;
}

.wp-block-post-title { display: none !important; }

.wp-block-post-content.has-global-padding,
.entry-content.has-global-padding {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* ── HEADER ──────────────────────────────────────── */
header.wp-block-template-part,
.wp-block-template-part[data-slug="header"] {
  background: rgba(255,255,255,0.94) !important;
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border-bottom: 1px solid var(--ab-border) !important;
  position: sticky !important;
  top: 0;
  z-index: 200;
}

.ab-header-inner {
  padding: 0.95rem 8vw !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

.wp-block-site-logo img { max-height: 44px !important; width: auto !important; }

/* Nav links */
.wp-block-navigation a {
  font-family: var(--ab-mono) !important;
  font-size: 0.68rem !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: var(--ab-ink3) !important;
  text-decoration: none !important;
  transition: color 0.2s !important;
  position: relative;
}
.wp-block-navigation a:hover { color: var(--ab-teal) !important; }

/* Hire Me pill */
.ab-nav-cta a,
.wp-block-navigation .ab-nav-cta a {
  background: var(--ab-teal) !important;
  color: #fff !important;
  padding: 0.45rem 1.1rem !important;
  border-radius: 6px !important;
  transition: background 0.2s !important;
}
.wp-block-navigation .ab-nav-cta a:hover { background: var(--ab-teal2) !important; }

/* ── FOOTER ──────────────────────────────────────── */
footer.wp-block-template-part,
.wp-block-template-part[data-slug="footer"] {
  background: var(--ab-ink) !important;
  border-top: 1px solid #1c1c1c !important;
  padding: 2rem 8vw !important;
}

.ab-footer-inner {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: wrap !important;
  gap: 1rem !important;
}

.ab-footer-copy {
  font-family: var(--ab-mono) !important;
  font-size: 0.63rem !important;
  letter-spacing: 0.1em !important;
  color: #4b5563 !important;
}

.ab-social-row { display: flex !important; gap: 1.5rem !important; }
.ab-social-row a {
  font-family: var(--ab-mono) !important;
  font-size: 0.63rem !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: #4b5563 !important;
  text-decoration: none !important;
  transition: color 0.2s !important;
}
.ab-social-row a:hover { color: var(--ab-cyan) !important; }

/* ── RESPONSIVE ──────────────────────────────────── */
@media (max-width: 640px) {
  .ab-header-inner { padding: 0.85rem 5vw !important; }
  footer.wp-block-template-part { padding: 1.5rem 5vw !important; }
  .ab-footer-inner { flex-direction: column; text-align: center; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; }
}