/*
Theme Name: AS Coaching
Theme URI: https://anthonyspitaleri.com
Description: Custom child theme for Anthony Spitaleri Coaching
Author: Anthony Spitaleri
Template: kadence
Version: 1.0.1
*/

/* ============================================
   GLOBAL DESIGN SYSTEM
   ============================================ */

:root {
  --as-bg: #07070B;
  --as-bg-card: #0C0C12;
  --as-border: rgba(255,255,255,0.06);
  --as-text: #D8D5CF;
  --as-text-muted: #9A9AA5;
  --as-text-dim: #7A7A88;
  --as-white: #F5F2EC;
  --as-accent: #4A7CFF;
  --as-gold: #C9A96E;
}

/* ---------- GLOBAL BODY ---------- */
html, body, .site, .wp-site-blocks {
  background: var(--as-bg) !important;
  color: var(--as-text) !important;
  font-family: 'Inter', -apple-system, sans-serif !important;
  -webkit-font-smoothing: antialiased;
}

/* ---------- HIDE KADENCE HEADER ON ALL PAGES ---------- */
.site-header,
#masthead,
.kadence-header,
header.header,
.site-header-wrap,
.header-desktop-wrap,
.header-mobile-wrap,
.kadence-header-row {
  display: none !important;
}

/* Remove top padding that Kadence adds for its header */
.site, .site-container, .wp-site-blocks, .site-content {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* ---------- HIDE KADENCE FOOTER CREDITS ---------- */
.site-footer .footer-widget-area,
.site-info,
.kadence-footer,
.site-footer,
#colophon,
footer.footer,
.footer-navigation,
.site-footer-wrap {
  background: var(--as-bg) !important;
  border-top: 1px solid var(--as-border) !important;
}

.site-info,
.site-footer .site-info,
.kadence-footer .footer-html,
.footer-html a,
.powered-by-developer,
.developer-link,
.developer-footer {
  display: none !important;
}

/* ---------- TYPOGRAPHY ---------- */
h1, h2, h3, h4, h5, h6,
.entry-title,
.wp-block-heading,
.page-title {
  color: var(--as-white) !important;
  font-family: 'Inter', -apple-system, sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: -0.02em;
  line-height: 1.2;
}

h1, .entry-title { font-size: clamp(2rem, 5vw, 3rem) !important; }
h2 { font-size: clamp(1.5rem, 3.5vw, 2.2rem) !important; margin-top: 2.5em !important; }
h3 { font-size: clamp(1.2rem, 2.5vw, 1.5rem) !important; color: var(--as-gold) !important; margin-top: 1.5em !important; }

p, li, td, .wp-block-paragraph {
  color: var(--as-text) !important;
  font-size: 17px !important;
  line-height: 1.8 !important;
}

a { color: var(--as-accent) !important; text-decoration: none !important; }
a:hover { color: #6B96FF !important; }
strong, b { color: var(--as-white) !important; }
em { color: var(--as-text-muted) !important; }

/* ---------- CONTENT AREA ---------- */
.site-content,
.content-area,
.site-main,
.entry-content,
.wp-block-group,
.wp-block-cover,
article.post,
article.page {
  background: var(--as-bg) !important;
}

.entry-content {
  max-width: 780px !important;
  margin: 0 auto !important;
  padding: 60px 24px !important;
}

/* ---------- COVER BLOCKS ---------- */
.wp-block-cover {
  border-bottom: 1px solid var(--as-border) !important;
}

.wp-block-cover h1 {
  font-size: clamp(2.2rem, 5vw, 3.2rem) !important;
  font-weight: 800 !important;
  letter-spacing: -0.03em;
}

.wp-block-cover p {
  color: var(--as-text-muted) !important;
}

/* ---------- SEPARATORS ---------- */
hr, .wp-block-separator {
  border-color: var(--as-border) !important;
  opacity: 1 !important;
  margin: 2.5rem 0 !important;
}

/* ---------- BUTTONS ---------- */
.wp-block-button__link,
.wp-element-button,
a.button {
  background: var(--as-accent) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 16px 40px !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  transition: all 0.3s !important;
}

.wp-block-button__link:hover,
.wp-element-button:hover {
  background: #6B96FF !important;
  transform: translateY(-1px);
  box-shadow: 0 8px 24px rgba(74,124,255,0.25) !important;
  color: #fff !important;
}

/* ---------- BLOG LISTING ---------- */
.loop-entry,
.entry-summary,
.archive-description {
  background: var(--as-bg) !important;
}

.loop-entry .entry-title a {
  color: var(--as-white) !important;
  font-size: 1.3rem !important;
}

.loop-entry .entry-title a:hover {
  color: var(--as-accent) !important;
}

.loop-entry .entry-summary p,
.loop-entry .entry-content p {
  color: var(--as-text-muted) !important;
}

.entry-meta, .posted-on, .byline, .cat-links, .tags-links {
  color: var(--as-text-dim) !important;
  font-size: 13px !important;
}

.entry-meta a { color: var(--as-text-dim) !important; }
.entry-meta a:hover { color: var(--as-accent) !important; }

article + article {
  border-top: 1px solid var(--as-border) !important;
  padding-top: 2rem !important;
  margin-top: 2rem !important;
}

/* Pagination */
.navigation, .pagination, .nav-links {
  color: var(--as-text-muted) !important;
}
.nav-links a { color: var(--as-accent) !important; }
.page-numbers.current { color: var(--as-white) !important; }

/* ---------- SIDEBAR / WIDGETS ---------- */
.widget, .sidebar, aside {
  background: var(--as-bg) !important;
  color: var(--as-text) !important;
}

.widget-title { color: var(--as-white) !important; }
.widget a { color: var(--as-accent) !important; }

/* Search */
.search-form input[type="search"] {
  background: var(--as-bg-card) !important;
  border: 1px solid var(--as-border) !important;
  color: var(--as-text) !important;
  border-radius: 8px !important;
  padding: 12px 16px !important;
}

.search-form input[type="submit"],
.search-form button {
  background: var(--as-accent) !important;
  color: #fff !important;
  border-radius: 8px !important;
}

/* ---------- FORMS ---------- */
input, textarea, select {
  background: var(--as-bg-card) !important;
  border: 1px solid var(--as-border) !important;
  color: var(--as-text) !important;
  border-radius: 8px !important;
}

input:focus, textarea:focus {
  border-color: var(--as-accent) !important;
  outline: none !important;
}

/* ---------- TABLES ---------- */
table { border-collapse: collapse; width: 100%; }
th { color: var(--as-white) !important; background: var(--as-bg-card) !important; padding: 12px 16px !important; }
td { border-bottom: 1px solid var(--as-border) !important; padding: 12px 16px !important; }

/* ---------- 404 / SEARCH NO RESULTS ---------- */
.error-404, .no-results {
  background: var(--as-bg) !important;
  color: var(--as-text) !important;
  text-align: center;
  padding: 80px 24px !important;
}

/* ---------- COMMENTS ---------- */
.comments-area { background: var(--as-bg) !important; }
.comment-author { color: var(--as-white) !important; }
.comment-content { color: var(--as-text) !important; }

/* ---------- RESPONSIVE ---------- */
@media (max-width: 768px) {
  .entry-content { padding: 40px 16px !important; }
  h1 { font-size: 1.8rem !important; }
  .wp-block-button__link { width: 100%; text-align: center; }
}

/* ---------- SCROLLBAR ---------- */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: var(--as-bg); }
::-webkit-scrollbar-thumb { background: #222; border-radius: 3px; }

/* ---------- SELECTION ---------- */
::selection { background: var(--as-accent); color: #fff; }