/* Fatiyyah Academy overrides for the admin template. Loaded after style.css. */

/* Brand font: Poppins, the same files the mobile app ships */
@font-face { font-family: 'Poppins'; font-weight: 400; src: url('../fonts/poppins-regular.ttf') format('truetype'); }
@font-face { font-family: 'Poppins'; font-weight: 700; src: url('../fonts/poppins-bold.ttf') format('truetype'); }

/* Login page brand lockup, matching the mobile app's splash screen */
.brand-bismillah { width: 100%; max-width: 260px; height: auto; }
.brand-logo { width: 100%; max-width: 180px; height: auto; margin-top: 2rem; }
.brand-name { font-family: 'Poppins', sans-serif; font-weight: 700; color: #C5A059; font-size: 1.5rem; letter-spacing: .03em; margin: 2rem 0 .25rem; }
.brand-tagline { font-family: 'Poppins', sans-serif; font-weight: 400; color: #fff; font-size: .8rem; letter-spacing: .08em; margin: 0; }
@media (max-width: 575.98px) { .brand-name { font-size: 1.2rem; } }

/* Sidebar logo: gold tree mark with a green/gold wordmark */
.sidebar-wrapper .sidebar-header .logo-icon { width: 46px; }
.sidebar-brand-name { display: block; font-family: 'Poppins', sans-serif; font-weight: 700; font-size: 17px; line-height: 1.1; letter-spacing: .04em; color: #1a5632; }
.sidebar-brand-sub { display: block; font-family: 'Poppins', sans-serif; font-weight: 400; font-size: 9px; line-height: 1.2; letter-spacing: .32em; color: #C5A059; }
@media screen and (min-width: 1025px) {
  .wrapper.toggled:not(.sidebar-hovered) .sidebar-wrapper .sidebar-header .logo-icon { width: 40px; }
}

/* Icon circles: the template's markup uses .widgets-icons-2 but its CSS never defines it */
.widgets-icons-2 { width: 56px; height: 56px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; font-size: 27px; }

/* Footer: the layout has <footer class="page-footer"> but the template CSS never styles it,
   so it sat underneath the fixed sidebar. The offsets mirror .page-content. */
.page-footer { margin-left: 250px; padding: .75rem 1.5rem; text-align: center; font-size: 14px; color: #6c757d; border-top: 1px solid #e4e4e4; transition: all .2s; }
.wrapper.toggled .page-footer { margin-left: 70px; }
@media screen and (max-width: 1025px) {
  .page-footer, .wrapper.toggled .page-footer { margin-left: 0; }
}

/* Gradient backgrounds the views use (stat icons, Type/Status badges) but no stylesheet ships */
.bg-gradient-ohhappiness { background: linear-gradient(to right, #00b09b, #96c93d) !important; }
.bg-gradient-blues { background: linear-gradient(to right, #56ccf2, #2f80ed) !important; }
.bg-gradient-amber { background: linear-gradient(to right, #f7971e, #ffd200) !important; }
.bg-gradient-cosmic { background: linear-gradient(to right, #8e2de2, #4a00e0) !important; }
.bg-gradient-lush { background: linear-gradient(to right, #56ab2f, #a8e063) !important; }