/* Kitaplar sayfası ve sidebar stilleri */

:root{
  --aside-width:260px;
  --bg:#fafafa;
  --muted:#56606b;
  --accent:#1f6feb;
  --home-bg:#f3f6f8;
  --home-wrap-bg:rgba(255,255,255,0.92);
  --card-border:#eef3f7;
}

/* --- Taşınan index inline stilleri --- */
:root{ --accent:#1f6feb; --muted:#666; }

body{
  margin:0;
  font-family: "Segoe UI", Tahoma, Arial, sans-serif;
  background: #f3f6f8 url("images/bgnew.jpg") center/cover no-repeat;
  color:#222;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

*{box-sizing:border-box}

body{
  margin:0;
  font-family: "Segoe UI", Tahoma, Arial, sans-serif;
  background: #f3f6f8 url("images/bgnew.jpg") center/cover no-repeat;
  color:#222;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

/* Sidebar */
aside[role="navigation"]{
  width:var(--aside-width);
  position:fixed;
  top:0; left:0; bottom:0;
  padding:20px;
  background:#f7f7f7;
  border-right:1px solid #e6e6e6;
  overflow:auto;
}
aside header img{
  display:block;
  max-width:100%;
  height:auto;
  border-radius:6px;
  margin:0 auto 12px;
}
aside nav ul{ list-style:none; padding:0; margin:0; }
aside nav li{ margin:8px 0; }
aside nav a{
  display:block;
  padding:8px 10px;
  color:#222;
  text-decoration:none;
  border-radius:6px;
}
aside nav a:hover,
aside nav a:focus{ background:#e9eef6; outline:none; }

aside footer small{
  display:block;
  margin-top:18px;
  color:#777;
  font-size:12px;
}

/* Main içerik */
main{
  margin-left:calc(var(--aside-width) + 40px);
  padding:28px;
  min-height:100vh;
}

/* Wrap (index özel konteyner) */
.wrap{
  max-width:1100px;
  margin:28px auto;
  padding:20px;
  background:var(--home-wrap-bg);
  border-radius:10px;
  box-shadow:0 6px 30px rgba(20,30,40,0.08);
}

/* Üst bölüm */
header.site-header{ display:flex; gap:18px; align-items:center; }
header.site-header img{ width:220px; height:auto; border-radius:8px; border:1px solid #e6e6e6; }
header.site-header .hero{ flex:1; }
header.site-header h1{ margin:0 0 8px 0; font-size:28px; color:#14232b; }
header.site-header p{ margin:0; color:var(--muted); }

/* Butonlar */
.actions{ margin-top:14px; display:flex; gap:10px; flex-wrap:wrap; }
.btn{
  background:var(--accent);
  color:#fff;
  padding:10px 14px;
  border-radius:8px;
  text-decoration:none;
  font-weight:600;
  display:inline-block;
}
.btn.secondary{
  background:#f0f4ff;
  color:var(--accent);
  border:1px solid #dce8ff;
}

/* Kitap ızgarası ve kartlar */
.book-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:20px;
}
.book-card{
  background:#fff;
  border:1px solid #e8e8e8;
  border-radius:8px;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  box-shadow:0 1px 2px rgba(20,20,20,0.04);
  width:100%;
}
.book-card figure{
  margin:0;
  padding:0;
  background:#fff;
}
.book-card img{
  width:100%;
  height:320px;
  object-fit:cover;
  display:block;
}
.card-body{
  padding:12px 14px;
  display:flex;
  flex-direction:column;
  gap:6px;
}
.book-title{ font-size:16px; margin:0; color:#16202a; }
.book-author{ font-size:13px; margin:0; color:var(--muted); }

.card-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  margin-top:12px;
}
.price{ font-weight:700; color:#0b6; }

/* Sekme (tab) görünümü - index için */
.tabs{
  margin-top:20px;
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:14px;
}
.tab{
  display:flex;
  flex-direction:column;
  padding:12px;
  border-radius:8px;
  background:#fff;
  border:1px solid #eef3f7;
  text-align:center;
}
.tab h3{ margin:0; font-size:16px; color:#122; }
.tab p{ margin:4px 0 0 0; color:var(--muted); font-size:13px; }

footer.page-foot{ margin-top:18px; color:var(--muted); font-size:13px; text-align:center; }

/* Responsive kırılma noktaları */
@media (max-width:1200px){
  .book-grid{ grid-template-columns:repeat(3,1fr); }
}
@media (max-width:900px){
  .book-grid{ grid-template-columns:repeat(2,1fr); }
}
@media (max-width:800px){
  .tabs{ grid-template-columns:1fr; }
  header.site-header{ flex-direction:column; align-items:flex-start; gap:12px; }
  header.site-header img{ width:180px; }
}
@media (max-width:700px){
  aside[role="navigation"]{ position:static; width:100%; border-right:none; }
  main{ margin-left:0; padding:16px; }
  .book-card img{ height:220px; }
  .book-grid{ grid-template-columns:1fr; }
}

/* index arka plan sınıfı (isteğe bağlı) */
body.home{
  background:var(--home-bg) url("images/bgnew.jpg") center/cover no-repeat;
}