/**
 * Overrides for custom extra options.
 * Keep EPO markup/classes expected by _wc_shop_single_variation_multi_form.scss,
 * but do NOT use root class tm-extra-product-options (it pulls plugin floats).
 */

.product_layout_variation_multi_form .orbit_extra_product_row .store-macam-extra-options {
  width: 100%;
  max-width: 100%;
  float: none;
  clear: both;
}

.product_layout_variation_multi_form .store-macam-extra-options .store-macam-field.hide-section {
  display: none !important;
}

/* Wrong employment branch only — hide entire panel */
.product_layout_variation_multi_form .store-macam-extra-options .epo_section.store-macam-panel-hidden {
  display: none !important;
}

/*
 * Waiting for upload: keep pink/blue header + timeline ball visible,
 * hide specialization columns (same as original EPO theme hide-section).
 */
.product_layout_variation_multi_form .store-macam-extra-options .epo_section.hide-section > .epo_list_checkboxes,
.product_layout_variation_multi_form .store-macam-extra-options .epo_section.hide-section > .store-macam-field {
  display: none !important;
}

.product_layout_variation_multi_form .store-macam-extra-options .epo_section {
  position: relative;
  align-content: flex-start;
  align-items: flex-start;
}

/*
 * Timeline connectors between step balls.
 * Theme sets selected_section:after { height:0 } and nth-last-child(3):after { #f5f5f5 },
 * which breaks the visible line between completed status and the next panel.
 */
.product_layout_variation_multi_form .store-macam-extra-options .epo_section:after {
  /* Bridge section margin (24px) + next ball top (20px) so circles connect */
  height: calc(100% + 44px) !important;
  background: #E1E1E1 !important;
}

.product_layout_variation_multi_form .store-macam-extra-options .epo_section.selected_section:after {
  height: calc(100% + 44px) !important;
  background: #EC7B5D !important;
}

.product_layout_variation_multi_form .store-macam-extra-options .epo_section.is-timeline-end:after {
  display: none !important;
  height: 0 !important;
  background: transparent !important;
}

/* Current (incomplete) step ball — orange ring */
.product_layout_variation_multi_form .store-macam-extra-options .epo_section.is-current-step:not(.selected_section):before {
  box-shadow: 0 0 0 2px #EC7B5D, 0px 3px 6px #00000029;
}

/*
 * Column rail must end at the last step ball — otherwise it continues below step 2.
 * Height is set from JS via --store-macam-timeline-rail-height.
 */
.product_layout_variation_multi_form .single_product_infos_col:before {
  height: var(--store-macam-timeline-rail-height, 0px) !important;
  max-height: none !important;
}

.product_layout_variation_multi_form .store-macam-extra-options .epo_section.is-closed > *:not(.epo_section_head-div) {
  display: none !important;
}

/* Keep status cyan / programs pink */
.product_layout_variation_multi_form .store-macam-extra-options .epo_first_section > .epo_section_head-div {
  background: #C5EEF2 !important;
}

.product_layout_variation_multi_form .store-macam-extra-options .epo_section_grid > .epo_section_head-div {
  background: #FBE4DE !important;
}

.product_layout_variation_multi_form .store-macam-extra-options .epo_section.is-closed .epo_section_head-div .tm-epo-element-label:after {
  transform: rotate(180deg);
}

.product_layout_variation_multi_form .store-macam-extra-options ul {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  width: 100% !important;
  max-width: 100% !important;
}

.product_layout_variation_multi_form .store-macam-extra-options li {
  list-style: none !important;
  float: none !important;
}

/* Two specialization columns side-by-side, top-aligned */
.product_layout_variation_multi_form .store-macam-extra-options .epo_section > div.col.col-first,
.product_layout_variation_multi_form .store-macam-extra-options .epo_section > div.col.col-last {
  box-sizing: border-box;
  width: calc(50% - 5px) !important;
  max-width: calc(50% - 5px) !important;
  float: none !important;
  clear: none !important;
  align-self: flex-start;
}

.product_layout_variation_multi_form .store-macam-extra-options .epo_section > div.col.col-first {
  padding: 25px 25px 25px 0;
  margin: 0;
}

.product_layout_variation_multi_form .store-macam-extra-options .epo_section > div.col.col-last {
  padding: 25px 0 25px 25px;
  margin: 0;
}

@media (max-width: 550px) {
  .product_layout_variation_multi_form .store-macam-extra-options .epo_section > div.col.col-first,
  .product_layout_variation_multi_form .store-macam-extra-options .epo_section > div.col.col-last {
    width: 100% !important;
    max-width: 100% !important;
    padding: 15px 25px;
  }
}

/*
 * Inside each column: title on its own row, then the list.
 * Theme sets display:flex on div.epo_list_checkboxes.
 */
.product_layout_variation_multi_form .store-macam-extra-options div.epo_list_checkboxes {
  display: flex !important;
  flex-wrap: wrap;
  align-content: flex-start;
  align-items: flex-start;
  gap: 10px;
}

.product_layout_variation_multi_form .store-macam-extra-options div.epo_list_checkboxes > .tm-epo-element-label {
  flex: 0 0 100%;
  width: 100% !important;
  max-width: 100%;
  margin: 0 0 4px;
  float: none !important;
}

.product_layout_variation_multi_form .store-macam-extra-options div.epo_list_checkboxes > .tm-extra-product-options-container {
  flex: 0 0 100%;
  width: 100% !important;
  max-width: 100% !important;
  float: none !important;
  clear: none !important;
}

