@import url("homepage-rebuild.css?v=20261022-input-actions-3");

/* Sitewide readability and interaction polish.
 * Keeps existing page layouts and approved hero badges intact while raising the
 * minimum visual quality of ordinary text, controls and interactive actions.
 */
:root{
  --mppm-readable-ink:#17324f;
  --mppm-readable-muted:#536b83;
  --mppm-readable-soft:#647b91;
}

body,
.mppm-tools-page,
.mppm-resources-page,
.mppm-resource-single,
.mppm-recommendations-page,
.mppm-rec-page,
.mppm-compare-page,
.mppm-pricing-page,
.mppm-services-page,
.mppm-about-page,
.mppm-guides-page,
#mppm-home-final-v1,
#mppm-roas-page,
.mppm-account-page{
  font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;
}

/* Ordinary reading text: do not touch eyebrow/tag/badge elements. */
.mppm-tools-page p,
.mppm-resources-page p,
.mppm-resource-single p,
.mppm-recommendations-page p,
.mppm-rec-page p,
.mppm-compare-page p,
.mppm-pricing-page p,
.mppm-services-page p,
.mppm-about-page p,
.mppm-guides-page p,
#mppm-home-final-v1 p,
#mppm-roas-page p{
  font-size:15px;
  line-height:1.62;
}

.mppm-tools-page section:not([class*="hero"]) p,
.mppm-resources-page section:not([class*="hero"]) p,
.mppm-resource-single section:not([class*="hero"]) p,
.mppm-recommendations-page section:not([class*="hero"]) p,
.mppm-rec-page section:not([class*="hero"]) p,
.mppm-compare-page section:not([class*="hero"]) p,
.mppm-pricing-page section:not([class*="hero"]) p,
.mppm-services-page section:not([class*="hero"]) p,
.mppm-about-page section:not([class*="hero"]) p,
.mppm-guides-page section:not([class*="hero"]) p,
#mppm-home-final-v1 section:not([class*="hero"]) p,
#mppm-roas-page section:not([class*="hero"]) p{
  color:var(--mppm-readable-muted);
}

.mppm-tools-page li,
.mppm-resources-page li,
.mppm-resource-single li,
.mppm-recommendations-page li,
.mppm-rec-page li,
.mppm-compare-page li,
.mppm-pricing-page li,
.mppm-services-page li,
.mppm-about-page li,
.mppm-guides-page li,
#mppm-home-final-v1 li,
#mppm-roas-page li{
  font-size:14px;
  line-height:1.58;
}

.mppm-tools-page small,
.mppm-resources-page small,
.mppm-resource-single small,
.mppm-recommendations-page small,
.mppm-rec-page small,
.mppm-compare-page small,
.mppm-pricing-page small,
.mppm-services-page small,
.mppm-about-page small,
.mppm-guides-page small,
#mppm-home-final-v1 small,
#mppm-roas-page small{
  font-size:12px;
  line-height:1.45;
}

.mppm-tools-page label,
.mppm-resources-page label,
.mppm-resource-single label,
.mppm-recommendations-page label,
.mppm-rec-page label,
.mppm-compare-page label,
.mppm-pricing-page label,
.mppm-services-page label,
.mppm-about-page label,
.mppm-guides-page label,
#mppm-home-final-v1 label,
#mppm-roas-page label{
  font-size:13px;
  line-height:1.4;
  font-weight:600;
  color:#294966;
}

.mppm-tools-page input,
.mppm-tools-page select,
.mppm-tools-page textarea,
.mppm-resources-page input,
.mppm-resources-page select,
.mppm-resources-page textarea,
.mppm-resource-single input,
.mppm-resource-single select,
.mppm-resource-single textarea,
.mppm-recommendations-page input,
.mppm-recommendations-page select,
.mppm-recommendations-page textarea,
.mppm-rec-page input,
.mppm-rec-page select,
.mppm-rec-page textarea,
.mppm-compare-page input,
.mppm-compare-page select,
.mppm-compare-page textarea,
.mppm-pricing-page input,
.mppm-pricing-page select,
.mppm-pricing-page textarea,
.mppm-services-page input,
.mppm-services-page select,
.mppm-services-page textarea,
#mppm-home-final-v1 input,
#mppm-home-final-v1 select,
#mppm-home-final-v1 textarea,
#mppm-roas-page input,
#mppm-roas-page select,
#mppm-roas-page textarea{
  font-size:14px;
}

.mppm-tools-page th,
.mppm-resources-page th,
.mppm-resource-single th,
.mppm-recommendations-page th,
.mppm-rec-page th,
.mppm-compare-page th,
.mppm-pricing-page th,
.mppm-services-page th,
.mppm-about-page th,
.mppm-guides-page th,
#mppm-home-final-v1 th,
#mppm-roas-page th{
  font-size:12.5px;
  line-height:1.4;
}

.mppm-tools-page td,
.mppm-resources-page td,
.mppm-resource-single td,
.mppm-recommendations-page td,
.mppm-rec-page td,
.mppm-compare-page td,
.mppm-pricing-page td,
.mppm-services-page td,
.mppm-about-page td,
.mppm-guides-page td,
#mppm-home-final-v1 td,
#mppm-roas-page td{
  font-size:13px;
  line-height:1.48;
}

