/* =========================================================
   BeLeader – Greenlight v3 Theme
   Shared brand with Moodle
   ========================================================= */

/* -------- Brand tokens (copiados de Moodle) -------- */
:root {
  --fontSize: 1rem;
  --transition: all ease .5s;

  --mainColor: #9FBFD4;
  --mainColor2: #2F5C82;

  --footerBG: #F2F2F2;
  --optionalColor: #333333;

  --whiteColor: #ffffff;
  --blackColor: #000000;

  --fontFamily: "Work Sans", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;

  --BorderRadius: 5px;
  --HeadingColor: #0d0c0c;

  --BoxShadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);

  /* Bootstrap bridge */
  --bs-primary: var(--mainColor);
  --bs-link-color: var(--mainColor);
  --bs-link-hover-color: var(--mainColor2);
  --bs-body-font-family: var(--fontFamily);
  --bs-border-radius: var(--BorderRadius);
  --bs-border-radius-lg: calc(var(--BorderRadius) + 3px);
  --bs-border-radius-sm: calc(var(--BorderRadius) - 2px);
}

/* -------- Base -------- */
html {
  font-size: var(--fontSize);
}

body {
  font-family: var(--fontFamily);
  color: var(--optionalColor);
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
  color: var(--HeadingColor);
  font-weight: 600;
}

/* -------- Buttons -------- */
.btn-primary {
  background-color: var(--mainColor) !important;
  border-color: var(--mainColor) !important;
  color: #0b2230 !important;
  font-weight: 600;
  border-radius: var(--BorderRadius) !important;
  transition: var(--transition);
}

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

.btn-outline-primary {
  border-color: var(--mainColor) !important;
  color: var(--mainColor2) !important;
  border-radius: var(--BorderRadius) !important;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus {
  background-color: var(--mainColor) !important;
  border-color: var(--mainColor) !important;
  color: #0b2230 !important;
}

/* -------- Cards -------- */
.card,
.homepage-card {
  border-radius: calc(var(--BorderRadius) + 4px);
  box-shadow: var(--BoxShadow);
  border: 1px solid rgba(0, 0, 0, 0.05);
}

/* -------- Icon circles (home features) -------- */
.homepage-card-icon-circle {
  background-color: var(--brand-color) !important;
  border: 2px solid rgba(159, 191, 212, 0.8) !important;
  color: var(--mainColor2) !important;
  transition: var(--transition);
}

/* -------- Navbar -------- */
.navbar {
  background-color: var(--whiteColor);
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

/* -------- Footer -------- */
footer,
.footer {
  background-color: var(--footerBG) !important;
  color: var(--optionalColor);
}

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

a:hover {
  text-decoration: none;
}

/* =========================================================
   Moodle-like footer (BeLeader)
   ========================================================= */

/* Ocultar footer React original de Greenlight */
#footer.footer.background-whitesmoke.text-center {
  display: none !important;
}

/* Base footer */
.footer-area {
  background-color: #000 !important;
  color: #fff;
  position: relative;
  z-index: 1;
  padding-left: 1rem;
  padding-right: 1rem;
}

/* Spacing helpers (copiados de Moodle) */
.pt-50 { padding-top: 50px; }
.pb-30 { padding-bottom: 30px; }

/* Typography */
.footer-area,
.footer-area p,
.footer-area li {
  font-family: var(--fontFamily, "Work Sans", sans-serif);
  font-size: 14px;
}

.footer-area strong {
  font-weight: 600;
}

/* Links */
.footer-area a {
  color: #fff;
  text-decoration: none;
  opacity: 0.9;
  transition: var(--transition, all ease .2s);
}

.footer-area a:hover {
  color: var(--mainColor, #9FBFD4);
  opacity: 1;
}

/* Footer UL */
.footerul {
  list-style: none;
  padding: 0;
  margin: 0;
}

/* Widgets */
.single-footer-widget {
  height: 100%;
}

/* Responsive behaviour */
@media (max-width: 767px) {
  .text-md-end {
    text-align: center !important;
  }

  .footer-area .mb-4 {
    margin-bottom: 1.5rem !important;
  }
}