.product_layout_variation_multi_form .store-macam-extra-options div.epo_list_checkboxes .tm-extra-product-options-container ul li {
  width: 100% !important;
  float: none !important;
  margin: 0 !important;
}

.product_layout_variation_multi_form .store-macam-extra-options div.epo_list_checkboxes .tm-extra-product-options-container ul li + li {
  border-top: 0;
}

/* Checkbox square on the RIGHT of Hebrew text (match original EPO) */
.product_layout_variation_multi_form .store-macam-extra-options div.epo_list_checkboxes .tm-extra-product-options-container ul li label {
  display: block;
  width: 100%;
  margin: 0;
}

.product_layout_variation_multi_form .store-macam-extra-options div.epo_list_checkboxes .tm-extra-product-options-container ul li label span.tc-label-wrap {
  direction: rtl;
  display: flex !important;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  gap: 12px;
}

/* Radio: circle on the RIGHT of label; description on the opposite side */
.product_layout_variation_multi_form .store-macam-extra-options .epo_first_section .cpf-type-radio ul li {
  direction: rtl;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 30px;
}

.product_layout_variation_multi_form .store-macam-extra-options .epo_first_section .cpf-type-radio ul li label {
  flex: 0 0 auto;
  margin: 0;
}

.product_layout_variation_multi_form .store-macam-extra-options .epo_first_section .cpf-type-radio ul li label .tc-label-wrap {
  direction: rtl;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}

.product_layout_variation_multi_form .store-macam-extra-options .epo_first_section .cpf-type-radio ul li .tm-tooltip {
  font-style: normal;
  border: 0;
  background: transparent;
  box-shadow: none;
  flex: 1 1 auto;
  max-width: 455px;
  width: 70%;
}

.product_layout_variation_multi_form .store-macam-extra-options .epo_first_section .cpf-type-radio ul li .tm-tooltip[data-tm-tooltip-html=""] {
  visibility: hidden;
}

/* Upload only as the orange button */
.product_layout_variation_multi_form .store-macam-extra-options .cpf-type-upload {
  flex: 0 0 auto;
  max-width: 170px;
  align-self: flex-end;
  float: none !important;
}

.product_layout_variation_multi_form .store-macam-extra-options .cpf-type-upload .cpf-upload-container {
  position: relative;
  overflow: hidden;
  max-width: 149px;
  width: 149px;
  box-sizing: border-box;
  /* Match theme SCSS intent (text then icon), not RTL-flipped flex order */
  direction: ltr;
}

.product_layout_variation_multi_form .store-macam-extra-options .cpf-type-upload input[type="file"] {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  opacity: 0;
  cursor: pointer;
  font-size: 0;
  border: 0;
  z-index: 2;
}

.product_layout_variation_multi_form .store-macam-extra-options .cpf-type-upload small {
  display: none !important;
}

/* Hide leftover EPO in sidebar */
.product_layout_variation_multi_form .single_product_buy_options_col .tm-extra-product-options,
.product_layout_variation_multi_form .single_product_buy_options_col .tc-extra-product-options,
.product_layout_variation_multi_form .single_product_buy_options_col .cpf-section,
.product_layout_variation_multi_form .single_product_buy_options_col .cpf-type-radio,
.product_layout_variation_multi_form .single_product_buy_options_col .cpf-type-checkbox,
.product_layout_variation_multi_form .single_product_buy_options_col .cpf-type-upload,
.product_layout_variation_multi_form .single_product_buy_options_col .tm-epo-totals,
.product_layout_variation_multi_form .single_product_buy_options_col .tc-totals-form,
.product_layout_variation_multi_form .single_product_buy_options_col .tm-epo {
  display: none !important;
}

/* Hidden file clone used only for multipart POST — never show under the CTA. */
.product_layout_variation_multi_form .single_product_buy_options_col form.cart .sm-eo-file-mirror,
.product_layout_variation_multi_form .single_product_buy_options_col form.cart > input[type="file"] {
  position: absolute !important;
  left: -99999px !important;
  width: 1px !important;
  height: 1px !important;
  opacity: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

/* Cart: uploaded file shown as bold filename (EPO-like), not "View file". */
.woocommerce td.product-name dl.variation dd.sm-eo-cart-file,
.woocommerce-page td.product-name dl.variation dd.sm-eo-cart-file {
  margin: 0;
}

.woocommerce td.product-name dl.variation dd.sm-eo-cart-file p,
.woocommerce-page td.product-name dl.variation dd.sm-eo-cart-file p {
  margin: 0;
}

.woocommerce td.product-name dl.variation a.sm-eo-cart-file-link,
.woocommerce-page td.product-name dl.variation a.sm-eo-cart-file-link {
  display: inline;
  font-size: 13px;
  font-weight: 700;
  color: #000 !important;
  text-decoration: none;
}

.woocommerce td.product-name dl.variation a.sm-eo-cart-file-link:hover,
.woocommerce-page td.product-name dl.variation a.sm-eo-cart-file-link:hover {
  text-decoration: underline;
}

/* Hide empty / placeholder labels so upload lines are not prefixed with ":". */
.woocommerce td.product-name dl.variation dt.tc-hidden-variation,
.woocommerce td.product-name dl.variation dt.variation-sm-eo-nolabel,
.woocommerce-page td.product-name dl.variation dt.tc-hidden-variation,
.woocommerce-page td.product-name dl.variation dt.variation-sm-eo-nolabel {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
}