/*
 Theme Name:  Newsup Pro Child
 Theme URI:   https://lifetreehq.com/
 Description: Child theme for Newsup Pro
 Author:      Chris Apicella
 Template:    newsup-pro
 Version:     1.0.0
 Text Domain: newsup-pro-child
*/

/* ===== LTHQ Starter Styles (Newsup Pro Child) ===== */

/* 0) Design tokens */
:root{
  --lthq-bg:#0b0b0e;
  --lthq-surface:#12151b;
  --lthq-text:#f5f7fa;
  --lthq-muted:#98a2b3;
  --lthq-accent:#00c2a8;
  --lthq-accent-2:#58a6ff;
  --lthq-accent-contrast:#081217;
  --lthq-border:#2b303b;
  --lthq-radius:14px;
  --lthq-shadow:0 10px 30px rgba(0,0,0,.25);
}

body{
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  color:var(--lthq-text);
  background:var(--lthq-bg);
}
p{ line-height:1.75; margin:0 0 1.1em }
h1,h2,h3,h4,h5,h6{ line-height:1.25; margin:1.2em 0 .6em; letter-spacing:.2px }
.entry-content > *:last-child{ margin-bottom:0 }

a{ color:var(--lthq-accent); text-decoration:none }
a:hover, a:focus{ color:var(--lthq-accent-2); text-decoration:underline }

.wp-block-button__link,
.wp-element-button,
button.custom_button,
a.custom_button{
  display:inline-flex; align-items:center; justify-content:center;
  padding:.75em 1.15em;
  border-radius:var(--lthq-radius);
  background:linear-gradient(180deg,var(--lthq-accent) 0%, var(--lthq-accent-2) 100%);
  color:#001018 !important;
  font-weight:700;
  box-shadow:var(--lthq-shadow);
  transition:transform .08s ease, filter .2s ease, box-shadow .2s ease;
  border:0;
}
.wp-block-table a.custom_button,
.wp-block-table .wp-element-button,
.wp-block-table .wp-block-button__link{
  max-width: 260px;
  width: 100%;
}
.wp-block-button__link:hover,
.wp-element-button:hover,
button.custom_button:hover,
a.custom_button:hover{
  transform:translateY(-1px);
  filter:saturate(1.1);
  text-decoration:none;
}

.widget, .card, .callout, .wp-block-group.is-style-card{
  background:var(--lthq-surface);
  border:1px solid var(--lthq-border);
  border-radius:var(--lthq-radius);
  box-shadow:var(--lthq-shadow);
  padding:1rem 1.1rem;
}

.entry-content table{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  overflow:hidden;
  border:1px solid var(--lthq-border);
  border-radius:var(--lthq-radius);
  background:var(--lthq-surface);
}
.entry-content thead th{
  background:linear-gradient(180deg,#0f141c, #0b0f16);
  color:var(--lthq-text);
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.4px;
  border-bottom:3px double var(--lthq-border);
  padding:.9rem .9rem;
}
.entry-content tbody td{
  padding:.8rem .9rem;
  border-bottom:1px solid rgba(255,255,255,.04);
  color:var(--lthq-text);
}
.entry-content tbody tr:nth-child(odd) td{
  background:rgba(255,255,255,.02);
}
.entry-content tbody tr:last-child td{ border-bottom:0 }

.breadcrumb, .breadcrumbs, nav.breadcrumbs{
  font-size:.9rem;
  color:var(--lthq-muted);
  margin:.25rem 0 1rem;
}
.breadcrumb a, .breadcrumbs a{ color:var(--lthq-accent-2) }
.breadcrumb a:hover, .breadcrumbs a:hover{ color:var(--lthq-accent) }

.site-footer, footer[role="contentinfo"]{
  background:linear-gradient(180deg,#0b0b0e 0%, #090a0d 100%);
  color:var(--lthq-muted);
}
.site-footer a{ color:#dfe7ff }
.site-footer a:hover{ color:#ffffff }

.entry-content img{
  border-radius:12px;
  box-shadow:0 6px 20px rgba(0,0,0,.28);
  height:auto; max-width:100%;
}

.section-tight > * { margin-top:.75rem; margin-bottom:.75rem }
.section-loose > * { margin-top:1.25rem; margin-bottom:1.25rem }

.callout.is-emerald{
  border:1px solid #0d9488;
  background:linear-gradient(180deg,rgba(13,148,136,.12),transparent);
}
.callout.is-blue{
  border:1px solid #2563eb;
  background:linear-gradient(180deg,rgba(37,99,235,.12),transparent);
}

.site-footer .social a{
  display:inline-flex; align-items:center; justify-content:center;
  width:38px; height:38px; margin-right:8px;
  border-radius:999px; background:#11161f; border:1px solid #243044;
}

.topbar, .site-header, .site-footer{ border-color:var(--lthq-border) }
.single .entry-title, .page .entry-title{ letter-spacing:.2px }