/*
Theme Name: Fursan AI
Theme URI: https://alfursan.com
Author: Fursan AI
Author URI: https://alfursan.com
Description: Custom theme for Fursan AI blog based on the React application identity.
Version: 1.0
Text Domain: fursan-ai
*/

/* 
This theme uses Tailwind CSS via CDN for styling.
All layout styles are inline Tailwind classes.
*/

body {
  font-family: 'Cairo', 'Tajawal', sans-serif;
  background-color: #f9fafb;
}

/* Base styles for WordPress content inside the single post */
.wp-content h1 { font-size: 2.25rem; font-weight: bold; margin-top: 2rem; margin-bottom: 1rem; color: #111827; }
.wp-content h2 { font-size: 1.875rem; font-weight: bold; margin-top: 1.5rem; margin-bottom: 0.75rem; color: #1f2937; }
.wp-content h3 { font-size: 1.5rem; font-weight: bold; margin-top: 1.5rem; margin-bottom: 0.75rem; color: #374151; }
.wp-content p { margin-bottom: 1rem; line-height: 1.75; color: #4b5563; }
.wp-content a { color: #ec4899; text-decoration: underline; }
.wp-content ul { list-style-type: disc; padding-left: 1.5rem; margin-bottom: 1rem; color: #4b5563; }
.wp-content ol { list-style-type: decimal; padding-left: 1.5rem; margin-bottom: 1rem; color: #4b5563; }
.wp-content img { max-width: 100%; height: auto; border-radius: 0.5rem; margin: 1.5rem 0; }
.wp-content blockquote { border-left: 4px solid #e5e7eb; padding-left: 1rem; font-style: italic; color: #6b7280; margin: 1.5rem 0; }

/* Dynamic Menu Styles */
.blog-nav-links li { list-style: none; }
.blog-nav-links a { color: #4b5563; font-weight: 500; transition: color 0.2s; }
.blog-nav-links a:hover { color: #ec4899; text-decoration: none; }
.blog-nav-links .current-menu-item a { color: #ec4899; font-weight: bold; }

.dark body { background-color: #111827; }
.dark .wp-content h1, .dark .wp-content h2, .dark .wp-content h3 { color: #f9fafb; }
.dark .wp-content p, .dark .wp-content ul, .dark .wp-content ol { color: #d1d5db; }
.dark .wp-content blockquote { border-left-color: #374151; color: #9ca3af; }