/*
  site.css — MexicanPharm24 theme ("Clean Pharma / Trust").
  Rule: NO custom CSS class in the HTML. We only (1) redefine Bootstrap theme
  variables and (2) style existing Bootstrap classes / elements / ids. No new
  class name is introduced in the markup.
  Versioned via ?v= in the <link> (cache-busting + per-site fingerprint).
*/

:root {
  --bs-primary: #0E9F6E;
  --bs-primary-rgb: 14, 159, 110;
  --bs-secondary: #1C64F2;
  --bs-secondary-rgb: 28, 100, 242;
  --bs-link-color: #0E9F6E;
  --bs-link-color-rgb: 14, 159, 110;
  --bs-link-hover-color: #1C64F2;
  --bs-border-radius: .65rem;
  --bs-border-radius-lg: .9rem;
  --bs-body-font-family: "Inter", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
  --mp-green: #0E9F6E;
  --mp-blue: #1C64F2;
  --mp-coral: #FF6B5E;
  --mp-dark: #1F2A37;
  --mp-light: #F8FAFC;
}

body { color: #1F2A37; }

h1, h2, h3, h4, h5, .navbar-brand, .display-1, .display-5, .display-6 {
  font-family: "Poppins", var(--bs-body-font-family);
}

/* Primary buttons recolored on the theme (btn reads dedicated vars). */
.btn-primary {
  --bs-btn-bg: var(--mp-green);
  --bs-btn-border-color: var(--mp-green);
  --bs-btn-hover-bg: #0b855c;
  --bs-btn-hover-border-color: #0b855c;
  --bs-btn-active-bg: #0b855c;
  --bs-btn-active-border-color: #0b855c;
}
.btn-warning {
  --bs-btn-bg: var(--mp-coral);
  --bs-btn-border-color: var(--mp-coral);
  --bs-btn-hover-bg: #ed5446;
  --bs-btn-hover-border-color: #ed5446;
  --bs-btn-color: #fff;
  --bs-btn-hover-color: #fff;
  --bs-btn-active-color: #fff;
}
.btn-outline-primary {
  --bs-btn-color: var(--mp-green);
  --bs-btn-border-color: var(--mp-green);
  --bs-btn-hover-bg: var(--mp-green);
  --bs-btn-hover-border-color: var(--mp-green);
}
.text-primary { color: var(--mp-green) !important; }
.bg-primary { background-color: var(--mp-green) !important; }
.badge.text-bg-primary { background-color: var(--mp-green) !important; }

.navbar-brand strong { color: var(--mp-green); }

/* Hero gradient — targeted by id (no custom class). */
#hero {
  background: linear-gradient(135deg, #0E9F6E 0%, #1C64F2 100%);
}

/* SEO text block placed high in the DOM, rendered visually at the bottom.
   Markup uses the Bootstrap `order-last` class; we reinforce ordering here. */
main.d-flex > section { order: 0; }

/* Card hover shadow. */
.card { transition: box-shadow .2s ease, transform .2s ease; }
.card:hover { box-shadow: 0 .5rem 1.5rem rgba(14, 159, 110, .14); }