/*
Theme Name: Al Athar Classic
Theme URI: https://alatharmarketing.com
Author: Al Athar Marketing
Description: Minimal classic theme with a clean sticky header and horizontal menu. Built to bypass TT5 header/nav issues.
Version: 1.1.0
License: GPL-2.0-or-later
Text Domain: alathar-classic
*/

/* Reset / Base */
html, body { margin:0; padding:0; }
body { font-family: Inter, Arial, Helvetica, sans-serif; color:#0b0b14; line-height:1.6; }
a { color:#07017C; text-decoration:none; }

/* Header */
:root { --brand:#07017C; --ink:#1b2140; --border:#eef1f6; }
#alathar-header { position: sticky; top:0; z-index: 9999; background:#fff; border-bottom:1px solid var(--border); width:100%; }
#alathar-header .inner { max-width:1200px; margin:0 auto; padding:14px 20px; display:flex; align-items:center; justify-content:space-between; gap:24px; }
#alathar-brand { display:flex; align-items:center; gap:12px; }
#alathar-brand .logo-dot { width:12px; height:12px; background:var(--brand); border-radius:50%; display:inline-block; }
#alathar-brand .text { font-weight:800; color:var(--brand); font-size:18px; letter-spacing:.2px; }

#alathar-nav { display:flex; gap:18px; align-items:center; justify-content:flex-end; flex-wrap:wrap; list-style:none; margin:0; padding:0; }
#alathar-nav li { list-style:none; margin:0; padding:0; }
#alathar-nav a { color:var(--ink); padding:8px 10px; border-radius:8px; font-weight:600; }
#alathar-nav a:hover { background: rgba(7,1,124,.08); }

/* Content */
.container { max-width:1080px; margin:0 auto; padding:24px 20px; }
.entry { padding:20px 0; }
.entry h1 { color:var(--brand); font-size:2rem; margin:0 0 10px; }
.entry h2 { color:var(--brand); font-size:1.4rem; margin:1.4rem 0 .6rem; }

/* Footer */
.site-footer { border-top:1px solid var(--border); margin-top:40px; }
.site-footer .inner { max-width:1200px; margin:0 auto; padding:18px 20px; color:#47506a; font-size:.95rem; }

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

@media (max-width:820px){
  #alathar-header .inner{ flex-wrap:wrap; }
  #alathar-nav{ width:100%; justify-content:flex-start; gap:12px; }
}