/* ============================================
   mustafaAlpay.ai — Dark Professional Theme
   Matching mstf.ai aesthetic
   ============================================ */

/* Base */
body {
  background-color: #0a0f1a !important;
  color: #c8cdd5 !important;
  font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Inter', 'Segoe UI', sans-serif !important;
  -webkit-font-smoothing: antialiased;
}

/* Header */
.site-header, #masthead {
  background-color: #0d1220 !important;
  border-bottom: 1px solid rgba(255,255,255,0.06) !important;
  padding: 0.8rem 2rem !important;
}
.main-title a, .site-title a, .main-title, .site-title {
  color: #ffffff !important;
  font-weight: 600 !important;
  font-size: 1.1rem !important;
  text-decoration: none !important;
}
.site-description { display: none !important; }

/* Navigation */
.main-navigation a, .main-navigation .main-nav ul li a, #site-navigation a, .menu-item a {
  color: #8b95a5 !important;
  font-size: 0.9rem !important;
  font-weight: 400 !important;
  transition: color 0.2s ease !important;
}
.main-navigation a:hover, .current-menu-item a {
  color: #ffffff !important;
}

/* Content */
.site-content, #content, .inside-article, article, .entry-content {
  background-color: transparent !important;
  color: #c8cdd5 !important;
}
.site-main { max-width: 1100px !important; margin: 0 auto !important; }
article.page, article.post {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}

