/* ==========================================================================
   SAMeH — Persian (fa) / RTL skin for the OliveTin ops console.
   Loaded from webui/assets/index.html. Keep this file the single place for
   RTL layout tweaks, the Persian font and action-button colours so that an
   OliveTin upgrade only needs re-applying index.html + this file.
   ========================================================================== */

:root {
  --sameh-brand: #0d6efd;
  --sameh-brand-dark: #0a58ca;
}

/* ---- Persian font + RTL direction --------------------------------------- */
html,
body {
  font-family: "Vazirmatn", Tahoma, "Segoe UI", sans-serif;
}

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

/* Shell output, logs and identifiers must stay left-to-right. */
pre,
code,
kbd,
samp,
textarea,
input[type="text"],
input[type="password"],
input[type="number"],
input[type="email"],
.xterm,
.logs-table td.log-output,
.execution-output {
  direction: ltr;
  text-align: left;
}

/* ---- Header / branding -------------------------------------------------- */
header img.logo {
  width: auto;
  height: 2.1em;
  padding: 0.25em 0.4em;
  object-fit: contain;
}

header h1 {
  font-weight: 700;
}

/* ---- Sidebar: mirror from the left edge to the right edge --------------- */
.sidebar[data-v-b017e638],
.sidebar.shown[data-v-b017e638] {
  left: auto !important;
}

.sidebar[data-v-b017e638] {
  right: -100% !important;
}

.sidebar.shown[data-v-b017e638] {
  right: 0 !important;
}

#sidebar-button {
  border-right: none !important;
  border-left: 1px solid #333 !important;
}

#sidebar-toggler-button {
  margin-right: 0 !important;
  margin-left: 0.5em !important;
}

/* Asymmetric paddings/borders authored for LTR. */
html[dir="rtl"] .section-header {
  padding: 0.4em 1em 0.4em 0.4em;
}

html[dir="rtl"] .section-subheader {
  padding-left: 0;
  padding-right: 1em;
}

/* ---- Tables / definition lists ------------------------------------------ */
html[dir="rtl"] dt {
  text-align: right;
}

html[dir="rtl"] th {
  text-align: right;
}

/* ---- Action buttons -----------------------------------------------------
   Keyed on the (Persian) action titles configured in config.yaml.
   سبز = انتشار/تحویل، آبی = ساخت، قرمز = بازگردانی، نارنجی = اضطراری.      */
button[title^="بازگردانی"] {
  background-color: #dc3545 !important;
  border-color: #dc3545 !important;
  color: #fff !important;
}

button[title^="انتشار"] {
  background-color: #198754 !important;
  border-color: #198754 !important;
  color: #fff !important;
}

button[title^="ساخت"] {
  background-color: #0d6efd !important;
  border-color: #0d6efd !important;
  color: #fff !important;
}

button[title^="🚨"],
button[title^="ثبت تیکت خیلی فوری"] {
  background-color: #fd7e14 !important;
  border-color: #fd7e14 !important;
  color: #fff !important;
}

button[title^="شروع تیکت"] {
  background-color: #0d9488 !important;
  border-color: #0d9488 !important;
  color: #fff !important;
}

/* ---- Action icons -------------------------------------------------------
   Monochrome, self-hosted SVGs (custom-webui/icons/) used as CSS masks so
   they inherit the button's text colour (white on coloured buttons, dark on
   light ones). Referenced from config.yaml as
   `<span class="sameh-icon sameh-icon-build"></span>`.                       */
.sameh-icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.sameh-icon-build {
  -webkit-mask-image: url("/custom-webui/icons/build.svg");
  mask-image: url("/custom-webui/icons/build.svg");
}

.sameh-icon-release {
  -webkit-mask-image: url("/custom-webui/icons/release.svg");
  mask-image: url("/custom-webui/icons/release.svg");
}

.sameh-icon-status {
  -webkit-mask-image: url("/custom-webui/icons/status.svg");
  mask-image: url("/custom-webui/icons/status.svg");
}

.sameh-icon-rollback {
  -webkit-mask-image: url("/custom-webui/icons/rollback.svg");
  mask-image: url("/custom-webui/icons/rollback.svg");
}

.sameh-icon-logs {
  -webkit-mask-image: url("/custom-webui/icons/logs.svg");
  mask-image: url("/custom-webui/icons/logs.svg");
}

.sameh-icon-urgent {
  -webkit-mask-image: url("/custom-webui/icons/urgent.svg");
  mask-image: url("/custom-webui/icons/urgent.svg");
}

.sameh-icon-start-ticket {
  -webkit-mask-image: url("/custom-webui/icons/start-ticket.svg");
  mask-image: url("/custom-webui/icons/start-ticket.svg");
}

/* Folder (directory) icons. */
.sameh-icon-server {
  -webkit-mask-image: url("/custom-webui/icons/server.svg");
  mask-image: url("/custom-webui/icons/server.svg");
}

.sameh-icon-desktop {
  -webkit-mask-image: url("/custom-webui/icons/desktop.svg");
  mask-image: url("/custom-webui/icons/desktop.svg");
}

.sameh-icon-support {
  -webkit-mask-image: url("/custom-webui/icons/support.svg");
  mask-image: url("/custom-webui/icons/support.svg");
}

/* ---- Footer ------------------------------------------------------------- */
footer {
  font-size: 0.85em;
}