/* 1shop Academy Branding Overrides */

:root {
  --primary-color: #27aae2;
  --primary-color-dark: #1a8fbf;
  --primary-color-light: #7fd1f0;
  --sidebar-bg: #1a1a2e;
  --sidebar-text: #e0e0e0;
}

/* === Remove Frappe branding === */

/* Hide "Frappe" / "ERPNext" / "Frappe Framework" text */
.frappe-brand,
.footer-powered,
.powered-by,
[title="Frappe"],
.sidebar-footer .frappe-brand,
.navbar-footer-brand,
.frappe-header-brand {
  display: none !important;
}

/* Hide Frappe logo in sidebar */
img[alt="Frappe"],
img[src*="frappe"],
.frappe-logo {
  display: none !important;
}

/* Hide default Frappe footer */
.frappe-footer,
.footer {
  display: none !important;
}

/* Remove "Made with love" / Frappe credits */
.credits,
.made-with-love,
.text-muted.small {
  display: none !important;
}

/* Remove "Powered by" footer entirely */
.sidebar-footer,
.powered-by,
[data-doctype="Website Settings"] + .powered,
footer .powered,
.footer-powered,
[class*="powered"],
[class*="Powered"],
.sidebar-section .form-sidebar-footer {
  display: none !important;
}

/* Remove the lightning bolt icon linking to frappe.io */
a[href*="frappe"],
a[href*="frappe.io"],
a[href*="frappeframework"],
a[title="Frappe"],
svg path[d^="M4 14a1 1 0 0 1-.78-1.63l9.9-10.2"] {
  display: none !important;
}

/* Remove the LMS about/branding link in sidebar */
.sidebar-item a[href*="frappe"],
.navbar a[href*="frappe"] {
  display: none !important;
}

/* === Primary brand colors === */

/* Navbar / sidebar brand */
.navbar-brand img {
  max-height: 36px;
}

/* Primary buttons */
.btn-primary,
.wp-btn-primary {
  background-color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
}

.btn-primary:hover,
.btn-primary:focus,
.wp-btn-primary:hover,
.wp-btn-primary:focus {
  background-color: var(--primary-color-dark) !important;
  border-color: var(--primary-color-dark) !important;
}

/* Links */
a {
  color: var(--primary-color);
}

a:hover {
  color: var(--primary-color-dark);
}

/* Active nav items */
.nav-link.active {
  color: var(--primary-color) !important;
}

/* LMS sidebar active indicator */
.sidebar-item.active,
.is-active {
  border-left-color: var(--primary-color) !important;
  color: var(--primary-color) !important;
}

/* Form focus states */
.form-control:focus {
  border-color: var(--primary-color);
  box-shadow: 0 0 0 0.15rem rgba(39, 170, 226, 0.25);
}

/* Progress bars */
.progress-bar {
  background-color: var(--primary-color);
}

/* Badges */
.badge-primary {
  background-color: var(--primary-color) !important;
}

/* === LMS-specific overrides === */

/* Course cards */
.course-card,
.card-course {
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  transition: box-shadow 0.2s ease;
}

.course-card:hover,
.card-course:hover {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
}

/* LMS header */
.lms-header,
header.lms-header {
  background-color: var(--primary-color) !important;
  color: white !important;
}

/* Enroll / Start buttons */
.btn-enroll,
.btn-start-course {
  background-color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
  color: white !important;
  border-radius: 8px;
}

/* === Frappe Desk overrides (/app) === */

/* Sidebar */
.layout-side-section {
  background-color: var(--sidebar-bg) !important;
}

.layout-side-section .sidebar-item,
.layout-side-section .nav-link {
  color: var(--sidebar-text) !important;
}

/* Page head / navbar */
.navbar {
  background-color: white !important;
  border-bottom: 1px solid #e5e7eb;
}

/* Module icons */
.module-icon {
  color: var(--primary-color) !important;
}

/* Desktop icons */
.o_app_icon .app-icon {
  border-radius: 12px;
}