.elementor-1934 .elementor-element.elementor-element-faa4984{--display:flex;}.elementor-1934 .elementor-element.elementor-element-12b5810{--display:flex;}.elementor-1934 .elementor-element.elementor-element-15cfe2b{--display:flex;}.elementor-1934 .elementor-element.elementor-element-e5f42bf{margin:-1px 69px calc(var(--kit-widget-spacing, 0px) + 69px) 69px;font-family:"Inter", Sans-serif;font-size:17px;}.elementor-1934 .elementor-element.elementor-element-e5f42bf p{margin-block-end:10px;}.elementor-1934 .elementor-element.elementor-element-0a92708{--display:flex;}.elementor-1934 .elementor-element.elementor-element-760c103{margin:-1px 69px calc(var(--kit-widget-spacing, 0px) + 69px) 69px;font-family:"Inter", Sans-serif;font-size:17px;}.elementor-1934 .elementor-element.elementor-element-760c103 p{margin-block-end:10px;}.elementor-1934 .elementor-element.elementor-element-4e5f46a{--display:flex;}.elementor-1934 .elementor-element.elementor-element-bcb195b{margin:-1px 69px calc(var(--kit-widget-spacing, 0px) + 69px) 69px;font-family:"Inter", Sans-serif;font-size:17px;}.elementor-1934 .elementor-element.elementor-element-bcb195b p{margin-block-end:10px;}.elementor-1934 .elementor-element.elementor-element-593aef0{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;}.elementor-1934 .elementor-element.elementor-element-593aef0.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-base1 );}.elementor-1934 .elementor-element.elementor-element-593aef0.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-1934 .elementor-element.elementor-element-593aef0.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-base1 );}/* Start custom CSS for shortcode, class: .elementor-element-ec3df7b *//* ==================================================
   Pepnex Peptide Calculator — FINAL SINGLE DROP-IN CSS
   Scoped to this Elementor widget only
   ================================================== */

.elementor-1934 .elementor-element.elementor-element-ec3df7b .ppc-wrap{
  --ppc-accent: #ff6a00;
  --ppc-border: rgba(0,0,0,.14);
  --ppc-text: #111;
  --ppc-muted: rgba(0,0,0,.68);
  --ppc-soft: rgba(255,106,0,.12);

  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  color: var(--ppc-text);
}

/* --------------------------------------------------
   Labels + helper text
   -------------------------------------------------- */
.elementor-1934 .elementor-element.elementor-element-ec3df7b .ppc-wrap label,
.elementor-1934 .elementor-element.elementor-element-ec3df7b .ppc-wrap .ppc-label{
  color: rgba(0,0,0,.78) !important;
  font-weight: 600 !important;
  font-size: 13px !important;
}

.elementor-1934 .elementor-element.elementor-element-ec3df7b .ppc-wrap small,
.elementor-1934 .elementor-element.elementor-element-ec3df7b .ppc-wrap .ppc-help,
.elementor-1934 .elementor-element.elementor-element-ec3df7b .ppc-wrap .ppc-note,
.elementor-1934 .elementor-element.elementor-element-ec3df7b .ppc-wrap .ppc-subtitle{
  color: var(--ppc-muted) !important;
  font-size: 12.5px !important;
  line-height: 1.45 !important;
}

/* --------------------------------------------------
   Inputs
   -------------------------------------------------- */
.elementor-1934 .elementor-element.elementor-element-ec3df7b .ppc-wrap input{
  border-radius: 10px !important;
  font-size: 14px !important;
}

/* Placeholder legibility (recommended) */
.elementor-1934 .elementor-element.elementor-element-ec3df7b .ppc-wrap input::placeholder{
  color: rgba(0,0,0,.40) !important;
  opacity: 1 !important;
}

