/* assets/css/style.css */
@font-face{font-family: 'STC'; src: url('../fonts/STC.ttf') format('truetype'); font-weight: normal; font-style: normal;}
/* Use Cairo for Arabic UI, fallback to STC if available */
body { font-family: 'Cairo', 'STC', Tahoma, Arial, sans-serif; background:var(--bg); color:#243142; -webkit-font-smoothing:antialiased; }

/* Palette */
:root {
	/* Modern palette: deep indigo primary with warm accent */
	--primary: #2e3a8c; /* deep indigo */
	--primary-600: #28327a;
	--accent: #ff7a59; /* warm coral */
	--muted: #6b7280; /* gray */
	--surface: #ffffff;
	/* Tone down the page background to a very subtle white for cleaner look with transparent sidebar */
	--bg: #ffffff;
	--glass: rgba(255,255,255,0.7);
	--shadow: rgba(38,57,84,0.08);
}

/* Navbar */
.navbar { background: linear-gradient(135deg,#0f172a,#0ea5a4) !important; }
.navbar .navbar-brand, .navbar .nav-link { color: #fff !important; }

.container { width: 100%; max-width: none; padding-left: 20px; padding-right: 20px; margin-left: auto; margin-right: auto; }
/* Utility: cap content width when needed (use class .container--narrow) */
.container--narrow { max-width: 1150px; }
/* Utility to make a container fill the viewport height (useful for full-page layouts) */
.container--full { min-height: 100vh; display: flex; flex-direction: column; }

/* Admin sidebar tweaks */
.list-group-item-primary { background: var(--bg) !important; border-color: var(--bg) !important; }
.list-group-item-primary .fa { color: rgba(255,255,255,0.95); }
.list-group-item { border-radius:8px; margin-bottom:6px; }

/* Cards */
.card { background: var(--surface); border: none; border-radius:12px; box-shadow: 0 6px 18px rgba(35,47,63,0.06); }
.card { background: var(--surface); border: none; border-radius:12px; box-shadow: 0 6px 18px var(--shadow); }
.card-body { padding:1.15rem; }
.card.h-100 { display:flex; flex-direction:column; }
.card .card-title { font-weight:700; }

/* Buttons */
.btn-primary:hover { background: var(--primary-600); border-color: var(--primary-600); }
.btn-outline-primary { color:var(--primary); border-color:var(--primary); }
.btn-accent { background: var(--accent); border-color: var(--accent); color: #fff; }
.btn-accent:hover { filter:brightness(.95); }

/* Gallery thumbnails */
.thumb-img:hover { border-color: var(--primary); transform:translateY(-4px); transition:all .18s ease; }

/* Cards grid */
.card img { max-height: 200px; object-fit: cover; border-radius:8px; }

/* Table headers */
.table thead th { background: linear-gradient(90deg, rgba(46,58,140,0.06), rgba(255,122,89,0.02)); border-bottom: none; }

.search-filters { margin-bottom: 1rem; }

/* Footer */
footer { background: linear-gradient(135deg,#10b981,#06b6d4); }
footer .container { max-width:1150px; }

/* Tables */
.table-striped>tbody>tr:nth-of-type(odd){ background-color: rgba(46,58,140,0.03); }

/* Responsive tweaks */
@media (max-width: 767px) {
  .container { padding-left:12px; padding-right:12px; }
}

/* Image wrapper with overlay */
.img-wrap{ position:relative; overflow:hidden; border-radius:8px; }
.img-cover{ width:100%; height:100%; object-fit:cover; display:block; }
.img-overlay{ position:absolute; inset:auto 10px 10px auto; right:10px; bottom:10px; background:rgba(0,0,0,0.6); color:#fff; padding:6px 10px; border-radius:6px; text-decoration:none; font-weight:600; opacity:0; transform:translateY(6px); transition:all .22s ease; }
.img-wrap:hover .img-overlay{ opacity:1; transform:translateY(0); }

/* Slight hover lift for cards */
.card.h-100:hover{ transform:translateY(-4px); transition:transform .18s ease; box-shadow: 0 10px 24px rgba(35,47,63,0.08); }

/* Admin-specific styles moved to assets/css/admin.css */

/* Modern table styles used across admin pages */
.table-modern { border-collapse: separate; border-spacing: 0 10px; width:100%; }
.table-modern thead th { background: linear-gradient(90deg, #06b6d4 0%, #4f46e5 100%); color: #f8fafc; border: none; font-weight:700; padding:12px 16px; }
.table-modern tbody { background: transparent; }
.table-modern tbody tr { background: #fff; border-radius:10px; box-shadow: 0 6px 18px rgba(35,47,63,0.04); overflow:hidden; display:table; width:100%; table-layout:fixed; }
.table-modern tbody tr td { padding:12px 16px; vertical-align:middle; border:none; }
.table-modern tbody tr + tr { height:10px; }
.table-modern tbody tr:hover { transform:translateY(-4px); transition: transform .18s ease, box-shadow .18s ease; box-shadow:0 12px 34px rgba(35,47,63,0.08); }

/* Buttons inside modern tables */
.table-modern .btn { border-radius:8px; padding:6px 10px; font-size:.9rem; }
.table-modern .btn-outline-primary { color:#4f46e5; border-color: rgba(79,70,229,0.18); background:transparent; }
.table-modern .btn-danger { background:#ef4444; border:none; color:#fff; }

/* Small helper to ensure thead row remains full width */
.table-modern thead tr { display:table; width:100%; table-layout:fixed; }