@charset "utf-8";
/* ===================================
   Uyghur Font System - مۇكەممەل خەت نۇسخىسى
   =================================== */

/* UKIJ Tuz Tom - مۇتلەق يول */
@font-face {
  font-family: 'UKIJ Tuz Tom';
  src: url('/UKIJTUT.TTF') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* زاپاس خەت نۇسخىسى - ئەگەر UKIJTUT.TTF بولمىسا */
@font-face {
  font-family: 'Microsoft Uighur';
  src: local('Microsoft Uighur'), local('Microsoft Uighur MS');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* ئۇيغۇرچە خەت نۇسخىسى - ئاساسلىق تەڭشەش */
html[lang="ug"], html[lang="uy"] {
  font-family: 'UKIJ Tuz Tom', 'Microsoft Uighur', 'Segoe UI', Arial, sans-serif !important;
  font-size: 14px;
  line-height: 1.6;
  text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

/* bootstrap-icons ئايكونلىرى html تەسىرىگە ئۇچرىمايدۇ */
html[lang="ug"], html[lang="uy"] .bi,
html[lang="ug"], html[lang="uy"] [class^="bi-"],
html[lang="ug"], html[lang="uy"] [class*=" bi-"] {
  font-family: "bootstrap-icons" !important;
}

html[lang="ug"], html[lang="uy"] body {
  font-family: 'UKIJ Tuz Tom', 'Microsoft Uighur', 'Segoe UI', Arial, sans-serif !important;
  font-size: 14px;
  line-height: 1.6;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
  hyphens: auto;
}

/* bootstrap-icons ئايكونلىرى body تەسىرىگە ئۇچرىمايدۇ */
html[lang="ug"], html[lang="uy"] body .bi,
html[lang="ug"], html[lang="uy"] body [class^="bi-"],
html[lang="ug"], html[lang="uy"] body [class*=" bi-"] {
  font-family: "bootstrap-icons" !important;
}

/* ھەممە ئېلېمېنتلار ئۈچۈن ئورتاق خەت نۇسخىسى - bootstrap-icons غا تەسىر قىلمايدۇ */
html[lang="ug"], html[lang="uy"] *:not([class*="bi-"])::before,
html[lang="ug"], html[lang="uy"] *:not([class*="bi-"])::after {
  font-family: 'UKIJ Tuz Tom', 'Microsoft Uighur', 'Segoe UI', Arial, sans-serif !important;
}

/* Heading ئېلېمېنتلىرى - bootstrap-icons غا تەسىر قىلمايدۇ */
html[lang="ug"], html[lang="uy"] h1:not([class*="bi-"]),
html[lang="ug"], html[lang="uy"] h2:not([class*="bi-"]),
html[lang="ug"], html[lang="uy"] h3:not([class*="bi-"]),
html[lang="ug"], html[lang="uy"] h4:not([class*="bi-"]),
html[lang="ug"], html[lang="uy"] h5:not([class*="bi-"]),
html[lang="ug"], html[lang="uy"] h6:not([class*="bi-"]) {
  font-family: 'UKIJ Tuz Tom', 'Microsoft Uighur', 'Segoe UI', Arial, sans-serif !important;
  font-weight: 700;
  line-height: 1.3;
  margin: 0 0 16px 0;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

html[lang="ug"], html[lang="uy"] h1 { font-size: 22px; }
html[lang="ug"], html[lang="uy"] h2 { font-size: 19px; }
html[lang="ug"], html[lang="uy"] h3 { font-size: 16px; }
html[lang="ug"], html[lang="uy"] h4 { font-size: 15px; }
html[lang="ug"], html[lang="uy"] h5 { font-size: 14px; }
html[lang="ug"], html[lang="uy"] h6 { font-size: 13px; }

/* Paragraph ۋە تېكىست - bootstrap-icons غا تەسىر قىلمايدۇ */
html[lang="ug"], html[lang="uy"] p:not([class*="bi-"]) {
  font-family: 'UKIJ Tuz Tom', 'Microsoft Uighur', 'Segoe UI', Arial, sans-serif !important;
  font-size: 14px;
  line-height: 1.6;
  margin: 0 0 16px 0;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

/* Button ۋە Input لار - bootstrap-icons غا تەسىر قىلمايدۇ */
html[lang="ug"], html[lang="uy"] button:not([class*="bi-"]),
html[lang="ug"], html[lang="uy"] input:not([class*="bi-"]),
html[lang="ug"], html[lang="uy"] textarea:not([class*="bi-"]),
html[lang="ug"], html[lang="uy"] select:not([class*="bi-"]),
html[lang="ug"], html[lang="uy"] option:not([class*="bi-"]) {
  font-family: 'UKIJ Tuz Tom', 'Microsoft Uighur', 'Segoe UI', Arial, sans-serif !important;
  font-size: 14px !important;
  line-height: 1.5;
}

/* Label ۋە كىچىك تېكىستلەر - bootstrap-icons غا تەسىر قىلمايدۇ */
html[lang="ug"], html[lang="uy"] label:not([class*="bi-"]),
html[lang="ug"], html[lang="uy"] span:not([class*="bi-"]),
html[lang="ug"], html[lang="uy"] small:not([class*="bi-"]),
html[lang="ug"], html[lang="uy"] .text-sm:not([class*="bi-"]) {
  font-family: 'UKIJ Tuz Tom', 'Microsoft Uighur', 'Segoe UI', Arial, sans-serif !important;
  font-size: 13px;
}

/* Card ۋە Container لاردا خەت نۇسخىسى - bootstrap-icons غا تەسىر قىلمايدۇ */
html[lang="ug"], html[lang="uy"] .card:not(.bi),
html[lang="ug"], html[lang="uy"] .container:not(.bi),
html[lang="ug"], html[lang="uy"] .content:not(.bi),
html[lang="ug"], html[lang="uy"] div:not([class*="bi-"]) {
  font-family: 'UKIJ Tuz Tom', 'Microsoft Uighur', 'Segoe UI', Arial, sans-serif !important;
}

/* ===================================
   Merchant Login Page - سودىگەر كىرىش بېتى
   =================================== */
html[lang="ug"], html[lang="uy"] .lang-btn {
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
}

html[lang="ug"], html[lang="uy"] .login-title {
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
}

html[lang="ug"], html[lang="uy"] .login-subtitle {
  font-size: 11px !important;
  line-height: 1.4 !important;
}

html[lang="ug"], html[lang="uy"] .tab {
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  padding: 8px !important;
}

html[lang="ug"], html[lang="uy"] .form-label {
  font-size: 10px !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  margin-bottom: 4px !important;
}

html[lang="ug"], html[lang="uy"] .form-input {
  font-size: 13px !important;
  line-height: 1.4 !important;
  padding: 9px 9px 9px 0 !important;
}

html[lang="ug"], html[lang="uy"] .form-btn {
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.5 !important;
  padding: 11px !important;
}

html[lang="ug"], html[lang="uy"] .remember-row {
  font-size: 11px !important;
  line-height: 1.4 !important;
}

html[lang="ug"], html[lang="uy"] .remember-row label {
  font-size: 11px !important;
}

html[lang="ug"], html[lang="uy"] .alert {
  font-size: 11px !important;
  line-height: 1.4 !important;
  padding: 8px 9px !important;
}

html[lang="ug"], html[lang="uy"] .back-link a {
  font-size: 11px !important;
  font-weight: 600 !important;
}

/* Login Page - خىزمەتكە كىرىش بېتى */
html[lang="ug"], html[lang="uy"] .login-card .lang-btn {
  font-size: 12px !important;
  font-weight: 600 !important;
}

html[lang="ug"], html[lang="uy"] .login-card .login-title {
  font-size: 16px !important;
  font-weight: 700 !important;
}

html[lang="ug"], html[lang="uy"] .login-card .login-subtitle {
  font-size: 11px !important;
  line-height: 1.4 !important;
}

html[lang="ug"], html[lang="uy"] .login-card .form-label {
  font-size: 10px !important;
  font-weight: 600 !important;
}

html[lang="ug"], html[lang="uy"] .login-card .form-input {
  font-size: 13px !important;
  line-height: 1.4 !important;
}

html[lang="ug"], html[lang="uy"] .login-card .form-btn {
  font-size: 14px !important;
  font-weight: 600 !important;
}

html[lang="ug"], html[lang="uy"] .login-card .divider {
  font-size: 11px !important;
}

html[lang="ug"], html[lang="uy"] .login-card .toggle-link {
  font-size: 12px !important;
}

html[lang="ug"], html[lang="uy"] .login-card .alert {
  font-size: 11px !important;
}

html[lang="ug"], html[lang="uy"] .login-card .approval-note-title {
  font-size: 10px !important;
}

html[lang="ug"], html[lang="uy"] .login-card .approval-note-text {
  font-size: 9px !important;
  line-height: 1.4 !important;
}

html[lang="ug"], html[lang="uy"] .login-card .back-link a {
  font-size: 11px !important;
}

/* Mobile ئۈچۈن خاسلاشتۇرۇش */
@media (max-width: 768px) {
  html[lang="ug"], html[lang="uy"] {
    font-size: 13px;
  }
  
  html[lang="ug"], html[lang="uy"] body {
    font-size: 13px;
    line-height: 1.6;
  }
  
  html[lang="ug"], html[lang="uy"] h1 { font-size: 20px; }
  html[lang="ug"], html[lang="uy"] h2 { font-size: 17px; }
  html[lang="ug"], html[lang="uy"] h3 { font-size: 15px; }
  html[lang="ug"], html[lang="uy"] h4 { font-size: 14px; }
  html[lang="ug"], html[lang="uy"] h5 { font-size: 13px; }
  html[lang="ug"], html[lang="uy"] h6 { font-size: 12px; }
  
  html[lang="ug"], html[lang="uy"] p {
    font-size: 13px;
    line-height: 1.6;
  }
}

/* كىچىك ئېكرانلار ئۈچۈن */
@media (max-width: 480px) {
  html[lang="ug"], html[lang="uy"] {
    font-size: 13px;
  }
  
  html[lang="ug"], html[lang="uy"] body {
    font-size: 13px;
    line-height: 1.6;
  }
  
  html[lang="ug"], html[lang="uy"] h1 { font-size: 19px; }
  html[lang="ug"], html[lang="uy"] h2 { font-size: 16px; }
  html[lang="ug"], html[lang="uy"] h3 { font-size: 14px; }
  html[lang="ug"], html[lang="uy"] h4 { font-size: 13px; }
  html[lang="ug"], html[lang="uy"] h5 { font-size: 12px; }
  html[lang="ug"], html[lang="uy"] h6 { font-size: 12px; }
  
  html[lang="ug"], html[lang="uy"] p {
    font-size: 13px;
    line-height: 1.6;
  }
  
  /* تېلېفوندا تېكىستنىڭ div دىن چىقىپ كەتمەسلىكى ئۈچۈن */
  html[lang="ug"], html[lang="uy"] .card,
  html[lang="ug"], html[lang="uy"] .container,
  html[lang="ug"], html[lang="uy"] .content {
    padding: 12px;
    word-break: break-word;
    overflow-wrap: break-word;
  }
}

/* RTL (ئوڭدىن سولغا) تەڭشەش - bootstrap-icons غا تەسىر قىلمايدۇ */
html[lang="ug"][dir="rtl"], html[lang="uy"][dir="rtl"] {
  direction: rtl;
  text-align: right;
}

html[lang="ug"][dir="rtl"], html[lang="uy"][dir="rtl"] body {
  direction: rtl;
  text-align: right;
}

/* bootstrap-icons ئايكونلىرى RTL دە نورمال كۆرۈنىدۇ */
html[lang="ug"][dir="rtl"], html[lang="uy"][dir="rtl"] .bi,
html[lang="ug"][dir="rtl"], html[lang="uy"][dir="rtl"] [class^="bi-"],
html[lang="ug"][dir="rtl"], html[lang="uy"][dir="rtl"] [class*=" bi-"] {
  direction: ltr !important;
  unicode-bidi: isolate !important;
}

/* يۈكلىنىۋاتقاندا كۆرۈنىدىغان خەت نۇسخىسى */
.font-loading {
  font-family: 'Microsoft Uighur', 'Segoe UI', Arial, sans-serif !important;
}

/* خاتالىق بولسا كۆرۈنىدىغان زاپاس خەت نۇسخىسى */
@supports not (font-display: swap) {
  html[lang="ug"], html[lang="uy"] {
    font-family: 'Microsoft Uighur', 'Segoe UI', Arial, sans-serif !important;
  }
}