/* E-Kitap UI styles */
:root{
	/* Light theme palette (glass + green-blue accents) */
	--bg: linear-gradient(180deg,#f7fbfe,#f1f7fa); /* page background */
	--card: rgba(255,255,255,0.85); /* glass-like card */
	--glass: rgba(255,255,255,0.55);
	--glass-border: rgba(255,255,255,0.6);
	--muted:#556066;
	--primary:#0ea5b7; /* teal-ish */
	--accent:#2563eb; /* blue accent */
	--text:#0f172a;
	--soft-shadow: 0 8px 20px rgba(16,24,40,0.08), inset 0 1px 0 rgba(255,255,255,0.6);
}
*{box-sizing:border-box}
body{font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,'Helvetica Neue',Arial; background:var(--bg); color:var(--text);}
a{color:var(--primary)}

/* Bootstrap-like utility overrides to harmonize with Tailwind look */
.container{max-width:1150px;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}
.form-control{width:100%;padding:.5rem .75rem;border:1px solid #e6edf3;border-radius:.5rem;background:#fff}
.form-control:focus{outline:none;box-shadow:0 0 0 3px rgba(37,99,235,0.12);border-color:var(--primary)}
.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:.5rem;font-weight:600;border:0;cursor:pointer}
.btn-primary{background:var(--primary);color:#fff}
.btn-secondary{background:#6b7280;color:#fff}
.btn-success{background:#16a34a;color:#fff}
.btn-danger{background:#dc2626;color:#fff}
.btn-link{background:transparent;color:var(--primary);text-decoration:underline;padding:0}
.btn-sm{padding:.25rem .5rem;font-size:.85rem}
.alert{padding:.75rem 1rem;border-radius:.5rem;background:#fff3f2;border-left:4px solid #ef4444;color:#b91c1c}

/* cards */
.card{background:var(--card);border-radius:14px;box-shadow:var(--soft-shadow);border:1px solid rgba(255,255,255,0.6);backdrop-filter: blur(6px);}

/* modal helper (for Tailwind modal) */
#aiChatModal { display: flex; }
#aiChatModal.hidden { display: none; }

/* glass utility for easy glassy panels */
.glass{ background:var(--glass); border:1px solid var(--glass-border); backdrop-filter: blur(6px); }

/* small transitions */
.transition-smooth { transition: all 180ms ease-in-out; }

/* focus ring for accessibility */
.form-control:focus, .btn:focus { box-shadow: 0 0 0 3px rgba(37,99,235,0.12); outline: none; }

/* slightly larger container for admin */
@media(min-width:992px){
	.admin-main{margin-left:260px}
}

/* header */
.navbar{padding:0.6rem 1rem}
.navbar-brand{font-weight:700;font-size:1.1rem}

/* hero on homepage */
.hero{background:linear-gradient(180deg, rgba(14,165,183,0.06), rgba(37,99,235,0.03));padding:2.2rem;border-radius:12px;margin-bottom:1.2rem}
.hero h1{font-weight:800;margin-bottom:0}
.hero p{color:var(--muted)}

/* book cards */
.book-card .card-img-top{height:220px;object-fit:cover;border-top-left-radius:12px;border-top-right-radius:12px}
.book-card .card-body{padding:1rem}

/* grid tweaks */
.container{max-width:1150px}

/* floating chat button */
#chat-open-btn { position:fixed; right:20px; bottom:20px; z-index:1100; border-radius:50%; width:56px; height:56px; display:flex; align-items:center; justify-content:center; box-shadow:0 10px 30px rgba(16,24,40,0.12); }

/* chat modal tweaks */
#aiChatModal .rounded-b-2xl { transition: all 180ms ease-in-out; }
.chat-minimized { pointer-events: auto; }
.chat-minimized #aiChatModal .rounded-b-2xl { display: none !important; }
.chat-minimized #aiChatModal { align-items: flex-end; padding-bottom: 24px; }

.chat-bubble-user{ background:var(--primary); color:#fff }
.chat-bubble-assistant{ background:#f3f4f6; color:#0f172a }

/* markdown / prose styles (light) */
.prose pre{ background:#0b1220; color:#e6eef8; padding:0.75rem; border-radius:8px; overflow:auto }
.prose code{ background:#f3f4f6; padding:0.15rem 0.35rem; border-radius:4px }
.prose table{ width:100%; border-collapse:collapse; margin-top:0.5rem }
.prose table th, .prose table td{ border:1px solid #e6edf3; padding:0.45rem 0.6rem }
.prose h1, .prose h2, .prose h3, .prose h4{ margin-top:0.6rem; margin-bottom:0.3rem }
.prose p{ margin-top:0.4rem; margin-bottom:0.4rem }

/* admin styles */
.admin-body{background:var(--bg)}
.admin-sidebar{position:fixed;left:0;top:56px;bottom:0;width:220px;background:var(--card);border-right:1px solid rgba(255,255,255,0.06);padding:1.25rem 0.75rem;overflow:auto;backdrop-filter: blur(6px);}
.admin-sidebar .nav{display:flex;flex-direction:column;gap:0.6rem;padding-top:0.25rem}
.admin-sidebar .nav-link{color:#334155;display:flex;align-items:center;gap:0.75rem;padding:0.6rem 0.85rem;border-radius:10px;font-size:0.98rem;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;box-sizing:border-box;margin:0}
.admin-sidebar .nav-link + .nav-link{margin-top:0.45rem}
.admin-sidebar .nav-link .icon-only{width:26px;text-align:center;color:#475569;flex:0 0 26px}
.admin-sidebar .nav-link .label{display:inline-block;flex:1}
.admin-sidebar .nav-link.active, .admin-sidebar .nav-link:hover{background:#eef2ff;color:var(--primary);box-shadow:0 1px 2px rgba(15,23,42,0.04)}
.admin-main{margin-left:0;padding-top:1.5rem}
@media(min-width:992px){
	.admin-main{margin-left:240px}
}

/* collapsed sidebar */
.collapsed-sidebar .admin-sidebar{width:76px}
.collapsed-sidebar .admin-sidebar .nav-link{padding-left:6px;text-align:center}
.collapsed-sidebar .admin-sidebar .nav-link .icon-only{display:inline-block}
.collapsed-sidebar .admin-sidebar .nav-link .label{display:none}
@media(min-width:992px){
	.collapsed-sidebar .admin-main{margin-left:96px}
}

/* admin top quick cards */
.admin-cards .card{padding:1rem}

/* footer */
footer{background:transparent;padding:2rem 0;color:var(--muted)}

/* dark theme */
/* dark theme (fixed) */
body.dark{
	--bg: linear-gradient(180deg,#071026,#041021);
	--card: rgba(6,10,16,0.6);
	--glass: rgba(8,12,18,0.5);
	--glass-border: rgba(255,255,255,0.03);
	--muted:#9aa6b2;
	--primary:#60a5fa;
	--accent:#0ea5b7;
	--text:#e6eef8;
	--soft-shadow: 0 8px 20px rgba(2,6,23,0.6), inset 0 1px 0 rgba(255,255,255,0.02);
}

/* small devices */
@media(max-width:767px){
	.hero{padding:1rem}
	.book-card .card-img-top{height:160px}
	.admin-sidebar{position:relative;width:100%;height:auto;border-right:0}
	.admin-main{margin-left:0}
}