/*
Theme Name: Ahl al-'Ilm
Theme URI: https://github.com/
Author: Ahl al-'Ilm Study Circle
Description: Custom theme for the Ahl al-'Ilm study circle members-only site — resource library, Companion guide, study toolkit, timetable, and partner board. Pairs with Paid Memberships Pro and ACF Pro.
Version: 1.0.0
Requires PHP: 7.4
Text Domain: ahlalilm
*/

:root {
  --teal-900: #0F3937;
  --teal-800: #134441;
  --teal-700: #164D4A;
  --teal-600: #1E6C69;
  --gold: #C8912A;
  --gold-light: #D9AE55;
  --gold-dark: #8B6A1E;
  --cream: #F8F1E4;
  --border: #E3DDD0;
  --text: #2A2A26;
  --text-muted: #7A7566;
  --white: #FFFFFF;
  --radius: 10px;
}

* { box-sizing: border-box; }

body {
  margin: 0;
  font-family: 'Inter', -apple-system, sans-serif;
  color: var(--text);
  background: #FAF8F3;
  line-height: 1.6;
}

h1, h2, h3, h4 { font-family: 'Fraunces', serif; }

a { color: var(--teal-700); }
a:hover { color: var(--gold-dark); }

img { max-width: 100%; height: auto; }

/* ---------- Site header ---------- */
header.site {
  background: var(--teal-700);
  padding: 0 32px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 68px;
  flex-wrap: wrap;
}
.brand { display: flex; align-items: center; gap: 12px; }
.brand img { height: 30px; width: auto; }
.brand .en { color: rgba(248,241,228,0.75); font-size: 11px; letter-spacing: 2px; text-transform: uppercase; }
nav.main { display: flex; gap: 24px; flex-wrap: wrap; }
nav.main a { color: rgba(248,241,228,0.85); text-decoration: none; font-size: 13.5px; font-weight: 500; }
nav.main a:hover, nav.main a.active { color: var(--gold-light); }
.user-chip { display: flex; align-items: center; gap: 8px; color: var(--cream); font-size: 13px; }
.avatar { width: 30px; height: 30px; border-radius: 50%; background: var(--gold); color: #3B2A0E; display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 600; flex-shrink: 0; }

/* ---------- Site footer ---------- */
footer.site {
  background: var(--teal-900);
  color: rgba(248,241,228,0.55);
  text-align: center;
  padding: 24px;
  font-size: 12px;
  margin-top: 40px;
}
footer.site .du3a { font-family: 'Amiri', serif; color: var(--gold-light); font-size: 15px; display: block; margin-bottom: 6px; }
footer.site a { color: rgba(248,241,228,0.75); }