/* Vazir Font & RTL Support for Persian/Farsi */

/* Font Face Declarations */
@font-face {
  font-family: 'Vazir';
  src: url('../fonts/vazir/Vazirmatn-Regular.woff2') format('woff2'),
       url('../fonts/vazir/Vazirmatn-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Vazir';
  src: url('../fonts/vazir/Vazirmatn-Bold.woff2') format('woff2'),
       url('../fonts/vazir/Vazirmatn-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Vazir';
  src: url('../fonts/vazir/Vazirmatn-Light.woff2') format('woff2'),
       url('../fonts/vazir/Vazirmatn-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Vazir';
  src: url('../fonts/vazir/Vazirmatn-Medium.woff2') format('woff2'),
       url('../fonts/vazir/Vazirmatn-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}

/* Apply Vazir font for Persian pages */
html[lang="fa"] body,
html[lang="fa"] h1,
html[lang="fa"] h2,
html[lang="fa"] h3,
html[lang="fa"] h4,
html[lang="fa"] h5,
html[lang="fa"] h6,
html[lang="fa"] input,
html[lang="fa"] button,
html[lang="fa"] p,
html[lang="fa"] a,
html[lang="fa"] div,
html[lang="fa"] label,
html[lang="fa"] select,
html[lang="fa"] textarea,
html[lang="fa"] .ui.button:not(.label), 
html[lang="fa"] .ui.header, 
html[lang="fa"] .ui.input input, 
html[lang="fa"] .ui.menu {
  font-family: 'Vazir', -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif !important;
}

/* RTL Direction for Persian */
html[lang="fa"] body {
  direction: rtl;
  text-align: right;
}

/* RTL-specific layout adjustments - only direction/mirroring, same design */

/* RTL Direction for dropdowns */
html[lang="fa"] .following.bar .ui.dropdown .menu .item:hover {
  padding-right: 16px;
  padding-left: 20px;
}

/* RTL Support for All Pages */
html[lang="fa"] .repository {
  direction: rtl;
  text-align: right;
}

html[lang="fa"] .repository .header-wrapper .ui.tabular.menu {
  direction: rtl;
}

html[lang="fa"] .repository .header-wrapper .ui.tabular.menu .item {
  margin-right: 0;
  margin-left: 8px;
}

html[lang="fa"] .repository .file-list .item {
  direction: rtl;
}

html[lang="fa"] .dashboard {
  direction: rtl;
  text-align: right;
}

html[lang="fa"] .user-profile {
  direction: rtl;
  text-align: right;
}

html[lang="fa"] .explore-page {
  direction: rtl;
  text-align: right;
}

html[lang="fa"] .ui.form .field {
  direction: rtl;
}

html[lang="fa"] .ui.form .field label {
  text-align: right;
}

html[lang="fa"] .ui.form .field input,
html[lang="fa"] .ui.form .field textarea {
  direction: rtl;
  text-align: right;
}

html[lang="fa"] .ui.cards {
  direction: rtl;
}

html[lang="fa"] .ui.list {
  direction: rtl;
}

html[lang="fa"] .ui.table {
  direction: rtl;
}

html[lang="fa"] .ui.breadcrumb {
  direction: rtl;
}

html[lang="fa"] .ui.menu {
  direction: rtl;
}

/* Fix margins and paddings for RTL */
html[lang="fa"] .ml-auto {
  margin-left: 0 !important;
  margin-right: auto !important;
}

html[lang="fa"] .mr-auto {
  margin-right: 0 !important;
  margin-left: auto !important;
}

html[lang="fa"] .text-right {
  text-align: left !important;
}

html[lang="fa"] .text-left {
  text-align: right !important;
}

/* RTL for repo list hover */
html[lang="fa"] .repo-list .repo-item:hover {
  transform: translateX(-4px);
}

/* RTL for issue body */
html[lang="fa"] .issue-list .issue-item .issue-body {
  margin-left: 0;
  margin-right: 32px;
}

/* RTL for notification badges */
html[lang="fa"] .notification-badge {
  margin-left: 0;
  margin-right: 8px;
}
html[dir="rtl"] .ui.menu:not(.vertical) .right.item,html[dir="rtl"]  .ui.menu:not(.vertical) .right.menu {
    margin-left: 0px !important;
    margin-right: auto !important;
}
html[dir="rtl"] .ui.left{float:right !important;}
html[dir="rtl"] .ui.menu .ui.dropdown .menu>.item, html[dir="rtl"] .ui.dropdown .menu{text-align:right;}
html[dir="rtl"] .following.bar .icon, .following.bar .octicon{margin-left: 5px !important; margin-right:0px !important;}
html[dir="rtl"] .ui.grid>.column:not(.row),html[dir="rtl"] .ui.grid>.row>.column{
    padding-left:1rem !important;
    padding-right:0 !important;
}

html[dir="rtl"] .ui.right{float:left;}
html[dir="rtl"] .ui.action.input:not([class*="left action"])>.button:last-child,
html[dir="rtl"] .ui.action.input:not([class*="left action"])>.buttons:last-child>.button,
html[dir="rtl"] .ui.action.input:not([class*="left action"])>.dropdown:last-child
{
    border-radius: .28571429rem  0 0 .28571429rem !important;
}
html[dir="rtl"] .ui.action.input:not([class*="left action"])>input{
    border-radius:0 .28571429rem .28571429rem 0 !important;
    border-right-color : rgba(34,36,38,.15) !important;
    border-left-color:transparent !important;
}