/*
Theme Name: Echoes of the Nile
Theme URI: https://example.com/themes/echoes-of-the-nile
Author: Grok xAI
Author URI: https://x.ai
Description: A majestic and immersive WordPress theme inspired by the grandeur of Ancient Egypt. Perfect for history blogs, educational sites, museums, and anyone passionate about pharaohs, pyramids, hieroglyphs, the Nile River, and the timeless stories of one of humanity's greatest civilizations. Features elegant gold accents, deep mysterious backgrounds, and storytelling layouts that transport visitors back to the age of the pharaohs.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: echoes-of-the-nile
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready, blog, education, history, dark-mode, one-column, two-columns
*/

/* ========================================
   ECHOES OF THE NILE - ANCIENT EGYPT THEME
   ======================================== */

:root {
  --gold: #C9A227;
  --gold-dark: #A67C00;
  --dark-bg: #0F0A05;
  --sand: #EDE4D3;
  --deep-nile: #0A1F3D;
  --papyrus: #C9B896;
  --text-light: #F5F0E6;
  --text-muted: #B8A98A;
  --accent-red: #8B3A3A;
}

body {
  font-family: 'Georgia', 'Playfair Display', Georgia, serif;
  background-color: var(--dark-bg);
  color: var(--text-light);
  line-height: 1.7;
}

/* Tailwind will handle most layout - these are overrides & custom components */

h1, h2, h3, h4, h5, h6 {
  font-family: 'Playfair Display', Georgia, 'Times New Roman', serif;
  color: var(--gold);
  line-height: 1.2;
}

a {
  color: var(--gold);
  transition: color 0.3s ease;
}

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

/* Elegant Gold Buttons */
.gold-btn {
  background-color: var(--gold);
  color: var(--dark-bg);
  font-weight: 600;
  padding: 14px 32px;
  border-radius: 4px;
  transition: all 0.3s ease;
  border: 2px solid var(--gold);
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 0.875rem;
}

.gold-btn:hover {
  background-color: transparent;
  color: var(--gold);
  transform: translateY(-2px);
}

/* History Card Styling */
.history-card {
  background-color: #16100A;
  border: 1px solid #3A2F1F;
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

.history-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  border-color: var(--gold);
}

/* Timeline */
.timeline-item {
  position: relative;
  padding-left: 2.5rem;
}

.timeline-item::before {
  content: '';
  position: absolute;
  left: 0.75rem;
  top: 0;
  bottom: -1.5rem;
  width: 3px;
  background: linear-gradient(to bottom, var(--gold), #3A2F1F);
}

.timeline-item:last-child::before {
  display: none;
}

.timeline-dot {
  position: absolute;
  left: 0;
  width: 1.5rem;
  height: 1.5rem;
  background-color: var(--gold);
  border: 3px solid var(--dark-bg);
  border-radius: 9999px;
}

/* Papyrus-like subtle texture for sections */
.papyrus-bg {
  background-image: 
    linear-gradient(rgba(201, 162, 39, 0.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(201, 162, 39, 0.03) 1px, transparent 1px);
  background-size: 40px 40px;
}

/* Navbar */
nav {
  background-color: rgba(15, 10, 5, 0.95);
  backdrop-filter: blur(12px);
}

/* Post content styling */
.entry-content {
  font-size: 1.05rem;
}

.entry-content h2, .entry-content h3 {
  margin-top: 2.5rem;
  margin-bottom: 1rem;
}

/* Footer */
footer {
  background-color: #0A0703;
  border-top: 1px solid #3A2F1F;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .hero-title {
    font-size: 3rem !important;
  }
}