/* ==========================================================================
   TERMINAX Norge — product-page reskin (tnx-product)
   Harmonises the Elementor product detail pages with the new design language.
   Content and structure are untouched; only the visual layer is aligned:
   Sora/Archivo type, periwinkle accent, pill buttons, card-styled spec tabs
   and FAQ. Loaded ONLY on product/category pages, scoped to <main>.
   ========================================================================== */

/* ---- typography: bring the content area onto the brand type ---- */
main.site-main,
main.site-main p,
main.site-main li,
main.site-main span,
main.site-main a,
main.site-main .elementor-heading-title,
main.site-main .elementor-button,
main.site-main .e-n-tab-title,
main.site-main .elementor-tab-title,
main.site-main .elementor-icon-list-text,
main.site-main .elementor-toggle-title{
  font-family:'Sora','Archivo',system-ui,-apple-system,sans-serif !important;
}
main.site-main .elementor-heading-title{letter-spacing:-.01em;}

/* ---- buttons -> pill gradient (content only; header/footer untouched) ---- */
main.site-main a.elementor-button,
main.site-main .elementor-widget-button a.elementor-button,
main.site-main button.elementor-button{
  border-radius:999px !important;
  background-color:#5b6590 !important;
  background-image:linear-gradient(180deg,#6b74a0,#4a5378) !important;
  color:#fff !important;
  border:none !important;
  padding:14px 32px !important;
  font-weight:600 !important;
  box-shadow:0 10px 26px rgba(74,83,120,.4);
  transition:transform .18s, box-shadow .18s !important;
}
main.site-main a.elementor-button:hover,
main.site-main button.elementor-button:hover{
  transform:translateY(-2px);
  box-shadow:0 16px 34px rgba(74,83,120,.5);
}
main.site-main .elementor-button .elementor-button-text,
main.site-main .elementor-button .elementor-button-content-wrapper{color:#fff !important;}

/* ---- nested spec tabs (.e-n-tabs) -> pill tabs + surface panel ---- */
main.site-main .e-n-tab-title{
  border-radius:999px !important;
  border:1px solid #2a2a38 !important;
  padding:9px 18px !important;
  transition:background .18s,border-color .18s,color .18s !important;
}
main.site-main .e-n-tab-title[aria-selected="true"]{
  background:linear-gradient(180deg,#5f6a90,#4a5378) !important;
  border-color:#6f7aa5 !important;
  color:#fff !important;
}
main.site-main .e-n-tab-title:not([aria-selected="true"]):hover{
  border-color:#5f6a90 !important;
}
main.site-main .e-n-tabs-content > .e-con{
  background:#16161d !important;
  border:1px solid #262633 !important;
  border-radius:16px !important;
}

/* ---- FAQ toggle -> surface cards with accent active state ---- */
main.site-main .elementor-toggle .elementor-toggle-item{
  background:#1a1a23;
  border:1px solid #2a2a38 !important;
  border-radius:12px;
  overflow:hidden;
  margin-bottom:10px;
}
main.site-main .elementor-toggle .elementor-tab-title{
  padding:16px 18px !important;
  border:none !important;
  color:#eef !important;
  font-weight:600 !important;
}
main.site-main .elementor-toggle .elementor-tab-title.elementor-active{
  color:#fff !important;
  background:rgba(124,127,240,.10);
}
main.site-main .elementor-toggle .elementor-tab-content{
  padding:2px 18px 16px !important;
  border:none !important;
  color:#a7a9ba !important;
  line-height:1.6;
}
main.site-main .elementor-toggle .elementor-toggle-icon svg{fill:#8b8fb5;}

/* ---- feature bullet lists: accent the markers ---- */
main.site-main .elementor-icon-list-icon svg,
main.site-main .elementor-icon-list-icon i{color:#7c7ff0 !important;fill:#7c7ff0 !important;}

/* ---- accent any inline links inside content ---- */
main.site-main .elementor-widget-text-editor a{color:#9a8ff0;text-decoration:none;}
main.site-main .elementor-widget-text-editor a:hover{color:#b9b0ff;}

/* ---- generated spec comparison table (replaces the .e-n-tabs spec widget) ---- */
.tnx-spectable-wrap{max-width:1140px;margin:0 auto;overflow-x:auto;border:1px solid var(--tnx-border,#2a2a38);border-radius:18px;background:#16161d;-webkit-overflow-scrolling:touch;}
.tnx-spectable{width:100%;border-collapse:collapse;font-size:14px;font-family:'Sora','Archivo',system-ui,sans-serif;}
.tnx-spectable.multi{min-width:680px;}
.tnx-spectable th,.tnx-spectable td{padding:14px 16px;text-align:center;border-bottom:1px solid #23232f;vertical-align:top;}
.tnx-spectable thead th{position:sticky;top:0;background:#1c1c26;color:#fff;font-weight:700;font-size:13px;}
.tnx-spectable thead th:first-child,.tnx-spectable tbody th{text-align:left;}
.tnx-spectable tbody th{color:#c9cbd8;font-weight:600;background:#191921;white-space:nowrap;}
.tnx-spectable tbody td{color:#e7e7ef;white-space:pre-line;line-height:1.5;}
.tnx-spectable tbody tr:last-child th,.tnx-spectable tbody tr:last-child td{border-bottom:none;}
.tnx-spectable tbody tr:hover th,.tnx-spectable tbody tr:hover td{background:rgba(124,127,240,.07);}
.tnx-spectable .tnx-hi{color:#b9b4ff;font-weight:600;}