/* Embroidery button styling */

/* dt.variation-PastLogo{
  display: block !important;
}
dd.variation-PastLogo p{
  word-break: break-all;
} */

/* a.item-remove.remove_from_cart_button {
  display: none;
} */

button.remove_button_replace {
  background: white;
}

.wc-pao-addon {
  margin: 0 0 1em;
  padding: 0 2px;
}

.wc-pao-addon-image-swatch {
  display: inline-block;
  outline: 1px solid #ddd;
  padding: 2px;
  margin-right: 5px;
  margin-bottom: 2px;
}

.wc-pao-addon-image-swatch img {
  max-width: 65px !important;
  max-height: 65px;
  float: left;
}

.wc-pao-addon .wc-pao-addon-wrap select {
  font-size: 1em;
  width: auto;
  min-width: 50%;
}

.wc-pao-addon-image-swatch-select {
  display: none;
}

dd[class^="variation-add_logo"] p {
  word-break: break-all !important;
}

.imp_note {
  color: red;
  text-align: center;
}

.item-details dl.variation {
  display: grid;
  grid-template-columns: 1fr 1fr; /* 2 equal columns */
  column-gap: 20px; /* Space between dt and dd */
  row-gap: 10px; /* Space between rows */
}

#embroideryBtn {
  background-color: #f89320;
  border: none;
  color: #000;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  width: calc(100% - 56px);
  font-size: 16px;
  margin: 4px 0px;
  cursor: pointer;
}

#embroideryBtn:disabled {
  background-color: #eec391;
  color: #333333;
  cursor: not-allowed;
}

/* Modal styles */
#embroideryModal {
  display: none;
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.5);
}

#embroideryModal .modal-content {
  background-color: #f4f4f2;
  margin: 0% auto;
  padding: 20px;
  width: 100%;
  min-height: 100%;
}

#embroideryModal .modal-content .close {
  color: #8f8f8f;
  font-size: 20px;
  padding: 4px 10px;
  background-color: rgb(255, 255, 255);
  border: 1px solid rgb(204, 204, 204);
  font-weight: bold;
  display: flex;
  align-items: center;
  text-transform: uppercase;
  max-width: max-content;
  justify-content: center;
  border-radius: 3px;
}

#embroideryModal .modal-content .close:hover,
#embroideryModal .modal-content .close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
  border: 1px solid #000;
}

/* .include_vat{
  color: #A9A9A9;
} */

.embrod_option_wrapper .btn-toggle {
  background: #ffffff;
  border-radius: 0px;
  color: #000;
  font: 600 1em / 1.85em "Arimo", "Arial", sans-serif;
  letter-spacing: 2px;
  min-width: auto;
  padding: 10px 15px;
  border-bottom: 1px solid #000;
  text-transform: uppercase;
  transition: all 0.3s ease-in-out;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.embrod_option_wrapper .btn-toggle:hover {
  background: #000;
  color: #fff;
}

.embrod_option_wrapper .btn-toggle > span {
  display: flex;
  align-items: center;
  gap: 10px;
}

/* spinner css */

/* spinner css end */

/* .checkbox-wrapper-2{
  display: none;
  height: 20px;
}

.checkbox-wrapper-2 .ikxBAC {
  appearance: none;
  background-color: #dfe1e4;
  border-radius: 72px;
  border-style: none;
  flex-shrink: 0;
  height: 20px;
  margin: 0;
  position: relative;
  width: 30px;
}

.checkbox-wrapper-2 .ikxBAC::before {
  bottom: -6px;
  content: "";
  left: -6px;
  position: absolute;
  right: -6px;
  top: -6px;
}

.checkbox-wrapper-2 .ikxBAC,
.checkbox-wrapper-2 .ikxBAC::after {
  transition: all 100ms ease-out;
}

.checkbox-wrapper-2 .ikxBAC::after {
  background-color: #fff;
  border-radius: 50%;
  content: "";
  height: 14px;
  left: 3px;
  position: absolute;
  top: 3px;
  width: 14px;
}

.checkbox-wrapper-2 input[type=checkbox] {
  cursor: default;
}

.checkbox-wrapper-2 .ikxBAC:hover {
  background-color: #c9cbcd;
  transition-duration: 0s;
}

.checkbox-wrapper-2 .ikxBAC:checked {
  background-color: #f89521;
}

.checkbox-wrapper-2 .ikxBAC:checked::after {
  background-color: #fff;
  left: 13px;
}

.checkbox-wrapper-2 :focus:not(.focus-visible) {
  outline: 0;
} */

/* .checkbox-wrapper-2 .ikxBAC:checked:hover {
  background-color: #b3a953;
} */

.back_button_embroidary {
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}

#icon-text {
  position: absolute;
  transform: translate(-50%, -50%) rotateZ(-38deg) scale(1.2);
  display: flex;
  align-items: center;
  gap: 0.586vw;
  color: #fff;
  text-transform: uppercase;
  font-size: 0.651vw;
}

