/*
Theme Name: Tech Savvy Everyday
Template: astra
Author: Tech Savvy Everyday
Description: Custom DARK child theme for techsavvyeveryday.com - black background, light text, blue accents. "Advanced but simple" look on Astra. Edit colors in the :root block below.
Version: 1.2.0
Text Domain: tech-savvy-everyday
*/

/* =========================================================
   TECH SAVVY EVERYDAY — dark theme
   Tweak the values in :root to rebrand the whole site.
   ========================================================= */

:root{
  --tse-accent:      #3b9cff;   /* bright blue for dark bg */
  --tse-accent-dark: #2b82e6;   /* hover state */
  --tse-ink:         #ffffff;   /* headings */
  --tse-text:        #d7dde6;   /* body text */
  --tse-muted:       #9aa4b2;   /* meta, captions */
  --tse-bg:          #0a0c10;   /* page background (black) */
  --tse-surface:     #14171d;   /* cards / raised surfaces */
  --tse-soft:        #11141a;   /* alternating sections */
  --tse-line:        #232831;   /* borders */
  --tse-radius:      14px;
  --tse-shadow:      0 8px 28px rgba(0,0,0,.55);
}

/* ---- Typography ---------------------------------------- */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Playfair+Display:wght@600;700&display=swap');

/* ---- Global background + base ------------------------- */
html, body,
.site,
#page,
.ast-container,
.site-content,
#content{
  background-color:var(--tse-bg)!important;
  color:var(--tse-text);
}

body,
.ast-container{
  font-family:'Inter', system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  font-size:1.05rem;
  line-height:1.7;
}

h1,h2,h3,h4,.entry-title,.site-title{
  font-family:'Playfair Display', Georgia, serif;
  color:var(--tse-ink);
  letter-spacing:.2px;
}

h1,.entry-title{ font-size:2.4rem; line-height:1.2; }
h2{ font-size:1.8rem; }
h3{ font-size:1.35rem; }

p, li, span, dd, dt{ color:var(--tse-text); }

/* ---- Links -------------------------------------------- */
a{ color:var(--tse-accent); text-decoration:none; transition:color .15s ease; }
a:hover{ color:var(--tse-accent-dark); }

/* ---- Header ------------------------------------------- */
.site-header,
.ast-primary-header-bar,
.main-header-bar{
  background-color:var(--tse-bg)!important;
  box-shadow:0 1px 0 var(--tse-line);
}
.main-header-menu,
.main-header-menu .menu-item a,
.ast-builder-menu a{ color:var(--tse-text)!important; }
.main-header-menu a{ font-weight:500; letter-spacing:.3px; }
.main-header-menu .current-menu-item > a,
.main-header-menu a:hover{ color:var(--tse-accent)!important; }
.site-title a{ color:var(--tse-ink)!important; }

/* ---- Buttons & CTAs ----------------------------------- */
.wp-block-button__link,
.ast-button,
button,
input[type="submit"]{
  background:var(--tse-accent)!important;
  border:none!important;
  border-radius:999px!important;
  color:#04203f!important;
  font-weight:600!important;
  padding:.7em 1.6em!important;
  box-shadow:0 4px 16px rgba(59,156,255,.30);
  transition:transform .12s ease, background .15s ease;
}
.wp-block-button__link:hover,
.ast-button:hover,
button:hover,
input[type="submit"]:hover{
  background:var(--tse-accent-dark)!important;
  transform:translateY(-1px);
}

/* Big download CTA — add CSS class "tse-download" to any button block */
.tse-download a,
a.tse-download{
  display:inline-block;
  background:var(--tse-surface);
  color:#fff;
  border:1px solid var(--tse-accent);
  border-radius:999px;
  padding:.9em 2.2em;
  font-weight:700;
  font-size:1.05rem;
  box-shadow:var(--tse-shadow);
}
.tse-download a:hover,
a.tse-download:hover{ background:var(--tse-accent); color:#04203f; }

/* ---- Blog post cards (archive/home) ------------------- */
.blog .ast-article-post,
.archive .ast-article-post,
article.post{
  background:var(--tse-surface);
  border:1px solid var(--tse-line);
  border-radius:var(--tse-radius);
  padding:26px 28px;
  margin-bottom:28px;
  box-shadow:0 1px 2px rgba(0,0,0,.4);
  transition:box-shadow .2s ease, transform .2s ease, border-color .2s ease;
}
.blog .ast-article-post:hover,
.archive .ast-article-post:hover{
  box-shadow:var(--tse-shadow);
  transform:translateY(-3px);
  border-color:var(--tse-accent);
}
.ast-article-post .entry-title a{ color:var(--tse-ink); }
.ast-article-post .entry-title a:hover{ color:var(--tse-accent); }

/* meta line */
.entry-meta,.posted-on,.ast-author-meta,.entry-meta *{
  color:var(--tse-muted)!important;
  font-size:.9rem;
}

/* ---- Featured image rounding -------------------------- */
.wp-post-image,
.ast-article-post img{ border-radius:10px; }

/* ---- Section helper: add class "tse-soft-section" ------ */
.tse-soft-section{
  background:var(--tse-soft);
  padding:48px 0;
  border-radius:var(--tse-radius);
}

/* ---- Pull-quote / callout: add class "tse-callout" ---- */
.tse-callout{
  border-left:4px solid var(--tse-accent);
  background:var(--tse-surface);
  padding:18px 22px;
  border-radius:0 10px 10px 0;
  margin:28px 0;
  color:var(--tse-text);
}

/* ---- Affiliate disclosure box: class "tse-di