/* COMPUTO PRO — PMPro / Stripe frontend */
:root{
  --cp-navy:#223A5E;
  --cp-navy-dark:#1A2F4D;
  --cp-cyan:#0891B2;
  --cp-green:#47C27A;
  --cp-yellow:#F6C445;
  --cp-orange:#F59E0B;
  --cp-line:#DFE6EE;
  --cp-muted:#6C7A8C;
}

.pmpro,
.pmpro_content_message,
#pmpro_form,
#pmpro_account{
  font-family:Montserrat,Arial,sans-serif;
}

.pmpro .pmpro_card,
#pmpro_form .pmpro_card,
#pmpro_account .pmpro_card{
  border:1px solid var(--cp-line);
  border-radius:14px;
  box-shadow:none;
}

.pmpro h1,.pmpro h2,.pmpro h3,
#pmpro_form h1,#pmpro_form h2,#pmpro_form h3,
#pmpro_account h1,#pmpro_account h2,#pmpro_account h3{
  color:var(--cp-navy-dark);
  font-weight:900;
}

.pmpro input[type=text],
.pmpro input[type=email],
.pmpro input[type=password],
.pmpro input[type=tel],
.pmpro select,
#pmpro_form input,
#pmpro_form select{
  border:1px solid var(--cp-line);
  border-radius:9px;
  min-height:44px;
}

.pmpro .pmpro_btn,
.pmpro input[type=submit],
#pmpro_form .pmpro_btn,
#pmpro_form input[type=submit]{
  border:0;
  border-radius:10px;
  min-height:44px;
  padding:0 18px;
  background:var(--cp-green);
  color:#143B29;
  font-weight:900;
}

.pmpro .pmpro_btn:hover,
.pmpro input[type=submit]:hover,
#pmpro_form .pmpro_btn:hover,
#pmpro_form input[type=submit]:hover{
  filter:brightness(.97);
}

.computopro-pricing{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  font-family:Montserrat,Arial,sans-serif;
}

.computopro-price-card{
  padding:24px;
  border:1px solid var(--cp-line);
  border-radius:16px;
  background:#fff;
}

.computopro-price-card.featured{
  border:2px solid var(--cp-green);
}

.computopro-price-card span{
  color:var(--cp-cyan);
  font-size:10px;
  font-weight:900;
}

.computopro-price-card h3{
  margin:8px 0;
  color:var(--cp-navy);
}

.computopro-price-card strong{
  color:var(--cp-navy-dark);
  font-size:28px;
}

.computopro-price-card strong small{
  color:var(--cp-muted);
  font-size:11px;
}

.computopro-price-card p{
  color:var(--cp-muted);
}

.computopro-price-card a{
  display:inline-flex;
  min-height:42px;
  padding:0 15px;
  align-items:center;
  border-radius:9px;
  background:var(--cp-green);
  color:#143B29;
  text-decoration:none;
  font-weight:900;
}

@media(max-width:800px){
  .computopro-pricing{grid-template-columns:1fr}
}