/* ISI Section Start — copied from jakafi_hcp_base/css/base.css */
.isi-wrapper sup {
    font-size: 60% !important;
}

.isi-wrapper .indication {
  padding-top: 1rem;
}

#isicontainer-top {
  position: fixed;
  background: #fff;
  border-top: 1px solid #b9b9b9;
  bottom: 0;
  height: 120px;
  left: 0;
  margin-left: 0 !important;
  overflow: hidden;
  transition-duration: .2s;
  transition-property: all;
  transition-timing-function: ease-in-out;
  width: 100%;
  z-index: 1000;
}

#indication-wrapper {
  width: 100%;
  z-index: 1115;
  background: none repeat scroll 0 0 var(--c-text-inverse);
  color: #444;
  font-size: 18px;
  font-family: "Universbold";
  font-weight: 400;
  line-height: 22px;
  text-align: left;
  box-shadow: 0px -15px 25px -16px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px -15px 25px -16px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px -15px 25px -16px rgba(0, 0, 0, 0.2);
}

#isicontainer-top.top-height {
  height: 100%;
}

#isicontainer-top.top-height .indication {
  padding-bottom: 1rem;
}

#isicontainer-top.top-height #indication-wrapper {
  height: 100vh;
  overflow: visible;
  overflow-y: scroll;
}

#isicontainer-top.top-height #indication-wrapper::-webkit-scrollbar-thumb {
  background: #492f92;
  border-radius: 10px;
}

#isicontainer-top.top-height #indication-wrapper::-webkit-scrollbar {
  background-color: transparent;
  width: 12px;
}

.isi-wrapper .indication .col-xl-6 {
  padding-right: 25px;
  padding-left: 1rem;
}

/* #isicontainer-top.isi-wrapper .indication .col-xl-6{
  padding-right: 7.43rem;
} */

.isi-wrapper .indication .col-xl-5 {
  border-right: 1px solid #cccccc;
  padding-left: 80px;
  padding-right: 20px;
  height: max-content;
}

.isi-wrapper .indication .isi-section {
  margin: 0;
  padding: 0;
}

#indication-wrapper .indication p.title {
  line-height: 21.6px;
  /* font-family: "UniversLTStd65Bold" !important; */
  font-size: 18px;
  margin-bottom: 8px;
  font-weight: 700;
  color: #16065D !important;
}

#indication-wrapper .indication p.main-title {
  font-size: 24px;
  line-height: 28.8px;
}

#indication-wrapper .indication p.sub-title {
  font-size: 21px;
  line-height: 25.2px;
}

#indication-wrapper p {
  color: #343434;
  font-size: 18px;
  font-weight: 400;
  line-height: 21.6px;
  text-align: left;
}

/* #indication-wrapper p:last-child {
  max-width: 450px;
} */

.isi-tray__inner p.ph-bold-remove {
  margin-top: 0;
}

.isi-tray__inner p sup {
  font-size: 16px;
  top: 0px;
}


#indication-wrapper p a {
  text-decoration: none;
  color: #492f92;
  font-family: "UniversLTStd65Bold";
}

#indication-wrapper .indication ul {
  list-style: none;
  padding-left: 1.8rem;
  margin-bottom: 0px;
}

#indication-wrapper .indication p,
#indication-wrapper .indication ul li {
  font-size: 18px;
  line-height: 22.6px;
  color: #343434;
  margin-bottom: 8px;
  font-family: "Arial", sans-serif !important;
}

#indication-wrapper .indication p.bold-text {
  margin-bottom: 22px;
}

.indication ul li::before {
  content: "•";
  /* color: #6cb33f; */
  color: #343434;
  font-weight: bold;
  display: inline-block;
  font-size: 14px;
  width: 1.25em;
  margin-left: -1.25em;
}

#isicontainer-sticky {
  background: #fff;
  position: relative;
  top: 0;
  z-index: 0;
  padding-bottom: 20px;
  border-top: 1px solid #b9b9b9;
}

#isicontainer-sticky #indication-wrapper {
  box-shadow: none;
}