/* Dark navy/blue cards: supporting text must read as white, not muted grey. */
.mppm-project-v3-next-card p,
.mppm-quick-result-deeper p,
#mppm-roas-page .result-explainer p{
  color:#fff!important;
  font-size:14px!important;
  line-height:1.62!important;
  opacity:1!important;
}

.mppm-project-v3-next-card>a,
.mppm-quick-result-deeper>a,
#mppm-roas-page .result-explainer>a,
.mppm-project-v3-next-card button,
.mppm-quick-result-deeper button,
#mppm-roas-page .result-explainer button{
  min-height:42px!important;
  padding:0 15px!important;
  border:1px solid #1769e8!important;
  border-radius:10px!important;
  background:#1769e8!important;
  color:#fff!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  font-size:13px!important;
  font-weight:800!important;
  line-height:1!important;
  text-decoration:none!important;
  box-shadow:0 8px 20px rgba(23,105,232,.22)!important;
  cursor:pointer;
}

.mppm-project-v3-next-card>a:hover,
.mppm-quick-result-deeper>a:hover,
#mppm-roas-page .result-explainer>a:hover,
.mppm-project-v3-next-card button:hover,
.mppm-quick-result-deeper button:hover,
#mppm-roas-page .result-explainer button:hover{
  background:#0f57c3!important;
  border-color:#0f57c3!important;
  color:#fff!important;
  transform:translateY(-1px);
  box-shadow:0 10px 24px rgba(23,105,232,.3)!important;
}

/* Comparable card rows keep their CTA baseline aligned even when copy wraps. */
.related-grid .related-card{
  display:flex!important;
  flex-direction:column!important;
  height:100%;
}
.related-grid .related-card>p{
  margin-bottom:16px!important;
}
.related-grid .related-card>a,
.related-grid .related-card>button,
.related-grid .related-card>[role="button"]{
  margin-top:auto!important;
  align-self:flex-start;
}

/* Every clickable button/action gets a visible but restrained interaction state. */
button,
input[type="button"],
input[type="submit"],
input[type="reset"],
[role="button"],
a[class*="btn"],
a[class*="button"],
.wp-element-button{
  transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease,border-color .16s ease,color .16s ease,filter .16s ease;
}

button:not(:disabled):hover,
input[type="button"]:not(:disabled):hover,
input[type="submit"]:not(:disabled):hover,
input[type="reset"]:not(:disabled):hover,
[role="button"]:not([aria-disabled="true"]):hover,
a[class*="btn"]:hover,
a[class*="button"]:hover,
.wp-element-button:hover{
  transform:translateY(-1px);
  box-shadow:0 8px 20px rgba(7,29,55,.14);
  filter:brightness(.985);
}

button:not(:disabled):active,
input[type="button"]:not(:disabled):active,
input[type="submit"]:not(:disabled):active,
input[type="reset"]:not(:disabled):active,
[role="button"]:not([aria-disabled="true"]):active,
a[class*="btn"]:active,
a[class*="button"]:active,
.wp-element-button:active{
  transform:translateY(0);
  box-shadow:0 3px 10px rgba(7,29,55,.12);
}

button:focus-visible,
input[type="button"]:focus-visible,
input[type="submit"]:focus-visible,
input[type="reset"]:focus-visible,
[role="button"]:focus-visible,
a[class*="btn"]:focus-visible,
a[class*="button"]:focus-visible,
.wp-element-button:focus-visible{
  outline:3px solid rgba(23,105,232,.22);
  outline-offset:2px;
}

/* =========================================================
   SITEWIDE SELECT CONTROL STANDARD
   Every ordinary single-select uses one aligned chevron and
   one consistent content inset. Page-specific CSS may change
   the surface, but must not leave selected text flush against
   the border or disturb the arrow/content alignment.
   ========================================================= */
select:not([multiple]):not([size]){
  -webkit-appearance:none!important;
  -moz-appearance:none!important;
  appearance:none!important;
  box-sizing:border-box;
  padding-left:14px!important;
  padding-right:42px!important;
  padding-top:0!important;
  padding-bottom:0!important;
  line-height:normal!important;
  text-indent:0!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='10' viewBox='0 0 14 10' fill='none'%3E%3Cpath d='M2 3L7 8L12 3' stroke='%230b2744' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;
  background-position:right 14px center!important;
  background-size:14px 10px!important;
}

select:not([multiple]):not([size]):disabled{
  cursor:default;
}

select::-ms-expand{
  display:none;
}

@media (max-width:700px){
  select:not([multiple]):not([size]){
    padding-left:13px!important;
    padding-right:40px!important;
    background-position:right 13px center!important;
  }
}

@media (prefers-reduced-motion:reduce){
  button,
  input[type="button"],
  input[type="submit"],
  input[type="reset"],
  [role="button"],
  a[class*="btn"],
  a[class*="button"],
  .wp-element-button{
    transition:none!important;
  }
}

@media(max-width:700px){
  .mppm-tools-page p,
  .mppm-resources-page p,
  .mppm-resource-single p,
  .mppm-recommendations-page p,
  .mppm-rec-page p,
  .mppm-compare-page p,
  .mppm-pricing-page p,
  .mppm-services-page p,
  .mppm-about-page p,
  .mppm-guides-page p,
  #mppm-home-final-v1 p,
  #mppm-roas-page p{font-size:14.5px}
}