/*
Theme Name: Hikmet Yolu
Theme URI: https://hikmetyolu.com
Description: İslami Bilgelik ve Hikmet Platformu — Özel Tema
Author: Hikmet Yolu
Version: 1.0.0
Template: twentytwentyfive
Text Domain: hikmetyolu-theme
*/

/* =====================================================
   DESIGN TOKENS — Hikmet Yolu Sacred Color System
   ===================================================== */
:root {
  /* Sacred Emerald */
  --hy-emerald-900: #0D2B1F;
  --hy-emerald-800: #1A3D2B;
  --hy-emerald-700: #2A5C3F;
  --hy-emerald-600: #3D7A56;
  --hy-emerald-400: #6FAF88;
  --hy-emerald-100: #E8F3ED;

  /* Warm Parchment */
  --hy-cream-50:  #FDFAF5;
  --hy-cream-100: #F7F2E8;
  --hy-cream-200: #EDE4D0;
  --hy-cream-300: #D4C4AA;

  /* Matte Gold */
  --hy-gold-400: #C9A84C;
  --hy-gold-300: #E2C57A;
  --hy-gold-200: #F0DFA0;
  --hy-gold-900: #5C4A1E;

  /* Stone Text */
  --hy-stone-900: #1A1410;
  --hy-stone-700: #3D3028;
  --hy-stone-500: #6B5E4E;
  --hy-stone-300: #9B8E7E;

  /* Sacred Easing */
  --hy-ease: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --hy-ease-slow: cubic-bezier(0.0, 0.0, 0.2, 1);
}

/* =====================================================
   BASE — Page & Body
   ===================================================== */
body {
  background-color: var(--hy-cream-50) !important;
  color: var(--hy-stone-900) !important;
  font-family: Georgia, 'Palatino Linotype', 'Book Antiqua', Palatino, serif !important;
  font-size: 18px !important;
  line-height: 1.85 !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* =====================================================
   HEADER & NAVIGATION
   ===================================================== */
.wp-block-template-part header,
header.wp-block-template-part {
  background-color: var(--hy-emerald-900) !important;
  border-bottom: 2px solid var(--hy-gold-400) !important;
  padding: 0 !important;
}

/* Site title / logo */
.wp-block-site-title a,
.wp-block-site-title {
  color: var(--hy-cream-50) !important;
  font-family: Georgia, serif !important;
  font-size: 1.5rem !important;
  font-weight: 400 !important;
  letter-spacing: 0.05em !important;
  text-decoration: none !important;
}

.wp-block-site-title a::before {
  content: "🕌 ";
}

/* Navigation links */
.wp-block-navigation a,
.wp-block-navigation .wp-block-navigation-item__content {
  color: var(--hy-cream-100) !important;
  font-family: Georgia, serif !important;
  font-size: 0.9rem !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  padding: 0.5em 0.75em !important;
  transition: color 250ms var(--hy-ease) !important;
}

.wp-block-navigation a:hover {
  color: var(--hy-gold-300) !important;
}

/* Mobile hamburger */
.wp-block-navigation__responsive-container-open,
.wp-block-navigation__responsive-container-close {
  color: var(--hy-cream-100) !important;
}

/* =====================================================
   BISMILLAH HERO — Ana Sayfa Başlığı
   ===================================================== */
.wp-block-template-part main > .wp-block-group:first-child,
.wp-block-cover:first-of-type,
.entry-header {
  background: linear-gradient(
    160deg,
    var(--hy-emerald-900) 0%,
    var(--hy-emerald-800) 60%,
    var(--hy-emerald-700) 100%
  ) !important;
}

/* =====================================================
   TYPOGRAPHY — Headings
   ===================================================== */
h1, h2, h3, h4, h5, h6,
.wp-block-heading {
  font-family: Georgia, 'Palatino Linotype', serif !important;
  font-weight: 400 !important;
  color: var(--hy-stone-700) !important;
  line-height: 1.3 !important;
  letter-spacing: -0.01em;
}

h1 { font-size: 2.5rem !important; }
h2 { font-size: 2rem !important; }
h3 { font-size: 1.5rem !important; }

/* =====================================================
   LINKS
   ===================================================== */
a {
  color: var(--hy-emerald-700) !important;
  text-decoration: none !important;
  transition: color 200ms var(--hy-ease) !important;
}

a:hover {
  color: var(--hy-gold-400) !important;
}

/* =====================================================
   CARDS & BLOCKS
   ===================================================== */
.wp-block-post,
.wp-block-query-loop article,
article.post,
article.page,
article.dua,
article.alim,
article.evrad {
  background: var(--hy-cream-100) !important;
  border: 1px solid var(--hy-cream-200) !important;
  border-radius: 8px !important;
  padding: 2rem !important;
  margin-bottom: 1.5rem !important;
  transition: box-shadow 300ms var(--hy-ease), transform 300ms var(--hy-ease) !important;
  box-shadow: 0 2px 8px rgba(26,61,43,0.06) !important;
}

.wp-block-post:hover,
.wp-block-query-loop article:hover,
article.dua:hover,
article.alim:hover {
  box-shadow: 0 8px 32px rgba(26,61,43,0.12) !important;
  transform: translateY(-2px) !important;
}

/* Post titles in archive */
.wp-block-post-title a,
.entry-title a,
.wp-block-post-title {
  color: var(--hy-emerald-800) !important;
  font-family: Georgia, serif !important;
  font-weight: 400 !important;
  font-size: 1.4rem !important;
}

.wp-block-post-title a:hover,
.entry-title a:hover {
  color: var(--hy-gold-900) !important;
}

/* =====================================================
   SINGLE POST / SINGLE DUA
   ===================================================== */
.entry-content,
.wp-block-post-content {
  max-width: 720px !important;
  margin: 0 auto !important;
  padding: 2rem 0 !important;
}

/* =====================================================
   GOLD DIVIDER — section separators
   ===================================================== */
hr,
.wp-block-separator {
  border: none !important;
  border-top: 1px solid var(--hy-gold-400) !important;
  opacity: 0.4 !important;
  margin: 3rem auto !important;
  max-width: 200px !important;
}

/* =====================================================
   BUTTONS
   ===================================================== */
.wp-block-button__link,
.wp-element-button,
button,
input[type="submit"] {
  background-color: var(--hy-emerald-700) !important;
  color: var(--hy-cream-50) !important;
  border: none !important;
  border-radius: 4px !important;
  padding: 0.75em 2em !important;
  font-family: Georgia, serif !important;
  font-size: 0.9rem !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  transition: background-color 250ms var(--hy-ease), transform 200ms var(--hy-ease) !important;
}

.wp-block-button__link:hover,
button:hover,
input[type="submit"]:hover {
  background-color: var(--hy-gold-900) !important;
  color: var(--hy-cream-50) !important;
  transform: translateY(-1px) !important;
}

/* =====================================================
   FOOTER
   ===================================================== */
footer.wp-block-template-part,
.wp-block-template-part footer {
  background-color: var(--hy-emerald-900) !important;
  color: var(--hy-cream-200) !important;
  border-top: 2px solid var(--hy-gold-400) !important;
  padding: 3rem 2rem !important;
  text-align: center !important;
}

footer a {
  color: var(--hy-gold-300) !important;
}

footer a:hover {
  color: var(--hy-cream-50) !important;
}

/* =====================================================
   CUSTOM: DUA CARD DISPLAY
   ===================================================== */
.hy-dua-arabic {
  font-family: 'Scheherazade New', 'Amiri', 'Traditional Arabic', serif !important;
  font-size: 2rem !important;
  line-height: 2.2 !important;
  direction: rtl !important;
  text-align: right !important;
  color: var(--hy-emerald-900) !important;
  background: linear-gradient(135deg, var(--hy-cream-100), var(--hy-cream-50)) !important;
  border: 1px solid var(--hy-cream-200) !important;
  border-left: 4px solid var(--hy-gold-400) !important;
  border-radius: 8px !important;
  padding: 2rem 2.5rem !important;
  margin: 2rem 0 !important;
}

.hy-transliteration {
  font-style: italic !important;
  color: var(--hy-stone-500) !important;
  font-size: 1rem !important;
  margin: 1rem 0 !important;
  padding-left: 1rem !important;
  border-left: 2px solid var(--hy-gold-400) !important;
}

.hy-source {
  font-size: 0.85rem !important;
  color: var(--hy-gold-900) !important;
  font-style: italic !important;
  text-align: right !important;
}

/* =====================================================
   FEATURED SECTION — Öne Çıkanlar
   ===================================================== */
.hy-featured-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 1.5rem !important;
  margin: 2rem 0 !important;
}