.collapse_btns {
  position: relative;
}

.expand_button {
  position: absolute;
  right: 8%;
  top: -4px;
  z-index: 2000;
  cursor: pointer;
  font-size: 38px;
  border-radius: 0;
  color: #60b033;
  font-weight: 400;
  font-family: "UniversLT55Regular";
}

.collapsed_button {
  position: absolute;
  right: 8%;
  z-index: 2000;
  cursor: pointer;
  font-size: 38px;
  border-radius: 0;
  display: none;
  color: #60b033;
  font-family: "UniversLT55Regular";
}

.collapse_btns span.minus-icon {
  display: none;
}

.isi-wrapper.top-height .collapsed_button {
  display: inline-block;
  top: -5px;
}

.isi-wrapper.top-height span.minus-icon {
  display: inline-block;
}

.isi-wrapper.top-height span.plus-icon {
  display: none;
}

#isicontainer .isi-footer {
  display: none;
}

.isi-wrapper .iau-isi .for-dosing-gvhd .isi-section p.bold-text {
  margin-bottom: 26px;
}

.isi-wrapper .iau-isi .for-dosing-gvhd .isi-section p:last-child {
  margin-top: 24px;
}
.isi-tray__toggle {
    background: var(--isi-color-light);
}
.isi-tray__toggle-text {
    color: #92278F;
    font-family: Arial, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 21.6px;
}

/* ISI Section End */

/* ISI accordion h1/h5 headings + expand/collapse arrow — copied from jakafi_hcp_base/css/xr-updates.css and base.css (~3110-3187) */

/* Left/right ISI heading title tags overridden to <h1> in the theme template — restyle to match the Figma "ISI Header/H2" style (Barlow Bold 18px/21.6px, #92278F) */
.isi-accordion__title h1,
.isi-accordion__content h1 {
  margin: 0;
  letter-spacing: normal;
  color: #92278F;
  font-family: "Barlow-Bold", Arial, sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 21.6px;
}

.isi-accordion__title h5 {
  margin: 0;
  letter-spacing: normal;
  color: #92278F;
  font-family: "Barlow-Bold", Arial, sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 21.6px;
}
.isi-accordion__content h5 {
  letter-spacing: normal;
  color: #92278F;
  font-family: "Barlow-Bold", Arial, sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 21.6px;
}

/* Figma update: desktop ISI columns use a 15px gap/divider inset (node 3202:21201: col width 592.5, gap 15, content inset 15) instead of the module's 48px gap */
@media (min-width: 992px) {
  .isi-accordion--safety {
    padding-right: 15px;
    border-right-color: #ccc;
  }

  .isi-accordion--what {
    padding-left: 15px;
  }

  .isi-tray__content {
    padding-top: 24px;
    padding-bottom: 32px;
  }
  .isi-tray.is-retracted .isi-tray__content {
        padding-top: 24px;
  }

  .isi-accordion__title {
    padding-top:0px;
  }
}

