/*
 * Basket-eligibility widget for Tabler pages (medicament_tabler / medicament_info_tabler).
 * Extracted from css/style.css (dq_eligibility_* + st_basket_inclusion_notes_he) so the
 * flow works without loading the legacy stylesheet. Markup: includes/tabler/sec_eligibility.php.
 * The legacy absolute-position title-row hack is intentionally NOT ported — on Tabler the
 * button sits in a flex title row (.dq-tb-eligibility-row) and is responsive by design.
 */

.dq-tb-eligibility-row{
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
}

.dq_eligibility_btn{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 108px;
  height: 48px;
  padding: 0;
  border-radius: 12px;
  background: #E7655A;
  color: #FFFFFF;
  text-decoration: none;
  text-align: center;
  font-family: 'Rubik', sans-serif;
  font-size: 16px;
  font-weight: 700;
  font-style: normal;
  line-height: normal;
  font-feature-settings: 'liga' off, 'clig' off;
  box-shadow: 0 10px 18px rgba(50, 50, 50, 0.22);
  white-space: normal;
}

.dq_eligibility_btn:hover{
  color: #FFFFFF;
}

html[lang="en"] .dq_eligibility_btn,
[dir="ltr"] .dq_eligibility_btn{
  font-size: 13px;
}

.dq_eligibility_modal_bg{
  position: fixed;
  inset: 0;
  background: rgba(13, 15, 43, 0.45);
  z-index: 5000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 18px;
}

.dq_eligibility_modal_bg[hidden]{
  display: none !important;
}

.dq_eligibility_modal{
  width: min(1102px, calc(100vw - 36px));
  max-height: calc(100vh - 36px);
  overflow: auto;
  background: #FFFFFF;
  border-radius: 50px;
  box-shadow: 0 2px 20px rgba(99, 133, 194, 0.5);
  padding: 26px 84px 40px;
  position: relative;
}

.dq_eligibility_modal__close{
  position: absolute;
  top: 22px;
  right: 28px;
  border: none;
  background: transparent;
  color: #323232;
  font-size: 36px;
  line-height: 1;
  cursor: pointer;
}

.dq_eligibility_modal__drug{
  color: #323232;
  font-family: 'Rubik', sans-serif;
  font-size: 36px;
  font-weight: 600;
  line-height: 42px;
  margin-bottom: 18px;
  border-bottom: 1px solid #E0E2E5;
  padding-bottom: 10px;
}

.dq_eligibility_modal__title{
  color: #E7655A;
  font-family: 'Rubik', sans-serif;
  font-size: 44px;
  font-weight: 700;
  line-height: 52px;
  text-align: center;
  margin-bottom: 18px;
}

.dq_eligibility_modal__instruction{
  color: #0D0F2B;
  font-family: 'Rubik', sans-serif;
  font-size: 22px;
  font-weight: 500;
  line-height: 32px;
  text-align: center;
  margin-bottom: 14px;
}

.dq_eligibility_modal__content{
  color: #323232;
  font-family: 'Rubik', sans-serif;
  font-size: 16px;
  line-height: 28px;
}

.dq_eligibility_modal__loading,
.dq_eligibility_modal__error{
  margin: 8px 0 0;
  border-radius: 10px;
  padding: 10px 14px;
  font-size: 16px;
  line-height: 22px;
}

.dq_eligibility_modal__loading{
  background: #F5F7FA;
  color: #0D0F2B;
}

.dq_eligibility_modal__loading::before{
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 2px solid #C9D1DA;
  border-top-color: #6D7A88;
  margin-inline-end: 8px;
  vertical-align: -3px;
  animation: dqEligibilitySpin .85s linear infinite;
}

.dq_eligibility_modal__error{
  background: #FFF0EF;
  color: #B33A2F;
  border: 1px solid #F1C6C2;
}

