/*
 * Non-action UI language
 * Static facts, metrics, steps and informational options must not look clickable.
 * Real links, buttons, selectable cards and form controls are intentionally excluded.
 */

:root{
  --ir-static-divider:#e5e7eb;
  --ir-static-muted-surface:#f8fafc;
  --ir-static-accent:#f59e0b;
}
html.dark{
  --ir-static-divider:#374151;
  --ir-static-muted-surface:#172033;
  --ir-static-accent:#fbbf24;
}

/* Homepage: compact facts/options are information, not controls. */
body.ir-page-home .ir-home-ref-hero-badges > span{
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.ir-page-home .ir-home-ref-side-benefits > article,
body.ir-page-home .ir-home-ref-feature-strip > article{
  border:0!important;
  box-shadow:none!important;
  background:var(--ir-static-muted-surface)!important;
}
body.ir-page-home .ir-home-ref-mini-fact{
  border:0!important;
  box-shadow:none!important;
  background:var(--ir-static-muted-surface)!important;
}

/* Catalog landing: summary metrics use an information-marker treatment. */
.ir-app--catalog-landing .ir-landing-metric{
  border:0!important;
  border-inline-start:2px solid var(--ir-static-accent)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.ir-app--catalog-landing .ir-landing-metric--strong{
  background:transparent!important;
}
.ir-app--catalog-landing .ir-landing-trust__item,
.ir-app--catalog-landing .ir-checkout-trust-strip .ir-landing-trust__item{
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  padding-inline:.2rem!important;
}

/* Social-media landing: static assurances are plain feature labels. */
.ir-social-media-hero > div.relative.mt-4.flex.flex-wrap > span{
  display:inline-flex!important;
  align-items:center!important;
  gap:.4rem!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  padding:.25rem .15rem!important;
}
.ir-social-media-hero > div.relative.mt-4.flex.flex-wrap > span::before{
  content:"";
  width:5px;
  height:5px;
  flex:0 0 5px;
  border-radius:50%;
  background:#ef4444;
}

/* Dashboard numeric summaries: a stat grid, not four buttons. */
.ir-dashboard-static-stats{
  gap:0!important;
  overflow:hidden;
  border-block:1px solid var(--ir-static-divider);
}
.ir-dashboard-static-stats > div{
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.ir-dashboard-static-stats > div:nth-child(odd){
  border-inline-end:1px solid var(--ir-static-divider)!important;
}
.ir-dashboard-static-stats > div:nth-child(-n+2){
  border-bottom:1px solid var(--ir-static-divider)!important;
}

/* Public API catalog: counts and definition rows are data labels, not chips/buttons. */
[data-public-services] > header > div.mt-4.flex.flex-wrap > span{
  display:inline-flex!important;
  align-items:center!important;
  gap:.4rem!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  padding:.2rem .25rem!important;
}
[data-public-services] > header > div.mt-4.flex.flex-wrap > span::before{
  content:"";
  width:5px;
  height:5px;
  flex:0 0 5px;
  border-radius:50%;
  background:var(--ir-static-accent);
}
[data-public-services] [data-service-card] dl > div{
  border:0!important;
  border-bottom:1px solid var(--ir-static-divider)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
[data-public-services] [data-service-card] dl > div:last-child{
  border-bottom:0!important;
}

/* Virtual-number progress is a stepper, never a row of button-like boxes. */
.ir-vn-stepper{
  position:relative;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:0;
  padding:2px 0 0;
}
.ir-vn-stepper::before{
  content:"";
  position:absolute;
  top:16px;
  inset-inline:12.5%;
  height:1px;
  background:var(--ir-static-divider);
}
.ir-vn-step{
  position:relative;
  z-index:1;
  min-width:0;
  padding:0 3px;
  text-align:center;
}
.ir-vn-step__marker{
  display:flex;
  width:28px;
  height:28px;
  margin:0 auto;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:#e5e7eb;
  color:#6b7280;
  font-size:10px;
  font-weight:900;
  box-shadow:0 0 0 5px #fff;
}
.ir-vn-step__label{
  display:block;
  margin-top:7px;
  color:#6b7280;
  font-size:9px;
  font-weight:800;
  line-height:1.45;
}
.ir-vn-step[data-state="current"] .ir-vn-step__marker{
  background:#f59e0b;
  color:#111827;
}
.ir-vn-step[data-state="current"] .ir-vn-step__label{
  color:#b45309;
}
.ir-vn-step[data-state="done"] .ir-vn-step__marker{
  background:#059669;
  color:#fff;
}
.ir-vn-step[data-state="done"] .ir-vn-step__label{
  color:#047857;
}
html.dark .ir-vn-step__marker{
  background:#374151;
  color:#d1d5db;
  box-shadow:0 0 0 5px #1f2937;
}
html.dark .ir-vn-step[data-state="current"] .ir-vn-step__marker{
  background:#f59e0b;
  color:#111827;
}
html.dark .ir-vn-step[data-state="current"] .ir-vn-step__label{
  color:#fbbf24;
}
html.dark .ir-vn-step[data-state="done"] .ir-vn-step__marker{
  background:#059669;
  color:#fff;
}
html.dark .ir-vn-step[data-state="done"] .ir-vn-step__label{
  color:#6ee7b7;
}

@media (max-width:479px){
  body.ir-page-home .ir-home-ref-hero-badges{
    gap:0!important;
  }
  body.ir-page-home .ir-home-ref-hero-badges > span{
    min-height:42px!important;
    justify-content:flex-start!important;
    padding:7px 9px!important;
  }
  body.ir-page-home .ir-home-ref-hero-badges > span:nth-child(odd){
    border-inline-end:1px solid var(--ir-static-divider)!important;
  }
  body.ir-page-home .ir-home-ref-hero-badges > span:nth-child(-n+2){
    border-bottom:1px solid var(--ir-static-divider)!important;
  }
}