.embroidery_fields_table {
  width: 100%;
  border-collapse: collapse;
}

.embroidery_fields_table th,
.embroidery_fields_table td {
  border: 1px solid #ddd;
  padding: 8px;
}

.embroidery_fields_table th {
  background-color: #f2f2f2;
  text-align: left;
}

.add_embroidery_field {
  margin-top: 10px;
}

.embroidery_fields_table input {
  width: 100% !important;
}

/* CSS for Assign Logo Attributes table */
.assign_logo_attributes_table input,
.assign_logo_attributes_table select {
  width: 100% !important;
}
.assign_logo_attributes_table {
  width: 100%;
  border-collapse: collapse;
}

.assign_logo_attributes_table th,
.assign_logo_attributes_table td {
  border: 1px solid #ddd;
  padding: 8px;
}

.assign_logo_attributes_table th {
  background-color: #f2f2f2;
  text-align: left;
}

/* CSS for select fields */
.select {
  width: 100%;
  padding: 8px;
  border: 1px solid #ddd;
  border-radius: 4px;
  box-sizing: border-box;
  margin-bottom: 10px;
}

/* CSS for remove button */
.remove_assign_logo_attributes_field {
  background-color: #dc3545;
  color: #fff;
  border: none;
  padding: 5px 10px;
  border-radius: 4px;
  cursor: pointer;
}

/*  */

/* Style the tab */
.tab {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
}

/* Style the buttons inside the tab */
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
  border: 1px solid #ccc;
  height: 393px;
  border-top: none;
  overflow: auto;
}

/* Show the tab content */
.tabcontent {
  display: block;
}

.bottom-btns-parent-fields {
  position: relative;
  width: 100%;
}
.bottom-btns-fields {
  display: flex !important;
  column-gap: 20px;
  position: absolute;
  bottom: -37px;
  left: 2%;
}
div#hide-fields {
  height: 500px;
}

._is_embroiderable_field .woocommerce_radio input[type="radio"] {
  display: inline-block;
  margin-right: 10px;
}
._is_embroiderable_field {
  padding: 0 !important;
  margin-left: 10px !important;
}

._is_embroiderable_field label,
._is_embroiderable_field legend {
  float: left;
  width: auto !important;
  padding: 0;
  margin: 0 !important ;
}

.woocommerce_options_panel fieldset.form-field,
.woocommerce_options_panel p.form-field {
  padding: 0px !important;
}
._is_embroiderable_field .wc-radios {
  display: flex !important;
  column-gap: 5px;
  margin-left: 10px !important;
}

.topheader-embroiderable {
  display: flex;
  column-gap: 60px;
}

.woocommerce_options_panel label,
.woocommerce_options_panel legend {
  width: fit-content !important;
  margin: 0 0 0 0 !important;
}

fieldset.form-field._is_embroidery_option_field ul.wc-radios {
  display: flex !important;
  column-gap: 10px;
  margin-left: 10px !important;
}
div#logo_name_positionsdiv {
  display: none;
}

.select {
  display: grid;
  grid-template-areas: "select";
  align-items: center;
  position: relative;

  select,
  &::after {
    grid-area: select;
  }

  min-width: 15ch;
  max-width: 30ch;

  border: 1px solid var(--select-border);
  border-radius: 0.25em;
  padding: 0.25em 0.5em;

  font-size: 1.25rem;
  cursor: pointer;
  line-height: 1.1;

  background-color: #fff;
  background-image: linear-gradient(to top, #f9f9f9, #fff 33%);

  &:not(.select--multiple)::after {
    content: "";
    justify-self: end;
    width: 0.8em;
    height: 0.5em;
    background-color: var(--select-arrow);
    clip-path: polygon(100% 0%, 0 0%, 50% 100%);
  }
}

.select-box-product {
  height: 50px !important;
  margin-bottom: 20px;
}

body
  .is-layout-constrained
  > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
  max-width: 100%;
  margin-left: auto !important;
  margin-right: auto !important;
}