/* ============================================================
   Gülistan içerik stili — yeşil İslami tema (Bootstrap/Tabler üstü)
   ============================================================ */
.gul-icerik{
  background: #eef3f9;            /* hafif mavimsi zemin (eski içerik gibi) */
  border: 1px solid #d3deec;
  border-top: 4px solid #1f7a3d;
  border-radius: 12px;
  box-shadow: 0 2px 16px rgba(31,122,61,.08);
  padding: 1.6rem 1.9rem;
  color: #243a2c;
  font-size: 1.04rem;
  line-height: 1.62;
  font-family: "Segoe UI", Tahoma, Arial, sans-serif;
  word-wrap: break-word;
}
/* Yeşil sayfa başlığı bandı */
.gul-icerik .gul-banner{
  background: linear-gradient(135deg,#1f7a3d,#2e9d52);
  color:#fff;
  border-radius:10px;
  padding: 1.1rem 1.25rem;
  margin: -0.4rem 0 1.4rem;
  text-align:center;
  box-shadow:0 3px 12px rgba(31,122,61,.22);
}
.gul-icerik .gul-banner h1{
  margin:0; font-size:1.5rem; font-weight:700; line-height:1.45; color:#fff;
}
.gul-icerik .gul-banner-alt{
  margin-top:.35rem; font-size:.9rem; font-weight:500; color:#eaffef; opacity:.95;
}
/* Kırmızı vurgular (eski font color=#FF0000) → temalı kırmızı başlık */
.gul-icerik .gul-kirmizi{
  color:#c0392b;
  font-weight:700;
  letter-spacing:.2px;
}
.gul-icerik p{ margin: .3rem 0; }
.gul-icerik b, .gul-icerik strong{ line-height:1.9; }
.gul-icerik img{ max-width:100%; height:auto; margin:.7rem auto; display:block; border-radius:8px; }
.gul-icerik a{ color:#1f7a3d; text-decoration:underline; }
.gul-icerik a:hover{ color:#124d27; }
.gul-icerik .gul-nokta{ color:#1f7a3d; font-size:.62em; margin-right:.45rem; vertical-align:middle; }
.gul-icerik hr{ border:0; border-top:1px dashed #bcd8c4; margin:1.1rem 0; }
.gul-icerik blockquote{
  border-left:4px solid #2e9d52; background:#f3faf5;
  padding:.8rem 1rem; margin:1rem 0; border-radius:0 8px 8px 0;
}
/* Tablolar */
.gul-icerik .gul-tablo{ margin:1rem 0; background:#fff; }
.gul-icerik .gul-tablo td, .gul-icerik .gul-tablo th{ padding:.5rem .65rem; vertical-align:top; }
/* ===== Ana sayfa (landing) ===== */
.gul-home{ text-align:center; }
.gul-home .gul-besmele{ max-width:330px; width:85%; height:auto; margin:.3rem auto 1rem; }
.gul-home .gul-ayet{ max-width:760px; margin:0 auto 1.8rem; }
.gul-home .gul-ayet-ar{
  font-size:1.75rem; line-height:2.1; color:#15672f; direction:rtl;
  font-family:"Traditional Arabic","Amiri","Scheherazade New","Segoe UI",serif;
  margin:.4rem 0 .8rem;
}
.gul-home .gul-ayet-tr{ font-style:italic; color:#2c4a36; margin:.4rem 0; }
.gul-home .gul-ayet-meal{ color:#243a2c; margin:.4rem 0; }
.gul-home .gul-selam{
  font-size:1.55rem; color:#6a1b9a; direction:rtl; margin:1.1rem 0 .2rem;
  font-family:"Traditional Arabic","Amiri","Segoe UI",serif;
}
.gul-home-kartlar{ margin-top:.6rem; }
.gul-home-kart{
  display:block; text-decoration:none; color:#15672f; font-weight:600;
  background:#fff; border:1px solid #d3deec; border-radius:10px; padding:.55rem;
  transition:transform .15s, box-shadow .15s;
}
.gul-home-kart:hover{ transform:translateY(-3px); box-shadow:0 5px 14px rgba(0,0,0,.16); color:#0e5224; }
.gul-home-kart img{ width:100%; height:130px; object-fit:cover; border-radius:7px; margin-bottom:.45rem; display:block; }
.gul-home-kart span{ display:block; font-size:.9rem; }

/* Mobil */
@media (max-width:640px){
  .gul-icerik{ padding:1.1rem 1rem; font-size:1rem; margin:1rem .5rem; }
  .gul-icerik .gul-banner h1{ font-size:1.2rem; }
  .gul-home .gul-ayet-ar{ font-size:1.4rem; }
  .gul-home-kart img{ height:100px; }
}