#content2 .wc-pao-addon-wrap {
  padding: 1px 1px 0px;
  margin: 0px 0px;
  line-height: 1;
}

#populateFieldsBtn2 {
  margin: 10px;
}

.back_button_embroidary:hover {
  transform: scale(1.2);
}

/* Modal body layout */
#embroideryModal .modal-content .modal-body {
  display: flex;
}

#embroideryModal .modal-content .modal-body .image-container {
  flex: 1;
  position: relative;
  overflow: hidden;
}

#embroideryModal .modal-content .modal-body .image-container .overlay-image {
  position: absolute;
  /* top: 0;
  left: 0; */
  z-index: 1;
}

#embroideryModal
  .modal-content
  .modal-body
  .image-container
  .overlay-image.cap_image {
  left: 13vw;
  bottom: 27vw;
  transform: rotate(17deg);
  width: 6.85312vw !important;
}

#embroidery-name,
#embroidery-name_cap,
#line_2,
#line_3,
#input_icon_text {
  padding: 8px;
  font-size: 16px; /* Adjust the font size as needed */
  border: 1px solid #ccc;
  border-radius: 4px;
  background-color: #fff;
  width: 100%; /* Adjust the width as needed */
  box-sizing: border-box;
  bottom: 0;
}

input#input_icon_text {
  margin-bottom: 20px;
}

#line_2,
#line2 {
  font-family: Arial, Helvetica, sans-serif;
}

/* Hover and focus styles */
#embroidery-name:hover,
#embroidery-name_cap:hover,
#line_2:hover,
#line_3:hover,
#embroidery-name:focus,
#embroidery-name_cap:focus,
#line_2:focus,
#line_3:focus {
  border-color: #007bff; /* Change border color on hover/focus */
}

/* Disable mouse wheel scroll */
#embroidery-name option:hover,
#embroidery-name_cap option:hover {
  cursor: default; /* Disable cursor change on hover */
}

#text-overlay p {
  margin: 0 0 2px;
  font: 0.55vw / 100% "Assistant", "Arial", "Helvetica", sans-serif;
  white-space: nowrap;
  /* overflow: hidden; */
  text-overflow: ellipsis;
}

#text-overlay.cap_text {
  /* left: 26vw !important; */
  right: 10vw !important;
  top: 25vw !important;
  transform: rotate(21deg);
}
#text-overlay.cap_text p.cap_line {
  font: 1.55vw / 100% "Assistant", "Arial", "Helvetica", sans-serif !important;
}

@media only screen and (max-width: 767px) {
  #text-overlay.cap_text {
    /* left: 50vw !important; */
    right: 19vw !important;
    top: 47vw !important;
    transform: rotate(21deg);
  }
  #text-overlay.cap_text p.cap_line {
    font: 2.55vw / 100% "Assistant", "Arial", "Helvetica", sans-serif !important;
  }

  #embroideryModal
    .modal-content
    .modal-body
    .image-container
    .overlay-image.cap_image {
    left: 28vw;
    bottom: 51vw;
    transform: rotate(17deg);
    width: 9.85312vw !important;
  }

  .checkbox-wrapper-2 .ikxBAC {
    height: 17px;
    width: 27px;
  }

  .cart_item .item-details .item-price_new {
    font-size: 16px !important;
  }

  dl.variation {
    font-size: 16px !important;
  }

  .checkbox-wrapper-2 .ikxBAC::after {
    height: 11px;
    width: 11px;
  }
  body .embrod_option_wrapper {
    padding: 4.651vw 4.651vw;
  }
  .embrod_option_wrapper .btn-toggle {
    font-size: 3.256vw;
    font-weight: 600;
    font-family: "Assistant";
    letter-spacing: 0.465vw;
    min-width: auto;
    padding: 1.326vw 1.488vw;
    border-bottom: 0.233vw solid #000;
  }
  .embrod_option_wrapper .btn-toggle > span {
    gap: 2.326vw;
  }
  #toggleDiv2,
  #toggleDiv1 {
    width: 100%;
  }
  #text-overlay p {
    font: 1.7vw / 100% "Assistant", "Arial", "Helvetica", sans-serif;
  }
  #icon-text {
    position: absolute;
    transform: translate(-50%, -50%) rotateZ(-38deg) scale(1.2);
    /* display: flex; */
    align-items: center;
    /* gap: 1.395vw; */
    gap: 0.95vw;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.628vw;
  }
}

