/* ==========================================================================
   advoc8 × Bootstrap 3 Override
   Drop this into any advoc8 template CSS to neutralize BS3 conflicts.
   Do NOT add to _shared files — only for templates that load Bootstrap 3.
   ========================================================================== */

/* --- Root font-size: BS3 sets html to 10px, breaking all rem units --- */
html { font-size: 16px !important; }

/* --- Buttons: BS3 .btn and .btn-primary/secondary compete with advoc8 --- */
.btn {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 46px;
  padding: var(--advoc8-btn-padding-y) var(--advoc8-btn-padding-x) !important;
  border-radius: var(--advoc8-radius-btn) !important;
  font-family: var(--advoc8-font-body) !important;
  font-size: var(--advoc8-btn-font-size) !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  white-space: normal !important;
  text-transform: none;
  text-shadow: none !important;
  background-image: none !important;
  box-sizing: border-box;
  cursor: pointer;
  transition: transform var(--_anim-dur) var(--advoc8-ease-out),
              box-shadow var(--_anim-dur) var(--advoc8-ease-out),
              border-color var(--_anim-dur) var(--advoc8-ease-out),
              background var(--_anim-dur) var(--advoc8-ease-out);
}


.btn:hover {
  transform: translateY(-1px);
}

.btn:focus,
.btn:active,
.btn.active,
.btn:active:focus {
  outline: none !important;
  box-shadow: none !important;
}

.btn-primary {
  background: linear-gradient(135deg, var(--advoc8-color-accent), var(--advoc8-color-accent-hover)) !important;
  color: #ffffff !important;
  border-color: transparent !important;
  box-shadow: 0 18px 34px rgba(var(--advoc8-color-accent-rgb), 0.28) !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {
  background: linear-gradient(135deg, var(--advoc8-color-accent-hover), var(--advoc8-color-accent)) !important;
  color: #ffffff !important;
  border-color: transparent !important;
  box-shadow: 0 22px 40px rgba(var(--advoc8-color-accent-rgb), 0.35) !important;
}

.btn-secondary {
  background: rgba(255, 255, 255, 0.06) !important;
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.2) !important;
  box-shadow: none !important;
}

.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active {
  background: rgba(255, 255, 255, 0.12) !important;
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.3) !important;
}

/* Light section button variants */
.advoc8-section--light .btn-secondary {
  background: var(--advoc8-color-bg) !important;
  color: var(--advoc8-color-text) !important;
  border-color: var(--advoc8-color-border) !important;
}

.advoc8-section--light .btn-secondary:hover {
  background: var(--advoc8-color-bg-secondary) !important;
}

/* --- Typography: BS3 resets heading margins/sizes --- */
.advoc8-essential h1,
.advoc8-essential h2,
.advoc8-essential h3,
.advoc8-essential h4 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* --- Grid: prevent BS3 .row negative margins from breaking advoc8 layouts --- */
.advoc8-card-grid,
.stat-grid,
.info-split {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* --- Forms: BS3 .form-control conflicts with advoc8 inputs --- */
.advoc8-input,
.advoc8-select,
.advoc8-textarea {
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
}