/* Subtle premium focus */
.elementor-1934 .elementor-element.elementor-element-ec3df7b .ppc-wrap input:focus{
  outline: none !important;
  border-color: rgba(255,106,0,.35) !important;
  box-shadow: 0 0 0 3px rgba(255,106,0,.10) !important;
}

/* --------------------------------------------------
   Pills
   -------------------------------------------------- */
.elementor-1934 .elementor-element.elementor-element-ec3df7b .ppc-wrap .ppc-pills{
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
}

.elementor-1934 .elementor-element.elementor-element-ec3df7b .ppc-wrap .ppc-pill{
  appearance: none !important;
  background: #fff !important;
  border: 1px solid var(--ppc-border) !important;
  border-radius: 999px !important;
  padding: 8px 14px !important;
  min-height: 36px !important;

  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  color: var(--ppc-text) !important;

  cursor: pointer !important;
  transition: background-color .18s ease, border-color .18s ease, box-shadow .18s ease !important;

  /* prevent “invisible pill text” issues caused by theme rules */
  opacity: 1 !important;
  visibility: visible !important;
  text-indent: 0 !important;
  -webkit-text-fill-color: var(--ppc-text) !important;
}

.elementor-1934 .elementor-element.elementor-element-ec3df7b .ppc-wrap .ppc-pill:hover{
  border-color: rgba(255,106,0,.38) !important;
}

/* --------------------------------------------------
   ACTIVE / SELECTED PILL — catch-all (keep bulletproof)
   -------------------------------------------------- */
.elementor-1934 .elementor-element.elementor-element-ec3df7b .ppc-wrap .ppc-pill[aria-pressed="true"],
.elementor-1934 .elementor-element.elementor-element-ec3df7b .ppc-wrap .ppc-pill.is-active,
.elementor-1934 .elementor-element.elementor-element-ec3df7b .ppc-wrap .ppc-pill.active,
.elementor-1934 .elementor-element.elementor-element-ec3df7b .ppc-wrap .ppc-pill.selected,
.elementor-1934 .elementor-element.elementor-element-ec3df7b .ppc-wrap .ppc-pill[aria-selected="true"],
.elementor-1934 .elementor-element.elementor-element-ec3df7b .ppc-wrap .ppc-pill[data-active="1"],
.elementor-1934 .elementor-element.elementor-element-ec3df7b .ppc-wrap .ppc-pill[data-selected="1"],
.elementor-1934 .elementor-element.elementor-element-ec3df7b .ppc-wrap .ppc-pill[aria-current="true"],
.elementor-1934 .elementor-element.elementor-element-ec3df7b .ppc-wrap .ppc-pill:focus,
.elementor-1934 .elementor-element.elementor-element-ec3df7b .ppc-wrap .ppc-pill:focus-visible{
  background: var(--ppc-soft) !important;
  border-color: var(--ppc-accent) !important;
  color: var(--ppc-text) !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(255,106,0,.10) !important;
}

.elementor-1934 .elementor-element.elementor-element-ec3df7b .ppc-wrap .ppc-pill[aria-pressed="true"] *,
.elementor-1934 .elementor-element.elementor-element-ec3df7b .ppc-wrap .ppc-pill.is-active *,
.elementor-1934 .elementor-element.elementor-element-ec3df7b .ppc-wrap .ppc-pill.active *,
.elementor-1934 .elementor-element.elementor-element-ec3df7b .ppc-wrap .ppc-pill.selected *{
  color: var(--ppc-text) !important;
  -webkit-text-fill-color: var(--ppc-text) !important;
}

/* --------------------------------------------------
   Action buttons
   -------------------------------------------------- */
.elementor-1934 .elementor-element.elementor-element-ec3df7b .ppc-wrap .ppc-actions button{
  border-radius: 10px !important;
  font-weight: 600 !important;
}

/* Remove theme pseudo overlays that sometimes cover text */
.elementor-1934 .elementor-element.elementor-element-ec3df7b .ppc-wrap button:before,
.elementor-1934 .elementor-element.elementor-element-ec3df7b .ppc-wrap button:after{
  content: none !important;
  display: none !important;
}

