/* === Font Tanımları === */
@font-face {
  font-family: 'KFGQPC Uthmanic Script HAFS Regular';
  src: url('/fonts/KFGQPCUthmanicScriptHAFSRegular.eot'); /* IE9 */
  src: url('/fonts/KFGQPCUthmanicScriptHAFSRegular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/KFGQPCUthmanicScriptHAFSRegular.woff2') format('woff2'), /* Modern */
       url('/fonts/KFGQPCUthmanicScriptHAFSRegular.woff') format('woff'),
       url('/fonts/KFGQPCUthmanicScriptHAFSRegular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Kuran Kerim Font Hamdullah';
  src: url('/fonts/KuranKerimFontHamdullah.eot');
  src: url('/fonts/KuranKerimFontHamdullah.eot?#iefix') format('embedded-opentype'),
       url('/fonts/KuranKerimFontHamdullah.woff2') format('woff2'),
       url('/fonts/KuranKerimFontHamdullah.woff') format('woff'),
       url('/fonts/KuranKerimFontHamdullah.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

/* === Navbar === */
.navbar {
    position: fixed;
    top: 0;
    width: 100%;
    background-color: #000;
    color: white;
    padding: 15px 30px;
    z-index: 1000;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.navbar .logo {
    font-size: 1.2rem;
    font-weight: bold;
}

.navbar .nav-links a {
    color: #ffc107;
    margin-left: 20px;
    text-decoration: none;
    font-size: 1rem;
}

.navbar .nav-links a:hover {
    text-decoration: underline;
}

/* === Ana Sayfa Konteyneri === */
.home-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    padding: 120px 20px 40px; /* navbar yüksekliği kadar boşluk bırak */
    text-align: center;
    background: linear-gradient(to bottom, #f8f9fa, #fff);
}

/* === Arapça Ayet === */
.uthmanic-text {
    font-family: 'KFGQPC Uthmanic Script HAFS Regular', 'Scheherazade', serif;
    font-size: 3.5rem;
    color: #1f2d3d;
    margin-bottom: 30px;
    line-height: 1.8;
    direction: rtl;
}

/* === Meal === */
.ayet-meal {
    font-size: 1.4rem;
    color: #444;
    max-width: 900px;
    margin-bottom: 30px;
}

/* === Başlık === */
.home-title {
    font-size: 2.5rem;
    font-weight: bold;
    margin-bottom: 20px;
    color: #222;
}

.home-subtitle {
    font-size: 1rem;
    color: #6c757d;
}

/* === Buton === */
.app-button {
    font-size: 1.1rem;
    padding: 14px 28px;
    background-color: #007bff;
    color: white;
    border: none;
    border-radius: 30px;
    text-decoration: none;
    margin-top: 30px;
    transition: background-color 0.3s;
}

.app-button:hover {
    background-color: #0056b3;
}

/* --- Mobile comfort: prevent auto-zoom on focus --- */
input,
select,
textarea,
.form-control,
input[type="text"],
input[type="number"],
input[type="search"],
input[type="email"],
input[type="password"],
input[type="tel"],
input[type="url"] {
  font-size: 16px; /* iOS zoom'u engeller */
}

/* (İsteğe bağlı) küçük cihazlarda ayet no gibi dar inputların tıklanabilirliği artsın */
@media (max-width: 576px) {
  .form-control {
    min-height: 44px;  /* dokunma hedefi */
  }
}

/* --- Step 3: Responsive table wrapper (horizontal scroll on mobile) --- */
.table-responsive-mobile{
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;   /* iOS'ta pürüzsüz kaydırma */
}
.table-responsive-mobile table{
  min-width: 720px;                    /* içeriğe göre artır/azalt (640–960) */
  white-space: nowrap;                 /* hücreler alt satıra inmesin */
}

/* Sade rozet – mevcut yapıyı bozmadan */
.side-link { position: relative; }                 /* sadece rozet konumlaması için */
.side-link .badge{
  background:#d9534f; color:#fff;
  border-radius:999px; padding:2px 6px;
  font-size:11px; line-height:1;
  margin-left:6px;                                  /* geniş menüde yazının yanında */
  vertical-align:middle;
}

.sidebar-mini    .side-link .badge,
.sidebar-collapsed .side-link .badge,
.sidebar.collapse  .side-link .badge {
  position:absolute; top:4px; right:8px;
  margin:0;
}