.dq_eligibility_modal__checks{
  margin-top: 18px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.dq_eligibility_modal__check_item{
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 16px;
  line-height: 24px;
  padding: 4px 0;
}

.dq_eligibility_modal__check_item input[type="checkbox"]{
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  accent-color: #e57373;
  position: static !important;
  opacity: 1 !important;
  cursor: pointer !important;
  top: auto !important;
  right: auto !important;
  left: auto !important;
  width: 22px !important;
  height: 22px !important;
  min-width: 22px;
  flex: 0 0 22px;
  display: inline-block !important;
  vertical-align: middle;
  margin: 0 !important;
  margin-top: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
  border: 2px solid #bbb !important;
  border-radius: 3px;
  background: #FFFFFF;
  background-image: none !important;
  mask-image: none !important;
  -webkit-mask-image: none !important;
}

.dq_eligibility_modal__check_item input[type="checkbox"]:checked{
  border-color: #e57373 !important;
  background-color: #e57373 !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='9' viewBox='0 0 12 9'%3E%3Cpath d='M11.0898 1.3496L10.0898 0.349609L4.58984 5.84961L1.91016 3.16992L0.910156 4.16992L4.58984 7.84961L11.0898 1.3496Z' fill='white'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 12px 9px !important;
}

.dq_eligibility_modal__check_item input[type="checkbox"]:focus-visible{
  outline: 2px solid rgba(229, 115, 115, .35);
  outline-offset: 2px;
}

/* Second level only (depth = 1): empty circle when not checked, red icon when checked */
.dq_eligibility_modal__check_item input[type="checkbox"].dq_eligibility_modal__checkbox[data-depth="1"]{
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  border-radius: 50% !important;
  border: 2px solid #e57373 !important;
  background: #FFFFFF !important;
  background-image: none !important;
}

.dq_eligibility_modal__check_item input[type="checkbox"].dq_eligibility_modal__checkbox[data-depth="1"]:checked{
  border-color: #e57373 !important;
  background-color: #e57373 !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='9' viewBox='0 0 12 9'%3E%3Cpath d='M11.0898 1.3496L10.0898 0.349609L4.58984 5.84961L1.91016 3.16992L0.910156 4.16992L4.58984 7.84961L11.0898 1.3496Z' fill='white'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center 58% !important;
  background-size: 12px 9px !important;
}

.dq_eligibility_modal__label_text{
  display: inline-block;
}

/* Clinical field (depth-0 row with children) = bold purple; path (depth 1) = bold pink. */
.dq_eligibility_modal__node:has(> .dq_eligibility_modal__children) > .dq_eligibility_modal__check_item--depth-0 .dq_eligibility_modal__label_text{
  color: #6a1b4d;
  font-weight: 800;
}
.dq_eligibility_modal__check_item--depth-1 .dq_eligibility_modal__label_text{
  color: #e57373;
  font-weight: 700;
}

/* Temporarily hidden per product request while backend required logic remains active */
.dq_eligibility_modal__required_tag{
  display: none !important;
}

.dq_eligibility_modal__submit{
  display: block;
  margin: 24px auto 0;
  min-width: 120px;
  border: 0;
  border-radius: 8px;
  background: #E7655A;
  color: #FFFFFF;
  font-family: 'Rubik', sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  padding: 4px 24px;
  cursor: pointer;
}

.dq_eligibility_modal__submit:disabled{
  opacity: .65;
  cursor: not-allowed;
}

.dq_eligibility_modal__result{
  margin: 22px auto 0;
  max-width: 740px;
  border-radius: 12px;
  background: #F8F8F8;
  padding: 22px 24px;
  display: flex;
  align-items: flex-start;
  gap: 16px;
}

.dq_eligibility_modal__result[hidden]{
  display: none !important;
}

.dq_eligibility_modal__result_icon{
  width: 52px;
  height: 52px;
  border-radius: 50%;
  border: 3px solid #7E8792;
  color: #7E8792;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 30px;
  font-weight: 700;
  flex: 0 0 52px;
  position: relative;
}

.dq_eligibility_modal__result_title{
  color: #323232;
  font-family: 'Rubik', sans-serif;
  font-size: 30px;
  font-weight: 700;
  line-height: 36px;
  margin-bottom: 6px;
}

.dq_eligibility_modal__result_body{
  color: #323232;
  font-family: 'Rubik', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.dq_eligibility_modal__result_body > *{
  margin: 0 0 6px;
}

.dq_eligibility_modal__result[data-state="eligible"] .dq_eligibility_modal__result_icon{
  border-color: #35B857;
  color: #35B857;
}

.dq_eligibility_modal__result[data-state="not_eligible"] .dq_eligibility_modal__result_icon{
  border-color: #D94E41;
  color: #D94E41;
}

.dq_eligibility_modal__result[data-state="insufficient_data"] .dq_eligibility_modal__result_icon{
  border-color: #E59A20;
  color: #E59A20;
}

.dq_eligibility_modal__result[data-state="pending"] .dq_eligibility_modal__result_icon{
  border-color: #6D7A88;
  border-top-color: transparent;
  color: transparent;
  animation: dqEligibilitySpin .9s linear infinite;
}

@keyframes dqEligibilitySpin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

body.dq_eligibility_modal_open{
  overflow: hidden;
}

@media (max-width: 900px){
  .dq_eligibility_btn{
    width: 100%;
    min-width: 0;
  }

  .dq_eligibility_modal{
    border-radius: 24px;
    padding: 16px 16px 24px;
  }

  .dq_eligibility_modal__close{
    top: 10px;
    right: 12px;
    font-size: 28px;
  }

  .dq_eligibility_modal__drug{ font-size: 24px; line-height: 30px; padding-right: 24px; }
  .dq_eligibility_modal__title{ font-size: 28px; line-height: 34px; }
  .dq_eligibility_modal__instruction{ font-size: 18px; line-height: 28px; }
  .dq_eligibility_modal__result_title{ font-size: 24px; line-height: 30px; }
}

/* Basket-inclusion notes (st_basket_inclusion_notes rendered via formatTextToHtml) */
.st_basket_inclusion_notes_he ol{
  list-style: auto;
}
.st_basket_inclusion_notes_he{
  white-space: normal;
  word-break: break-word;
  overflow-wrap: anywhere;
}

.st_basket_inclusion_notes_he ul,
.st_basket_inclusion_notes_he ol{
  list-style-position: outside;
}

.st_basket_inclusion_notes_he ul{ list-style-type: disc; }
.st_basket_inclusion_notes_he ol{ list-style-type: decimal; }

.st_basket_inclusion_notes_he ul ul{ list-style-type: circle; }
.st_basket_inclusion_notes_he ul ul ul{ list-style-type: square; }

.st_basket_inclusion_notes_he ol ol{ list-style-type: lower-alpha; }
.st_basket_inclusion_notes_he ol ol ol{ list-style-type: lower-roman; }

.st_basket_inclusion_notes_he p:last-child,
.st_basket_inclusion_notes_he ul:last-child,
.st_basket_inclusion_notes_he ol:last-child{
  margin-bottom: 0;
}

.st_basket_inclusion_notes_he[dir="rtl"] ul,
.st_basket_inclusion_notes_he[dir="rtl"] ol{
  padding-right: 22px;
  padding-left: 0;
}

.st_basket_inclusion_notes_he[dir="ltr"] ul,
.st_basket_inclusion_notes_he[dir="ltr"] ol{
  padding-left: 22px;
  padding-right: 0;
}

.st_basket_inclusion_notes_he li{
  line-height: inherit;
}