/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.3.6,
* Autoprefixer: v10.3.1
* Browsers: last 4 version
*/
@font-face {
  font-family: "Inter";
  src: url("/ms-admin/assets/fonts/Inter-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Inter";
  src: url("/ms-admin/assets/fonts/Inter-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Inter";
  src: url("/ms-admin/assets/fonts/Inter-SemiBold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  margin-top: 35px;
}

* {
  box-sizing: border-box;
  transition: none;
}

body {
  font-family: Inter;
  margin: 0;
  padding: 0;
  font-size: 14px;
  min-height: calc(100vh - 35px);
  color: var(--t-ink);
  background: var(--t-paper);
  counter-reset: section;
  -webkit-font-smoothing: antialiased;
}

a {
  text-decoration: none;
  transition: 0.15s;
}

a:hover {
  transition: 0.15s;
}

:focus {
  outline: none;
}

img {
  display: block;
  max-width: 100%;
  height: auto;
}

:root {
  --main-color: #17202b;
  --t-paper: #e6e8ec;
  --t-surface: #ffffff;
  --t-line: #dfe2e7;
  --t-line-strong: #c5cad2;
  --t-ink: #17202b;
  --t-steel: #5b6572;
  --t-muted: #8a929d;
  --t-hover: #eceef2;
  --t-tape: #f4b400;
  --t-tape-soft: #fff5d1;
  --t-link: #1d4f86;
  --t-danger: #b42318;
  --t-ring: 0 0 0 3px rgb(244 180 0 / 45%);
}

/* Loading */
.loading {
  width: 21px;
  height: 21px;
  border-radius: 50%;
  background: #666;
  position: relative;
  animation-name: circle;
  animation-duration: 0.6s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  display: inline-table;
  vertical-align: middle;
}

.loading:before {
  content: "";
  width: 7px;
  height: 7px;
  background: white;
  top: 4px;
  left: 4px;
  border-radius: 50%;
  position: absolute;
}

@-webkit-keyframes circle {
  100% {
    transform: rotate(360deg);
  }
}

@keyframes circle {
  100% {
    transform: rotate(360deg);
  }
}

/* Admin dashboard */
.admin-dashboard-area {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px;
}

.admin-dashboard-block {
  width: 33.3%;
  padding: 0 15px;
}

@media (max-width: 1024px) {
  .admin-dashboard-block {
    width: 50%;
  }
}

@media (max-width: 768px) {
  .admin-dashboard-block {
    width: 100%;
    margin-bottom: 15px;
  }
}

.admin-dashboard-description {
  width: 100%;
  padding: 10px;
  background: white;
}

.admin-dashboard-text {
  line-height: 1.6;
}

.admin-dashboard-button {
  margin-top: 15px;
}

.cache-actions h3 {
  margin: 0;
  font-size: 14px;
}

.cache-actions ul {
  padding: 0 25px;
}

/* Admin area */
.admin-area {
  display: flex;
  flex-wrap: wrap;
}

.admin-area-blocks {
  display: flex;
  width: 100%;
}

.admin-sidebar {
  width: 210px;
  background: #0f3b2d;
  min-height: calc(100vh - 35px);
  z-index: 99;
  height: 100%;
}

.admin-sidebar::-webkit-scrollbar {
  width: 3px;
}

.admin-sidebar::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey;
  border-radius: 0px;
}

.admin-sidebar::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 0px;
}

.admin-sidebar::-webkit-scrollbar-thumb:hover {
  background: #ccc;
}

.admin-sidebar-items {
  width: 210px;
  padding-top: 10px;
  padding-bottom: 20px;
  background: #0f3b2d;
}

.admin-sidebar-fixed {
  position: fixed;
  bottom: 0;
  z-index: 1;
}

.admin-sidebar-fixed-default {
  position: fixed;
  top: 35px;
}

@media (max-width: 1024px) {
  .admin-sidebar {
    width: 0;
    min-height: 0;
    /* flex element olduğu üçün z-index işləyir və stacking context yaradır —
       overlay-dən (100000) yuxarıda olmasa daxildəki menyu görünmür */
    z-index: 100002;
  }

  .admin-sidebar-items,
  .admin-sidebar-items.admin-sidebar-fixed,
  .admin-sidebar-items.admin-sidebar-fixed-default {
    position: fixed;
    top: 35px;
    bottom: 0;
    left: -210px;
    width: 210px;
    overflow-y: auto;
    background: #0f3b2d;
    z-index: 100001;
    transition: left 0.25s ease;
  }

  .mobile-menu-open .admin-sidebar-items,
  .mobile-menu-open .admin-sidebar-items.admin-sidebar-fixed,
  .mobile-menu-open .admin-sidebar-items.admin-sidebar-fixed-default {
    left: 0;
  }

  .admin-mobile-overlay {
    position: fixed;
    top: 35px;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgb(0 0 0 / 45%);
    z-index: 100000;
    display: none;
  }

  .mobile-menu-open .admin-mobile-overlay {
    display: block;
  }
}

.admin-sidebar-element {
  position: relative;
  z-index: 10;
}

.admin-sidebar-element > a:hover i {
  color: #fff;
}

.admin-sidebar-element ~ .admin-sidebar-element {
  margin-top: 2px;
}

.admin-sidebar-element > a {
  color: #fff;
  padding: 10px 12px 10px 44px;
  display: block;
  font-size: 14px;
  position: relative;
  margin: 0 10px;
  border-radius: 6px;
  font-weight: 400;
}

.admin-sidebar-element > a:hover {
  background: rgb(255 255 255 / 7%);
  color: #fff;
}

.current-sidebar-item > a,
.current-sidebar-item > a:hover {
  background: rgb(255 255 255 / 11%);
  color: #fff;
}


.current-sidebar-item > a::after {
  background: var(--t-tape);
  border-radius: 2px;
  bottom: 8px;
  content: "";
  left: 0;
  position: absolute;
  top: 8px;
  width: 4px;
}

.admin-sidebar-sub-elements a.current-sidebar-sub-item {
  color: var(--t-tape);
}

.admin-sidebar-element > a i {
  margin-right: 10px;
  color: rgb(255 255 255 / 50%);
  display: inline-block;
  vertical-align: middle;
  font-size: 17px;
  line-height: 1;
  position: absolute;
  top: 11px;
  left: 14px;
  transform: translateY(-2px);
}

.current-sidebar-item > a i {
  color: var(--t-tape);
}

.admin-sidebar-sub-elements {
  position: absolute;
  left: calc(100% - 10px);
  top: 0;
  background: #08241b;
  padding: 6px;
  min-width: 170px;
  border-radius: 8px;
  display: none;
  border: 1px solid #1b5641;
  box-shadow: 0 8px 24px rgb(0 0 0 / 30%);
}

.admin-sidebar-element:hover .admin-sidebar-sub-elements {
  display: block;
}

@media (max-width: 1024px) {
  .admin-sidebar-sub-elements {
    position: static;
    display: block;
    min-width: 0;
    background: #08241b;
    margin: 0 15px;
    border-radius: 8px;
  }
}

.admin-sidebar-sub-elements a {
  color: #d3d8df;
  white-space: nowrap;
  display: block;
  padding: 7px 10px;
  border-radius: 4px;
}

.admin-sidebar-sub-elements a:hover {
  color: #fff;
  background: rgb(255 255 255 / 8%);
}

.admin-sidebar-badge {
  width: 20px;
  height: 20px;
  line-height: 20px;
  background: var(--t-tape);
  display: inline-block;
  text-align: center;
  color: var(--t-ink);
  border-radius: 50%;
  margin-left: 10px;
  font-weight: 600;
  font-size: 11px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.admin-sidebar-comment-badge:empty {
  display: none;
}

/* Admin content */
.admin-content {
  width: calc(100% - 210px);
  padding: 28px 28px 60px;
  margin-left: auto;
}

@media (max-width: 1024px) {
  .admin-content {
    width: 100%;
    margin-left: 0;
  }
}

@media (max-width: 480px) {
  .admin-content {
    padding: 18px 14px 40px;
  }
}

.admin-content a {
  color: var(--t-link);
}

.admin-content a:hover {
  color: var(--t-ink);
}

.admin-content a:not([href]),
.admin-content a:not([href]):hover {
  color: var(--t-ink);
}

.lc-text {
  margin-top: 10px;
  text-decoration: underline;
  color: var(--main-color);
  cursor: pointer;
}

.other-translations {
  padding: 10px;
}

.other-translations table {
  width: 100%;
}

.other-translations tr {
  border-bottom: 1px solid #ddd;
  padding-bottom: 5px;
  margin-bottom: 5px;
  display: table;
  width: 100%;
}

.other-translations tr:last-child {
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}

.other-translations td:first-child {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.other-translations img {
  width: 21px;
  display: inline-block;
  margin-right: 10px;
}

.other-translations td:last-child {
  width: 30px;
  text-align: center;
  color: var(--main-color);
}

.admin-content-static-term {
  padding: 10px;
}

/* Pagination */
.pagination {
  list-style: none;
  margin: 15px 0 0;
  padding: 0;
  height: 38px;
}

.pagination li {
  display: inline-block;
  margin-right: 5px;
}

@media (max-width: 480px) {
  .pagination {
    height: auto;
    display: flex;
    flex-wrap: wrap;
  }

  .pagination li {
    margin-bottom: 5px;
  }
}

.page-link {
  text-decoration: none;
  display: inline-flex;
  font-size: 14px;
  line-height: 30px;
  height: 36px;
  padding: 0 10px;
  cursor: pointer;
  border-width: 1px;
  border-style: solid;
  border-radius: 6px;
  white-space: nowrap;
  color: var(--t-ink);
  border-color: var(--t-line-strong);
  background: var(--t-surface);
  align-items: center;
  justify-content: center;
  box-shadow: none;
  font-weight: 500;
  min-width: 36px;
}

.pagination .page-link {
  padding: 0 10px;
}

.pagination .active .page-link,
.pagination .active .page-link:hover {
  background: #1d5fa8;
  border-color: #1d5fa8;
  color: #fff;
}

.admin-content a.page-link:hover {
  background: var(--t-hover);
  color: var(--t-ink);
}

.admin-content a.page-link {
  color: var(--t-ink);
}

/* Admin buttons */
.button {
  text-decoration: none;
  display: inline-flex;
  gap: 5px;
  font-size: 14px;
  line-height: 30px;
  height: 36px;
  padding: 0 15px;
  cursor: pointer;
  border-width: 1px;
  border-style: solid;
  border-radius: 6px;
  white-space: nowrap;
  color: var(--t-ink);
  border-color: var(--t-line-strong);
  background: var(--t-surface);
  align-items: center;
  justify-content: center;
  box-shadow: none;
  font-weight: 500;
}

.admin-content a.button,
.admin-content a.button:hover {
  color: var(--t-ink);
}

.button:focus-visible,
.add-button:focus-visible,
.action-button:focus-visible,
.admin-sidebar-element > a:focus-visible {
  box-shadow: var(--t-ring);
  outline: none;
}

.button:hover {
  background: var(--t-hover);
}

.button-primary {
  background: #1d5fa8;
  color: white !important;
  box-shadow: none;
  border-color: #1d5fa8;
}

.admin-content a.button-primary,
.admin-content a.button-primary:hover,
.admin-content a.button-danger,
.admin-content a.button-danger:hover {
  color: #fff;
}

.button-primary:hover {
  background: #174d8a;
  border-color: #174d8a;
}

/* Button variants */
.button-success {
  background: #2e9e5b;
  color: white !important;
  box-shadow: 0 1px 0 #1f7a43;
  border-color: #1f7a43;
}

.button-success,
.button-warning,
.button-dark {
  box-shadow: none;
}

.button-danger {
  background: var(--t-danger);
  color: white !important;
  box-shadow: none;
  border-color: var(--t-danger);
}

.button-danger:hover {
  background: #8f1c13;
  border-color: #8f1c13;
}

.button-warning {
  background: #e9a23b;
  color: white !important;
  box-shadow: 0 1px 0 #b97b1f;
  border-color: #b97b1f;
}

.button-dark {
  background: #3e487e;
  color: white !important;
  box-shadow: 0 1px 0 #2b3360;
  border-color: #2b3360;
}

.button-success:disabled,
.button-danger:disabled,
.button-warning:disabled,
.button-dark:disabled {
  box-shadow: none;
  opacity: .6;
  cursor: unset;
}

/* Status badges */
.badge {
  border-radius: 4px;
  display: inline-block;
  font-size: 11.5px;
  font-weight: 600;
  padding: 3px 8px;
  letter-spacing: 0.01em;
}

.badge-blue {
  background: #e5edff;
  color: #1f6fd6;
}

.badge-green {
  background: #e2f5e9;
  color: #15803d;
}

.badge-orange {
  background: #fff3dc;
  color: #8a5a00;
}

.badge-red {
  background: #fbe7e4;
  color: #9b2c1f;
}

.badge-gray {
  background: #eef0f3;
  color: var(--t-steel);
}

/* Dolu nişan — diqqət mütləq çəkilməli olan hal (gecikib, bloklanıb). Rəng class-ı ilə birlikdə: `badge badge-red badge-fill`. */
.badge-fill { color: #fff; }
.badge-fill.badge-blue { background: #1f6fd6; }
.badge-fill.badge-green { background: #15803d; }
.badge-fill.badge-orange { background: #d97706; }
.badge-fill.badge-red { background: #be2d2d; }
.badge-fill.badge-gray { background: #5b6478; }

/* Mətn rəngi — badge-lərlə EYNİ palitra və adlar (məna rəngi: mənfi qalıq, limiti aşan borc, artım/azalma) */
.text-blue { color: #1f6fd6; }
.text-green { color: #15803d; }
.text-orange { color: #b7790b; }
.text-red { color: #be2d2d; }
.text-gray { color: #6b7280; }

/* ------------------------------------------------------------------
 * QLOBAL KÖMƏKÇİ CLASS-LAR — modul prefiksi YOX, bütün modullarda eyni görünüş (backend.md §23d-0c)
 * ------------------------------------------------------------------ */
.hidden {
  display: none;
}

/* Hücrə / kart içində ikinci sətir: kod, ünvan, tarix, izah */
.sub-text {
  color: #6b7280;
  display: block;
  font-size: 12px;
}

/* Rəqəm sütunu: sağa, bir sətirdə, eyni enli rəqəmlər */
.text-num {
  font-variant-numeric: tabular-nums;
  text-align: right;
  white-space: nowrap;
}

/* Siyahının GET filtri */
.list-filter {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 15px;
}

.list-filter input[type="text"],
.list-filter input[type="number"],
.list-filter select {
  margin: 0;
  min-width: 180px;
  width: auto;
}

.table-heading-area .datepicker {
  min-width: 120px !important;
  width: 120px !important;
}

/* Sətir vəziyyəti — cədvəl sətrinə (`<tr>`) verilir; xanadakı tək rəqəm üçün `text-red` işlənir */
.row-red td {
  background: #ffaaaa;
}

.row-muted td {
  color: #8a8f98;
}

.row-muted .badge {
  opacity: .55;
}

/* AJAX əməliyyatı gedən sətir — ikinci klik getməsin */
.row-busy {
  opacity: .3;
  pointer-events: none;
}

/* Qeyd bloku — kartın altında izah, rəy, səbəb */
.note-box {
  background: rgba(47, 111, 208, .06);
  border-left: 3px solid #2f6fd0;
  margin-bottom: 20px;
  padding: 8px 12px;
}

.note-box pre {
  font-size: 12px;
  margin: 8px 0 0;
  white-space: pre-wrap;
}

/*
 * GÖSTƏRİCİ KARTI — dörd sabit hissə, hamısı istəyə bağlı (label və value-dan başqa):
 *   <div class="info-card [info-card-good|info-card-warning|info-card-critical]">
 *       <div class="info-card-label"><i class="fe fe-…"></i>Etiket</div>
 *       <div class="info-card-value">42</div>
 *       <div class="sub-text">izah, link</div>          ← kartın dibinə yapışır, xətlə ayrılır
 *   </div>
 * Rəng MƏNA daşıyır (vəziyyət), bəzək deyil: zolaq və ikon fonu yalnız ton class-ı olanda rənglənir.
 */
.info-cards {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-bottom: 25px;
}

.info-card {
  --card-accent: #5b6572;
  --card-tint: #eef0f3;
  background: #fff;
  border: 1px solid #dfe1e5;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  flex: 1 1 210px;
  min-width: 0;
  padding: 14px 16px;
  position: relative;
}

.info-card-good { --card-accent: #15803d; --card-tint: #e2f5e9; }
.info-card-warning { --card-accent: #b7790b; --card-tint: #fff3dc; }
.info-card-critical { --card-accent: #be2d2d; --card-tint: #fdecec; }

.info-card-good,
.info-card-warning,
.info-card-critical {
  box-shadow: inset 3px 0 0 var(--card-accent);
}

.info-card-label {
  align-items: center;
  color: #5b6572;
  display: flex;
  font-size: 13px;
  font-weight: 500;
  gap: 8px;
}

.info-card-label .fe {
  align-items: center;
  background: var(--card-tint);
  border-radius: 50%;
  color: var(--card-accent);
  display: inline-flex;
  flex: 0 0 28px;
  font-size: 14px;
  height: 28px;
  justify-content: center;
}

.info-card-value {
  color: #17202b;
  font-size: 16px;
  font-variant-numeric: tabular-nums;
  font-weight: 600;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.info-card-value a {
  display: inline-block;
  margin-right: 8px;
}

.info-card .sub-text {
  border-top: 1px solid #eef0f3;
  color: #6b7280;
  font-size: 12.5px;
  line-height: 1.5;
  margin-top: auto;
  padding-top: 8px;
}

.info-card .sub-text:empty {
  display: none;
}


/* Açar–dəyər kartı (tapşırıq, ziyarət): sol sütun sabit enli başlıq, sağda dəyər */
.kv-table {
  margin-bottom: 25px;
  max-width: 900px;
}
.kv-table tbody th {
  color: #5b6572;
  text-align: left;
  vertical-align: top;
  white-space: nowrap;
  width: 180px;
}
.kv-table .sub-text {
  color: #6b7280;
  font-size: 12px;
  margin-left: 6px;
}

.add-button {
  padding: 7px 10px;
  position: relative;
  text-decoration: none;
  border-radius: 5px;
  background: #3e487e;
  text-shadow: none;
  font-size: 13px;
  color: #ffffff !important;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

.admin-content .page-title .add-button:first-of-type:hover {
  background: #2a3646;
}

.admin-content .page-title .add-button:first-of-type {
  background: var(--t-ink);
  border-color: var(--t-ink);
  color: #fff !important;
}

.admin-content .add-button:hover {
  background: var(--t-hover);
  border-color: var(--t-line-strong);
  color: var(--t-ink) !important;
}

.admin-content .add-button {
  background: var(--t-surface);
  border: 1px solid var(--t-line-strong);
  border-radius: 6px;
  color: var(--t-ink) !important;
  font-weight: 400;
  gap: 8px;
  height: 32px;
  padding: 0 12px;
}

.add-button:hover {
  border-color: #008ec2;
  background: #00a0d2;
  color: #fff !important;
}

.button-primary:disabled {
  box-shadow: none;
  color: #46c9fe !important;
  text-shadow: none;
  cursor: unset;
}

.simple-button {
  border: 0;
  background: 0;
  padding: 0;
  color: #0073aa;
  text-align: left;
  cursor: pointer;
}

.disabled-button {
  pointer-events: none;
}

#nestable-output {
  display: none;
}

/* Add new post */
.page-title {
  font-size: 24px;
  margin-bottom: 20px;
  gap: 10px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  color: var(--t-ink);
  font-weight: 500;
  letter-spacing: -0.015em;
}

.admin-content-area {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -10px;
}

.admin-content-1 {
  padding: 0 10px 20px;
  width: calc(100% - 280px);
}

.admin-content-2 {
  padding: 0 10px 20px;
  width: 280px;
}

@media (max-width: 1024px) {
  .admin-content-1,
  .admin-content-2 {
    width: 100%;
  }
}

.admin-post-side-blocks {
  display: flex;
  flex-direction: column;
}

.admin-content-editor {
  margin-bottom: 30px;
}

.content-editor,
.simple-content-editor {
  display: none;
}

.admin-content-element-title {
  font-weight: 600;
  padding: 10px;
  line-height: 1;
  position: relative;
  border-bottom: 1px solid #eee;
}

.admin-content-term {
  padding: 5px;
}

.children-terms {
  margin-left: 10px;
}

.admin-form-checkbox,
.admin-form-radio {
  position: relative;
  user-select: none;
}

.admin-form-checkbox label {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  margin-bottom: 0 !important;
  font-weight: 400 !important;
  cursor: pointer;
}

.admin-content-term-area {
  background: #fdfdfd;
  border: 1px solid #ddd;
  padding: 5px;
  margin-bottom: 5px;
  max-height: 250px;
  overflow-y: auto;
}

.admin-form-checkbox {
  margin-bottom: 4px;
}

.admin-form-checkbox input {
  display: inline-block;
  vertical-align: middle;
}

.all-terms-children {
  margin-left: 15px;
}

.add-new-term {
  display: table;
  font-size: 13px;
  text-decoration: underline;
  color: #0073aa;
  cursor: pointer;
  padding: 3px 10px 10px;
  user-select: none;
}

.admin-parent-terms select,
.admin-form-element select {
  width: 100%;
}

.add-simple-term {
  padding: 0 10px 10px;
  display: none;
}

.add-simple-term .admin-element {
  margin-bottom: 5px;
}

.date-status-change {
  color: #0073aa;
  text-decoration: underline;
  margin-left: 5px;
  font-weight: 600;
  cursor: pointer;
}

.date-select-area {
  margin-top: 10px;
  display: none;
}

.date-day,
.date-hour,
.date-minute {
  width: 100px;
}

.date-year {
  width: 120px;
}

.date-month {
  width: 160px;
}

.fixed-element-publish {
  position: fixed;
  top: 50px;
  width: 260px;
}

/* Sticky "Dərc et" yalnız iki sütunlu görünüşdə mənalıdır —
   1024px-dən aşağıda sütunlar alt-alta düşdüyü üçün ləğv olunur */
@media (max-width: 1024px) {
  .fixed-element-publish {
    position: static;
    top: auto;
    width: auto;
  }
}

.admin-post-submit-area {
  padding: 10px;
  border-top: 1px solid #ddd;
  background: #f5f5f5;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}

.edit-delete-button {
  background: transparent;
  border: 0;
  color: #a00;
  text-decoration: underline;
  cursor: pointer;
}

.action-post-button {
  order: 1;
}

.update-post-button {
  order: 2;
}

.display-uploaded-image {
  position: relative;
  display: flex;
  width: 100%;
  justify-content: center;
  border: 1px solid #ddd;
  background: #f5f5f5;
}

.display-uploaded-image img {
  min-width: 150px;
  min-height: 150px;
  object-fit: contain;
  background: #eee;
}

.display-file-icon {
  width: 60px;
  background: white;
  border-right: 1px solid #ddd;
  display: flex;
  align-items: center;
}

.display-file-icon:before {
  content: "\f497";
  font-family: dashicons;
  font-size: 60px;
}

.display-file-icon:has(img):before {
  content: none;
}

.display-uploaded-file .display-file-icon img {
  width: 60px;
  height: 60px;
  min-width: 0;
  min-height: 0;
  object-fit: cover;
}

.display-file-details {
  width: calc(100% - 60px);
  padding: 10px 50px 10px 20px;
}

.display-file-name {
  font-weight: 600;
  margin-bottom: 5px;
  word-break: break-word;
}

.display-file-view {
  margin-top: 5px;
}

.display-file-view a {
  font-weight: 600;
}

.remove-uploaded-image {
  position: absolute;
  top: 5px;
  right: 5px;
}

.remove-uploaded-image:before {
  content: "\f335";
  font-family: dashicons;
  width: 32px;
  height: 32px;
  line-height: 32px;
  color: white;
  background: #444;
  text-align: center;
  font-size: 22px;
  border-radius: 50%;
  display: block;
  border: 2px solid rgb(255 255 255 / 65%);
  cursor: pointer;
}

.delete-edit-post {
  border: 0;
  background: transparent;
  padding: 0;
  height: auto;
  text-decoration: underline;
  color: #a00;
  cursor: pointer;
  font-size: 14px;
}

.no-file-selected {
  padding: 5px 10px 5px 0;
  display: inline-block;
}

.admin-upload-file-button-area {
  display: flex;
  align-items: center;
}

.form-result:not(:empty) {
  margin-top: 20px;
}

/* Admin input */
.page-options {
  display: flex;
  flex-wrap: wrap;
}

.admin-form-element {
  border-bottom: 1px solid #eee;
  padding: 10px;
  background: white;
  width: 100%;
}

@media (max-width: 768px) {
  .admin-form-element,
  .admin-field-element {
    width: 100% !important;
  }
}

.edit-user-image .admin-form-element {
  background: transparent;
  padding: 0;
}

.admin-form-element label {
  font-weight: 600;
  margin-bottom: 7px;
  display: inline-block;
}

.admin-form-element label:empty {
  display: none;
}

.admin-form-element input[type="text"],
.admin-form-element input[type="email"],
.admin-form-element input[type="number"],
.admin-form-element input[type="password"] {
  width: 100%;
}

.admin-form-element a {
  text-decoration: underline;
}

input[type="text"],
select,
input[type="number"],
input[type="email"],
input[type="password"],
input[type="email"],
input[type="date"] {
  height: 35px;
  border: 1px solid #ddd;
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.12);
  border-radius: 5px;
  padding: 4px 8px;
  background: white;
  color: #32373c;
  font-size: 14px;
  display: inline-block;
  vertical-align: middle;
  font-family:
    -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu,
    Cantarell, "Helvetica Neue", sans-serif;
}

input[type="checkbox"]:checked {
  background: var(--t-ink);
  border-color: var(--t-ink);
}

input:disabled,
select:disabled,
textarea:disabled,
input[readonly] {
  background: var(--t-paper);
  color: var(--t-steel);
}

input:focus,
select:focus,
textarea:focus {
  border-color: var(--t-steel);
}

input[type="text"],
input[type="number"],
input[type="email"],
input[type="password"],
input[type="date"],
select,
textarea {
  border: 1px solid var(--t-line-strong);
  border-radius: 6px;
  box-shadow: inset 0 0 3px rgb(0 0 0 / 12%);
  color: var(--t-ink);
  font-family: Inter, sans-serif;
  height: 36px;
  transition: border-color 0.12s, box-shadow 0.12s;
}

input:disabled,
select:disabled,
textarea:disabled {
  box-shadow: none;
  color: var(--t-steel);
  cursor: not-allowed;
}

button {
  font-family: Inter, sans-serif;
}

@media (max-width: 768px) {
  input[type="text"],
  select,
  input[type="number"],
  input[type="email"],
  input[type="password"],
  input[type="date"] {
    /* height 35px-də qalır (.button ilə eyni) — font-size: 16px iOS-da
       fokusda avtomatik zoom-un qarşısını almaq üçündür */
    font-size: 16px;
    margin-right: 0;
    max-width: 100%;
  }
}

input[type="text"]:disabled {
  background: var(--t-paper);
}

select {
  cursor: pointer;
}

.field-input select {
  width: 100%;
}

input[type="checkbox"] {
  appearance: none;
  width: 16px;
  height: 16px;
  border: 1px solid var(--t-line-strong);
  display: inline-block;
  background: white;
  position: absolute;
  cursor: pointer;
  margin-top: 0;
  background: white;
  box-shadow: inset 0 0 3px rgb(0 0 0 / 12%);
  border-radius: 4px;
}

input[type="checkbox"]:checked:before {
  content: "\e92b";
  font-family: "Feather";
  font-size: 12px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  font-weight: 700;
  line-height: 1;
}

input[type="checkbox"] + label {
  padding-left: 30px;
  cursor: pointer;
}

.admin-gallery-item-area input[type="checkbox"] + label {
  padding-left: 0;
}

input[type="radio"] {
  appearance: none;
  width: 16px;
  height: 16px;
  border: 1px solid var(--t-line-strong);
  border-radius: 50%;
  position: absolute;
  cursor: pointer;
  margin-top: 2px;
  background: white;
  box-shadow: inset 0 0 3px rgb(0 0 0 / 12%);
}

input[type="radio"] + label {
  padding-left: 30px;
  margin-bottom: 7px;
  cursor: pointer;
}

input[type="radio"]:checked:before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #1e8cbe;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

input[type="file"]::file-selector-button {
  text-decoration: none;
  display: inline-block;
  font-size: 13px;
  padding: 7px 12px;
  cursor: pointer;
  border-width: 1px;
  border-style: solid;
  border-radius: 3px;
  white-space: nowrap;
  color: #555;
  border-color: #ccc;
  background: #f7f7f7;
  border-bottom-width: 2px;
  margin-right: 10px;
}

.admin-element input[type="text"],
.admin-element input[type="email"],
.admin-element input[type="number"],
.admin-element input[type="password"],
.admin-element select {
  width: 100%;
}

.admin-element label,
.admin-element-1 label {
  color: var(--t-ink);
  font-weight: 500;
  padding-right: 15px;
}

.admin-content-description input[type="text"],
.admin-content-description input[type="email"],
.admin-content-description input[type="number"],
.admin-content-description input[type="password"],
.admin-content-description select {
  width: 100%;
}

.add-title input[type="text"] {
  height: 40px;
  font-size: 20px;
  padding: 0 7px;
  margin-bottom: 30px;
  width: 100%;
}

.add-title input[type="text"]:disabled {
  background: white;
}

textarea {
  width: 100%;
  border: 1px solid var(--t-line-strong);
  border-radius: 6px;
  padding: 5px;
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.12);
  resize: vertical;
  color: var(--t-ink);
  font-size: 14px;
  min-height: 90px;
  margin-bottom: -5px;
  font-family: Inter, sans-serif;
  height: auto;
}

@media (max-width: 768px) {
  textarea {
    font-size: 16px;
    height: auto;
    max-width: 100%;
  }
}

.admin-form-radio label {
  cursor: pointer;
  font-weight: 400;
}

.date-select {
  display: flex;
  margin-bottom: 5px;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  appearance: none;
  margin: 0;
}

input[type="number"] {
  appearance: textfield;
}

.admin-element label {
  display: block;
  margin-bottom: 5px;
}

.admin-element i {
  font-size: 13px;
  color: #777;
  padding-left: 10px;
}

.admin-checkbox label {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  font-weight: 400 !important;
  margin-bottom: 0;
  width: auto;
}

.child-categories {
  margin-left: 15px;
}

.admin-element-group {
  display: flex;
  justify-content: space-between;
}

.admin-submit {
  align-items: center;
  margin-top: 10px;
}

.admin-submit button {
  margin-right: 10px;
}

.post-slug {
  margin: -20px 0 30px;
}

.post-slug a {
  text-decoration: underline;
  margin-left: 5px;
}

.post-slug-editable input {
  border: 1px solid #ddd;
  height: 25px;
  padding: 0 7px;
  min-width: 300px;
  color: #444;
}

.edit-post-slug {
  height: 26px;
  line-height: 26px;
  padding: 0 10px;
  font-size: 11px;
  margin-left: 5px;
}

.confirm-slug,
.cancel-slug {
  display: none;
}

.cancel-slug {
  cursor: pointer;
  margin-left: 5px;
  font-size: 11px;
  user-select: none;
}

.add-new-post-slug {
  margin: -15px 0 30px;
}

.add-new-post-slug input {
  box-shadow: none;
  border: 0;
  background: #f1f1f1;
  padding: 0;
  border-bottom: 1px solid #ccc;
  height: 20px;
  width: 300px;
  margin-left: 5px;
}

#add-term-form .admin-form-element {
  background: none;
  padding: 0 0 15px;
  border: 0;
}

#add-term-form .field-gallery {
  border: 1px solid #ddd;
  margin-bottom: 15px;
}

/* Fields */
.admin-fields-area {
  box-shadow: 0 1px 1px rgb(0 0 0 / 4%);
  border: 1px solid #ccd0d4;
  display: flex;
  flex-wrap: wrap;
  background: white;
  margin-bottom: 20px;
}

.admin-pure-fields-area {
  padding: 0;
  box-shadow: none;
  border: 0;
  margin-bottom: 20px;
}

.admin-pure-fields-area .admin-repeater-field {
  margin: 0;
}

.admin-content-elements,
.posts-extra-fields {
  box-shadow: 0 1px 1px rgb(0 0 0 / 4%);
  border: 1px solid #ccd0d4;
  background: white;
  margin-bottom: 20px;
  border-radius: 5px;
  overflow: hidden;
}

.admin-fields-area:empty {
  display: none;
}

.clear-post-field {
  font-weight: 600;
  margin-top: 7px;
  cursor: pointer;
}

.admin-master-heading {
  width: 100%;
  font-weight: 700;
  background: #3db27c;
  font-size: 17px;
  padding: 10px 15px;
  color: white;
  text-transform: uppercase;
}

.admin-multilang-editor-tabs .admin-content-editor {
  margin: 0;
}

/* All posts */
.table-heading-area {
  align-items: baseline;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.table-heading-area > .table-count {
  color: #666;
  font-size: 13px;
  margin-bottom: 5px;
  margin-left: auto;
  padding-left: 15px;
  white-space: nowrap;
}

.table-heading-area > .list-filter {
  flex: 1 1 0;
  margin: 0 0 15px;
  min-width: 0;
}

.table-heading-area > .table-heading ~ .list-filter {
  flex: 0 0 100%;
  margin-top: 5px;
}

.table-heading {
  font-size: 13px;
  margin-bottom: 5px;
}

.table-heading a {
  margin-right: 5px;
  margin-bottom: 5px;
  display: inline-block;
}

.table-heading a:after {
  content: "";
  height: 13px;
  width: 1px;
  margin-left: 7px;
  display: inline-block;
  vertical-align: middle;
  background: black;
  transform: translateY(-1px);
}

#trashed-post-count:after {
  display: none;
}

.table-heading a:last-child:after {
  width: 0;
  margin-left: 0;
}

.table-heading-languages {
  margin-top: 8px;
}

.inactive {
  color: #666 !important;
  font-weight: 600;
}

.table-filter {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 10px;
}

.table-filter-block-area {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}

.table-filter button {
  display: inline-block;
  vertical-align: middle;
}

.category-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.responsive-table {
  overflow-x: auto;
}

.post-table {
  width: 100%;
  text-align: left;
  background: white;
  border: 1px solid var(--t-line);
  margin-top: 15px;
  border-collapse: separate;
  font-size: 13px;
  border-radius: 8px;
  border-spacing: 0;
}

/* `:nth-child(odd)` variantı da yazılır — aşağıdakı `.master-table tbody tr:nth-child(odd) { transparent }`
   eyni güclüdür və sonra gəldiyi üçün tək sətirlərdə hover-i söndürürdü. */
.post-table tbody tr:hover,
.post-table tbody tr:nth-child(odd):hover {
  background: #e6ebf1;
}

.post-table tbody tr:last-child td {
  border-bottom: 0;
}

.post-table thead tr:first-child > :last-child {
  border-top-right-radius: 8px;
}

.post-table thead tr:first-child > :first-child {
  border-top-left-radius: 8px;
}

.post-table th,
.post-table td {
  padding: 8px 10px;
  position: relative;
}

.post-table tbody td {
  vertical-align: middle;
  border-bottom: 1px solid #eef0f3;
  padding: 9px 10px;
}

.post-table thead td,
.post-table th {
  border-bottom: 1px solid var(--t-line);
  font-weight: 600;
  background: #f8f9fb;
  color: var(--t-steel);
  font-size: 12.5px;
  padding: 10px;
  white-space: nowrap;
}

/* Row headings */
.post-table tbody th,
.post-table tfoot th {
  font-weight: 600;
}

/* Section heading */
.section-heading {
  font-size: 16px;
  font-weight: 600;
  margin: 25px 0 10px;
  color: var(--t-ink);
}

input[type="checkbox"].checkAll {
  position: relative;
}

.table-langs img {
  width: 18px;
  display: inline-block;
  margin: 0 3px;
}

.post-table tfoot td {
  border-top: 1px solid #ddd;
  font-weight: 400;
}

.post-table th:first-child,
.post-table td:first-child {
  width: 30px;
}

@media (max-width: 1024px) {
  .table-scroll {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .table-scroll .post-table {
    min-width: 700px;
  }

  .post-table tr {
    background: white;
  }

  .post-table th:first-child,
  .post-table td:first-child {
    position: sticky;
    left: 0;
    z-index: 2;
    background: inherit;
    box-shadow: 1px 0 0 #ddd;
  }
}

.term-translate-table.post-table th:first-child,
.term-translate-table.post-table td:first-child {
  width: auto;
}

/* № sütunu olmayan cədvəl (hesabat, kart, lövhə) — birinci sütunun 30px-i (sıra № üçündür) ləğv edilir */
.post-table.table-plain th:first-child,
.post-table.table-plain td:first-child {
  width: auto;
}

.term-translate-table {
  width: 500px;
}

@media (max-width: 1024px) {
  .term-translate-table {
    width: 100%;
  }
}

.term-translate-table tr {
  font-size: 14px;
  color: #0073aa;
}

.term-translate-table thead tr {
  color: black;
}

.table-term-langs div {
  cursor: pointer;
}

.all-posts-table tbody .post:nth-child(odd) {
  background: #f9f9f9;
}

.post-title {
  font-size: 14px;
  display: inline-block;
  margin-bottom: 5px;
  margin-right: 5px;
}

.post-badge {
  color: white;
  padding: 3px 10px;
  border-radius: 3px;
  display: inline-block;
  margin-right: 5px;
}

.td-taxonomy form:after {
  content: ",";
  margin-left: -3px;
}

.td-taxonomy form:last-child:after {
  display: none;
}

.next-time-post {
  background: green;
}

.draft-post {
  background: #999;
}

.checking-post {
  background: #595984;
}

.title-helpers {
  opacity: 0;
}

@media (max-width: 1024px) {
  .title-helpers {
    opacity: 1;
  }
}

.title-helpers span:not(:first-child):before {
  content: "";
  margin: 0 5px 0 3px;
  width: 5px;
  height: 1.2px;
  background: #8edaff;
  align-items: flex-end;
  display: inline-flex;
  transform: translateY(-3px);
}

.helper-delete {
  padding: 0;
  border: 0;
  background: transparent;
  color: red !important;
  cursor: pointer;
}

.helper-restore,
.helper-copy {
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}

.post-table tbody tr:hover .title-helpers {
  opacity: 1;
}

.td-category form {
  display: inline-block;
}

.quick-post {
  display: none;
  background: #f9f9f9;
  border: 1px solid #ddd;
  border-left: 0;
  border-right: 0;
}

.quick-post td {
  padding: 10px 10px 15px;
}

.quick-edit-heading {
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 10px;
}

.quick-edit {
  color: #0073aa;
  cursor: pointer;
}

.quick-blocks {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -5px -10px;
}

.quick-block {
  padding: 0 5px 10px;
}

.quick-block-50 {
  width: 50%;
}

.quick-block-25 {
  width: 25%;
}

.quick-block-33 {
  width: 33.3%;
}

.quick-element {
  margin-bottom: 5px;
}

.quick-element label {
  width: 70px;
  display: inline-block;
  vertical-align: middle;
  color: #777;
}

.quick-element input,
.quick-element select,
.quick-date-selector {
  width: calc(100% - 80px);
}

.quick-date-selector-area {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 80px);
}

.quick-date-selector {
  display: flex;
  flex-wrap: wrap;
}

.quick-date-selector .date {
  margin-right: 5px;
}

.quick-date-selector input,
.quick-date-selector select {
  width: 100%;
}

.quick-element.date-select {
  display: block;
}

.quick-buttons {
  margin-top: 10px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.quick-terms-area {
  height: 180px;
  overflow: auto;
  background: white;
  border: 1px solid #ddd;
  padding: 8px;
}

.add-post-language,
.edit-post-language {
  display: inline-block;
  vertical-align: middle;
}

.add-post-language:before {
  content: "\f543";
  font-family: dashicons;
  font-size: 18px;
  width: 21px;
  margin: 0 2px;
  text-align: center;
  display: block;
  cursor: pointer;
}

.edit-post-language:before {
  content: "\f327";
  font-family: dashicons;
  font-size: 18px;
  width: 21px;
  margin: 0 2px;
  text-align: center;
  display: block;
  cursor: pointer;
}

.post-hidden-data {
  display: none;
}

.default-post {
  display: none;
}

.quick-edit-post {
  background: #f4f4f4;
}

.column-post-title a {
  color: black;
  display: inline-flex;
  gap: 5px;
}

.become-this-user {
  color: #0073aa;
  cursor: pointer;
}

.become-this-user:hover {
  color: #00a0d2;
}

.sortable a {
  font-weight: 600;
  color: #21219b;
  display: flex;
  align-items: center;
  gap: 5px;
}

.sortable-arrow {
  font-size: 9px;
}

/* Alert */
.alert {
  background: #fff;
  border: 1px solid #ccd0d4;
  border-left-width: 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
  margin: 0 0 25px;
  padding: 10px 15px;
  position: relative;
  width: 100%;
}

.alert-danger {
  border-left-color: red;
  border-left: 3px solid var(--t-danger);
}

.alert-success {
  border-left-color: #13d913;
  border-left: 3px solid #15803d;
}

.back-main-page a {
  text-decoration: underline;
  font-size: 13px;
  margin-top: 10px;
  display: table;
}

.alert-success a {
  text-decoration: underline;
}

.close-alert {
  width: 30px;
  height: 30px;
  line-height: 30px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  cursor: pointer;
}

.close-alert:before {
  content: "\f335";
  font-family: dashicons;
  color: #666;
  font-size: 24px;
}

.send-again-email {
  font-weight: 600;
  text-decoration: underline;
  cursor: pointer;
}

.upload-media-alerts:not(:empty) {
  margin-bottom: 25px;
}

.upload-media-alerts .alert {
  margin-bottom: 10px;
}

/* Categories */
.term-area {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px;
}

.term-block {
  padding: 0 15px;
}

.term-first {
  width: 35%;
}

.term-second {
  width: 65%;
}

.add-term-form {
  margin-top: 15px;
}

.parent-term-title {
  font-weight: 500;
  font-size: 22px;
  background: #2e8f74;
  color: white;
  display: table;
  padding: 5px 15px;
  border-radius: 5px;
}

.parent-breadcrumbs {
  margin: 15px 0;
  font-weight: 600;
  font-size: 16px;
  display: flex;
  flex-wrap: wrap;
}

.parent-breadcrumb:not(:last-child):after {
  content: "/";
  padding: 0 10px 0 5px;
  font-size: 13px;
  color: #999;
  display: inline-block;
  transform: translateY(-2px);
}

.parent-breadcrumb:last-child a {
  color: black;
  pointer-events: none;
}

.term-order-form {
  display: flex;
  align-items: center;
}

.term-order-form input {
  width: 60px;
  margin-right: 5px;
}

.success-icon:before {
  content: "\f12a";
  font-family: Dashicons;
  font-size: 24px;
  padding-left: 5px;
  color: green;
}

/* Add new user */
.admin-password {
  position: relative;
}

#check-login {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
  font-size: 22px;
  cursor: pointer;
}

.show-password:before {
  content: "\f177";
  font-family: dashicons;
}

.hide-password:before {
  content: "\f530";
  font-family: dashicons;
}

.password-change-area {
  display: none;
}

.edit-password-area {
  display: flex;
}

.edit-password-area .admin-password {
  width: calc(100% - 100px);
}

.admin-password-cancel {
  width: 100px;
  padding-left: 10px;
}

.cancel-change-password {
  width: 100%;
  text-align: center;
}

.edit-password-area #check-login {
  padding-top: 3px;
}

.edit-user-image .display-uploaded-image {
  width: 200px;
}

/* Options */
.option-page {
  width: 600px;
  margin-top: 15px;
}

@media (max-width: 1024px) {
  .option-page {
    width: 100%;
  }
}

.option-page .admin-element {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.option-page .admin-repeater-area .admin-form-element {
  flex-wrap: wrap;
}

.option-page label {
  font-weight: 500;
}

.option-page .admin-repeater-area .admin-form-element > label {
  width: 100%;
  padding: 0 0 5px;
  margin: 0;
}

.admin-element-1 {
  width: 35%;
  padding-top: 5px;
}

.admin-element-2,
.option-page #admin-content-image {
  width: 65%;
}

@media (max-width: 768px) {
  .admin-element-1,
  .admin-element-2,
  .option-page #admin-content-image {
    width: 100%;
  }

  .admin-element-1 {
    padding-top: 0;
    padding-bottom: 5px;
  }
}

.option-page .admin-repeater-area #admin-content-image {
  width: 100%;
}

.admin-repeater-area .display-uploaded-image img {
  min-width: auto;
  width: 100%;
}

.admin-element-block select {
  width: 100%;
}

.option-page .admin-form-element {
  background: none;
  border: none;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: 20px;
}

.option-page .admin-form-element.field-image {
  margin-top: 10px;
  margin-bottom: 10px;
}

.option-page .admin-form-element > label {
  width: 35%;
  padding-top: 5px;
}

.option-page .field-gallery {
  border: 1px solid #ddd;
  margin-top: 20px;
}

.option-page .admin-form-radio label,
.option-page .admin-form-checkbox label {
  width: auto;
  padding-top: 0;
  display: inline-block;
  padding-right: 25px;
}

.regenerate-progress {
  padding-left: 5px;
}

.option-page .admin-form-element > label {
  width: 35%;
}

.option-page .admin-form-element .field-input {
  width: 65%;
}

@media (max-width: 768px) {
  .option-page .admin-form-element > label,
  .option-page .admin-form-element .field-input {
    width: 100%;
  }
}

.option-page .admin-repeater-field {
  border: 1px solid #cacaca;
  margin: 20px 0;
}

.option-page .field-input .admin-form-checkbox input {
  margin: 0 5px 0 0;
}

.option-page .field-input .admin-form-radio input {
  margin: 0;
}

.option-page .admin-repeater-field .admin-form-element {
  margin-top: 0;
  padding: 10px;
  border-bottom: 1px solid #ddd;
}

.option-page .admin-form-element {
  margin-top: 0;
  margin-bottom: 15px;
}

.field-post-search {
  margin-bottom: 10px;
}

.option-mail-buttons {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  margin-bottom: 20px;
  margin-top: -10px;
}

.option-mail-buttons > div {
  margin-left: 10px;
}

.field-checkbox .field-input,
.field-radio .field-input {
  max-height: 250px;
  overflow-y: auto;
}

.terms-field-checkbox .terms-field-checkbox {
  padding-left: 15px;
}

.option-page .parent-taxonomy-elements label {
  display: none;
}

.field-search-input {
  margin-bottom: 10px;
}

.extra-fields:not(:empty) {
  margin-bottom: 20px;
}

/* Term */
.term-area .admin-element {
  margin-bottom: 10px;
}

/* Delete user */
#delete-user {
  margin-top: 15px;
}

.delete-user-radio,
.delete-user-select {
  display: inline-block;
  vertical-align: middle;
}

.delete-user-radio {
  padding-right: 10px;
}

.delete-user-select {
  padding-top: 5px;
}

/* Comments */
.master-table tr:nth-child(odd) {
  background: #f9f9f9;
}

.master-table tbody tr:nth-child(odd) {
  background: transparent;
}

thead tr,
tfoot tr {
  background: white !important;
}

.master-comment-table th:nth-child(2) {
  width: 18%;
}

.master-comment-table th:nth-child(4),
.master-comment-table th:nth-child(5) {
  width: 15%;
}

.waiting-comment {
  border-left: 4px solid #d54e21;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  background: #fef7f1 !important;
}

.comment_details_td img {
  width: 35px;
  height: 35px;
  object-fit: cover;
  margin-right: 10px;
  float: left;
  border: 1px solid #ddd;
}

.comment-details div {
  margin-bottom: 3px;
  vertical-align: middle;
}

.no-user-image,
.comment-user-image {
  display: inline-block;
  width: 35px;
  height: 35px;
  line-height: 35px;
  margin-right: 5px;
  transform: translateY(-2px);
}

.no-user-image:before {
  content: "\e9f1";
  font-family: "Feather";
  background: #eee;
  display: block;
  border: 1px solid #ddd;
  text-align: center;
  font-size: 20px;
}

.comment_author {
  color: #555;
}

.comment_email a {
  word-break: break-word;
}

.comment_look_post {
  margin: 3px 0 8px;
}

.comment_post_count span {
  display: table;
  background: #72777c;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  color: white;
  border-radius: 5px;
  position: relative;
}

.comment_post_count span:after {
  content: "";
  display: block;
  margin-left: 8px;
  width: 0;
  height: 0;
  border-top: 5px solid #72777c;
  border-right: 5px solid transparent;
  position: absolute;
}

.comment_toolbar {
  margin-top: 10px;
  opacity: 0;
}

@media (max-width: 1024px) {
  .comment_toolbar {
    opacity: 1;
  }
}

.post-table tr:hover .comment_toolbar {
  opacity: 1;
}

.comment_toolbar span {
  color: #0073aa;
  cursor: pointer;
}

.comment-approve {
  color: #006505 !important;
}

.parent_comment_details {
  margin-bottom: 5px;
}

.reply-comment-textarea textarea {
  min-height: 90px;
  padding: 10px;
}

.user-ratings {
  display: flex;
}

.default-star:before {
  content: "\f154";
  font-family: dashicons;
  display: inline-block;
  font-size: 14px;
}

.user-star:before {
  content: "\f155";
  font-family: dashicons;
  display: inline-block;
  font-size: 14px;
}

/* Edit comments */
.edit-comment-table table {
  width: 100%;
  background: white;
  border: 1px solid #ccd0d4;
  margin-bottom: 30px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
}

.edit-comment-table th {
  text-align: left;
  padding: 8px 15px;
  border-bottom: 1px solid #eee;
}

.edit-comment-table td {
  padding: 8px 15px;
}

.edit-comment-table td:first-child {
  width: 150px;
}

.edit-comment-table input[type="text"],
.edit-comment-table input[type="email"],
.edit-comment-table input[type="number"],
.edit-comment-table input[type="password"] {
  width: 100%;
}

.edit-comment-rating-form {
  display: inline-block;
  margin-right: 15px;
}

.edit-comment-content textarea {
  min-height: 90px;
  font-family: Arial;
  padding: 10px;
}

.page-permalink {
  font-size: 13px;
  margin-bottom: 15px;
  color: #555;
}

.page-permalink a,
.edit-comment-post a,
.edit-comment-parent a {
  text-decoration: underline;
}

.edit-comment-post,
.edit-comment-parent {
  padding: 10px;
}

.edit-comment-content label {
  margin-bottom: 5px;
  display: block;
}

.edit-comment-notification {
  margin-top: 10px;
}

.edit-comment-notification label {
  cursor: pointer;
}

.reset-comment-rating {
  display: inline-block;
  vertical-align: middle;
  font-weight: 600;
  text-decoration: underline;
  cursor: pointer;
}

#edit-comment-form .admin-post-publish-time label {
  margin-bottom: 0;
}

#edit-comment-form .admin-post-submit-area {
  border-top: 0;
}

.custom-comment-fields:not(:empty) {
  border: 1px solid #ccd0d4;
  margin-bottom: 25px;
  box-shadow: 0 1px 1px rgb(0 0 0 / 4%);
}

.custom-comment-fields .admin-form-element:last-child {
  border-bottom: 0;
}

/* Pages */
.form-description {
  color: var(--t-steel);
  font-weight: 600;
  font-style: italic;
  margin-bottom: 7px;
  line-height: 1.5;
}

.option-page .form-description {
  margin-top: 7px;
  margin-bottom: 0;
}

pre.htmlcode {
  display: inline-block;
  background: #e0e0e0;
  color: black;
  padding: 5px 10px;
  margin: 0;
}

.admin-repeater-field .form-description {
  background: #f5f5f5;
  padding: 10px;
  margin-bottom: 0;
  border-bottom: 1px solid #eee;
}

.look-page {
  text-decoration: underline;
}

.admin-form-button-area {
  background: #f5f5f5;
  border-top: 1px solid #ddd;
  padding: 10px;
  width: 100%;
}

.gallery-form-description {
  color: blue;
  font-style: italic;
  margin-top: 10px;
}

/* Repeater */
.admin-repeater-field {
  width: 100%;
  background: white;
  border-bottom: 1px solid #cacaca;
}

@media (max-width: 768px) {
  .admin-repeater-field {
    width: 100% !important;
  }
}

.admin-repeater-field .admin-content-element-title {
  border-bottom: 0;
}

.admin-slide-edit .admin-repeater-field,
.add-term-form .admin-repeater-field {
  margin: 0;
  width: 100% !important;
}

.admin-repeater-area {
  width: 100%;
  counter-reset: section;
}

.admin-repeater-header {
  display: flex;
  border-bottom: 1px solid #f2f2f2;
}

.admin-repeater-header-number,
.admin-repeater-header-action {
  width: 40px;
}

.admin-repeater-header .admin-repeater-content > div {
  padding: 10px;
  border-left: 1px solid #f2f2f2;
  font-weight: 600;
}

.admin-repeater {
  display: flex;
  flex-wrap: wrap;
}

/* Sətirlər arası keçid: alt-sahələrin öz #eee xətti sətir daxilindəki sıra ayırıcısı ilə
   eyni göründüyü üçün detal çox olanda sətrin harada bitdiyi hiss olunmur —
   ayırıcı sətrin ÖZÜNƏ verilir, daxildəki xətlərdən qalın və tünd. */
.current-repeaters > .admin-repeater {
  border-bottom: 2px solid #b9b9b9;
}

.current-repeaters > .admin-repeater:last-child {
  border-bottom: 0;
}

.current-repeaters > .admin-repeater > .admin-repeater-number,
.current-repeaters > .admin-repeater > .admin-repeater-action {
  border-bottom: 0;
}

.admin-repeater-number,
.admin-repeater-action {
  width: 40px;
  text-align: center;
  border-bottom: 1px solid #ddd;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 5px;
  background: #eeeeee;
}

.admin-repeater-content {
  width: calc(100% - 80px);
  display: flex;
  flex-wrap: wrap;
}

@media (max-width: 768px) {
  .admin-repeater-header {
    display: none;
  }

  .admin-repeater {
    border: 1px solid #ddd;
    margin-bottom: 12px;
  }

  .current-repeaters > .admin-repeater,
  .current-repeaters > .admin-repeater:last-child {
    border: 1px solid #ddd;
  }

  .admin-repeater-number {
    width: calc(100% - 40px);
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    padding: 10px;
    border-bottom: 0;
    order: 1;
  }

  .admin-repeater-action {
    width: 40px;
    border-bottom: 0;
    order: 2;
  }

  .admin-repeater-content {
    width: 100%;
    order: 3;
  }
}

.admin-repeater-button {
  background: white;
  border: 1px solid #ddd;
  padding: 5px 0;
  cursor: pointer;
}

.admin-repeater-number {
  cursor: move;
}

.admin-repeater-number:before {
  counter-increment: section;
  content: counter(section);
}

.admin-repeater-field .page-photos label {
  margin-bottom: 0;
  display: block;
}

.admin-repeater-50 .admin-gallery-item-area {
  width: 25%;
}

@media (max-width: 768px) {
  .admin-repeater-50 .admin-gallery-item-area {
    width: 50%;
  }
}

.clear-repeater-radio {
  display: table;
  font-weight: 600;
  font-size: 12px;
  text-decoration: underline;
  margin-top: 5px;
  color: #777;
  cursor: pointer;
}

.child-repeater-fields {
  border: 1px solid #eee;
  border-bottom: 0;
  margin-bottom: 10px;
}

.child-repeater-fields:empty {
  border: 0;
}

.child-repeater-fields-block {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  width: calc(100% - 25px);
}

.child-repeater-fields-blocks {
  display: flex;
}

.remove-child-repeater {
  width: 25px;
  border-bottom: 1px solid #eee;
  display: flex;
  align-items: center;
  cursor: pointer;
}

.child-repeater-fields {
  counter-reset: child;
}

.child-repeater-number {
  width: 40px;
  background: #f5f5f5;
  border-bottom: 1px solid #ececec;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: move;
}

.child-repeater-number:before {
  counter-increment: child;
  content: counter(child);
}

.repeater-editor-manager {
  border: 1px solid #ddd;
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.12);
  font-size: 16px;
  line-height: 1.6;
  padding: 0 10px;
}

/* Contact form */
.delete-message {
  margin-top: 5px;
  color: #c70000;
  cursor: pointer;
}

.message-content-td {
  width: 600px;
}

.form-area {
  display: inline-block;
  vertical-align: middle;
}

/* Menu */
.menu-area {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.menu-first {
  width: 250px;
}

.menu-second {
  width: calc(100% - 270px);
}

/* Menyu iki sütunu 1024px-dən aşağıda alt-alta düşür */
@media (max-width: 1024px) {
  .menu-first,
  .menu-second {
    width: 100%;
  }

  .menu-first {
    margin-bottom: 20px;
  }
}

.menu-content {
  background: white;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
  border: 1px solid #ccd0d4;
}

.menu-content-heading {
  padding: 15px 10px;
  background: #f5f5f5;
  font-weight: 500;
}

.menu-form-button {
  padding: 10px 15px;
  background: #f5f5f5;
  border-top: 1px solid #ddd;
}

.dd {
  position: relative;
  display: block;
  margin: 0;
  padding: 15px;
  max-width: 500px;
  list-style: none;
  font-size: 13px;
  line-height: 40px;
}

.dd-list {
  display: block;
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
}

.dd-list .dd-list {
  padding-left: 30px;
}

.dd-collapsed .dd-list {
  display: none;
}

.dd-item,
.dd-empty,
.dd-placeholder {
  display: block;
  position: relative;
  margin: 0;
  padding: 0;
  min-height: 20px;
  line-height: 20px;
}

.dd-handle {
  display: block;
  height: 45px;
  line-height: 45px;
  margin: 10px 0;
  padding: 0 120px 0 15px;
  text-decoration: none;
  border: 1px solid #ddd;
  background: #fafafa;
  transition: 0.15s;
  font-size: 14px;
  font-weight: 500;
  box-shadow: 0 1px 1px rgb(0 0 0 / 4%);
  cursor: move;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.dd-handle:hover {
  border-color: #999;
  transition: 0.15s;
}

.dd-has-children > .dd-handle {
  padding-left: 40px;
}

.dd-item > button + .dd-handle {
  padding-left: 45px;
}

.dd-item > button {
  position: absolute;
  cursor: pointer;
  float: left;
  width: 35px;
  height: 41px;
  padding: 0;
  margin: -3px 0 0 10px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  border: 0;
  background: 0 0;
  line-height: 1;
  text-align: center;
  font-size: 17px;
}

.dd-item > button:before {
  display: block;
  position: absolute;
  text-indent: 0;
  font-family: dashicons;
  background: white;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  border: 1px solid #ddd;
  border-radius: 50%;
}

.dd-item > button.dd-expand:before {
  content: "\f140";
}

.dd-item > button.dd-collapse:before {
  content: "\f142";
}

.dd-expand {
  display: none;
}

.dd-collapsed .dd-collapse,
.dd-collapsed .dd-list {
  display: none;
}

.dd-collapsed .dd-expand {
  display: block;
}

.dd-placeholder,
.dd-empty {
  margin: 5px 0;
  padding: 0;
  min-height: 30px;
  background: #f2fbff;
  border: 1px dashed #b6bcbf;
  box-sizing: border-box;
}

.dd-empty {
  border: 1px dashed #bbb;
  min-height: 100px;
  background-color: #e5e5e5;
  background: white;
}

.dd-dragel {
  position: absolute;
  pointer-events: none;
  z-index: 9999;
}

.dd-dragel > .dd-item .dd-handle {
  margin-top: 0;
}

.dd-dragel .dd-handle {
  box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1);
}

.dd-remove {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 22px;
  cursor: pointer;
}

.dd-edit {
  position: absolute;
  top: 12px;
  right: 40px;
  opacity: 0.7;
  cursor: pointer;
}

.admin-menu-class {
  display: none;
}

.user-administrator .admin-menu-class {
  display: block;
}

.show-menu-codes {
  border: 1px solid #ddd;
  margin: -10px 15px 15px auto;
  display: table;
  padding: 5px 10px;
  background: #f5f5f5;
  cursor: pointer;
  user-select: none;
}

/* TinyMCE */
.tox-tinymce--toolbar-sticky-on .tox-editor-header {
  padding-top: 35px;
}

.tox .tox-toolbar,
.tox .tox-toolbar__overflow,
.tox .tox-toolbar__primary {
  background-color: #f5f5f5 !important;
}

.tox .tox-tbtn svg {
  fill: #555d66 !important;
}

.content-editor + .tox .tox-tbtn--select {
  background: white !important;
  border: 1px solid #ddd !important;
  height: 30px !important;
  cursor: pointer !important;
}

.tox .tox-tbtn__select-label,
.tox .tox-tbtn {
  cursor: pointer !important;
}

.content-editor
  + .tox-tinymce
  .tox-toolbar:first-child
  button.tox-tbtn.tox-tbtn--select:first-child {
  padding: 16px 10px;
  background: #489e92 !important;
  color: white;
  border: 0 !important;
  margin: 3px 5px 4px 0;
}

.simple-content-editor
  + .tox-tinymce
  .tox-toolbar:first-child
  button.tox-tbtn.tox-tbtn--select:first-child {
  width: 34px;
}

.simple-content-editor + .tox-tinymce .tox-tbtn__select-label {
  display: none;
}

.tox-toolbar:first-child button.tox-tbtn.tox-tbtn--select:nth-child(2) {
  padding: 15px 9px;
  background: #fff !important;
  color: #333;
  margin: 3px 5px 4px 0;
}

.content-editor
  + .tox-tinymce
  .tox-toolbar:first-child
  button.tox-tbtn.tox-tbtn--select:before {
  margin-right: 5px;
}

.tox-tinymce .tox-toolbar:first-child button.tox-tbtn.tox-tbtn--select:before {
  content: "\f104";
  font-family: dashicons;
}

.tox-tinymce-inline
  .tox-toolbar:first-child
  button.tox-tbtn.tox-tbtn--select
  .tox-tbtn__select-label {
  display: none;
}

.tox.tox-tinymce-inline .tox-tbtn--select {
  width: 34px;
}

.simple-content-editor
  + .tox-tinymce
  .tox-toolbar:first-child
  button.tox-tbtn.tox-tbtn--select:before {
  color: #555d66;
  font-size: 17px;
}

.simple-content-editor + .tox .tox-statusbar {
  display: none;
}

.content-editor + .tox-tinymce .tox-toolbar:first-child button:nth-child(3) {
  width: auto;
  height: 32px;
  background: white;
  border: 1px solid #ddd;
  padding: 0 10px 0 7px;
}

.content-editor
  + .tox-tinymce
  .tox-toolbar:first-child
  button:nth-child(3):after {
  content: "Add video";
  margin-left: 5px;
}

.admin-language-az
  .content-editor
  + .tox-tinymce
  .tox-toolbar:first-child
  button:nth-child(3):after {
  content: "Video əlavə et";
}

.admin-language-tr
  .content-editor
  + .tox-tinymce
  .tox-toolbar:first-child
  button:nth-child(3):after {
  content: "Video ekle";
}

.content-editor
  + .tox-tinymce
  .tox-toolbar:nth-child(3)
  button:nth-child(6)
  svg {
  transform: translateY(-2px);
}

.content-editor
  + .tox-tinymce
  .tox-toolbar:nth-child(3)
  button:nth-child(7)
  svg {
  transform: translateY(2px);
}

.option-page .field-textarea .tox {
  min-width: 600px;
}

/* Media library */
.media-block-inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}
.media-sort-number input {
  width: 65px;
}

.media-view a {
  margin-right: 5px;
  display: inline-block;
}

.media-list-view:before {
  content: "\f163";
  font-family: dashicons;
  color: #ccc;
  font-size: 22px;
}

.media-grid-view:before {
  content: "\f509";
  font-family: dashicons;
  color: #ccc;
  font-size: 22px;
}

.select-featured-image {
  color: #0073aa;
  padding: 15px 15px;
  text-decoration: underline;
  cursor: pointer;
}

.close-library:before {
  content: "\f335";
  font-family: dashicons;
  font-size: 28px;
  cursor: pointer;
}

.media-library-area {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2000;
  background: rgb(0 0 0 / 60%);
  width: 100%;
  height: 100%;
  padding: 40px;
  display: none;
}

@media (max-width: 1024px) {
  .media-library-area {
    padding: 10px;
  }
}

.media-library {
  background: white;
  height: 100%;
  box-shadow: 0 0 15px black;
  position: relative;
  overflow: hidden;
}

.library-header {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 15px;
  border-bottom: 1px solid #ddd;
}

.library-heading {
  font-size: 20px;
}

.library-heading b {
  margin-right: 10px;
}

.library-section {
  display: flex;
  flex-wrap: wrap;
  height: calc(100% - 63px);
}

.library-body {
  width: calc(100% - 300px);
  padding: 15px;
  overflow-y: scroll;
  height: calc(100% - 65px);
}

.library-details {
  width: 300px;
  background: #f5f5f5;
}

@media (max-width: 768px) {
  .library-body {
    width: 100%;
    height: auto;
    max-height: calc(100% - 65px);
  }

  .library-details {
    width: 100%;
  }

  .media-library {
    overflow-y: auto;
  }
}

.media-area {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -5px;
}

.media,
.selected-media {
  width: 12.5%;
  padding: 0 5px 10px;
  position: relative;
}

@media (max-width: 1024px) {
  .media,
  .selected-media {
    width: 25%;
  }
}

@media (max-width: 480px) {
  .media,
  .selected-media {
    width: 33.3%;
  }
}

.media input,
.selected-media input {
  display: none;
}

.media label,
.selected-media label {
  background-color: #f5f5f5;
  position: relative;
  width: 100%;
  padding-top: 100%;
  display: block;
  border: 4px solid #eee;
  cursor: pointer;
}

.media-img,
.selected-media-img {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  text-align: center;
  font-size: 20px;
  color: white;
  object-fit: cover;
  max-width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  border: 2px solid #fff;
}

.media input:checked + label,
.selected-media input:checked + label {
  border: 4px solid #0073aa;
}

.library-footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  background: #f5f5f5;
  padding: 15px;
  border-top: 1px solid #ddd;
  height: 65px;
}

.library-footer button {
  display: table;
  margin-left: auto;
}

.select-file-button {
  margin-left: auto;
  margin-right: 0;
  display: table;
}

.featured-image-area {
  background: #eeeeee;
  padding: 10px;
  text-align: center;
}

.admin-form-element-post_thumbnail {
  border: 1px solid #ccd0d4;
  margin-bottom: 20px;
  border-radius: 5px;
}

.post_thumbnail img {
  cursor: pointer;
  max-height: 200px;
}

.media-library-area .media-search-area {
  margin-bottom: 15px;
  display: table;
  margin-left: auto;
}

.media-library-area .media-search-area label {
  padding-right: 10px;
}

/* Library progress uucn custom css */
.library-progress-area {
  padding: 10px 20px 15px;
  border-bottom: 1px solid #ddd;
}

.library-progress-heading {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-bottom: 10px;
}

.library-progress {
  background: white;
  height: 10px;
  border-radius: 30px;
  overflow: hidden;
}

.library-progress-bar {
  background: var(--main-color);
  height: 10px;
  width: 5%;
}

/* Media details */
.single-media-details-area {
  padding: 20px;
}

.single-media-box {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 15px;
  border-bottom: 1px solid #ddd;
  padding-bottom: 15px;
}

.single-media-image {
  width: 70px;
}

.single-media-details {
  width: calc(100% - 70px);
  line-height: 1.2;
  font-size: 13px;
  margin-top: -5px;
  padding-left: 15px;
}

.single-media-heading {
  font-weight: 600;
}

.single-media-date {
  color: #777;
}

.single-media-dimension {
  color: #777;
}

.media-form-elements .admin-element {
  margin-bottom: 15px;
}

.single-media-detele {
  color: #b30f0f;
  cursor: pointer;
}

.single-media-details > div {
  margin-bottom: 3px;
}

.library-details .loading {
  display: table;
  margin: 30px auto 0;
}

.go-media-file {
  margin-top: 15px;
}

.go-media-file a {
  text-decoration: underline;
}

.single-media-icon-area {
  width: 70px;
  height: 70px;
}

.single-media-icon {
  width: 100%;
  height: 100%;
  border: 1px solid #cacaca;
  box-shadow: 0 0 10px rgb(0 0 0 / 23%) inset;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 44px;
}

.single-media-icon:before {
  font-family: dashicons;
}

.single-video-icon:before {
  content: "\f234";
}

.single-document-icon:before {
  content: "\f497";
}

/* Media listi */
.single-media-list-area {
  display: flex;
  flex-wrap: wrap;
}

.single-media-list-image {
  width: 80px;
}

.single-media-list-details {
  width: calc(100% - 80px);
  padding-left: 15px;
}

.single-media-list-name {
  font-weight: 600;
  margin-bottom: 5px;
  cursor: pointer;
  color: #0073aa;
}

.single-media-list-image img {
  width: 80px;
  height: 80px;
  object-fit: contain;
}

.single-media-list-delete {
  color: red;
  cursor: pointer;
}

.single-media-list-go-file a {
  color: #444;
}

.list-media-icon {
  width: 80px;
  height: 80px;
  text-align: center;
  border: 1px solid #ddd;
  background: #eee;
  position: relative;
  box-shadow: 0 0 10px #d0d0d0 inset;
}

.list-media-icon:before {
  font-family: dashicons;
  font-size: 44px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.list-media-audio:before {
  content: "\f127";
}

.list-media-video:before {
  content: "\f126";
}

.list-media-document:before {
  content: "\f493";
}

/* Media uploader */
#dropContainer {
  width: 100%;
  min-height: 240px;
  border: 2px dashed #ccc;
  color: #333;
  text-align: center;
  font-size: 22px;
  margin-bottom: 30px;
  display: table;
}

.all-media-uplaoder-area #dropContainer {
  height: auto;
  border: 0;
}

.all-media-uplaoder-area .all-media-upload-input {
  display: none;
}

.upload-area {
  display: table-cell;
  vertical-align: middle;
}

.upload-or {
  font-size: 15px;
  margin: 15px 0;
  color: #999;
}

.dragover {
  border-color: #fff;
  background: #5f5f94;
  color: white;
}

#file {
  display: none;
}

.progress-area {
  width: 100%;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex-wrap: wrap;
  padding: 0 20px;
}

.progress {
  background: #fff;
  border-radius: 5px;
  overflow: hidden;
}

.progress-bar {
  height: 10px;
  line-height: 10px;
  background: #8717b5;
  font-weight: 600;
  color: white;
  padding: 0 10px;
  width: 0%;
  position: relative;
  max-width: 100%;
}

.progress-count {
  position: absolute;
  top: 15px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 28px;
  color: #ccc;
}

.upload-info {
  font-size: 14px;
  margin-top: 20px;
}

.waiting .all-single-media {
  pointer-events: none;
}

/* Fotolar */
.page-photos-area {
  padding: 10px;
  background: white;
  border-top: 1px solid #eee;
  width: 100%;
}

#repeater-gallery {
  border: 1px solid #ddd;
}

#repeater-gallery .page-photos-area {
  border-top: 0;
}

.all-page-photos {
  height: 315px;
  border: 1px solid #ddd;
  background: white;
  box-shadow: 0 0 5px rgb(145 145 145 / 28%) inset;
  overflow: auto;
}

.page-photos {
  display: flex;
  flex-wrap: wrap;
  padding: 10px;
}

.admin-gallery-item-area {
  width: 12%;
  padding: 0 5px 10px;
  position: relative;
}

@media (max-width: 1024px) {
  .admin-gallery-item-area {
    width: 25%;
  }
}

@media (max-width: 480px) {
  .admin-gallery-item-area {
    width: 33.3%;
  }
}

.admin-gallery-item {
  width: 100%;
  padding-top: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  margin: 0 -5px;
  cursor: pointer;
  border: 1px solid #ddd;
  background-color: white;
}

.admin-gallery-item-area a {
  display: block;
}

.page-photos input {
  display: none;
}

.delete-gallery-media {
  position: absolute;
  top: -5px;
  right: -5px;
  z-index: 1;
  cursor: pointer;
  opacity: 0;
  transition: 0.15s all;
}

.admin-gallery-item-area label:hover .delete-gallery-media {
  opacity: 1;
}

.delete-gallery-media:before {
  content: "\f335";
  font-family: dashicons;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  display: block;
  background: black;
  border-radius: 50%;
  color: white;
  font-size: 22px;
  border: 3px solid white;
}

/* All media */
.media-toolbar {
  background: white;
  padding: 10px;
  margin-bottom: 30px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
  border: 1px solid #ddd;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 10px;
}

.media-block {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
}

.media-count {
  padding-top: 7px;
}

.all-media {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -5px;
}

.all-single-media-area {
  width: 11.1%;
  padding: 0 5px 10px;
}

@media (max-width: 1024px) {
  .all-single-media-area {
    width: 25%;
  }
}

@media (max-width: 480px) {
  .all-single-media-area {
    width: 33.3%;
  }
}

.all-single-media {
  width: 100%;
  padding-top: 100%;
  position: relative;
  box-shadow:
    inset 0 0 15px rgba(0, 0, 0, 0.1),
    inset 0 0 0 1px rgba(0, 0, 0, 0.05);
  cursor: pointer;
  position: relative;
  background-color: #f1f1f1;
}

.all-single-media-img {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  border: 1px solid #ccc;
  width: 100%;
  height: 100%;
  display: flex;
}

.upload-failed .error-trigger {
  box-shadow:
    inset 0 0 15px rgba(0, 0, 0, 0.1),
    inset 0 0 0 1px rgba(0, 0, 0, 0.05);
  border: 1px solid #ccc;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1;
  font-size: 44px;
}

.upload-failed .error-trigger:before {
  content: "\f348";
  font-family: dashicons;
}

.checked-media:before {
  content: "\f147";
  font-family: dashicons;
  position: absolute;
  top: -5px;
  right: -5px;
  color: white;
  background: var(--main-color);
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  z-index: 1;
  font-size: 26px;
  border: 2px solid white;
  box-shadow: 0 0 5px rgb(0 0 0 / 38%);
}

.checked-media .all-single-media-img {
  opacity: 0.5;
}

.all-single-media-img span {
  font-size: 13px;
  word-break: break-word;
  background: white;
  position: absolute;
  bottom: 0;
  padding: 5px 15px;
  border-top: 1px solid #ccc;
  font-weight: 600;
  text-align: center;
  width: 100%;
  height: 40px;
  overflow: hidden;
}

.media-icon {
  bottom: auto !important;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: transparent !important;
  border: 0 !important;
  font-size: 56px !important;
  color: #666;
  font-weight: 400 !important;
}

.media-audio:before {
  content: "\f127";
  font-family: dashicons;
}

.media-video:before {
  content: "\f126";
  font-family: dashicons;
}

.media-document:before {
  content: "\f493";
  font-family: dashicons;
}

/* Gallery sort */
.media-gallery-selector-blocks {
  margin: 0 -15px;
  display: flex;
  align-items: center;
}

.media-gallery-selector {
  display: none;
  float: left;
  position: relative;
  padding: 0 15px;
}

/* Tabs */
.tab-body {
  display: none;
  flex-wrap: wrap;
}

.tab-body:first-child {
  display: flex;
}

.admin-content-description {
  width: 100%;
}

.posts-term-live-search {
  margin-bottom: 5px;
  display: none;
}

.option-page .tabs-heading {
  padding: 4px;
  background: #d3d7de;
  margin-bottom: 16px;
}

.option-page .tabs {
  background: transparent;
}

.option-page .tabs-heading li {
  background: transparent;
  border-bottom: 0;
}

.option-page .tabs-heading .active-tab {
  background: var(--t-surface);
  border-bottom-color: transparent;
}

.tabs-heading .active-tab,
.tabs-heading .active-tab:hover {
  background: var(--t-surface);
  box-shadow: 0 1px 2px rgb(23 32 43 / 18%);
  color: var(--t-ink);
  font-weight: 600;
  margin-bottom: 0;
}

/* Login */
.login-logo {
  margin: 0 auto 15px;
  display: table;
}

.login-logo img {
  min-width: 200px;
  max-width: 300px;
  height: 60px;
  object-fit: contain;
}

.login-form-area {
  display: table;
  min-height: 100vh;
  margin: 0 auto;
  padding: 40px;
}

.login-form {
  display: table-cell;
  vertical-align: middle;
  width: 320px;
}

.login-form-inner {
  background: white;
  width: 320px;
  padding: 25px;
  border: 1px solid #ddd;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}

.login-extra {
  padding: 10px 25px 0;
}

.login-extra a {
  display: table;
  margin: 10px auto 0;
  color: #555d66;
}

/* Registr */
.admin-register-button {
  margin-left: auto;
}

/* Admin input */
.login-form-element {
  margin-bottom: 15px;
}

.login-form-element label {
  margin-bottom: 5px;
  width: 100%;
  display: block;
}

.login-form-element input {
  width: 100%;
  height: 40px;
  font-size: 16px;
  color: black;
  padding: 0 5px;
}

.login-form .admin-checkbox-area,
.login-submit-area {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
}

.login-form .admin-checkbox {
  transform: translateY(-2px);
}

.login-submit {
  display: inline-block;
}

/* Backup */
.current-backup {
  margin-bottom: 8px;
}

.admin-files a,
.admin-files span {
  display: inline-block;
}

.admin-files a {
  text-decoration: underline;
  margin-right: 10px;
}

.backup-notification,
.resize-notification {
  width: 100%;
}

/* Google map */
.admin-google-map {
  width: 100%;
  height: 400px;
}

.gm-style-pbc {
  opacity: 0 !important;
}

.pac-logo:after {
  display: none;
}

.pac-item {
  cursor: pointer;
  padding: 0 6px;
  line-height: 40px;
  font-size: 13px;
}

.pac-icon {
  margin-top: 10px;
}

.searchInput-area {
  position: relative;
  z-index: 1;
}

.searchInput {
  height: 40px !important;
}

.searchInput-empty {
  position: absolute;
  top: 5px;
  right: 5px;
}

.searchInput-empty:before {
  content: "\f335";
  font-family: dashicons;
  width: 30px;
  height: 30px;
  line-height: 30px;
  background: #666;
  color: white;
  text-align: center;
  border-radius: 50%;
  display: block;
  font-size: 22px;
  cursor: pointer;
}

/* Bottom media details */
.bottom-media-details-area {
  position: fixed;
  bottom: 0;
  background: white;
  z-index: 100;
  width: 100%;
  box-shadow: 0 0 15px rgb(0 0 0 / 14%);
  padding: 15px;
  height: 100px;
  transform: translateY(100px);
  transition: 0.3s all;
}

/* Mobildə detal paneli sığmır — sağa-sola scroll edilir.
   Scroll xarici .bottom-media-details-area-ya yox, daxildəki .bottom-media-content-ə
   verilir ki, absolute duran bağlama düyməsi (×) yerində qalsın və scroll ilə itməsin */
@media (max-width: 1024px) {
  .bottom-media-content {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
  }

  .bottom-media-area {
    flex-wrap: nowrap;
  }

  .bottom-media-box,
  .bottom-media-block,
  .bottom-media-actions-area {
    flex-shrink: 0;
  }

  .bottom-media-form-elements {
    width: auto;
    flex-shrink: 0;
    gap: 20px;
  }
}

.close-bottom-media {
  position: absolute;
  top: 0;
  right: 0;
}

.close-bottom-media:before {
  content: "\f335";
  font-family: dashicons;
  font-size: 30px;
  color: #666;
  cursor: pointer;
}

.bottom-media-area {
  display: flex;
  flex-wrap: wrap;
}

.bottom-media-box {
  display: flex;
  flex-wrap: wrap;
  width: 300px;
}

.bottom-media-image {
  width: 70px;
  height: 70px;
  color: #666666;
  background: #f1f1f1;
  box-shadow:
    inset 0 0 15px rgba(0, 0, 0, 0.1),
    inset 0 0 0 1px rgba(0, 0, 0, 0.05);
}

.bottom-media-image img {
  width: 70px;
  height: 70px;
  object-fit: contain;
}

.bottom-media-details {
  width: calc(100% - 85px);
  font-size: 13px;
  padding-left: 15px;
}

.media-id {
  white-space: nowrap;
}

.bottom-media-details .single-media-heading {
  margin-bottom: 5px;
}

.bottom-media-details span {
  padding-right: 15px;
}

.bottom-media-form-elements {
  display: flex;
  justify-content: space-between;
  width: calc(100% - 330px);
  padding-left: 30px;
}

.bottom-media-form-elements.media-form-elements .admin-element {
  margin-bottom: 0;
}

.bottom-media-block {
  display: flex;
}

.bottom-media-actions-area {
  padding-top: 8px;
}

.bottom-media-form-elements .bottom-media-block > div {
  padding-right: 20px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  margin-top: -10px;
}

.bottom-media-block .copy-button-area {
  padding-top: 36px;
  margin-left: -13px;
  width: 200px;
  display: inline-block !important;
}

.bottom-media-block .copy-button-area > * {
  display: inline-block;
}

.bottom-media-form-elements input {
  background: #f5f5f5;
}

.bottom-media-author {
  margin-bottom: 10px;
}

/* User editor */
body:not(.user-administrator) .admin-sidebar,
body:not(.user-administrator) .admin-sidebar-items {
  background: #0e3364;
}

body:not(.user-administrator) .admin-sidebar-element > a:hover {
  background: rgb(255 255 255 / 7%);
  color: white;
}

body:not(.user-administrator) .current-sidebar-item > a {
  background: rgb(255 255 255 / 11%);
  color: white;
}

body:not(.user-administrator) .admin-sidebar-sub-elements {
  background: #08224a;
  border-color: #1f4c86;
}

/* SEO */
.admin-seo-element {
  width: 100%;
  padding: 10px;
}

.admin-seo-element .admin-form-element {
  padding: 0 0 5px 0;
  border: 0;
}

.seo-progress-area {
  position: relative;
}

.seo-progress-parent {
  width: 500px;
  height: 4px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin-top: 2px;
  overflow: hidden;
}

.seo-progress {
  width: 100%;
  height: 100%;
}

.seo-progress-default {
  width: 500px;
  height: 4px;
  background: #ddd;
  display: inline-block;
  vertical-align: middle;
}

.seo-data {
  display: inline-block;
  vertical-align: middle;
  padding-left: 5px;
  font-size: 13px;
}

/* Music player */
#play-pause-button {
  cursor: pointer;
  text-align: center;
  width: 70px;
  height: 70px;
  line-height: 70px;
  background: #eee;
  border: 1px solid #cacaca;
  box-shadow: 0 0 10px rgb(0 0 0 / 23%) inset;
}

.fa-play:before {
  content: "\f522";
  font-family: dashicons;
  font-size: 44px;
}

.fa-pause:before {
  content: "\f523";
  font-family: dashicons;
  font-size: 44px;
}

.fa-video:before {
  content: "\f126";
  font-family: dashicons;
  font-size: 44px;
}

.fa-document:before {
  content: "\f493";
  font-family: dashicons;
  font-size: 44px;
}

/* Language connect */
.language-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgb(0 0 0 / 59%);
  display: block;
  z-index: 100;
  display: none;
}

.connect-language-area {
  position: fixed;
  z-index: 101;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: white;
  width: 300px;
  display: none;
}

.connect-language-heading {
  padding: 8px 15px;
  font-weight: 600;
  border-bottom: 1px solid #ddd;
}

.connect-language {
  padding: 15px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.language-connect-close:before {
  content: "\f335";
  font-family: dashicons;
  cursor: pointer;
  font-size: 22px;
  position: absolute;
  right: 5px;
  top: 5px;
}

.connect-language input {
  width: calc(100% - 90px);
}

.connect-language button {
  width: 80px;
}

.connect-language-result-area {
  position: absolute;
  width: 100%;
  border-top: 1px solid #ddd;
  background: #f5f5f5;
  display: none;
}

.connect-language-post {
  padding: 6px 15px;
  border-bottom: 1px solid #ddd;
  color: rebeccapurple;
  cursor: pointer;
  transition: 0.15s all;
}

.connect-language-post:hover {
  color: #444;
}

.connect-alert {
  font-size: 13px;
  margin-bottom: 15px;
  color: #666;
}

/* Term language */
.term-language-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgb(0 0 0 / 59%);
  z-index: 100;
  display: none;
}

.term-translation-page-area {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 600px;
  background: white;
  z-index: 101;
  display: none;
}

.term-translation-page-heading {
  padding: 8px 15px;
}

.term-translation-page {
  padding: 15px;
  border-top: 1px solid #ddd;
}

.close-term-translation-page:before {
  content: "\f335";
  font-family: dashicons;
  cursor: pointer;
  font-size: 22px;
  position: absolute;
  right: 5px;
  top: 5px;
}

.term-translation-blocks {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px;
}

.term-connect-block {
  width: 50%;
  padding: 0 15px;
}

.term-langs-flag {
  text-align: center;
}

.term-langs-flag img {
  width: 21px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px;
}

.term-langs-flag span {
  display: inline-block;
  vertical-align: middle;
}

.term-translation-blocks .admin-element {
  margin-top: 10px;
}

.term-translation-blocks label {
  font-weight: 600;
}

.term-translation-footer {
  margin: 20px -15px -15px;
  border-top: 1px solid #ddd;
  padding: 8px 15px 9px;
  text-align: right;
  background: #eee;
}

/* Tiny file manager */
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl {
  padding-right: 0 !important;
}

.container-fluid #editor {
  top: 190px;
  left: 195px;
  border: 1px solid #ddd;
}

.container-fluid .main-nav {
  padding: 0.2rem 0 0.2rem 1rem;
  box-shadow: none;
  border: 1px solid #eee;
}

#snackbar {
  min-width: 200px !important;
  background-color: #6ab941 !important;
  padding: 10px 0 !important;
  left: auto !important;
  right: 20px;
  bottom: auto !important;
  top: 68px;
  border-radius: 5px !important;
  font-size: 15px !important;
  font-weight: 600;
}