@media (max-width: 768px) {
  .hy-featured-grid {
    grid-template-columns: 1fr !important;
  }
  h1 { font-size: 1.8rem !important; }
  h2 { font-size: 1.4rem !important; }
}

/* =====================================================
   QUOTE DISPLAY — Hikmet Sözleri
   ===================================================== */
blockquote,
.wp-block-quote {
  border-left: 4px solid var(--hy-gold-400) !important;
  background: var(--hy-cream-100) !important;
  padding: 1.5rem 2rem !important;
  margin: 2rem 0 !important;
  border-radius: 0 8px 8px 0 !important;
  font-style: italic !important;
  font-size: 1.2rem !important;
  color: var(--hy-stone-700) !important;
}

blockquote cite,
.wp-block-quote cite {
  font-size: 0.9rem !important;
  color: var(--hy-gold-900) !important;
  font-style: normal !important;
  margin-top: 0.75rem !important;
  display: block !important;
}

/* =====================================================
   CATEGORIES — Taxonomy Archive
   ===================================================== */
.wp-block-term-description,
.taxonomy-description {
  background: var(--hy-emerald-800) !important;
  color: var(--hy-cream-100) !important;
  padding: 2rem !important;
  border-radius: 8px !important;
  margin-bottom: 2rem !important;
}

/* =====================================================
   SEARCH
   ===================================================== */
.wp-block-search__input {
  border: 2px solid var(--hy-cream-200) !important;
  border-radius: 4px !important;
  padding: 0.75em 1em !important;
  background: var(--hy-cream-50) !important;
  font-family: Georgia, serif !important;
  transition: border-color 200ms !important;
}

.wp-block-search__input:focus {
  border-color: var(--hy-emerald-600) !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(42,92,63,0.15) !important;
}

/* =====================================================
   ADMIN BAR — if visible
   ===================================================== */
#wpadminbar {
  background: var(--hy-emerald-900) !important;
}

/* =====================================================
   SCROLLBAR — Webkit
   ===================================================== */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: var(--hy-cream-100); }
::-webkit-scrollbar-thumb { background: var(--hy-emerald-600); border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: var(--hy-gold-400); }

/* =====================================================
   SELECTION
   ===================================================== */
::selection {
  background: var(--hy-gold-200) !important;
  color: var(--hy-stone-900) !important;
}

/* =====================================================
   LOADING ANIMATION — İslamic geometric
   ===================================================== */
@keyframes hy-bismillah-pulse {
  0%, 100% { opacity: 0.3; }
  50% { opacity: 1; }
}