/*
 Theme Name: Astra Child (F&L Blog Complete)
 Template: astra
 Version: 1.0.0
*/

/* Typography and colors */
body.single-post, body.blog, body.archive {
  font-family: "Helvetica Neue", Arial, sans-serif;
  color: #222;
  line-height: 1.7;
}

/* Hero section single post */
.fml-hero { max-width: 1000px; margin: 0 auto; padding: 48px 20px; }
.fml-hero img { width: 100%; border-radius: 8px; margin-bottom: 24px; }
.fml-category { text-transform: uppercase; font-size: 14px; color: #666; margin-bottom: 12px; }
.fml-title { font-size: clamp(32px, 5vw, 44px); font-weight: 700; line-height: 1.2; margin: 0 0 16px; }
.fml-subtitle { font-size: 20px; font-weight: 400; color: #444; margin-bottom: 24px; max-width: 800px; }

/* Article body */
.fml-content { max-width: 800px; margin: 0 auto; padding: 0 20px 40px; }
.fml-content h2 { font-size: 26px; margin-top: 40px; margin-bottom: 16px; }
.fml-content h3 { font-size: 22px; margin-top: 30px; margin-bottom: 12px; }
.fml-content p { font-size: 18px; margin-bottom: 20px; }

/* Author box */
.fml-author-box { max-width: 800px; margin: 40px auto; padding: 24px; border: 1px solid #eee; border-radius: 8px; display: flex; gap: 16px; }
.fml-author-box img { border-radius: 50%; width: 80px; height: 80px; }
.fml-author-name { font-size: 18px; font-weight: 600; margin-bottom: 4px; }
.fml-author-bio { font-size: 15px; color: #555; }

/* Related posts */
.fml-related { max-width: 1000px; margin: 60px auto; padding: 0 20px; }
.fml-related h2 { font-size: 24px; margin-bottom: 24px; }
.fml-related-grid { display: grid; grid-template-columns: repeat(auto-fill,minmax(280px,1fr)); gap: 20px; }
.fml-related-item { border: 1px solid #eee; border-radius: 8px; padding: 16px; }

/* Archive / Blog page */
.fml-archive-hero { text-align: center; padding: 60px 20px 40px; }
.fml-archive-hero h1 { font-size: 36px; margin-bottom: 12px; }
.fml-archive-hero p { font-size: 18px; color: #555; }
.fml-category-bar { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin: 30px auto; max-width: 1000px; background:#0a2740; padding:20px; border-radius:40px; }
.fml-category-bar a { padding: 8px 18px; border: 1px solid #fff; border-radius: 30px; text-decoration: none; font-weight: 600; font-size: 15px; color: #fff; }
.fml-category-bar a.active, .fml-category-bar a:hover { background: #fff; color: #0a2740; }
.fml-archive-grid { max-width: 1000px; margin: 40px auto; display: grid; grid-template-columns: repeat(auto-fill,minmax(280px,1fr)); gap: 24px; padding: 0 20px; }
.fml-archive-item { border: 1px solid #eee; border-radius: 8px; padding: 16px; }
.fml-archive-item h2 { font-size: 20px; margin: 8px 0; }

/* Newsletter + Follow */
.fml-newsletter { max-width: 600px; margin: 60px auto; text-align: center; padding: 40px 20px; border: 1px solid #eee; border-radius: 8px; }
.fml-follow { text-align: center; margin: 40px auto; }
.fml-follow a { margin: 0 8px; font-size: 20px; color: #0a2740; }

/* Pagination */
.fml-pagination { text-align: center; margin: 40px auto; }
.fml-pagination a { margin: 0 10px; font-weight: bold; font-size: 18px; }