/* === FINAL FIX: mobile price/info buttons visible === */

@media(max-width:900px){

  /* Hintatiedot / hinta / opas -linkit */
  a[href*="hinta"],
  a[href*="sukitus"],
  a[href*="kayttovesiputkien"],
  a[href*="putkiremontti-hinta"],
  .price-card a,
  .guide-card a,
  .card a.button,
  .card a.btn,
  .card .btn,
  .card .button,
  .info-box a,
  .content-box a,
  .service-card a,
  .firm-card a,
  .lead-card a,
  .city-card a,
  a:has(span){
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
  }

  /* Varsinaiset nappimaiset linkit */
  a.btn,
  a.button,
  a.cta,
  .btn,
  .button,
  .cta,
  .price-card a,
  .guide-card a,
  .service-card a,
  .card a[href*="hinta"],
  .card a[href*="sukitus"],
  .card a[href*="kayttovesiputkien"],
  a[href="/putkiremontti-hinta/"],
  a[href="/viemarin-sukitus-hinta/"],
  a[href="/kayttovesiputkien-uusinta-hinta/"]{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:44px !important;
    padding:0 16px !important;
    background:#151c24 !important;
    background-color:#151c24 !important;
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
    border:1px solid #151c24 !important;
    font-weight:900 !important;
    text-decoration:none !important;
    text-align:center !important;
    opacity:1 !important;
    visibility:visible !important;
    text-shadow:none !important;
    box-shadow:none !important;
    border-radius:0 !important;
  }

  /* Jos teksti on span/b sisällä */
  a.btn *,
  a.button *,
  a.cta *,
  .btn *,
  .button *,
  .cta *,
  .price-card a *,
  .guide-card a *,
  .service-card a *,
  .card a[href*="hinta"] *,
  .card a[href*="sukitus"] *,
  .card a[href*="kayttovesiputkien"] *{
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
    opacity:1 !important;
    visibility:visible !important;
  }

  /* Headerin mobiilimenua ei sotketa */
  .pr-header-final a,
  .pr-header-final a *,
  .pr-mobile-nav a,
  .pr-mobile-nav a *{
    -webkit-text-fill-color:inherit !important;
  }

  .pr-mobile-nav .pr-calc,
  .pr-mobile-nav .pr-calc *{
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
  }

  .pr-mobile-nav .pr-jobs,
  .pr-mobile-nav .pr-jobs *{
    color:#7a552a !important;
    -webkit-text-fill-color:#7a552a !important;
  }
}