/* ===== Site redesign — matches Vocab Website prototype design system ===== */
@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=DM+Sans:wght@300;400;500;600;700&family=DM+Mono:wght@400;500&display=swap');

:root{
  --bg:#F7F5F0;
  --surface:#FFFFFF;
  --surface2:#F0EDE6;
  --ink:#1A1714;
  --ink2:#5C5650;
  --ink3:#9C968E;
  --accent:#2A52A0;
  --accent-light:#EBF0FA;
  --accent2:#B85C2A;
  --border:#E0DDD6;
  --border2:#C8C3BA;
  --r:10px;
  --rlg:14px;
  --shadow:0 2px 12px rgba(26,23,20,0.08);
  --serif:'DM Serif Display', Georgia, serif;
  --sans:'DM Sans', -apple-system, system-ui, sans-serif;
  --mono:'DM Mono', monospace;
}

/* Base */
body{
  background: var(--bg) !important;
  color: var(--ink) !important;
  font-family: var(--sans) !important;
}
#page, .site, .site-content, .content-area, #primary{
  background: transparent !important;
}

a{ color: var(--accent); }
a:hover{ color: var(--accent2); }

/* Headings */
h1, h2, h3, h4, h5, h6,
.entry-title, .site-title, .widget-title{
  font-family: var(--serif) !important;
  color: var(--ink) !important;
  font-weight: 400 !important;
  letter-spacing: -0.01em;
}
.entry-title a{ color: var(--ink) !important; }
.entry-title a:hover{ color: var(--accent) !important; }
.site-description{ color: var(--ink3) !important; font-family: var(--sans) !important; }

/* Post meta (dates etc.) */
.entry-date, .posted-on, time.entry-date{
  font-family: var(--mono);
  color: var(--ink3);
  font-size: 12px;
}

/* Header / nav */
.site-header{
  background: var(--bg) !important;
  border-bottom: 1px solid var(--border);
}
.main-navigation a{
  color: var(--ink2) !important;
  font-weight: 500;
}
.main-navigation a:hover,
.main-navigation .current-menu-item > a{
  color: var(--accent) !important;
}

/* Buttons */
.wp-block-button__link,
button:not(.menu-toggle):not(.slick-arrow):not(.mobile-nav-toggle),
input[type="submit"],
a.button,
.single_add_to_cart_button,
.add_to_cart_button{
  background: var(--ink) !important;
  color: #fff !important;
  border: none !important;
  border-radius: var(--r) !important;
  font-family: var(--sans) !important;
  font-weight: 500 !important;
  padding: 11px 22px !important;
  transition: background .15s;
}
.wp-block-button__link:hover,
button:not(.menu-toggle):hover,
input[type="submit"]:hover,
a.button:hover{
  background: #2d2926 !important;
}

/* Blog post cards */
article.type-post{
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--rlg);
  padding: 20px 22px;
  box-shadow: var(--shadow);
}

/* Widgets / sidebar */
.widget{
  background: var(--surface2);
  border: 1px solid var(--border);
  border-radius: var(--rlg);
  padding: 18px 20px;
}

/* Forms */
input[type="text"], input[type="email"], input[type="search"], textarea, select{
  font-family: var(--sans);
  border: 1.5px solid var(--border) !important;
  border-radius: var(--r) !important;
  padding: 10px 14px !important;
  background: var(--surface) !important;
  color: var(--ink) !important;
}
input:focus, textarea:focus, select:focus{
  outline: none !important;
  border-color: var(--accent) !important;
}

/* Hide redundant page-title header on: Blog, Contact, Hebrew Vocab Trainer, Hebrew Audio Player */
.page-id-6 .entry-header,
.page-id-7 .entry-header,
.page-id-7714 .entry-header,
.page-id-7758 .entry-header{
  display: none !important;
}

/* Footer */
.site-footer{
  background: var(--surface2) !important;
  color: var(--ink2) !important;
  border-top: 1px solid var(--border);
}
.site-footer a{ color: var(--ink2) !important; }