/* Top "View more/less" toggle chevron — use the Figma-exported caret assets instead of the module's default inline SVG */
.isi-tray__chevron {
  color: #60b033;
  width: 21px;
  height: 13px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.isi-tray__chevron--up svg,
.isi-tray__chevron--down svg {
  display: none;
}
.isi-tray__chevron--up {
  background-image: url("../images/Caret-up.svg");
}
.isi-tray__chevron--down {
  background-image: url("../images/Caret-down.svg");
}
.isi-accordion__content p, .isi-accordion__content li, .isi-safety-more p, .isi-safety-more li {
    font-family: "Barlow-Regular", Arial, sans-serif;
    font-size: 16px;
    line-height: 20px;
    color: #444;
    letter-spacing: normal;
    margin: 0 0 8px;
}

.isi-accordion__content p, .isi-safety-more p {
    margin-top:8px;
    margin-bottom:0;
}

.isi-accordion__content p:first-child {
  margin-top: 0px;
  margin-bottom: 0px;
}

.isi-accordion__content ul:last-child {
  margin-bottom: 0px;
}

.isi-safety-more p:first-child {
    margin-top:0px;
    margin-bottom:0px;
}

.isi-safety-more {
  padding-top: 8px !important;
}

.isi-accordion__content strong, .isi-accordion__content b,
.isi-safety-more strong, .isi-safety-more b {
    font-family: "Barlow-Bold", Arial, sans-serif;
    font-weight: normal;
}
/* Figma bullet style: small dot inset 8px instead of the browser default disc */
.isi-accordion__content ul,
.isi-safety-more ul {
    list-style: none;
    padding-left: 8px;
    margin-bottom: 8px;
}
.isi-accordion__content ul li,
.isi-safety-more ul li {
    position: relative;
    padding-left: 10px;
    margin-bottom: 0;
}
.isi-accordion__content ul li::before,
.isi-safety-more ul li::before {
    content: "\2022";
    position: absolute;
    left: 0;
    color: #444;
}

.isi-safety-more ul li>ul {
    padding-left: 13px;
}

.isi-safety-more ul li>ul li::before {
    color: #444;
    content: "";
    position: absolute;
    left: 0px;
    top: 8px;
    width: 5px;
    height: 5px;
    border: 1px solid currentColor;
    border-radius: 50%;
    background: transparent;
    box-sizing: border-box;
}


.isi-pink-color {
  color: #92278F;
  text-decoration: none;
}
/* Per-section expand/collapse arrow (mobile) */
.isi-accordion__icon svg {
  display: none;
}
.isi-accordion__icon {
  width: 21px;
  height: 12px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url("../images/Caret-up.svg");
}
.ns-transcript__content_pdf .pi-head,
.ns-transcript__content_pdf .row:has(.pi-head) + hr {
    display: none;
}
.cookie_settings {
  cursor: pointer;
}
.pink-color-txt {
  color: #92278F;
}
.isi-tray.is-expanded .isi-container {
    height: 100%;
 }
.isi-tray.is-expanded .isi-tray__inner {
    height: 100%;
    overflow-x: hidden;
}
@media (max-width: 991px) {
  /* The theme template wraps .isi-tray__inner in an extra .isi-container div
     (not present in the incyte_isi_tray module markup), which breaks the
     height:100% chain the module relies on for .isi-tray__inner to clip and
     scroll its content. Restore a definite height here so the safety
     accordion's content is scrollable on mobile when expanded. */
  .isi-tray.is-expanded .isi-container {
    height: 100%;
  }
  .isi-tray {
    width: 100%;      
    max-width: 100%;
  }
  .isi-tray.is-expanded .isi-tray__inner {
    height: 100%;
    /* overflow-y:auto forces overflow-x to auto per spec, which produces an
       unwanted horizontal scrollbar at the bottom of the tray; suppress it. */
    overflow-x: hidden;
  }
  .isi-tray.is-expanded .isi-accordion--what.is-open .isi-accordion__icon {
    transform: none;
    background-image: url("../images/Caret-down.svg");
    position: absolute;
    right: 20px;
    top: 13px;
  }
  .isi-tray.is-preview {
    height: 181px;
    overflow-x: hidden;
  }
  .isi-tray:not(.is-embedded) .isi-accordion--safety:not(.is-open) .isi-safety-preview ul, .isi-tray:not(.is-embedded) .isi-accordion--safety:not(.is-open) .isi-safety-preview p:nth-of-type(n + 2) {
        display: block;
  }
  .isi-tray.is-retracted {
        height: 82px;
  }
  /* .isi-tray__content ol, .isi-tray__content ul {
        padding-left: 8px !important;
  } */
  .isi-tray.is-expanded .isi-accordion--safety:not(.is-open) .isi-accordion__icon {
    position: relative;
    left: 9px;
}
  .isi-tray.is-expanded .isi-accordion--what:not(.is-open) .isi-accordion__icon {
    position: relative;
    right: 0px;
  }
  .isi-accordion.is-open .isi-accordion__icon {
      position: relative;
      right: 0px;
    }
  .isi-accordion__icon {
    display: flex;
    flex: 0 0 29px;
  }
    .isi-accordion {
    padding: 0;
    position: relative;
    border-bottom: none;
  }
    .isi-accordion.isi-accordion--what::after {
    content: "";
    position: absolute;
    left: 50%;
    right: 50%;
    bottom: 0;
    width: 100vw;
    margin-left: -50vw;
    margin-right: -50vw;
    
  }
  .isi-accordion.isi-accordion--what.is-open::after {
    border-bottom: none;
  }
  .isi-tray.is-embedded .isi-accordion.isi-accordion--what::after {
         border-bottom: none;
    }
  .isi-tray.is-expanded .isi-accordion--safety.is-open ~ .isi-accordion--what > button::after {
    content: "";
    position: fixed;
    top: 41px;
    left: 0;
    right: 0;
    border-bottom: 1px solid #CCCCCC;
  }
  .isi-tray.is-preview,
  .isi-tray.is-retracted,
  .isi-tray.is-expanded,
  .isi-tray.is-retracted .isi-tray__inner {
    
  }
  .isi-tray.is-expanded .isi-accordion--safety:not(.is-open) {
    bottom: 0px;
    height: 47px;
  }
  .isi-section.is-retracted .isi-accordion__title {
    padding: 5px 0px 10px 0px;
  }
  /* border-top above relies on the fixed tray spanning the true viewport
     width, which shrinks short of the edge whenever a reserved (non-overlay)
     scrollbar is present. Use the same vw full-bleed technique as the
     .isi-accordion--what::after divider so the line always reaches the edge. */
  .isi-tray.is-preview::before,
  .isi-tray.is-retracted::before,
  .isi-tray.is-expanded::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    right: 50%;
    width: 100vw;
    margin-left: -50vw;
    margin-right: -50vw;
    border-top: 1px solid #CCCCCC;
  }
  /* Divider between What/Safety in the collapsed preview/retracted card. The
     nested .isi-accordion--what::after version gets clipped by
     .isi-tray__inner's forced overflow-x:auto, so render it on the
     unclipped .isi-tray itself instead, anchored to the title row height
     (matches the 41px title-row convention already used in this file). */
  .isi-tray.is-preview::after,
  .isi-tray.is-retracted::after {
    content: "";
    position: absolute;
    top: 41px;
    left: 0;
    right: 0;
    border-bottom: 1px solid #CCCCCC;
  }
  /* The floating collapsed Safety tab (shown pinned near the bottom while
     What is open) has no left/right set, so it keeps its in-flow column
     width/offset instead of spanning the viewport — same issue the sticky
     title buttons had. Stretch it edge-to-edge and add the full-width
     divider above it. */
  .isi-tray.is-expanded .isi-accordion--safety:not(.is-open) {
    left: 0;
    right: 0;
    width: 100%;
    padding-left: 20px;
    border-top: 1px solid #CCCCCC;
    background: #FFF;
    z-index: 4;
  }
  /* The fixed sticky accordion title buttons only span their in-flow column
     width (not the full viewport), leaving the full-bleed border/background
     short on the right per Figma. Stretch them edge-to-edge and restore the
     container gutter as padding so the label stays visually aligned. */
  .isi-tray.is-expanded .isi-accordion--what > button,
  .isi-tray.is-expanded .isi-accordion--safety.is-open > button {
    left: 0;
    right: 0;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .body-scrolled .isi-tray.is-expanded .isi-accordion--safety:not(.is-open) button {
    position: fixed;
    left: 0;
    padding-left: 20px;
    padding-right: 24px;
  }
}

/* base.css:390-444 — narrow-width fix for accordion top padding overlap */
@media (max-width: 390px) {
  .isi-tray.is-expanded .isi-accordion--safety.is-open .isi-accordion__content {
    /* padding-top: 110px; */
  }
}
@media only screen and (min-width: 395px) and (max-width: 415px) {
  .isi-tray.is-expanded .isi-accordion--safety.is-open .isi-accordion__content {
    /* padding-top: 110px; */
  }
}
@media only screen and (min-width: 392px) and (max-width: 394px) {
  .isi-tray.is-expanded .isi-accordion--safety.is-open .isi-accordion__content {
    /* padding-top: 110px; */
  }
}

/* base.css:1399, 1550 — misc ISI helper classes */
.isi-pi-text {
  font-family: "UniversLTStd65Bold" !important;
  color: #212529 !important;
}

section.row.region.region-isisticky {
  margin: 0;
}

/* base.css:1650-1943 — @media (max-width: 1099.98px) indication/isi layout tweaks */
@media (max-width: 1099.98px) {
  .isi-wrapper .indication {
    width: 72rem;
  }

  .isi-wrapper .indication .col-xl-5 {
    border-right: 0;
    padding: 0px 26px 0 12px;
    margin-left: 0;
  }

  .isi-wrapper .indication .col-xl-6 {
    padding: 0px 26px 0 12px;
  }

  #isicontainer-sticky {
    padding-top: 0px;
  }

  .isi-wrapper .container-fluid {
    padding-left: 0;
    padding-right: 0;
  }
}