#snackbar:before {
  content: "\f058";
  font-family: FontAwesome;
  margin-right: 10px;
}

.container-fluid .btn-outline-primary {
  border-color: #ddd;
  color: #444 !important;
  background: #eee;
}

.container-fluid .btn-outline-primary:hover {
  background: #ddd;
  border-color: #ddd;
}

.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.show > .btn-outline-primary.dropdown-toggle {
  background: #ddd !important;
  border-color: #ddd !important;
}

.container-fluid .btn-outline-secondary {
  border-color: #ddd;
}

.container-fluid .col-sm-5 .btn-sm {
  border-color: transparent !important;
}

.btn-outline-secondary.focus,
.btn-outline-secondary:focus {
  box-shadow: none !important;
}

.container-fluid .break-word {
  margin-left: 0;
}

.container-fluid .with-hljs {
  border: 1px solid #ddd;
  background: white;
}

.dropdown-item.active,
.dropdown-item:active {
  background-color: #eee !important;
}

.container-fluid .fa-folder {
  color: #eeae4a;
}

.container-fluid .filename .fa {
  margin-right: 5px;
  font-size: 16px;
}

.container-fluid .filename .fa-folder {
  font-size: 18px;
  transform: translateY(3px);
}

.container-fluid .odd {
  background: #f9f9f9;
}

