/*
 Theme Name:   IRAN Observator
 Theme URI:    https://iranobservator.com
 Description:  Custom dark news portal theme for Iran Observator
 Author:       OpenClaw Agent
 Author URI:   https://iranobservator.com
 Template:     generatepress
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 Text Domain:  iran-observer
*/

/* ENQUEUE PARENT & CUSTOM STYLES */
@import url('../generatepress/style.css');

/* DARK THEME VARIABLES */
:root {
  --base: #161b22 !important;
  --base-2: #161b22 !important;
  --base-3: #0d1117 !important;
  --contrast: #e6edf3 !important;
  --contrast-2: #8b949e !important;
  --contrast-3: #c9d1d9 !important;
  --accent: #00d4aa !important;
}

/* BASE */
html, body, #page {
  background-color: #0d1117 !important;
  color: #c9d1d9 !important;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}

/* HEADER */
.site-header {
  background-color: #161b22 !important;
  border-bottom: 1px solid #30363d !important;
  padding: 0.5rem 0 !important;
}
.site-header .inside-header {
  max-width: 1400px !important;
  padding: 0 20px !important;
}

/* SITE TITLE */
.main-title a,
.site-branding .main-title a:visited {
  color: #00d4aa !important;
  font-size: 1.8rem !important;
  font-weight: 700 !important;
  letter-spacing: -0.5px !important;
  text-decoration: none !important;
}
.main-title a:hover { color: #00e6bb !important; }

/* SITE DESCRIPTION */
.site-description { color: #8b949e !important; font-size: 0.75rem !important; }

/* NAVIGATION */
.main-navigation,
.main-navigation ul ul {
  background-color: #0d1117 !important;
  border: none !important;
}
.main-navigation .main-nav ul li a {
  color: #c9d1d9 !important;
  font-size: 0.9rem !important;
  padding: 0 14px !important;
  line-height: 60px !important;
}
.main-navigation .main-nav ul li:not([class*="current-menu-"]):hover > a,
.main-navigation .main-nav ul li:not([class*="current-menu-"]):focus > a {
  color: #00d4aa !important;
}
.main-navigation .main-nav ul li[class*="current-menu-"] > a {
  color: #00d4aa !important;
}

/* CONTENT AREA */
.site-content { background-color: #0d1117 !important; }
.one-container .site-main { max-width: 1400px !important; margin: 0 auto !important; padding: 20px !important; }

/* PAGE HEADER */
.page-header { background-color: #161b22 !important; border-bottom: 1px solid #30363d !important; }

/* ENTRY HEADER */
.entry-header { padding: 1.5rem 1.5rem 0.5rem !important; }

/* POST TITLE */
.entry-title, .entry-title a {
  color: #00d4aa !important;
  font-size: 1.3rem !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
}
.entry-title a:hover { color: #00e6bb !important; text-decoration: none !important; }

/* ENTRY META */
.entry-meta {
  color: #8b949e !important;
  font-size: 0.8rem !important;
}

/* POST CONTENT */
.entry-content {
  color: #c9d1d9 !important;
  padding: 0 1.5rem 1.5rem !important;
}
.entry-content p { color: #c9d1d9 !important; line-height: 1.7 !important; }

/* ARCHIVE/BLOG POSTS */
.archive article, .blog article, .site-main .post {
  background-color: #161b22 !important;
  border: 1px solid #30363d !important;
  margin-bottom: 16px !important;
  border-radius: 8px !important;
  overflow: hidden !important;
}
.archive article:hover, .blog article:hover {
  border-color: #00d4aa40 !important;
  box-shadow: 0 0 20px #00d4aa10 !important;
}
.archive .post:hover, .blog .post:hover {
  transform: translateY(-2px);
  transition: all 0.2s ease;
}

/* SIDEBARS */
.has-left-sidebar .site-content { flex-direction: row-reverse !important; }
.sidebar .widget {
  background-color: #161b22 !important;
  border: 1px solid #30363d !important;
  border-radius: 8px !important;
  margin-bottom: 16px !important;
  padding: 16px !important;
}
.widget-title, .widget-title a {
  color: #00d4aa !important;
  font-size: 0.95rem !important;
  font-weight: 700 !important;
  border-bottom: 2px solid #00d4aa !important;
  padding-bottom: 8px !important;
  margin-bottom: 12px !important;
}

/* FOOTER */
.site-footer {
  background-color: #0a0e14 !important;
  border-top: 1px solid #30363d !important;
  color: #8b949e !important;
  padding: 30px 0 !important;
}
.site-info { color: #8b949e !important; font-size: 0.8rem !important; }
.site-info a { color: #00d4aa !important; }

/* LINKS */
a { color: #58a6ff !important; text-decoration: none !important; }
a:hover { color: #79c0ff !important; }

/* SEPARATOR */
.separator { border-color: #30363d !important; }

/* SEARCH */
.search-form input[type="search"] {
  background-color: #0d1117 !important;
  border: 1px solid #30363d !important;
  color: #c9d1d9 !important;
  border-radius: 4px !important;
  padding: 6px 12px !important;
}

/* FORMS */
input[type="text"], input[type="email"], input[type="url"],
input[type="password"], input[type="search"], textarea, select {
  background-color: #161b22 !important;
  border: 1px solid #30363d !important;
  color: #c9d1d9 !important;
  border-radius: 4px !important;
}

/* BUTTONS */
button, html input[type="button"], input[type="reset"],
input[type="submit"], a.button {
  background-color: #00d4aa !important;
  color: #0d1117 !important;
  border: none !important;
  border-radius: 4px !important;
  font-weight: 600 !important;
}
button:hover, input[type="submit"]:hover {
  background-color: #00e6bb !important;
}

/* BACK TO TOP */
a.generate-back-to-top {
  background-color: #161b22 !important;
  color: #00d4aa !important;
  border: 1px solid #30363d !important;
}

/* TOP BAR */
.top-bar {
  background-color: #0a0e14 !important;
  color: #8b949e !important;
  font-size: 0.8rem !important;
}

/* PAGE BUILDER / GUTENBERG BLOCKS */
.wp-block-group {
  border-radius: 0 !important;
}

/* NEWSPAPER LAYOUT - 3 columns */
@media (min-width: 1024px) {
  body.has-left-sidebar.has-right-sidebar .site-content {
    display: grid !important;
    grid-template-columns: 280px 1fr 280px !important;
    gap: 0 !important;
  }
  body.has-left-sidebar.has-right-sidebar .content-area {
    grid-column: 2 !important;
  }
  body.has-left-sidebar.has-right-sidebar #left-sidebar {
    grid-column: 1 !important;
  }
  body.has-left-sidebar.has-right-sidebar #right-sidebar {
    grid-column: 3 !important;
  }
}

/* RESPONSIVE */
@media (max-width: 768px) {
  .main-title a { font-size: 1.3rem !important; }
  .entry-title { font-size: 1.1rem !important; }
  .archive article, .blog article { margin-bottom: 12px !important; }
}