/* V545 — CTA hierarchy for mikro-beton.html */

/* HERO:
   All three CTAs use index-style arrow + growing underline. */
body.ct-micro-product-page .micro158-actions .cb119-link{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  padding-bottom:7px!important;
}
body.ct-micro-product-page .micro158-actions .cb119-link::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:0!important;
  bottom:0!important;
  width:0!important;
  height:1px!important;
  margin:0!important;
  background:currentColor!important;
  opacity:0!important;
  transform:none!important;
  transition:
    width .34s cubic-bezier(.22,.61,.36,1),
    opacity .22s ease,
    height .22s ease!important;
  pointer-events:none!important;
}
body.ct-micro-product-page .micro158-actions .cb119-link:hover::after,
body.ct-micro-product-page .micro158-actions .cb119-link:focus-visible::after{
  width:100%!important;
  height:2px!important;
  opacity:.92!important;
}
body.ct-micro-product-page .micro158-actions .cb119-link .ct63-arrow{
  display:inline-block!important;
  color:inherit!important;
  transition:transform .24s ease!important;
}
body.ct-micro-product-page .micro158-actions .cb119-link:hover .ct63-arrow,
body.ct-micro-product-page .micro158-actions .cb119-link:focus-visible .ct63-arrow{
  transform:translate(3px,-3px)!important;
}

/* BODY SUPPORT CTAs:
   No underline. Keep text + arrow only. */
body.ct-micro-product-page .micro151-inline-links a,
body.ct-micro-product-page .micro151-text-link,
body.ct-micro-product-page .micro151-docs a,
body.ct-micro-product-page .micro536-system-link{
  position:relative!important;
}
body.ct-micro-product-page .micro151-inline-links a::before,
body.ct-micro-product-page .micro151-inline-links a::after,
body.ct-micro-product-page .micro151-text-link::before,
body.ct-micro-product-page .micro151-text-link::after,
body.ct-micro-product-page .micro151-docs a::before,
body.ct-micro-product-page .micro151-docs a::after,
body.ct-micro-product-page .micro536-system-link::before,
body.ct-micro-product-page .micro536-system-link::after{
  content:none!important;
  display:none!important;
}

/* BODY PROJECT CTAs:
   Only "Projenizi Konuşalım" gets the index-style growing underline. */
body.ct-micro-product-page .micro545-project-cta{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  padding-bottom:7px!important;
}
body.ct-micro-product-page .micro545-project-cta::before{
  content:none!important;
  display:none!important;
}
body.ct-micro-product-page .micro545-project-cta::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:0!important;
  bottom:0!important;
  width:0!important;
  height:1px!important;
  margin:0!important;
  background:currentColor!important;
  opacity:0!important;
  transform:none!important;
  transition:
    width .34s cubic-bezier(.22,.61,.36,1),
    opacity .22s ease,
    height .22s ease!important;
  pointer-events:none!important;
}
body.ct-micro-product-page .micro545-project-cta:hover::after,
body.ct-micro-product-page .micro545-project-cta:focus-visible::after{
  width:100%!important;
  height:2px!important;
  opacity:.92!important;
}
body.ct-micro-product-page .micro545-project-cta .ct63-arrow{
  display:inline-block!important;
  transition:transform .24s ease!important;
}
body.ct-micro-product-page .micro545-project-cta:hover .ct63-arrow,
body.ct-micro-product-page .micro545-project-cta:focus-visible .ct63-arrow{
  transform:translate(3px,-3px)!important;
}

/* Dark final section: preserve readable light CTA color. */
body.ct-micro-product-page .micro151-invite .micro545-project-cta,
body.ct-micro-product-page .micro151-invite .micro151-text-link{
  color:#f7f2ea!important;
  -webkit-text-fill-color:#f7f2ea!important;
}

@media(hover:none){
  body.ct-micro-product-page .micro158-actions .cb119-link::after,
  body.ct-micro-product-page .micro545-project-cta::after{
    width:100%!important;
    height:1px!important;
    opacity:.38!important;
    transition:none!important;
  }
}