/* ===== PF Pricing UI (scoped to our class names) ===== */

/* PRODUCT TABS */
.pfp-prod{
  box-sizing:border-box;
  display:inline-block;
  padding:12px 24px;
  text-align:center;
  transition:all .3s;
  text-decoration:none;
  background-color:#F6F8FA;
  font-family:"Roboto", Arial, Helvetica, sans-serif;
  font-size:20px;
  font-weight:500;
  line-height:46px;
  color:#000000DE;
  border-radius:10px;
  min-width:100% !important; /* full-width button in its container */
  border:1px solid #e6e8ea;
}
.pfp-prod:hover{
  background:#f1f2f3;
  color:#0c0d0e;
}
.pfp-prod.is-active{
  background:#EF2481 !important;
  color:#fff !important;
  border-color:#EF2481 !important;
}

/* VARIATION BUTTONS */
.pfp-var{
  box-sizing:border-box;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  padding:8px 16px;
  text-align:center;
  transition:all .3s;
  text-decoration:none;
  /*background-color:#F6F8FA;*/
  font-family:"Roboto", Arial, Helvetica, sans-serif;
  font-size:20px;
  font-weight:500;
  line-height:46px;
  color:#000000DE;
  /*border-radius:10px;*/
  /*border:1px solid #e6e8ea;*/
  cursor:pointer;
}
/*.pfp-var:hover{*/
/*  background:#f1f2f3;*/
/*  color:#0c0d0e;*/
/*}*/
.pfp-var.is-active{
  background:#EF2481 !important;
  color:#fff !important;
  border-color:#EF2481 !important;
}

/* PRICE + NOTE (uses your big type & white text) */
.pfp-price-slot [data-pf-price]{
  display:block;
  margin:0;
  padding:0;
  font-family:"Roboto", Arial, Helvetica, sans-serif;
  font-size:60px;
  font-weight:700;
  line-height:46px;
  color:#FFFFFF;
}
.pfp-price-slot .woocommerce-Price-amount,
.pfp-price-slot .woocommerce-Price-currencySymbol{
  font:inherit;
  color:inherit;
}
.pfp-price-slot .pfp-price-note{
  margin-top:.5rem;
  font-family:"Roboto", Arial, Helvetica, sans-serif;
  font-size:24px;
  font-weight:700;
  line-height:46px;
  color:#FFFFFF;
}

/* CTA (Start your Evaluation) */
.pfp-cta,[data-pf-cta]{
  box-sizing:border-box;
  display:inline-block;
  width:100%;
  padding:12px 24px;
  text-align:center;
  transition:all .3s;
  text-decoration:none;
  font-family:"Roboto", Arial, Helvetica, sans-serif;
  font-size:24px;
  font-weight:500;
  line-height:46px;
  color:#000000DE;
  background:transparent;
  border-radius:10px;
  border:1px solid transparent;
  /* requested gradient */
  background-image:linear-gradient(153.1deg, #FFFFFF 18.27%, #000000DE 386.84%);
}
.pfp-cta:hover,[data-pf-cta]:hover{
  filter:brightness(0.95);
}
.pfp-cta[disabled],[data-pf-cta][disabled]{
  opacity:.6;
  pointer-events:none;
}

/* Helpful layout tweaks (optional) */
.pfp-prod + .pfp-prod{ margin-top:12px; }        /* stack product buttons on mobile columns */
.pfp-var{ margin:6px; }                           /* space between variation pills */



/* Only style real variation <button> elements */
button.pfp-var[data-pf-variation]{
  background:#F1F2F3 !important;
  border:none !important;
  box-shadow:none !important;
  color:#000000DE;
  border-radius: 10px 10px 10px 10px;
  font-size: 1rem;
    font-weight: 400;
    padding: .5rem 1rem;
    min-width: 150px;
 
    
  
}

 /*same bg on hover per your spec */
button.pfp-var[data-pf-variation]:hover{
 
       background-color: #ECEFF3;

    fill: #000000DE;
    color: #000000DE;
    border-radius: 10px 10px 10px 10px;
}

/* selected state */
button.pfp-var[data-pf-variation].is-active{
  background:#EF2481 !important;
  color:#fff !important;
   
}


button.pfp-prod {
      border-radius: 10px 10px 10px 10px;
        background-color: #ECEFF3;
    font-family: "Roboto", Sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 46px;
    fill: #000000DE;
    
   
}

/* Mobile override */
@media (max-width: 767px) {
  button.pfp-var[data-pf-variation] {
    min-width: auto !important;
    display: block !important;        /* makes it behave like a block */
    margin: 10px auto !important;      
  }
}

@media (max-width: 767px) {
button.pfp-var[data-pf-variation].is-active {
    min-width: auto !important;
     margin: 10px auto !important;
}

@media (max-width: 767px) {

/* Special size only for product 159 */
button.pfp-var[data-pf-variation="212"] {
  min-width: 172px !important; /* example custom width */
  margin: 10px auto !important;
}

}

@media (max-width: 767px) {
/* Special size only for product 159 */
button.pfp-var[data-pf-variation="213"] {
  min-width: 172px !important; /* example custom width */
  margin: 10px auto !important;
}
}

@media (max-width: 767px) {
/* Special size only for product 214 */
button.pfp-var[data-pf-variation="220"] {
  min-width: 172px !important; /* example custom width */
  margin: 10px auto !important;
}
}

@media (max-width: 767px) {
/* Special size only for product 214 */
button.pfp-var[data-pf-variation="221"] {
  min-width: 172px !important; /* example custom width */
  margin: 10px auto !important;
}

}

@media (max-width: 767px) {

button.pfp-var[data-pf-variation="212"].is-active,
  button.pfp-var[data-pf-variation="213"].is-active,
  button.pfp-var[data-pf-variation="220"].is-active,
  button.pfp-var[data-pf-variation="221"].is-active {
    min-width: 172px !important;
    margin: 10px auto !important;
  }
}