.container-fluid .inline-actions > a > i {
  margin-left: 4px;
  background: #17905e;
  padding: 0;
  border-radius: 3px !important;
  width: 26px;
  height: 26px;
  line-height: 26px;
  text-align: center;
  transition: 0.15s all;
}

.container-fluid .inline-actions > a > i:hover {
  background: #222;
}

.with-hljs code {
  width: 0;
}

/* Color picker */
.color-picker-field label {
  display: block;
}

.color-picker-area {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 30px;
  box-shadow: 0 1px 0 #ccc;
  border: 1px solid #ccc;
  border-radius: 2px;
  cursor: pointer;
}

.color-picker-color {
  width: 40px;
  height: 30px;
}

.color-picket-text {
  background: #f5f5f5;
  line-height: 26px;
  font-size: 13px;
  padding: 0 10px;
}

.picker_alpha {
  display: none;
}

.clear-color-picker {
  display: inline-block;
  vertical-align: top;
  width: 30px;
  height: 30px;
  line-height: 30px;
  padding-left: 5px;
  text-align: center;
  cursor: pointer;
}

.clear-color-picker:before {
  content: "\f335";
  font-family: dashicons;
  font-size: 20px;
}

/* Jquery UI datepicker css */
.ui-datepicker {
  display: none;
  padding: 0.2em 0.2em 0;
  width: 17em;
  background: #eee;
  border-radius: 5px;
  border: 2px solid #999;
  margin-top: 5px;
}

