/* XPT custom overrides kept separate from styles.css */

/* Header menu alignment tweak requested. */
@media (min-width: 1200px) {
  .header .menu-wrapper .main-menu .menu-list {
    align-items: center;
  }
}

/* Legacy backend sidebar/navigation layout (restored). */
@media (max-width: 1199px) {
  .content-category {
    margin-top: 30px;
  }
}

.col-products {
  overflow: hidden;
}

.backend .col-products {
  min-width: 0;
}

@media (min-width: 1200px) {
  .category-filters-be {
    display: block !important;
    padding-right: 20px !important;
  }
}

@media (max-width: 1199px) {
  .category-filters-be {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 200;
  }

  .category-filters-be:before {
    position: absolute;
    display: block;
    content: '';
    background-color: #000;
    opacity: 0.7;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
}

.category-filters-be .inner {
  width: 300px;
}

@media (max-width: 1199px) {
  .category-filters-be .inner {
    width: 320px;
    overflow-y: auto;
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 201;
    padding: 0 30px 30px 30px;
  }
}

.category-filters-be .filter-title {
  font-size: 16px;
  font-weight: 700;
}

.category-filters-be .filter-title.has-list {
  padding-right: 30px;
  position: relative;
  cursor: pointer;
}

.category-filters-be .category-filter-toggle.opened .filter-title.has-list:before {
  content: '\e803';
}

.category-filters-be .category-filter-toggle.opened .filters-list {
  display: block;
}

.category-filters-be .category-filter-toggle .filters-list {
  display: none;
}

.category-filters-be .filter-reset {
  color: #1f1f1f;
  font-size: 15px;
  line-height: 1;
  font-weight: 600;
  display: table;
  position: relative;
  margin-bottom: 20px;
  text-decoration: none;
}

.category-filters-be .filters-list .filter-link {
  color: #1f1f1f;
  font-size: 16px;
  line-height: 1;
  font-weight: 500;
  display: table;
  position: relative;
  margin-bottom: 20px;
  text-decoration: none;
  padding-left: 25px;
}

.category-filters-be .filters-list .filter-link:before {
  display: block;
  font-family: 'fontello';
  content: '\e819';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  font-size: 16px;
  color: #d4d4d4;
}

.category-filters-be .filters-list .filter-link.active {
  content: '\e818';
  color: #009534;
}

.category-filters-be .filters-list .filter-link.active:before {
  content: '\e818';
  color: #009534;
}

/* Backend tables + pagination from legacy xpt_styles.css (scoped). */
.backend table.dataTable thead tr th {
  background-color: #009534;
  color: #fff !important;
  font-weight: 800 !important;
  vertical-align: middle;
}

.backend table.dataTable {
  font-size: 13px !important;
  margin: 10px 0 !important;
  box-sizing: border-box !important;
  border-collapse: collapse !important;
}

.backend .dataTables_scroll table.dataTable {
  margin: 0 !important;
}

.backend table.dataTable thead > tr {
  background-color: #009534 !important;
  color: #fff;
}

.backend .dataTables_wrapper.no-footer .dataTables_scrollBody {
  border-bottom: 0 !important;
}

.backend div.dataTables_wrapper div.dataTables_info,
.backend div.dataTables_wrapper div.dataTables_length label,
.backend .paginate_button {
  font-size: 13px !important;
}

.backend div.dataTables_wrapper div.top {
  display: flex;
}

.backend table.dataTable tbody tr td a {
  text-decoration: none;
  cursor: pointer;
}

.backend table.dataTable.no-footer {
  border-bottom: 1px solid #dde2e6 !important;
  margin-bottom: 5px;
}

.backend table.dataTable thead th,
.backend table.dataTable thead td {
  border-bottom: 0 !important;
}

.backend table.tr2.dataTable thead tr th {
  width: 140px !important;
  min-width: 140px !important;
  padding: 10px;
}

.backend table.tr2.dataTable thead tr th.w1 {
  width: 70px !important;
  min-width: 70px !important;
}

.backend table.tr2.dataTable thead tr th.w3 {
  width: 210px !important;
  min-width: 210px !important;
}

.backend table.tr2.dataTable.no-footer {
  margin-bottom: 0;
}

.backend .dataTables_scroll {
  padding: 0.755em 0;
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch;
}

.backend .dataTables_wrapper {
  min-height: 250px;
}

.backend .dtHAuto .dataTables_wrapper,
.backend .dataTables_wrapper.dtLoaded {
  min-height: auto !important;
}

.backend .table-responsive {
  overflow: visible !important;
}

/* Liste admin cu DataTables scrollX — scroll în coloană, nu peste layout */
.backend .col-products .table-responsive {
  max-width: 100%;
  overflow-x: auto !important;
}

.backend .col-products .dataTables_wrapper,
.backend .col-products .dataTables_scroll {
  max-width: 100%;
}

.backend .dataTables_scrollBody {
  overflow-x: auto !important;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
}

.backend .fixing-header-on-columns {
  table-layout: auto !important;
  word-wrap: normal !important;
}

.backend table.dataTable {
  min-width: 1200px;
}

.backend table.dataTable thead th.actions,
.backend table.dataTable tbody td.actions {
  position: sticky;
  right: 0;
  z-index: 3;
}

.backend table.dataTable thead th.actions {
  border-left: 1px solid #fff !important;
  z-index: 4;
}

.backend table.dataTable tbody td.actions {
  border-left: 1px solid #fff;
}

.backend .dataTables_scrollHead table.dataTable thead th.actions {
  border-left: 1px solid #fff !important;
}

.backend .dataTables_scrollBody table.dataTable tbody td.actions {
  border-left: 1px solid #fff !important;
  vertical-align: middle;
}

.backend table.dataTable tbody td.actions a {
  color: #009534 !important;
  transition: opacity 0.2s ease;
}

.backend table.dataTable tbody td.actions a:hover {
  opacity: 0.8;
}

.backend .dataTables_scrollBody table.dataTable tbody td.actions > i,
.backend .dataTables_scrollBody table.dataTable tbody td.actions a > i,
.backend .dataTables_scrollBody table.dataTable tbody td.actions a i {
  color: inherit !important;
}

/* Fallback selectors for backend tables without DataTables scroll wrappers. */
.backend table.dataTable tbody td.actions {
  vertical-align: middle;
}

.backend table.dataTable tbody td.actions a {
  color: #009534 !important;
}

.backend table.dataTable tbody td.actions i {
  color: inherit !important;
}

/* Backend checkboxes: keep native browser rendering (not frontend custom skin). */
.backend input[type="checkbox"] {
  -webkit-appearance: checkbox !important;
  appearance: auto !important;
  position: static !important;
  left: auto !important;
  opacity: 1 !important;
  width: auto !important;
  height: auto !important;
  clip: auto !important;
  margin-right: 6px;
}

/* Backend pagination: keep only numeric pages. */
.backend .dataTables_wrapper .dataTables_paginate .paginate_button.first,
.backend .dataTables_wrapper .dataTables_paginate .paginate_button.last,
.backend .dataTables_wrapper .dataTables_paginate .paginate_button.previous,
.backend .dataTables_wrapper .dataTables_paginate .paginate_button.next {
  display: none !important;
}

.backend .bottom {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

/* Backend email templates page (restored from legacy xpt styles). */
.backend .mtab {
  display: flex;
  flex-direction: column;
  gap: 15px;
  font-size: 14px;
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.backend .mtab > li {
  background: #f9f9f9;
}

.backend .mtab > li > form > label {
  display: flex;
  cursor: pointer;
  line-height: 1;
  font-weight: 500;
  font-size: 18px;
  padding: 15px;
  margin: 0;
  border: 1px solid transparent;
  transition-duration: 0.3s;
}

.backend .mtab > li > form > label > i {
  transform: rotate(45deg);
  margin-left: auto;
}

.backend .mtab > li > form > label:hover {
  border-color: #515151;
}

.backend .mtab > li > form > input:checked + label > i {
  transform: rotate(145deg);
}

.backend .mtab > li > form > input:checked ~ .mtabi {
  display: flex;
}

.backend .mtab > li > form > input:checked + label {
  background: #515151;
  color: #fff;
}

.backend .mtabi {
  display: none;
  flex-direction: column;
  border: 1px solid #515151;
  border-top: 0;
  list-style-type: none;
  margin: 0 0 15px 0;
  padding: 15px;
  box-sizing: border-box;
}

.backend .mtabi > li:not(:first-child) {
  margin: 15px 0 0 0;
  padding: 15px 0 0 0;
  border-top: 1px solid #cacaca;
}

.backend .mail-content {
  background: #fff;
  min-height: 220px;
}

/* Backend wishlist report (steps + filters) restored from legacy xpt styles. */
.backend .colflex {
  display: flex;
  flex-direction: column;
}

.backend .pgxpt {
  display: flex;
  gap: 10px;
  list-style-type: none;
  color: #afafaf;
  padding: 0;
  margin: 30px auto;
}

.backend .pgxpt a {
  color: #afafaf;
}

.backend .pgxpt li.current,
.backend .pgxpt a.current {
  color: #000;
  font-weight: 700;
}

.backend .ttext,
.backend .col-form-label {
  display: flex !important;
  font-weight: 700 !important;
  font-size: 14px;
  line-height: 1.5 !important;
  margin: 0 0 5px 0 !important;
  padding: 0 !important;
}

.backend .h-next ~ * {
  display: none;
}

.backend .ui-widget-content.ui-autocomplete {
  max-height: 400px;
  overflow: auto;
}

/* Backend wishlist report (steps + filters) restored from legacy xpt styles. */
.backend .colflex {
  display: flex;
  flex-direction: column;
}

.backend .pgxpt {
  display: flex;
  gap: 10px;
  list-style-type: none;
  color: #afafaf;
  padding: 0;
  margin: 30px auto;
}

.backend .pgxpt a {
  color: #afafaf;
}

.backend .pgxpt li.current,
.backend .pgxpt a.current {
  color: #000;
  font-weight: 700;
}

.backend .boxbg {
  display: flex;
  background: #f9f9f9;
  padding: 15px;
  box-sizing: border-box;
}

.backend .tsm {
  font-size: 14px;
}

.backend .ttext,
.backend .col-form-label {
  display: flex !important;
  font-weight: 700 !important;
  font-size: 14px;
  line-height: 1.5 !important;
  margin: 0 0 5px 0 !important;
  padding: 0 !important;
}

.backend .h-next ~ * {
  display: none;
}

.backend .ui-widget-content.ui-autocomplete {
  max-height: 400px;
  overflow: auto;
}

.backend {
  padding: 30px 0;
}

.backend .breadcrumbs {
  margin-bottom: 15px;
}

a.inh-link {
  color: inherit;
}

ins {
  text-align: center;
}

ins a {
  display: block;
  margin: 10px 0;
}

.category-ad-item ins a {
  margin: 0!important;
}

.hmenu {
  display: flex;
  padding: 15px;
  font-size: 15px;
  color: #949494;
  font-weight: 600;
  list-style-type: none;
}

.hmenu li {
  display: flex;
}

.hmenu li > a {
  color: #000;
}

.hmenu li.selected {
  color: #007A2A;
}

.hmenu li + li:before {
  content: " | ";
  color: #e0e0e0;
  margin: 0 15px;
}

.form-row {
  display: flex;
  gap: 10px;
}

.form-group label,
.form-group .label {
  margin-bottom: 5px;
}

.form-group {
  margin-bottom: 15px;
}

.custom-checkbox .form-check {
  padding-left: 0;
}

.datepicker-days {
  font-size: 12px;
}

.help-text {
  font-size: 12px;
  color: #838383;
}