/* =========================================================
   VISTOUSO ACADEMY – CHAMILO THEME v1.0 (FINAL, STABLE)
   Footer architecture: FIXED & RESERVED SPACE
   ========================================================= */

/* ===============================
   1. DESIGN TOKENS
   =============================== */
:root {
  --va-blue: #098CE9;
  --va-green: #3AB500;
  --va-bg: #F5F7FA;
  --va-card: #FFFFFF;
  --va-text: #1F2937;
  --va-muted: #6B7280;
  --va-border: #E5E7EB;
  --va-radius: 14px;
  --va-shadow: 0 10px 25px rgba(0,0,0,0.06);
  --va-footer-height: 56px;
}

/* ===============================
   2. BASE LAYOUT
   =============================== */
html, body {
  height: 100%;
}

body {
  background: var(--va-bg);
  font-family: "Inter","Segoe UI",Roboto,Arial,sans-serif;
  color: var(--va-text);
  line-height: 1.6;

  /* Reserve space for footer */
  padding-bottom: var(--va-footer-height);
}

/* ===============================
   3. NAVBAR (SINGLE COLOUR)
   =============================== */
.navbar,
.subnavbar,
.navbar-header,
.navbar-collapse,
.navbar-nav,
.navbar-right {
  background: var(--va-blue) !important;
  border: none !important;
}

.navbar a,
.navbar-nav > li > a {
  color: #fff !important;
  font-weight: 600;
}

.navbar-nav > .active > a {
  background: rgba(255,255,255,0.15) !important;
  border-bottom: 3px solid #fff;
}

/* ===============================
   4. CONTENT
   =============================== */
#main,
#content,
#content-section,
#main_content {
  background: transparent !important;
}

#content-section {
  padding: 24px;
}

/* ===============================
   5. CARDS
   =============================== */
.panel,
.block,
.well,
.thumbnail,
.card,
.list-group {
  background: var(--va-card);
  border: 1px solid var(--va-border);
  border-radius: var(--va-radius);
  box-shadow: var(--va-shadow);
}

/* ===============================
   6. FORMS & BUTTONS
   =============================== */
.form-control {
  border-radius: 10px;
  border: 1px solid var(--va-border);
}

.btn {
  border-radius: 10px;
  font-weight: 700;
}

.btn-primary {
  background: var(--va-blue);
  border: none;
}

.btn-success {
  background: var(--va-green);
  border: none;
}

/* ===============================
   7. ADMIN UI
   =============================== */
body.section-administration fieldset {
  background: #fff;
  border: 1px solid var(--va-border);
  border-left: 6px solid var(--va-blue);
  border-radius: var(--va-radius);
  padding: 20px;
  margin-bottom: 24px;
  box-shadow: var(--va-shadow);
}

/* =========================================================
   VISTOUSO FOOTER – FINAL, NO-GAP, NO-FLOAT
   Chamilo 1.11.x SAFE
   ========================================================= */

/* Footer height constant */
:root {
  --va-footer-height: 52px;
}

/* Reserve footer space */
html, body {
  height: 100%;
}

body {
  padding-bottom: var(--va-footer-height) !important;
}

/* Footer pinned to viewport bottom */
footer,
.footer {
  position: fixed !important;
  left: 0;
  right: 0;
  bottom: 0;

  height: var(--va-footer-height);
  line-height: 1.5;

  background: #ffffff !important;
  border-top: 1px solid #E5E7EB;

  padding: 10px 12px !important;
  margin: 0 !important;

  font-size: 13px;
  color: #6B7280;
  text-align: center;

  z-index: 9999;
}

/* Neutralize all internal layout */
footer *,
.footer * {
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  text-align: center !important;
}

/* Footer links */
footer a {
  color: #098CE9;
  font-weight: 600;
}

/* Mobile safety */
@media (max-width: 768px) {
  :root {
    --va-footer-height: 64px;
  }
}
/* =========================================================
   FIX: PREVENT CONTENT HIDING BEHIND FIXED FOOTER
   ========================================================= */

/* Ensure pages can scroll past the footer */
#main,
#content,
#content-section,
#main_content,
.section-content,
.container,
.container-fluid {
  padding-bottom: var(--va-footer-height) !important;
}

/* Admin forms extra safety */
body.section-administration {
  padding-bottom: calc(var(--va-footer-height) + 20px) !important;
}