.ui-datepicker .ui-datepicker-header {
  padding: 0.2em 0;
  position: relative;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  height: 1.8em;
  position: absolute;
  top: 9px !important;
  width: 1.8em;
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  top: 1px;
}

.ui-datepicker .ui-datepicker-prev {
  left: 2px;
}

.ui-datepicker .ui-datepicker-next {
  right: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px;
}

.ui-datepicker .ui-datepicker-next-hover {
  right: 1px;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  left: 50%;
  margin-left: -8px;
  margin-top: -8px;
  position: absolute;
  top: 50%;
  font-size: 0;
}

.ui-datepicker .ui-datepicker-prev span:before {
  content: "\f341";
  font-family: dashicons;
  font-size: 15px;
  cursor: pointer;
}

.ui-datepicker .ui-datepicker-next span:before {
  content: "\f345";
  font-family: dashicons;
  font-size: 15px;
  cursor: pointer;
}

.ui-datepicker .ui-datepicker-title {
  line-height: 1.8em;
  margin: 0 2.3em;
  text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
}

.ui-datepicker select.ui-datepicker-month-year {
  width: 100%;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 49%;
}

.ui-datepicker table {
  border-collapse: collapse;
  font-size: 0.9em;
  margin: 0 0 0.4em;
  width: 100%;
}

