/* ═══════════════════════════════════════════════════════
   IWTMYL Marketing Toolkit — Page CSS Overrides
   Location: wp-content/themes/iwtmyl/css/marketing-toolkit.css
   Same pattern as play.css
   ═══════════════════════════════════════════════════════ */

/* Break out of theme's max-width content container */
.toolkit-page-shell,
.toolkit-page-shell .entry-content {
  max-width: 100% !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Hide theme's default page title (React renders its own) */
.toolkit-page-shell .entry-title,
.toolkit-page-shell .entry-header,
.toolkit-page-shell .page-title {
  display: none !important;
}

/* Hide theme entry footer */
.toolkit-page-shell .entry-footer {
  display: none !important;
}

/* Kill any theme article padding */
.toolkit-page-shell article.page,
.toolkit-page-shell article {
  max-width: 100% !important;
  padding: 0 !important;
}

/* Default max width override */
.toolkit-page-shell .default-max-width {
  max-width: 100% !important;
}

/* Ensure the container-new from theme doesn't constrain us */
.toolkit-page-shell .container-new,
.toolkit-page-shell .container {
  max-width: 100% !important;
  padding: 0 !important;
  width: 100% !important;
}

/* Force React root to be transparent */
#marketing-toolkit-root > div {
  background: transparent !important;
}

/* Page background — subtle gradient matching the brand */
.toolkit-page-shell {
  background: #fff;
}

/* Hide the SEO fallback once React has mounted */
.toolkit-seo-content {
  /* React will replace the entire #marketing-toolkit-root content */
}

/* Hide the left sidebar/menu if the theme shows one */
.toolkit-page-shell .menu_left,
.toolkit-page-shell .left-menu,
.toolkit-page-shell .sidebar {
  display: none !important;
}

/* ═══ CRITICAL: Stop theme from blowing up inline SVGs ═══ */
#marketing-toolkit-root svg {
  width: auto !important;
  height: auto !important;
  max-width: none !important;
  display: inline !important;
  vertical-align: middle !important;
  fill: none !important;
}
/* Button SVG icons must stay small */
#marketing-toolkit-root button svg,
#marketing-toolkit-root a svg,
#marketing-toolkit-root span svg {
  width: 14px !important;
  height: 14px !important;
  flex-shrink: 0 !important;
}
/* Lock icons specifically */
#marketing-toolkit-root svg[stroke="#b56b00"] {
  width: 10px !important;
  height: 10px !important;
}
/* Unlock icons */
#marketing-toolkit-root svg[stroke="#2f7d4d"][width="12"] {
  width: 12px !important;
  height: 12px !important;
}
/* Chevron container — keep as inline-flex not block */
#marketing-toolkit-root span[style*="borderRadius"] svg {
  width: auto !important;
  height: auto !important;
}

/* ═══ Kill theme image/link overrides ═══ */
#marketing-toolkit-root a {
  display: inline !important;
  background: none !important;
  border: none !important;
  box-shadow: none !important;
}
#marketing-toolkit-root a[style*="inline-flex"] {
  display: inline-flex !important;
}
#marketing-toolkit-root img {
  max-width: 100% !important;
  height: auto !important;
  border: none !important;
  box-shadow: none !important;
}

/* ═══ Kill theme list-style bullets that might appear ═══ */
#marketing-toolkit-root ul,
#marketing-toolkit-root ol,
#marketing-toolkit-root li {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* ═══ Kill theme button overrides ═══ */
#marketing-toolkit-root button {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  line-height: normal !important;
  box-shadow: none !important;
}

/* ═══ Givebutter widget integration ═══ */
#mt-react-givebutter {
  border-radius: 8px !important;
  overflow: hidden !important;
}
#mt-react-givebutter iframe {
  border-radius: 8px !important;
  max-width: 100% !important;
}
/* Make Givebutter widget fit the card width */
#mt-php-givebutter {
  width: 100% !important;
}
#mt-php-givebutter .givebutter-widget,
#mt-php-givebutter .givebutter-campaign-widget {
  width: 100% !important;
  max-width: 100% !important;
}

/* ═══ WPForms theme overrides ═══ */
#mt-react-walmart-form .wpforms-container,
#mt-react-extension-form .wpforms-container {
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}
#mt-react-walmart-form .wpforms-form,
#mt-react-extension-form .wpforms-form {
  max-width: 100% !important;
}
#mt-react-walmart-form .wpforms-submit,
#mt-react-extension-form .wpforms-submit {
  background: #2f7d4d !important;
  border: none !important;
  border-radius: 6px !important;
  padding: 12px 24px !important;
  font-weight: 700 !important;
  font-size: 15px !important;
}
#mt-react-walmart-form .wpforms-submit:hover,
#mt-react-extension-form .wpforms-submit:hover {
  background: #267040 !important;
}