/* ========= Learnist: Teal Brand Skin – fixes & unification ========= */

/* Brand variables (TEAL) */
:root{
  --lr-accent:#1D9A8B;          /* primary teal */
  --lr-accent-hover:#167C70;    /* darker teal */
  --lr-navy:#1C2C4F;            /* brand navy */
  --lr-text-strongest:#1C2C4F;  /* headings/nav */
  --lr-text-strong:#2B2B2B;     /* body text */
  --lr-text-medium:#5C5C5C;     /* muted */
  --lr-line:#E9EBEF;            /* borders */
  --lr-bg:#FFFFFF;              /* content bg */
  --lr-bg-soft:#F8F9FB;         /* site bg */
  --lr-bg-alt:#F1F2F4;          /* alt section bg */
  --lr-radius:6px;
  --lr-btn-py:10px;
  --lr-btn-px:20px;
  --lr-shadow:0 0 0 -7px rgba(0,0,0,.2);
  --lr-shadow-hover:0 15px 25px -7px rgba(0,0,0,.25);
}

/* Base + typo */
body{ background:var(--lr-bg-soft); color:var(--lr-text-strong); }
h1,h2,h3,.entry-title,.site-title{ color:var(--lr-text-strongest); font-family:"Poppins",system-ui,-apple-system,Segoe UI,Roboto,"Helvetica Neue",Arial; }
h1{font-weight:700} h2,h3{font-weight:600}

/* Links (site-wide) */
a{ color:var(--lr-accent); text-decoration:underline; text-underline-offset:2px; }
a:hover{ color:var(--lr-accent-hover); }

/* -------- 1) Header + Login button unify (kill old green) -------- */
.site-header,.footer-middle,.footer-bottom,.site-footer{ background:var(--lr-navy); color:#fff; }
.site-header a,.site-footer a{ color:#fff; text-decoration:none; }
.site-header a:hover,.site-footer a:hover{ opacity:.85; }

/* Kadence header “Button” element + any header .button */
.header-button .wp-block-button__link,
.header-button .button,
.header-button .kt-button,
.site-header .button{
  background:var(--lr-accent)!important;
  border:0!important;
  color:#fff!important;
  border-radius:var(--lr-radius);
  padding:var(--lr-btn-py) var(--lr-btn-px);
  box-shadow:var(--lr-shadow);
}
.header-button .wp-block-button__link:hover,
.header-button .button:hover,
.site-header .button:hover{
  background:var(--lr-accent-hover)!important;
  box-shadow:var(--lr-shadow-hover);
}

/* -------- 2) Page Title bar (“Home / Our Courses…”) -------- */
/* Make the band light and consistent, and improve spacing */
.entry-hero, .page-title, .kadence-page-title{
  background:var(--lr-bg-alt) !important;
  color:var(--lr-text-strongest);
  border-bottom:1px solid var(--lr-line);
}
.entry-hero .entry-header *{ color:var(--lr-text-strongest)!important; }
.entry-hero .entry-header{ padding-top:24px; padding-bottom:24px; }

/* Want to hide title bands entirely? Uncomment the next line */
/* .entry-hero, .page-title, .kadence-page-title{ display:none !important; } */

/* -------- 3) Buttons (global) -------- */
.wp-block-button__link,
button,.button,input[type=button],input[type=submit],
.kadence-button,.kt-button{
  font-family:"Poppins",sans-serif; font-weight:600; font-size:16px;
  background:var(--lr-accent); color:#fff; border:0;
  border-radius:var(--lr-radius);
  padding:var(--lr-btn-py) var(--lr-btn-px);
  box-shadow:var(--lr-shadow); transition:all .2s ease;
  text-decoration:none;
}
.wp-block-button__link:hover,
button:hover,.button:hover,input[type=button]:hover,input[type=submit]:hover,
.kadence-button:hover,.kt-button:hover{
  background:var(--lr-accent-hover); color:#fff; box-shadow:var(--lr-shadow-hover);
  transform:translateY(-1px);