.ui-datepicker th {
  border: 0;
  font-weight: bold;
  padding: 0.7em 0.3em;
  text-align: center;
}

.ui-datepicker td {
  border: 0;
  padding: 1px;
}

.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: 0.2em;
  text-align: right;
  text-decoration: none;
  color: black;
}

.ui-datepicker td a:hover {
  background: white;
}

.ui-datepicker td .ui-state-active {
  background: var(--main-color);
  color: white;
  pointer-events: none;
  border-radius: 5px;
}

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  border-bottom: 0;
  border-left: 0;
  border-right: 0;
  margin: 0.7em 0 0 0;
  padding: 0 0.2em;
}

.ui-datepicker .ui-datepicker-buttonpane button {
  cursor: pointer;
  float: right;
  margin: 0.5em 0.2em 0.4em;
  overflow: visible;
  padding: 0.2em 0.6em 0.3em 0.6em;
  width: auto;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}

.ui-datepicker.ui-datepicker-multi {
  width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
  margin: 0 auto 0.4em;
  width: 95%;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {
  border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}

.ui-datepicker-row-break {
  clear: both;
  font-size: 0em;
  width: 100%;
}

.ui-datepicker-rtl {
  direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
  left: auto;
  right: 2px;
}

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  left: auto;
  right: 1px;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: right;
}

.ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {
  border-left-width: 1px;
  border-right-width: 0;
}

.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 1px;
  border-right-width: 0;
}

.ui-datepicker-cover {
  -webkit-filter: mask();
  filter: mask();
  /*must have*/
  height: 200px;
  /*must have*/
  left: -4px;
  /*must have*/
  position: absolute;
  /*must have*/
  top: -4px;
  /*must have*/
  width: 200px;
  /*must have*/
  z-index: -1;
  /*must have*/
}

.ui-state-disabled {
  opacity: 0.2;
}

/* Menu */
.menu-forms {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 30px;
  gap: 15px;
}

/* Menyu seçmə / yeni menyu formaları mobildə alt-alta və tam enli */
@media (max-width: 768px) {
  .menu-forms {
    flex-direction: column;
  }

  .menu-forms form {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    width: 100%;
  }

  .menu-forms select,
  .menu-forms input[type="text"] {
    flex: 1 1 100%;
  }
}

.delete-menu {
  float: right;
  margin-top: 5px;
  color: red;
  font-weight: 600;
  text-decoration: underline;
}

/* Tabs */
.tabs {
  width: 100%;
}

.tabs-heading {
  list-style: none;
  padding: 4px;
  margin: 0;
  display: inline-flex;
  flex-wrap: nowrap;
  border-bottom: 1px solid #ccc;
  background: #d3d7de;
  border: 0;
  border-radius: 8px;
  gap: 2px;
  margin-bottom: 16px;
  max-width: none;
  overflow: visible;
  width: max-content;
}