#embroideryModal .modal-content .modal-body .image-container #text-overlay {
  position: absolute;
  top: 14.375vw;
  color: white;
  font-size: 14px;
}

#embroideryModal .modal-content .modal-body .image-container img {
  width: 100%;
  height: auto;
}

#embroideryModal .modal-content .modal-body .options-container {
  flex: 1;
  padding-left: 20px;
  position: relative;
}

#embroideryModal
  .modal-content
  .modal-body
  .options-container
  button:not(.btn-toggle):not(:disabled) {
  color: black;
}

#embroideryModal .modal-content .modal-body .options-container .option {
  margin-bottom: 10px;
}

#embroideryModal .modal-content .modal-body .options-container label {
  display: inline;
  font-weight: bold;
  margin-bottom: 5px;
  padding-right: 15px;
}

#embroideryModal
  .modal-content
  .options-container
  .option
  input#embroidery-logo::file-selector-button,
#embroideryModal
  .modal-content
  .options-container
  .option
  input#embroidery-logo_cap::file-selector-button {
  background: #fff;
  border: 1px solid #000;
  color: #000;
  padding: 8px 18px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  cursor: pointer;
  border-radius: 3px;
  width: auto;
}

#populateFieldsBtn_n,
#populateFieldsBtn2 {
  background-color: #f89320; /* Green background */
  border: none; /* No border */
  color: #000; /* White text */
  padding: 10px 20px; /* Padding */
  text-align: center; /* Center text */
  text-decoration: none; /* No underline */
  display: inline-block; /* Make it inline-block */
  font-size: 16px; /* Font size */
  cursor: pointer; /* Cursor style */
  border-radius: 5px; /* Rounded corners */
  width: auto;
}

#populateFieldsBtn_n:hover {
  border: 2px solid #000;
}

/* Styles for the select element */
#logo-placement,
#name-placement {
  padding: 8px;
  font-size: 16px;
  color: #000;
  border: 1px solid #ccc;
  border-radius: 4px;
  width: 100%;
  box-sizing: border-box;
  appearance: none; /* Remove default arrow icon */
  background-color: #fff; /* Background color */
}

/* Styles for the select arrow icon */
#logo-placement::-ms-expand,
#name-placement::-ms-expand {
  display: none; /* Hide arrow icon in Internet Explorer */
}

#logo-placement::after,
#name-placement::after {
  content: "\25BC"; /* Unicode character for down arrow */
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  pointer-events: none; /* Make sure arrow icon is not clickable */
}

/* Hover and focus styles */
#logo-placement:hover,
#logo-placement:focus,
#name-placement:hover,
#name-placement:focus {
  border-color: #007bff; /* Change border color on hover/focus */
}

/* Disable mouse wheel scroll */
#logo-placement option:hover,
#name-placement option:hover {
  cursor: default; /* Disable cursor change on hover */
}

@media screen and (max-width: 767px) {
  /* Mobile Modal CSS */
  #embroideryModal .modal-content span.close {
    float: unset;
    display: block;
    text-align: end;
    color: #f89320;
  }
  #embroideryModal .modal-content .modal-body {
    flex-direction: column;
  }
  #embroideryModal .modal-content .modal-body .options-container {
    padding-left: 0;
    padding-top: 20px;
  }
  #embroideryModal .modal-content .options-container .option p {
    line-height: 21px;
  }
  #embroideryModal
    .modal-content
    .options-container
    .option
    input#embroidery-logo::file-selector-button,
  #embroideryModal
    .modal-content
    .options-container
    .option
    input#embroidery-logo_cap::file-selector-button {
    background: #f89320;
    border: none;
    color: #000;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    cursor: pointer;
    border-radius: 5px;
    width: auto;
  }
  #embroidery-name,
  #embroidery-name_cap,
  #logo-placement,
  #name-placement,
  #line_2,
  #line_3 {
    width: 100%;
  }
  #embroideryModal
    .modal-content
    .modal-body
    .options-container
    #populateFieldsBtn {
    display: block;
    margin: 0 auto;
    width: auto;
  }
}

body.active_modal {
  overflow: hidden;
  position: fixed;
}
.active_modal .fixed-header {
  visibility: hidden;
  opacity: 0;
}

#embroideryModal span.cross_mp {
  font-size: 26px;
}

#embroideryModal span.text_mp {
  padding-left: 5px;
}

