/* --- 1. GENEL SAYFA RENGİ ve FONT --- */
body {
  background: #fff;
  font-family: 'Montserrat', 'Quicksand', Arial, sans-serif;
  color: #7B614A;
}

/* --- 2. BAŞLIK Ayarları --- */
.ruya-detay-baslik, h1.ruya-detay-baslik {
  font-family: 'Poiret One', cursive, Arial, sans-serif !important;
  font-size: 2.50rem;
  font-weight: 400;
  color: #A68774;
  letter-spacing: 0.02em;
  margin-bottom: 0.5em;
}

h2, h2.mt-4, h3, h4 {
  font-family: 'Poiret One', cursive, Arial, sans-serif !important;
  color: #A68774;
  font-size: 2rem;
  font-weight: 400;
  margin-top: 2.1rem;
  margin-bottom: 1.1rem;
  letter-spacing: 0.01em;
}
h2.mt-4 { font-size: 1.7rem; }

h3, .yorum-baslik {
  font-size: 1.25rem;
  color: #7B614A;
  font-weight: 600;
  margin-bottom: 1em;
}
h4 { font-size: 1.14rem; }

/* --- 3. Geri Dön Butonu --- */
.btn-outline-custom {
  color: #bfa48a !important;
  border: 1.5px solid #bfa48a !important;
  background: #fff !important;
  font-weight: 500;
  border-radius: 6px;
  padding: 2px 12px;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  transition: background 0.14s, color 0.13s, border-color 0.13s;
  text-decoration: none;
}
.btn-outline-custom:hover, .btn-outline-custom:focus {
  background: #bfa48a !important;
  color: #fff !important;
  border-color: #bfa48a !important;
}

/* --- 4. Açıklama & Kart Ayarları --- */
.card {
  background: #fcf8f5 !important;
  border: 1.5px solid #bfa48a !important;
  border-radius: 12px !important;
  box-shadow: 0 2px 13px #e9d6bf40;
}
.card-body {
  color: #523 !important;
  font-size: 1.13rem;
}
.card.mb-2, .card.mb-3 {
  margin-bottom: 20px !important;
}

/* --- 5. Dini Yorum kutusu ve başlığı --- */

h2.mt-4, .dini-yorum-baslik {
  color: #a68774 !important;
  font-size: 2.32rem !important;
  font-family: 'Poiret One', cursive, Arial, sans-serif !important;
  font-weight: 400;
  letter-spacing: 0.01em;
  margin-bottom: 0.35em;
}
.card-body p { margin-bottom: 0; }


/* --- Admin cevabı kutusunun rengini ve stilini ayarlıyor --- */
.alert.alert-warning {
    color: #000000 !important;         /* Yazı rengi (kahverengi ton) */
    background: #bfa48a8a !important;  /* Kutunun açık sarı-krem arka planı */
    border-width: 1px !important;              
    border-style: solid !important;
    border-color: rgb(233, 214, 191) !important;/* Kenar çizgisi rengi */
    border-image: initial !important;
}

/* --- 6. Yorumlar kutusu & başlık --- */

.yorum-baslik, h3 {
  font-size: 2.18rem;
  color: #A68774;
  font-family: 'Poiret One', cursive, Arial, sans-serif !important;
  margin-top: 1.5rem;
  margin-bottom: 1.1rem;
  font-weight: 500;
  letter-spacing: 0.01em;
}
.card .text-muted, .card-body .text-muted, .text-muted {
  color: #bfa48a !important;
}

/* YORUM KARTLARI */
.card.mb-2,
.card.mb-2 .card-body {
  font-size: 0.97rem !important; /* Yazı boyutu küçük */
  padding: 10px 16px !important; /* Kart iç boşlukları azaltıldı */
  margin-bottom: 9px !important; /* Kartlar arası boşluk azaldı */
  border-radius: 9px !important;
}

.card.mb-2 .card-body strong {
  font-size: 0.91rem !important;
}

.card.mb-2 .alert-warning {
  font-size: 0.93rem !important;
  padding: 8px 14px !important;
  margin-bottom: 6px !important;
  border-radius: 8px !important;
}

/* --- 8. Yorum Yaz kutusu --- */
form .form-control {
  border-radius: 7px;
  border: 1.3px solid #ba9b85;
  font-size: 1.09rem;
  color: #795a39;
}
form .form-control:focus {
  border-color: #A68774;
  box-shadow: 0 0 0 2px #f8e5c7;
  outline: none;
}

/* Gönder Butonu */
form .btn-success {
  background-color: #A68774 !important;
  border-color: #A68774 !important;
  color: #fff !important;
  font-weight: 500;
  border-radius: 7px;
  font-size: 1.08em;
  padding: 7px 22px;
}
form .btn-success:hover {
  background: #c1a38a !important;
  color: #fff !important;
  border-color: #9e7858 !important;
}

/* BENZER RÜYALAR BAŞLIĞI */
.benzer-ruyalar-baslik,
h4.benzer-ruyalar-baslik {
  font-family: 'Poiret One', cursive, Arial, sans-serif;
  font-size: 2.4rem;
  color: #A68774;
  font-weight: 500;
  letter-spacing: 0.015em;
  margin-top: 1.1rem;
  margin-bottom: 1.1rem;
  display: flex;
  align-items: center;
  gap: 7px;
}
.benzer-ruyalar-baslik::before { 
  content: "🔗";
  font-size: 0.65em;
  margin-right: 3px;
  opacity: 0.6;
}

.card-body a,
.card-body a:visited {
  color: #A68774 !important;   /* Özel kahverengi tonu */
  font-weight: 600;
  text-decoration: underline dotted;  /* veya underline, istersen kaldır */
  transition: color 0.2s;
}
.card-body a:hover {
  color: #7A5A33 !important;    /* Hover (üzerine gelince) için koyu tonu */
  text-decoration: underline solid;
}
.card-body ul {
  list-style-position: inside;
  padding-left: 1rem;
  margin-bottom: 0.5rem;
}
.card-body ul li {
  margin-bottom: 0.4rem;
}
ul, li {
    list-style-type: disc !important;
    margin-left: 20px; /* soldan boşluk ekler */
}