@media (max-width: 1024px) {
  .tabs-heading {
    display: flex;
    flex-wrap: wrap;
    width: auto;
  }
}

.tabs-heading li {
  border: 0;
  background: transparent;
  padding: 10px 16px;
  font-weight: 500;
  margin-right: 5px;
  border-bottom-color: #f1f1f1;
  cursor: pointer;
  user-select: none;
  border-radius: 6px;
  color: var(--t-steel);
  flex-shrink: 0;
  margin: 0;
  white-space: nowrap;
  transition: background 0.12s, color 0.12s;
}

@media (max-width: 1024px) {
  .tabs-heading li {
    white-space: nowrap;
    flex-shrink: 0;
  }
}

.tabs-heading li:hover {
  background: rgb(255 255 255 / 45%);
  border-bottom-color: white;
  color: var(--t-ink);
}

.tabs-heading .active-tab {
  background: white;
  margin-bottom: 0;
  border-bottom-color: white;
}

.tabs-body > div {
  display: none;
  flex-wrap: wrap;
}

.tabs-body > div:first-child {
  display: flex;
}

.tabs-body .admin-repeater-field {
  border: none;
  border-bottom: 1px solid #cacaca;
  box-shadow: none;
  margin: 0;
}

/* Translate */
.translate-languages {
  margin-bottom: 30px;
  display: flex;
}

