/*
Theme Name:        AI Geld Code 50+ Blog
Theme URI:         https://blog.ai-geld-code-50plus.nl/
Author:            Eric Dieperink (Daan-Agent / Hermes)
Author URI:        https://ai-geld-code-50plus.nl/
Description:       Child theme van Twenty Twenty-Five met de huisstijl van ai-geld-code-50plus.nl (dark + gold premium, Oswald headers + Inter body, grid pattern).
Version:           1.0.0
Requires at least: 6.7
Tested up to:      6.7
Requires PHP:      7.4
Template:          twentytwentyfive
Text Domain:       ai-geld-code-blog
Tags:              dark, blog, custom-colors, custom-logo, custom-menu, full-site-editing, block-styles
*/

@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@400;600;700&family=Inter:wght@300;400;500;600;700&display=swap');

/* =================================================================
   ai-geld-code-blog — child theme stylesheet
   Override Twenty Twenty-Five tokens + element styling
   ================================================================= */

:root,
body.wp-site-blocks,
.wp-site-blocks,
.editor-styles-wrapper {
  --wp--preset--color--base:        #050505;
  --wp--preset--color--base-2:      #0f0f0f;
  --wp--preset--color--contrast:    #ffffff;
  --wp--preset--color--contrast-2:  rgba(255,255,255,0.65);
  --wp--preset--color--contrast-3:  rgba(255,255,255,0.4);
  --wp--preset--color--accent:      #FFD000;
  --wp--preset--color--accent-1:    #FFE566;
  --wp--preset--color--accent-2:    #B8960C;
  --wp--preset--color--accent-3:    rgba(255,208,0,0.15);
  --wp--preset--color--accent-4:    #FFD000;
  --wp--preset--color--accent-5:    rgba(255,208,0,0.35);

  --agc-bg:            #050505;
  --agc-card:          #0f0f0f;
  --agc-card-2:        #161616;
  --agc-text:          #ffffff;
  --agc-text-muted:    rgba(255,255,255,0.65);
  --agc-text-subtle:   rgba(255,255,255,0.4);
  --agc-gold:          #FFD000;
  --agc-gold-light:    #FFE566;
  --agc-gold-dark:     #B8960C;
  --agc-green:         #00E676;
  --agc-border:        rgba(255,208,0,0.15);
  --agc-border-strong: rgba(255,208,0,0.3);

  --wp--preset--font-family--manrope:
    'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

html, body { background-color: var(--agc-bg) !important; }

body {
  position: relative;
  color: var(--agc-text) !important;
  font-family: 'Inter', sans-serif !important;
  line-height: 1.6 !important;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}

body::before {
  content: '';
  position: fixed;
  inset: 0;
  background-image:
    linear-gradient(rgba(255,208,0,0.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,208,0,0.025) 1px, transparent 1px);
  background-size: 50px 50px;
  pointer-events: none;
  z-index: 0;
}

body::after {
  content: '';
  position: fixed;
  top: -10%; left: 50%;
  transform: translateX(-50%);
  width: 900px; height: 600px;
  background: radial-gradient(ellipse, rgba(255,208,0,0.10) 0%, transparent 65%);
  pointer-events: none;
  z-index: 0;
}

.wp-site-blocks { position: relative; z-index: 1; }

/* ----- Typography (headings = Oswald, body = Inter) ----- */
h1, h2, h3, h4, h5, h6,
.wp-block-heading,
.wp-block-post-title,
.wp-block-query-title {
  font-family: 'Oswald', sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: 0.5px !important;
  color: var(--agc-text) !important;
  line-height: 1.15 !important;
}

p, li, blockquote, figcaption { color: var(--agc-text) !important; }

a {
  color: var(--agc-gold) !important;
  text-decoration: none !important;
  transition: color 200ms !important;
}
a:hover { color: var(--agc-gold-light) !important; }

/* ----- Header (glassmorphism, gold underline) ----- */
.wp-site-blocks > header,
header.wp-block-template-part,
.wp-block-template-part[data-area="header"] {
  background-color: rgba(5,5,5,0.9) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-bottom: 1px solid var(--agc-border) !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 100 !important;
}

.wp-block-site-title,
.wp-block-site-title a {
  font-family: 'Oswald', sans-serif !important;
  font-weight: 700 !important;
  font-size: 20px !important;
  letter-spacing: 1px !important;
  color: var(--agc-gold) !important;
  text-transform: uppercase !important;
}

/* ----- Navigation (uppercase, letter-spaced) ----- */
.wp-block-navigation { font-family: 'Inter', sans-serif !important; }
.wp-block-navigation a,
.wp-block-navigation .wp-block-navigation-item__content {
  color: var(--agc-text-muted) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  transition: color 200ms !important;
}
.wp-block-navigation a:hover,
.wp-block-navigation .wp-block-navigation-item__content:hover {
  color: var(--agc-gold) !important;
}

/* ----- Buttons (gold filled, black text) ----- */
.wp-block-button__link,
.wp-element-button {
  background: var(--agc-gold) !important;
  color: #000000 !important;
  border: 0 !important;
  border-radius: 6px !important;
  padding: 9px 20px !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  letter-spacing: 0.5px !important;
  text-transform: none !important;
  transition: background 200ms, transform 200ms, box-shadow 200ms !important;
  box-shadow: 0 4px 14px rgba(255,208,0,0.25) !important;
}
.wp-block-button__link:hover,
.wp-element-button:hover {
  background: var(--agc-gold-light) !important;
  color: #000000 !important;
  transform: translateY(-1px);
  box-shadow: 0 6px 20px rgba(255,208,0,0.45) !important;
}

.wp-block-button.is-style-outline .wp-block-button__link {
  background: transparent !important;
  color: var(--agc-gold) !important;
  border: 1px solid var(--agc-gold) !important;
  box-shadow: none !important;
}
.wp-block-button.is-style-outline .wp-block-button__link:hover {
  background: rgba(255,208,0,0.10) !important;
}

/* ----- Post cards (query loop) ----- */
.wp-block-post,
.wp-block-post-template > li {
  background: var(--agc-card) !important;
  border: 1px solid var(--agc-border) !important;
  border-radius: 12px !important;
  padding: 1.5rem !important;
  transition: transform 200ms, border-color 200ms, box-shadow 200ms !important;
  overflow: hidden;
}
.wp-block-post:hover,
.wp-block-post-template > li:hover {
  transform: translateY(-2px);
  border-color: var(--agc-border-strong) !important;
  box-shadow: 0 12px 32px rgba(0,0,0,0.5), 0 0 0 1px rgba(255,208,0,0.1) !important;
}

.wp-block-post-featured-image,
.wp-block-post-featured-image img {
  border-radius: 8px !important;
  overflow: hidden;
}

.wp-block-post-title a {
  color: var(--agc-text) !important;
  font-family: 'Oswald', sans-serif !important;
}
.wp-block-post-title a:hover { color: var(--agc-gold) !important; }

.wp-block-post-excerpt,
.wp-block-post-excerpt__excerpt,
.wp-block-post-date,
.wp-block-post-terms,
.wp-block-post-author-name {
  color: var(--agc-text-muted) !important;
  font-family: 'Inter', sans-serif !important;
}

/* ----- Single post content ----- */
.wp-block-post-content {
  color: var(--agc-text) !important;
  line-height: 1.7 !important;
  font-family: 'Inter', sans-serif !important;
}
.wp-block-post-content p { margin-bottom: 1rem !important; }

.wp-block-quote, blockquote {
  border-left: 3px solid var(--agc-gold) !important;
  padding: 0.75rem 1rem 0.75rem 1.25rem !important;
  background: var(--agc-card) !important;
  border-radius: 0 8px 8px 0 !important;
  color: var(--agc-text-muted) !important;
  font-style: normal !important;
  margin: 1.5rem 0 !important;
}

:not(pre) > code,
.wp-block-code code {
  background: var(--agc-card-2) !important;
  color: var(--agc-gold) !important;
  border: 1px solid var(--agc-border) !important;
  border-radius: 6px !important;
  padding: 0.15em 0.4em !important;
  font-size: 0.9em !important;
}
.wp-block-code {
  background: var(--agc-card-2) !important;
  border: 1px solid var(--agc-border) !important;
  border-radius: 12px !important;
  padding: 1rem !important;
}

/* ----- Form inputs ----- */
input[type="text"],
input[type="email"],
input[type="search"],
input[type="url"],
input[type="number"],
input[type="tel"],
textarea,
select,
.wp-block-search__input {
  background: var(--agc-card-2) !important;
  border: 1px solid var(--agc-border) !important;
  border-radius: 8px !important;
  padding: 12px 16px !important;
  color: var(--agc-text) !important;
  font-family: 'Inter', sans-serif !important;
  outline: none !important;
  transition: border-color 250ms, box-shadow 250ms !important;
}
input:focus, textarea:focus, .wp-block-search__input:focus {
  border-color: var(--agc-gold) !important;
  box-shadow: 0 0 0 3px rgba(255,208,0,0.15) !important;
}
::placeholder { color: var(--agc-text-subtle) !important; }

.wp-block-search__button {
  background: var(--agc-gold) !important;
  color: #000 !important;
  border-radius: 6px !important;
  border: 0 !important;
  font-weight: 700 !important;
  padding: 0.6rem 1.25rem !important;
}

/* ----- Pagination ----- */
.wp-block-query-pagination a,
.wp-block-query-pagination-numbers a,
.wp-block-query-pagination-previous,
.wp-block-query-pagination-next {
  color: var(--agc-text-muted) !important;
  border: 1px solid var(--agc-border) !important;
  border-radius: 6px !important;
  padding: 0.5rem 0.85rem !important;
  background: var(--agc-card) !important;
  font-family: 'Inter', sans-serif !important;
}
.wp-block-query-pagination a:hover { color: var(--agc-gold) !important; border-color: var(--agc-border-strong) !important; }
.wp-block-query-pagination-numbers .current {
  background: var(--agc-gold) !important;
  color: #000 !important;
  border: 0 !important;
}

/* ----- Comments ----- */
.wp-block-comment-template > li,
.wp-block-comments-pagination,
.wp-block-comment-content,
.wp-block-comment-reply-link { color: var(--agc-text) !important; }
.wp-block-avatar img {
  border: 2px solid var(--agc-border) !important;
  border-radius: 50% !important;
}

/* ----- Tables ----- */
table {
  background: var(--agc-card) !important;
  border: 1px solid var(--agc-border) !important;
  border-radius: 12px !important;
  overflow: hidden;
}
th, td { border-color: var(--agc-border) !important; color: var(--agc-text) !important; }
th {
  background: var(--agc-card-2) !important;
  font-family: 'Oswald', sans-serif !important;
  letter-spacing: 0.5px;
}

/* ----- Footer ----- */
.wp-site-blocks > footer,
footer.wp-block-template-part,
.wp-block-template-part[data-area="footer"] {
  background: var(--agc-card) !important;
  border-top: 1px solid var(--agc-border) !important;
  color: var(--agc-text-muted) !important;
  padding: 4rem 0 2rem !important;
  position: relative;
}
.wp-site-blocks > footer::before,
footer.wp-block-template-part::before {
  content: '';
  position: absolute;
  top: 0; left: 50%;
  transform: translateX(-50%);
  width: 200px; height: 1px;
  background: linear-gradient(90deg, transparent, var(--agc-gold), transparent);
  pointer-events: none;
}
footer a { color: var(--agc-text-muted) !important; }
footer a:hover { color: var(--agc-gold) !important; }

::selection { background: rgba(255,208,0,0.3); color: #000; }
html { scrollbar-color: rgba(255,208,0,0.4) transparent; }

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