/* base.css:1950-2033 — @media (max-width: 991.95px) indication top padding */
@media (max-width: 991.95px) {
  .isi-wrapper .indication {
    padding-top: 17px;
  }

  .isi-tray .container { 
    padding: 0 15px 0 20px !important;
  }

  .isi-accordion__content p, .isi-safety-more p {
    margin-top:10px;
    margin-bottom:0;
  }

  .isi-safety-more {
    padding-top: 0px !important;
  }
}

/* base.css:2044-2056 — @media (min-width: 1025px) indication columns */
@media only screen and (min-width: 1025px) {
  .isi-wrapper .indication .col-lg-5 {
    height: max-content;
    border-right: 1px solid #CCCCCC;
    padding-left: 66px;
    padding-right: 16px;
  }

  .isi-wrapper .indication .col-lg-6 {
    padding-left: 15px;
  }
}

/* base.css:2114-2119 — @media (max-width: 1200px) expanded ISI bottom padding */
@media (max-width: 1200px) {
  #isicontainer-top.top-height .indication {
    padding-bottom: 5rem !important;
  }
}

/* base.css:2647-2691 — @media (max-width: 767px) mobile ISI container tweaks */
@media only screen and (max-width: 767px) {
  .expand_button {
    position: absolute;
    right: 5%;
    top: -7px;
  }

  .isi-wrapper.top-height .collapsed_button {
    right: 5%;
    top: auto;
    margin: -7px 0 0 0;
  }

  .isi-wrapper .indication .col-xl-5 {
    padding: 0px 6px 0 12px;
  }

  .isi-wrapper .indication .col-xl-6 {
    padding: 0px 6px 0 12px;
  }

  .indication .isi-section {
    margin: 5px;
  }

  /* .isi-section ul {
    padding-left: 0rem;
  } */

  #isicontainer.isi-wrapper {
    box-shadow: none !important;
  }
}

/* base.css:3137-3151 — ISI tray sub-title and link text styling */
.isi-tray__content .title.sub-title {
  color: #92278F;
  font-family: "Barlow-Bold", Arial, sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 21.6px;
}

.isi-tray__content .dark-blue-text {
  text-decoration: none;
  color: #492f92;
  font-weight: 700;
  font-family: "UniversLTStd65Bold";
}

/* base.css:3187 — #isi anchor is only a scroll target, remove its visual space */
#isi {
  display: block;
  height: 0;
  line-height: 0;
  font-size: 0;
  overflow: hidden;
}

/* base.css:3232-3269 — @media landscape narrow ISI padding/position tweaks */
@media screen and (max-width: 932px) and (min-width: 360px) and (orientation: landscape) {
  .isi-wrapper .indication .col-xl-5,
  .isi-wrapper .indication .col-xl-6 {
    padding: 0px 6px 0 12px;
  }

  .expand_button,
  .isi-wrapper.top-height .collapsed_button {
    right: 8px;
    top: -8px;
    font-size: 33px;
  }
}

@media (min-width: 1440px) { 
  .isi-tray__inner .container {
    max-width: 1190px;
    padding: 0;
  }
}