.translte-languages-select {
  margin-right: 30px;
}

.translate-table {
  background: white;
  width: 900px;
  border: 1px solid #ddd;
}

@media (max-width: 1024px) {
  .translate-table {
    width: 100%;
  }
}

.translate-table input {
  width: 100%;
}

.translate-table th,
.translate-table td {
  line-height: 1.3;
  padding: 5px 10px;
}

.translate-table th:first-child,
.translate-table td:first-child {
  width: 300px;
}

.translate-table th:last-child,
.translate-table td:last-child {
  width: 600px;
}

.translate-table-button {
  padding: 10px;
  background: #e3e3e3;
  display: flex;
  justify-content: flex-end;
}

/* Mailchimp */
.mailchimp-area {
  width: 600px;
  max-width: 100%;
}

.admin-element {
  margin-bottom: 15px;
}

.admin-element label {
  font-weight: 500;
}

.delete-email-from-mailchimp {
  background: red;
  color: white;
  text-align: center;
  padding: 3px 10px;
  display: inline-block;
  border-radius: 5px;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
}

/* Watermark */
.media-helpers {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 20px;
}

.upload-area .media-checkbox {
  margin-bottom: 0;
}

.upload-area .media-checkbox input {
  margin-top: 8px;
}

.upload-area .media-checkbox label {
  font-size: 14px;
}

.upload-area .media-helpers {
  justify-content: center;
  margin-bottom: 0px;
  margin-top: 10px;
}

/* Field rating */
.field-rating-items {
  display: inline-flex;
  flex-wrap: wrap;
  margin: 0 -5px;
  padding-right: 10px;
}

.field-rating-item {
  padding: 0 5px;
}

.field-rating-item label {
  cursor: pointer;
}

.reset-field-radio {
  cursor: pointer;
  text-decoration: underline;
  font-weight: 600;
  display: inline-block;
}

/* Master accordion */
.master-accordion-title {
  color: black;
  cursor: pointer;
  border-bottom: 1px solid #ddd;
  position: relative;
  line-height: 1.4;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  background: white;
  border-radius: 5px;
  padding: 10px 15px;
}

.master-accordion-title:before {
  content: "\f347";
  font-family: dashicons;
  font-size: 14px;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--main-color);
  transition: 0.3s all;
}

.master-accordion-title.active:before {
  transform: translateY(-50%) rotate(180deg);
}

.master-accordion-content {
  color: black;
  display: none;
}

/* Logs */
.logs-table td,
.logs-table th {
  padding: 10px 15px;
  vertical-align: top;
}

.accordion-content {
  display: none;
  max-width: 450px;
  overflow-x: auto;
}

.accordion-button {
  text-decoration: underline;
  color: #5e5eb0;
  font-weight: 600;
  cursor: pointer;
}

/* Jquery SelectBox */
.searchBoxWrap {
  position: relative;
}

.searchBoxElement {
  background-color: white;
  border: 1px solid #aaa;
  position: absolute;
  top: 100%;
  left: 0;
  max-height: 200px;
  overflow-x: hidden;
  overflow-y: auto;
  margin: 0;
  padding: 0;
  line-height: 23px;
  list-style: none;
  z-index: 1;
}

.searchBoxElement span {
  padding: 0 5px;
  white-space: nowrap;
}

.searchBoxElement::-webkit-scrollbar {
  display: none;
}

.searchBoxElement li {
  background-color: white;
  color: black;
  padding: 0 5px;
}

.searchBoxElement li:hover {
  background-color: #ddd;
  cursor: pointer;
}

.searchBoxElement li.selected {
  background-color: #50a0ff;
  color: white;
}

.refineText {
  padding: 8px 10px !important;
  width: 100% !important;
  position: relative;
}

.searchBoxWrap .refineText {
  background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2317202b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") no-repeat right 1px center;
  background-size: 14px;
  color: var(--t-ink);
  padding-right: 32px !important;
}
.searchBoxWrap .refineText[readonly] {
  cursor: pointer;
}

/* Action buttons */
.action-buttons {
  display: flex;
  justify-content: flex-end;
  gap: 4px;
}

@media (max-width: 768px) {
  .action-buttons {
    justify-content: flex-start;
    flex-wrap: wrap;
  }
}

.action-button {
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--a);
  color: #fff !important;
  margin-right: 0;
  border-radius: 6px;
  font-size: 13px;
  cursor: pointer;
  position: relative;
  --a: #5b6572;
  border: 1px solid transparent;
  transition: filter 0.12s, box-shadow 0.12s;
}

.action-button:hover {
  background: var(--a);
  color: #fff !important;
  filter: brightness(0.93);
}

@media (max-width: 768px) {
  .action-button {
    width: 36px;
    height: 36px;
    margin-bottom: 5px;
  }
}


.action-delete-button,
.action-destroy-button {
  --a: #be2d2d;
}

.action-logs-button {
  background: #888988;
}

.action-view-button {
  --a: #f76707;
}

.action-print-button {
  --a: #5f7089;
}

/* Ləğv (qeyd silinmir, statusu «ləğv edilib» olur) — silmədən fərqli rəng və ikon (fe-x-circle) */
.action-cancel-button {
  --a: #495057;
}

.action-copy-button {
  --a: #265193;
}


.action-status-button,
.action-convert-button,
.action-post-button {
  --a: #12b157;
}

.action-badge {
  width: 15px;
  height: 15px;
  background: #8aff00;
  color: black;
  border-radius: 50%;
  position: absolute;
  top: -4px;
  right: -4px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  font-weight: 600;
}

.action-edit-button {
  --a: #12b157;
}

/* Admin repeater checkbox */
.admin-repeater-checkbox input[type="text"] {
  display: none;
}

/* Site codes */
.site-codes {
  margin: 20px 0;
}

.site-code-heading {
  color: blue;
  font-weight: 600;
  font-size: 13px;
  margin-bottom: 7px;
}

.site-code-line {
  background: white;
  padding: 8px;
  border-radius: 5px;
}

/* Collapse */
/* Düymənin yarısı sidebar-dan kənara, məzmunun üstünə çıxır — z-index olmasa xəritə, yapışqan başlıq və s. onu örtür. */
.collapse-tool {
  position: fixed;
  z-index: 100003;
  bottom: 30px;
  left: 198px;
  width: 25px;
  height: 25px;
  background: var(--t-tape);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: var(--t-ink);
  cursor: pointer;
}

@media (max-width: 1024px) {
  .collapse-tool {
    display: none;
  }
}

.user-editor .collapse-tool {
  background: #0d4766;
}

@media (min-width: 1025px) {
  .collapse-mode .admin-sidebar,
  .collapse-mode .admin-sidebar-items {
    width: 60px;
  }

  .collapse-mode .admin-content {
    width: calc(100% - 60px);
  }

  .collapse-mode .collapse-tool {
    left: 47px;
    transform: rotate(180deg);
  }

  .collapse-mode .admin-sidebar-element > a {
    font-size: 0;
    margin: 0 10px;
    padding: 0;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: none;
  }

  .collapse-mode .admin-sidebar-element > a i {
    position: relative;
    top: 0;
    left: 0;
    margin-right: 0;
    transform: none;
    color: rgb(255 255 255 / 59%);
  }

  .collapse-mode .admin-sidebar-badge {
    width: 15px;
    height: 15px;
    line-height: 15px;
    font-size: 10px;
    position: absolute;
    top: 5px;
    right: 0;
    transform: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  * {
    transition: none !important;
  }
}