/* ============================================================
   Orgánicos Ecuador — Landing Page Theme Override
   Paleta oficial: Verde #057F36, Océano #1C878B, Plantas #81A94F
   ============================================================ */

:root,
body,
body[class] {
  /* Color Admin app-theme variables (overrides default teal) */
  --bs-app-theme: #057F36 !important;
  --bs-app-theme-rgb: 5, 127, 54 !important;
  --bs-app-theme-color: #FFFFFF !important;
  --bs-app-theme-color-rgb: 255, 255, 255 !important;
  --bs-app-theme-hover: #04682C !important;
  --bs-app-theme-hover-color: #FFFFFF !important;
  --bs-app-theme-hover-border-color: #035123 !important;
  --bs-app-theme-active: #035123 !important;
  --bs-app-theme-active-color: #FFFFFF !important;
  --bs-app-theme-active-border-color: #023A19 !important;
  --bs-app-theme-disabled: #58B480 !important;
  --bs-app-theme-disabled-color: #FFFFFF !important;
  --bs-app-theme-disabled-border-color: #58B480 !important;

  /* Bootstrap primary override */
  --bs-primary: #057F36;
  --bs-primary-rgb: 5, 127, 54;
  --bs-link-color: #057F36;
  --bs-link-color-rgb: 5, 127, 54;
  --bs-link-hover-color: #04682C;
  --bs-link-hover-color-rgb: 4, 104, 44;
}

/* ── btn-theme uses app-theme vars — force override ── */
.btn-theme.btn-primary {
  background: var(--bs-app-theme) !important;
  color: var(--bs-app-theme-color) !important;
  border-color: transparent !important;
}
.btn-theme.btn-primary:hover {
  background: var(--bs-app-theme-hover) !important;
}

/* ── Standard Bootstrap buttons ── */
.btn-primary {
  --bs-btn-bg: #057F36;
  --bs-btn-border-color: #057F36;
  --bs-btn-hover-bg: #04682C;
  --bs-btn-hover-border-color: #035123;
  --bs-btn-active-bg: #035123;
  --bs-btn-active-border-color: #023A19;
}

.btn-outline-primary {
  --bs-btn-color: #057F36;
  --bs-btn-border-color: #057F36;
  --bs-btn-hover-bg: #057F36;
  --bs-btn-hover-border-color: #057F36;
  --bs-btn-active-bg: #04682C;
}

/* ── Focus rings ── */
.btn-primary:focus-visible,
.btn-theme:focus-visible,
.form-control:focus,
.form-check-input:focus {
  box-shadow: 0 0 0 0.25rem rgba(5, 127, 54, 0.25) !important;
  border-color: #057F36 !important;
}
.form-check-input:checked {
  background-color: #057F36 !important;
  border-color: #057F36 !important;
}

/* ── Color utilities ── */
.bg-primary, .badge.bg-primary { background-color: #057F36 !important; }
.text-primary, a.text-primary { color: #057F36 !important; }
.border-primary { border-color: #057F36 !important; }

/* ── Section accent underline ── */
.content-title:after {
  background: #057F36 !important;
}

/* ── Navbar active ── */
.navbar-nav .nav-link.active,
.navbar-nav .nav-link:hover,
.navbar .active > .nav-link,
[data-bs-spy="scroll"] .nav-link.active {
  color: #057F36 !important;
}

/* ── Contact section ── */
.contact-info-panel,
.contact-info-inner {
  background: linear-gradient(135deg, #057F36 0%, #1C878B 100%) !important;
}
.contact-submit.btn-theme {
  background: #057F36 !important;
  border-color: #057F36 !important;
}
.contact-submit.btn-theme:hover {
  background: #04682C !important;
}

/* ── Milestone icons ── */
.milestone .milestone-col .milestone-icon {
  color: #057F36;
}

/* ── Service icons ── */
.service .service-icon {
  color: #057F36;
}

/* ── Pricing active ── */
.pricing .pricing-container.active {
  border-color: #057F36;
}
.pricing .pricing-container.active .pricing-title {
  background: #057F36;
}

/* ── Work overlay ── */
.work .work-item .work-overlay {
  background: rgba(5, 127, 54, 0.85);
}

/* ── Quote accent ── */
.quote-content {
  border-left-color: #1C878B;
}

/* ── Team social hover ── */
.team .team-info a:hover {
  color: #1C878B;
}

/* ── Footer social hover ── */
#footer a:hover {
  color: #057F36;
}

/* ── Scrollbar ── */
::-webkit-scrollbar-thumb {
  background: rgba(5, 127, 54, 0.3);
}
::-webkit-scrollbar-thumb:hover {
  background: rgba(5, 127, 54, 0.5);
}