/* Typography */
h1, h2, h3, h4, h5, h6 { color: #ffffff !important; font-weight: 600 !important; }
h1 { font-size: 2.8rem !important; font-weight: 700 !important; line-height: 1.15 !important; }
h2 { font-size: 1.6rem !important; margin-top: 2.5rem !important; }
p { color: #9aa3b0 !important; font-size: 1.05rem !important; line-height: 1.7 !important; }
a { color: #6b9eff !important; text-decoration: none !important; transition: color 0.2s ease !important; }
a:hover { color: #93b8ff !important; }

/* Page titles */
.entry-title { display: none !important; }
.page:not(.home) .entry-title {
  display: block !important;
  text-align: center !important;
  font-size: 2.4rem !important;
  margin-top: 2rem !important;
}

/* App Cards */
.app-card-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)) !important;
  gap: 1.25rem !important;
  margin: 2rem 0 !important;
}
.app-card {
  background: linear-gradient(135deg, #141b2d 0%, #111827 100%) !important;
  border: 1px solid rgba(255,255,255,0.06) !important;
  border-radius: 12px !important;
  padding: 1.75rem !important;
  transition: border-color 0.3s ease, transform 0.2s ease !important;
}
.app-card:hover {
  border-color: rgba(107, 158, 255, 0.3) !important;
  transform: translateY(-2px) !important;
}
.app-card-icon {
  width: 44px !important; height: 44px !important;
  border-radius: 10px !important;
  display: flex !important; align-items: center !important; justify-content: center !important;
  font-size: 1.4rem !important; margin-bottom: 1rem !important;
  background: rgba(107, 158, 255, 0.12) !important;
}
.app-card h3 { font-size: 1.1rem !important; margin: 0 0 0.5rem 0 !important; }
.app-card p { font-size: 0.9rem !important; color: #7a8494 !important; margin: 0 0 1rem 0 !important; }
.app-card-footer { display: flex !important; justify-content: space-between !important; align-items: center !important; }
.app-card-price { color: #ffffff !important; font-weight: 600 !important; }
.app-card-platform { color: #5a6374 !important; font-size: 0.8rem !important; }

/* Buttons */
.wp-block-button__link {
  background: linear-gradient(135deg, #3b7dff 0%, #2563eb 100%) !important;
  color: #ffffff !important; border: none !important; border-radius: 8px !important;
  padding: 0.7rem 1.6rem !important; font-weight: 500 !important;
  transition: all 0.2s ease !important;
}
.wp-block-button__link:hover { background: linear-gradient(135deg, #5b93ff 0%, #3b7dff 100%) !important; }
.is-style-outline .wp-block-button__link {
  background: transparent !important;
  border: 1px solid rgba(107, 158, 255, 0.4) !important;
  color: #6b9eff !important;
}
.is-style-outline .wp-block-button__link:hover {
  border-color: #6b9eff !important;
  background: rgba(107, 158, 255, 0.08) !important;
}

/* Separators */
hr, .wp-block-separator { border-color: rgba(255,255,255,0.06) !important; margin: 2.5rem 0 !important; }

/* Sidebar / Widgets */
.widget-area, #secondary, aside { background: transparent !important; }
.widget-title, .widget h2 {
  color: #ffffff !important; font-size: 1rem !important;
  text-transform: uppercase !important; letter-spacing: 0.05em !important;
}
.widget a { color: #6b9eff !important; }

/* Search */
.search-field {
  background: #141b2d !important; border: 1px solid rgba(255,255,255,0.1) !important;
  color: #c8cdd5 !important; border-radius: 6px !important;
}
.search-submit, button[type="submit"] {
  background: #1e293b !important; color: #c8cdd5 !important;
  border: 1px solid rgba(255,255,255,0.1) !important; border-radius: 6px !important;
}

/* Footer */
.site-footer, .site-info {
  background-color: #0a0f1a !important; color: #5a6374 !important;
  border-top: 1px solid rgba(255,255,255,0.06) !important;
}
.site-footer a { color: #6b9eff !important; }

/* Blog entries */
.entry-header .entry-title a, h2.entry-title a { color: #ffffff !important; }
.entry-header .entry-title a:hover { color: #6b9eff !important; }
.entry-meta, .entry-meta a, .posted-on, .byline { color: #5a6374 !important; font-size: 0.85rem !important; }

/* WP Columns as cards */
.wp-block-columns { gap: 1.25rem !important; }
.wp-block-column {
  background: linear-gradient(135deg, #141b2d 0%, #111827 100%) !important;
  border: 1px solid rgba(255,255,255,0.06) !important;
  border-radius: 12px !important; padding: 1.75rem !important;
  transition: border-color 0.3s ease !important;
}
.wp-block-column:hover { border-color: rgba(107, 158, 255, 0.3) !important; }
.wp-block-column h3 { font-size: 1.1rem !important; margin-top: 0 !important; }
.wp-block-column h3 a { color: #ffffff !important; }
.wp-block-column h3 a:hover { color: #6b9eff !important; }

/* Lists */
ul, ol, li { color: #9aa3b0 !important; }

/* Code */
code, pre {
  background: #141b2d !important; color: #a5d6ff !important;
  border: 1px solid rgba(255,255,255,0.06) !important; border-radius: 6px !important;
}

/* Section headers */
.section-header {
  font-size: 1.4rem !important; color: #ffffff !important;
  margin-top: 3rem !important; padding-bottom: 0.5rem !important;
  border-bottom: 1px solid rgba(255,255,255,0.06) !important;
}

/* WPForms dark */
.wpforms-container input, .wpforms-container textarea, .wpforms-container select {
  background: #141b2d !important; border: 1px solid rgba(255,255,255,0.1) !important;
  color: #c8cdd5 !important; border-radius: 6px !important;
}
.wpforms-container label { color: #c8cdd5 !important; }
.wpforms-submit {
  background: linear-gradient(135deg, #3b7dff 0%, #2563eb 100%) !important;
  color: #ffffff !important; border: none !important; border-radius: 8px !important;
}

/* Responsive */
@media (max-width: 768px) {
  h1 { font-size: 2rem !important; }
  .app-card-grid { grid-template-columns: 1fr !important; }
}

/* ── Clickable card links ── */
a.app-card {
  text-decoration: none !important;
  color: inherit !important;
  display: block !important;
  cursor: pointer !important;
}
a.app-card:hover {
  border-color: rgba(107, 158, 255, 0.4) !important;
  transform: translateY(-3px) !important;
  box-shadow: 0 8px 25px rgba(0,0,0,0.3) !important;
}
a.app-card:hover h3 {
  color: #6b9eff !important;
}
a.app-card h3, a.app-card p,
a.app-card .app-card-price, a.app-card .app-card-platform {
  text-decoration: none !important;
}