/* --------------------------------------------------
   Result cards (bottom section) — readability upgrade
   -------------------------------------------------- */
.elementor-1934 .elementor-element.elementor-element-ec3df7b .ppc-wrap .ppc-result{
  border-radius: 12px !important;
  padding: 14px 16px !important;
}

.elementor-1934 .elementor-element.elementor-element-ec3df7b .ppc-wrap .ppc-result-title,
.elementor-1934 .elementor-element.elementor-element-ec3df7b .ppc-wrap .ppc-result h4{
  color: rgba(0,0,0,.72) !important;
  font-weight: 600 !important;
  font-size: 12.5px !important;
}

/* The output value line (recommended) */
.elementor-1934 .elementor-element.elementor-element-ec3df7b .ppc-wrap .ppc-result strong,
.elementor-1934 .elementor-element.elementor-element-ec3df7b .ppc-wrap .ppc-result-value{
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #111 !important;
}

/* Supporting lines */
.elementor-1934 .elementor-element.elementor-element-ec3df7b .ppc-wrap .ppc-result small,
.elementor-1934 .elementor-element.elementor-element-ec3df7b .ppc-wrap .ppc-result-note{
  font-size: 12.5px !important;
  color: rgba(0,0,0,.65) !important;
}

/* --------------------------------------------------
   Mobile
   -------------------------------------------------- */
@media (max-width: 520px){
  .elementor-1934 .elementor-element.elementor-element-ec3df7b .ppc-wrap .ppc-pill{
    padding: 7px 12px !important;
    font-size: 12.5px !important;
    min-height: 34px !important;
  }

  .elementor-1934 .elementor-element.elementor-element-ec3df7b .ppc-wrap small,
  .elementor-1934 .elementor-element.elementor-element-ec3df7b .ppc-wrap .ppc-help,
  .elementor-1934 .elementor-element.elementor-element-ec3df7b .ppc-wrap .ppc-note{
    font-size: 12px !important;
  }

  .elementor-1934 .elementor-element.elementor-element-ec3df7b .ppc-wrap .ppc-result strong,
  .elementor-1934 .elementor-element.elementor-element-ec3df7b .ppc-wrap .ppc-result-value{
    font-size: 15px !important;
  }
}
/* --- Optional polish: soften orange panel outlines + improve small footer text --- */

/* Soften the orange outline on the 4 input panels */
.elementor-1934 .elementor-element.elementor-element-ec3df7b .ppc-wrap .ppc-panel,
.elementor-1934 .elementor-element.elementor-element-ec3df7b .ppc-wrap .ppc-box,
.elementor-1934 .elementor-element.elementor-element-ec3df7b .ppc-wrap .ppc-step{
  border-color: rgba(0,0,0,.08) !important;
}

/* If the theme is adding an orange “focus/active” outline to panels */
.elementor-1934 .elementor-element.elementor-element-ec3df7b .ppc-wrap .ppc-panel:focus-within,
.elementor-1934 .elementor-element.elementor-element-ec3df7b .ppc-wrap .ppc-box:focus-within,
.elementor-1934 .elementor-element.elementor-element-ec3df7b .ppc-wrap .ppc-step:focus-within{
  border-color: rgba(255,106,0,.22) !important;
  box-shadow: 0 0 0 3px rgba(255,106,0,.08) !important;
}

/* Footer line readability */
.elementor-1934 .elementor-element.elementor-element-ec3df7b .ppc-wrap .ppc-footer,
.elementor-1934 .elementor-element.elementor-element-ec3df7b .ppc-wrap .ppc-wrap-footer,
.elementor-1934 .elementor-element.elementor-element-ec3df7b .ppc-wrap .ppc-note-bottom{
  color: rgba(0,0,0,.60) !important;
  font-size: 12.5px !important;
}/* End custom CSS */