.embrod_option_wrapper {
  background-color: #ffffff;
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 20px 20px;
  max-width: 600px;
  margin-inline: auto;
}
.embrod_option_wrapper .inner_embro {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  row-gap: 20px;
}

.embrod_option_wrapper .title_embro {
  text-align: center;
  font-size: 24px;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 20px;
  margin-top: 30px;
}

.wrap_back_title {
  position: relative;
}
.wrap_back_title .back_button_embroidary {
  position: absolute;
  left: 0px;
  top: -40px;
}

.embrodary_rest_confrom {
  display: flex;
  flex-wrap: wrap;
  column-gap: 20px;
  padding-top: 40px;
  row-gap: 20px;
}

.embrodary_rest_confrom .btnactionsame {
  width: auto;
  background-color: #fff;
  border: 1px solid #000;
  padding: 14px 10px;
  font-size: 16px;
  font-weight: 700;
  flex: 1 1 48%;
  border-radius: 3px;
}

.inside_reset_btn {
  display: flex;
  flex-wrap: wrap;
  column-gap: 20px;
  row-gap: 20px;
}

.inside_reset_btn .total_price,
.inside_reset_btn .total_price1,
.inside_reset_btn .total_price2 {
  text-align: right;
  font-weight: 700;
  flex: 1 1 50%;
}

.inside_reset_btn .reset_btn_div {
  flex: 1 1 48%;
}

.inside_reset_btn .confirm_btn_div {
  flex: 1 1 48%;
}

.inside_reset_btn .reset_btn_div button.reset_btn_div_inside {
  width: 100%;
  background-color: #fff;
  border: 1px solid #000;
  padding: 14px 10px;
  font-size: 16px;
  font-weight: 700;
  border-radius: 3px;
}

.inside_reset_btn .confirm_btn_div button.confirm_btn_div_inside {
  width: 100%;
  background-color: #fff;
  border: 1px solid #000;
  padding: 14px 10px;
  font-size: 16px;
  font-weight: 700;
  border-radius: 3px;
}

.embrodary_rest_confrom #populateFieldsBtn:disabled,
.embrodary_rest_confrom #populateFieldsBtn_cap:disabled {
  cursor: not-allowed;
  border: 1px solid #ccc;
}

.embrodary_rest_confrom #populateFieldsBtn:disabled:hover,
.embrodary_rest_confrom #populateFieldsBtn_cap:disabled:hover {
  background-color: #fff;
}

.embrodary_rest_confrom .btnactionsame:hover {
  background-color: #f89320;
  border: 1px solid #f89320;
}

.embrod_option_wrapper button.add_values_to_embroidery {
  background-color: #000000;
  border: 1px solid #000;
  font-size: 20px;
  font-weight: 600;
  padding: 8px 50px;
  border-radius: 3px;
  color: #fff;
  text-transform: uppercase;
}
.embrod_option_wrapper button.add_values_to_embroidery:hover {
  background-color: #fff;
  color: #000;
}

.embrod_option_wrapper .nomr {
  margin-bottom: 0px;
}

.embrod_option_wrapper .content_div.active_embroidery {
  display: block !important;
}

.embrod_option_wrapper .content_div {
  display: none;
}
p.price_breakdown {
  display: none;
}

div#past_logos,
div#past_logos_cap,
div.admin_icons_images,
div#current_logos_cap,
div#current_logos {
  display: flex;
  column-gap: 10px;
  row-gap: 10px;
  flex-wrap: wrap;
  margin-bottom: 20px;
}

#past_logos img,
#past_logos_cap img,
div.admin_icons_images img,
div#current_logos_cap img,
div#current_logos img {
  padding: 2px;
  width: 60px;
  /* height: 60px; */
}

.total_price,
.total_price1,
.total_price2 {
  text-align: right;
  font-weight: 700;
}

@media screen and (max-width: 768px) {
  ul.woocommerce-thankyou-order-details.order_details {
    display: flex;
    gap: 10px;
    flex-direction: column;
  }
  .total_price,
  .total_price1,
  .total_price2 {
    float: none;
    margin-right: 0px;
    font-weight: 700;
  }
  .sidebar-cart
    .mini-cart
    .cart-items
    .item
    .item-details
    .item-title
    .item-remove {
    flex: none !important;
    margin: unset !important;
  }
  .sidebar-cart
    .mini-cart
    .cart-items
    .item
    .item-details
    .item-title
    .item-attributes {
    width: calc(100% - 25px);
  }
  .sidebar-cart
    .mini-cart
    .cart-items
    .item
    .item-details
    .item-title
    .item-attributes
    .item-addons {
    max-width: none !important;
  }
}

.wc-pao-addons-container {
  display: none;
}
/* new modification popup  */