@font-face {
  font-family: 'BYekan';
  src: url('../fonts/Yekan.woff2') format('woff2'), url('../fonts/Yekan.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --dorokh-chat-primary: #070707;
  --dorokh-chat-accent: #c89b3c;
  --dorokh-chat-accent-soft: rgba(200, 155, 60, .16);
  --dorokh-chat-text: #f7f3e9;
  --dorokh-chat-muted: #a8a39a;
}

.dorokh-support,
.dorokh-support * {
  box-sizing: border-box;
}

.dorokh-support .screen-reader-text {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.dorokh-support {
  position: fixed;
  right: var(--dorokh-offset-side, 22px);
  bottom: max(var(--dorokh-offset-bottom, 22px), env(safe-area-inset-bottom));
  z-index: 999999;
  direction: rtl;
  font-family: 'BYekan', Tahoma, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.6;
  color: var(--dorokh-chat-text);
  -webkit-font-smoothing: antialiased;
}

.dorokh-support button,
.dorokh-support input,
.dorokh-support textarea,
.dorokh-support select,
.dorokh-support label,
.dorokh-support strong,
.dorokh-support b,
.dorokh-support p,
.dorokh-support time { font-family: 'BYekan', Tahoma, Arial, sans-serif !important; }
.dorokh-support .dashicons { font-family: dashicons !important; }

.dorokh-support--left {
  right: auto;
  left: var(--dorokh-offset-side, 22px);
}

.dorokh-launcher {
  appearance: none;
  min-width: var(--dorokh-launcher-size, 62px);
  height: var(--dorokh-launcher-size, 62px);
  padding: 0 8px 0 18px;
  border: 1px solid rgba(230, 195, 116, .48) !important;
  border-radius: 999px !important;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, .08), transparent 40%),
    linear-gradient(145deg, #17140d 0%, #080808 48%, #020202 100%) !important;
  color: #f7ecd1 !important;
  box-shadow: 0 18px 42px rgba(0, 0, 0, .42), inset 0 1px 0 rgba(255, 255, 255, .08), 0 0 0 5px rgba(200, 155, 60, .08);
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  transform: translateZ(0);
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.dorokh-launcher:hover {
  transform: translateY(-3px);
  border-color: var(--dorokh-chat-accent) !important;
  box-shadow: 0 22px 48px rgba(0, 0, 0, .52), 0 0 0 6px rgba(200, 155, 60, .12), 0 0 24px rgba(200, 155, 60, .14);
}

.dorokh-launcher:focus-visible,
.dorokh-chat button:focus-visible,
.dorokh-chat textarea:focus-visible,
.dorokh-chat input:focus-visible {
  outline: 2px solid var(--dorokh-chat-accent) !important;
  outline-offset: 2px;
}

.dorokh-launcher__icon {
  position: relative;
  width: 46px;
  height: 46px;
  flex: 0 0 46px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: #171006;
  background: linear-gradient(145deg, #f0d18b, var(--dorokh-chat-accent) 47%, #8f6420);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.5), 0 5px 18px rgba(200,155,60,.24);
}

.dorokh-launcher__icon svg {
  width: 24px;
  height: 24px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.dorokh-launcher__icon img,
.dorokh-chat__brand img {
  width: 100%;
  height: 100%;
  display: block;
  border-radius: inherit;
  object-fit: cover;
}

.dorokh-launcher b {
  font: inherit;
  font-weight: 700;
  white-space: nowrap;
}

#dorokh-unread {
  position: absolute;
  top: -5px;
  right: -5px;
  min-width: 20px;
  height: 20px;
  padding: 0 5px;
  border: 2px solid #0a0907;
  border-radius: 999px;
  color: #fff;
  background: #c43535;
  font-size: 12px;
  font-style: normal;
  line-height: 16px;
  text-align: center;
}

.dorokh-chat {
  position: absolute;
  right: 0;
  bottom: calc(var(--dorokh-launcher-size, 62px) + 16px);
  width: min(var(--dorokh-panel-width, 390px), calc(100vw - 32px));
  height: min(var(--dorokh-panel-height, 650px), calc(100vh - 118px));
  min-height: 470px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  border: 1px solid rgba(220, 183, 98, .38);
  border-radius: var(--dorokh-panel-radius, 24px);
  color: var(--dorokh-chat-text);
  background:
    radial-gradient(circle at 86% 0%, rgba(200, 155, 60, .15), transparent 31%),
    linear-gradient(170deg, #11100d 0%, #080808 35%, #050505 100%);
  box-shadow: 0 30px 80px rgba(0, 0, 0, .62), 0 0 0 1px rgba(255, 255, 255, .025) inset;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(16px) scale(.97);
  transform-origin: bottom right;
  transition: opacity var(--dorokh-animation-duration, 280ms) ease, transform var(--dorokh-animation-duration, 280ms) cubic-bezier(.2,.8,.2,1), visibility var(--dorokh-animation-duration, 280ms);
}

.dorokh-support--left .dorokh-chat {
  right: auto;
  left: 0;
  transform-origin: bottom left;
}

.dorokh-support.is-open .dorokh-chat {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0) scale(1);
}

.dorokh-support.is-open .dorokh-launcher {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.dorokh-chat__header {
  position: relative;
  min-height: 78px;
  padding: 14px 16px;
  display: flex;
  align-items: center;
  gap: 12px;
  border-bottom: 1px solid rgba(220, 183, 98, .18);
  background: linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.006));
}

.dorokh-chat__header::after {
  content: "";
  position: absolute;
  right: 68px;
  bottom: -1px;
  width: 70px;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--dorokh-chat-accent), transparent);
}

.dorokh-chat__brand {
  width: 48px;
  height: 48px;
  flex: 0 0 48px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(247, 212, 133, .5);
  border-radius: 15px;
  color: #161009;
  background: linear-gradient(145deg, #f3d997, #bd8a31 55%, #79511a);
  box-shadow: 0 8px 20px rgba(181, 126, 39, .21), inset 0 1px 0 rgba(255,255,255,.55);
  font-size: 26px;
  font-weight: 900;
}

.dorokh-chat__heading {
  min-width: 0;
  flex: 1;
  display: flex;
  flex-direction: column;
}

.dorokh-chat__heading strong {
  color: #fff8e7;
  font-size: 17px;
  font-weight: 800;
}

.dorokh-chat__heading span {
  display: flex;
  align-items: center;
  gap: 7px;
  color: #bdb6a9;
  font-size: 13px;
}

.dorokh-chat__heading span i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #48c78e;
  box-shadow: 0 0 0 4px rgba(72, 199, 142, .11), 0 0 9px rgba(72,199,142,.45);
}

.dorokh-chat__heading span b {
  overflow: hidden;
  color: inherit;
  font: inherit;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.dorokh-chat__icon-button {
  appearance: none;
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  padding: 0 !important;
  display: grid !important;
  place-items: center;
  border: 1px solid rgba(255,255,255,.09) !important;
  border-radius: 12px !important;
  color: #c9c2b4 !important;
  background: rgba(255,255,255,.035) !important;
  cursor: pointer;
}

.dorokh-chat__icon-button:hover {
  color: #fff !important;
  background: rgba(255,255,255,.075) !important;
}

.dorokh-chat__icon-button svg {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
}

.dorokh-chat__status {
  padding: 8px 14px;
  border-bottom: 1px solid rgba(255,255,255,.05);
  color: #e4d2a9;
  background: rgba(200, 155, 60, .09);
  font-size: 13px;
  text-align: center;
}

.dorokh-chat__messages {
  flex: 1;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 18px 14px 10px;
  scroll-behavior: smooth;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: rgba(200,155,60,.38) transparent;
  background-image:
    radial-gradient(circle at 15% 18%, rgba(255,255,255,.027) 0 1px, transparent 1.5px),
    radial-gradient(circle at 80% 55%, rgba(200,155,60,.035) 0 1px, transparent 1.5px);
  background-size: 37px 37px, 51px 51px;
}

.dorokh-chat__messages::-webkit-scrollbar { width: 5px; }
.dorokh-chat__messages::-webkit-scrollbar-thumb { border-radius: 10px; background: rgba(200,155,60,.32); }

.dorokh-message {
  width: 100%;
  margin: 0 0 14px;
  display: flex;
  align-items: flex-end;
  gap: 8px;
  animation: dorokh-message-in .28s ease both;
}

@keyframes dorokh-message-in {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: translateY(0); }
}

.dorokh-message--visitor {
  justify-content: flex-start;
  direction: ltr;
}

.dorokh-message__avatar {
  width: 28px;
  height: 28px;
  flex: 0 0 28px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(225, 187, 97, .42);
  border-radius: 9px;
  color: #d6a94f;
  background: #15120c;
  font-size: 14px;
  font-weight: 800;
}

.dorokh-chat__brand.dorokh-custom-icon,
.dorokh-message__avatar.dorokh-custom-icon {
  color: var(--icon-color, currentColor);
  background: var(--icon-bg, transparent);
}

.dorokh-message__avatar img,
.dorokh-composer__send img,
.dorokh-chat__tools button img {
  width: 100%;
  height: 100%;
  display: block;
  border-radius: inherit;
  object-fit: cover;
}

.dorokh-message__avatar .dashicons,
.dorokh-message__avatar [class*="fa-"],
.dorokh-chat__brand .dashicons,
.dorokh-chat__brand [class*="fa-"] { width:auto; height:auto; font-size:inherit; line-height:1; }

.dorokh-message--operator .dorokh-message__avatar {
  color: #07120e;
  border-color: rgba(104, 220, 167, .45);
  background: #69d3a2;
}

/* Keep per-operator/profile colors after the legacy operator fallback rule. */
.dorokh-message--operator .dorokh-message__avatar.dorokh-custom-icon {
  color: var(--icon-color, #07120e);
  background: var(--icon-bg, #69d3a2);
}

.dorokh-message__body {
  max-width: 81%;
  display: flex;
  flex-direction: column;
  direction: rtl;
}

.dorokh-message__bubble {
  padding: 10px 13px;
  border: 1px solid rgba(255,255,255,.07);
  border-radius: 16px 16px 16px 5px;
  color: #e9e5dc;
  background: linear-gradient(145deg, #1b1a17, #121212);
  box-shadow: 0 5px 14px rgba(0,0,0,.16);
  font-size: 15px;
  line-height: 1.75;
  overflow-wrap: anywhere;
  white-space: pre-wrap;
}

.dorokh-message__bubble strong { color: inherit; font-weight: 800; }
.dorokh-message__bubble a { color: #f0c96d; text-decoration: underline; text-underline-offset: 3px; }
.dorokh-message__attachment { display: block; margin-top: 8px; padding-top: 7px; border-top: 1px solid rgba(255,255,255,.09); color: #d9bb78; font-size: 13px; }

.dorokh-message__actions {
  width: 100%;
  margin-top: 11px;
  padding-top: 10px;
  display: grid;
  gap: 6px;
  border-top: 1px solid rgba(255,255,255,.09);
  white-space: normal;
}

.dorokh-message__action {
  min-height: 45px;
  padding: 7px 10px;
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  align-items: center;
  column-gap: 8px;
  border: 1px solid rgba(200,155,60,.38);
  border-radius: 12px;
  color: #fff5d6 !important;
  background: linear-gradient(145deg, rgba(200,155,60,.16), rgba(32,24,10,.72));
  text-decoration: none !important;
  box-shadow: 0 4px 12px rgba(0,0,0,.13);
  transition: border-color .18s, transform .18s, background .18s;
}

.dorokh-message__action:hover { transform: translateY(-1px); border-color: rgba(230,190,91,.72); background: linear-gradient(145deg, rgba(200,155,60,.24), rgba(38,28,11,.85)); }
.dorokh-message__action strong { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; }
.dorokh-message__action small { grid-column: 1; color: #c9b98e; font-size: 11px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.dorokh-message__action > span { grid-column: 2; grid-row: 1 / span 2; width: 25px; height: 25px; display: grid; place-items: center; border-radius: 8px; color: #171006; background: #d5a842; font-size: 16px; }
.dorokh-message--pending .dorokh-message__bubble { animation: dorokh-message-sent .22s ease both; }
@keyframes dorokh-message-sent { from { opacity:.35; transform:translateY(5px); } to { opacity:1; transform:none; } }

.dorokh-message--visitor .dorokh-message__bubble {
  border-color: rgba(200,155,60,.29);
  border-radius: 16px 16px 5px 16px;
  color: #fff9eb;
  background: linear-gradient(145deg, #6e4d1c 0%, #3b2a10 55%, #211a0d 100%);
}

.dorokh-message--system {
  justify-content: center;
}

.dorokh-message--system .dorokh-message__body {
  max-width: 94%;
}

.dorokh-message--system .dorokh-message__bubble {
  padding: 7px 12px;
  border: 1px dashed rgba(200,155,60,.25);
  border-radius: 999px;
  color: #c9b98e;
  background: rgba(200,155,60,.06);
  font-size: 13px;
  text-align: center;
}

.dorokh-message time {
	  margin: 0;
	  color: #77736c;
	  font-size: 11px;
}

.dorokh-message__meta {
  min-height: 18px;
  margin: 3px 7px 0;
  display: flex;
  align-items: center;
  gap: 6px;
  direction: ltr;
}

.dorokh-message__receipt {
  min-width: 16px;
  color: #8e887e;
  font-family: Arial, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -3px;
  cursor: help;
  transition: color .18s ease;
}

.dorokh-message__receipt.is-seen { color: #55c99a; }
.dorokh-message__receipt.is-sending { letter-spacing: 0; color: #8e887e; }

.dorokh-message--visitor time {
  align-self: flex-end;
}

.dorokh-chat__typing {
	position: relative;
	overflow: hidden;
  height: 32px;
  padding: 5px 18px;
  display: flex;
  align-items: center;
  gap: 4px;
  color: #928d84;
  font-size: 12px;
	background: linear-gradient(90deg, transparent, var(--dorokh-chat-accent-soft), transparent);
}

.dorokh-chat__typing[hidden] { display: none !important; }

.dorokh-chat__typing > span {
	position: relative;
	z-index: 1;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--dorokh-chat-accent);
	box-shadow: 0 0 0 rgba(200,155,60,0);
	transform-origin:center;
	will-change:transform,opacity,box-shadow;
	animation: dorokh-dot 1.05s infinite cubic-bezier(.4,0,.2,1);
}

.dorokh-chat__typing span:nth-child(2) { animation-delay: .16s; }
.dorokh-chat__typing span:nth-child(3) { animation-delay: .32s; }
.dorokh-chat__typing b { position:relative; z-index:1; margin-right: 5px; color: inherit; font: inherit; animation:dorokh-typing-text 1.9s ease-in-out infinite; }
.dorokh-chat__typing::after {
	content:"";
	position:absolute;
	inset:0 auto 0 -42%;
	width:38%;
	pointer-events:none;
	background:linear-gradient(90deg,transparent,rgba(255,255,255,.07),transparent);
	transform:skewX(-20deg);
	animation:dorokh-typing-shimmer 2.2s ease-in-out infinite;
}
.dorokh-chat__typing[data-stage="operator"] > span { background:#55c99a; }

@keyframes dorokh-dot {
	0%, 62%, 100% { opacity: .24; transform: translateY(2px) scale(.68); box-shadow:0 0 0 rgba(200,155,60,0); }
	28% { opacity: 1; transform: translateY(-5px) scale(1.24); box-shadow:0 0 11px var(--dorokh-chat-accent); }
}
@keyframes dorokh-typing-text { 0%,100% { opacity:.72; } 50% { opacity:1; } }
@keyframes dorokh-typing-shimmer { 0%,28% { left:-42%; opacity:0; } 52% { opacity:1; } 76%,100% { left:112%; opacity:0; } }
@keyframes dorokh-dot-reduced { 0%,100% { opacity:.35; transform:scale(.82); } 50% { opacity:1; transform:scale(1.12); } }

.dorokh-chat__footer {
  flex: 0 0 auto;
  padding: 10px 12px 11px;
  border-top: 1px solid rgba(255,255,255,.06);
  background: rgba(7,7,7,.92);
  backdrop-filter: blur(12px);
}

.dorokh-attachment-chip {
  max-width: 100%;
  margin: 0 0 7px;
  padding: 6px 9px;
  display: flex;
  align-items: center;
  gap: 7px;
  border: 1px solid rgba(200,155,60,.3);
  border-radius: 11px;
  color: #e6d5a8;
  background: rgba(200,155,60,.08);
}
.dorokh-attachment-chip[hidden] { display:none !important; }
.dorokh-attachment-chip b { min-width:0; flex:1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:13px; }
.dorokh-attachment-chip button { appearance:none; width:25px; height:25px; padding:0 !important; border:0 !important; border-radius:8px !important; color:#e6d5a8 !important; background:rgba(255,255,255,.06) !important; cursor:pointer; }

.dorokh-composer {
  min-height: 48px;
  padding: 5px 6px 5px 5px;
  display: flex;
  align-items: flex-end;
  gap: 7px;
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 15px;
  background: rgba(255,255,255,.035);
  transition: border-color .2s, box-shadow .2s;
}

.dorokh-composer:focus-within {
  border-color: rgba(200,155,60,.55);
  box-shadow: 0 0 0 3px rgba(200,155,60,.07);
}

.dorokh-composer textarea {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 36px !important;
  max-height: 94px !important;
  margin: 0 !important;
  padding: 8px 7px !important;
  resize: none !important;
  border: 0 !important;
  outline: 0 !important;
  border-radius: 0 !important;
  color: #f5f1e8 !important;
  background: transparent !important;
  box-shadow: none !important;
  font: inherit !important;
  font-size: 15px !important;
  line-height: 1.55 !important;
}

.dorokh-composer textarea::placeholder { color: #77736b; opacity: 1; }

#dorokh-chat-website {
  position: fixed !important;
  left: -10000px !important;
  width: 1px !important;
  height: 1px !important;
  opacity: 0 !important;
}

.dorokh-composer__send {
  appearance: none;
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  padding: 0 !important;
  display: grid !important;
  place-items: center;
  border: 0 !important;
  border-radius: 11px !important;
  color: #171005 !important;
  background: linear-gradient(145deg, #e7c674, var(--dorokh-chat-accent) 58%, #966820) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.42), 0 5px 14px rgba(200,155,60,.17) !important;
  cursor: pointer;
}

.dorokh-composer__attach {
  appearance: none;
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  padding: 0 !important;
  display: grid !important;
  place-items: center;
  border: 0 !important;
  border-radius: 10px !important;
  color: #d8bd7c !important;
  background: rgba(200,155,60,.08) !important;
  box-shadow: none !important;
  cursor: pointer;
}
.dorokh-composer__attach:hover { background:rgba(200,155,60,.16) !important; }
.dorokh-composer__attach:disabled { opacity:.45; cursor:not-allowed; }
.dorokh-composer__attach .dashicons { width:auto; height:auto; font-size:19px; line-height:1; }

.dorokh-composer__send:disabled { opacity: .45; cursor: not-allowed; }

.dorokh-composer__send svg {
  width: 19px;
  height: 19px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
  transform: rotate(180deg);
}

.dorokh-chat__tools {
  padding: 8px 2px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.dorokh-chat__tools > div { display:flex; align-items:center; flex-wrap:wrap; gap:10px; }

.dorokh-chat__tools button {
  appearance: none;
  padding: 3px 0 !important;
  display: inline-flex !important;
  align-items: center;
  gap: 6px;
  border: 0 !important;
  color: #d9bb78 !important;
  background: transparent !important;
  box-shadow: none !important;
  font: inherit !important;
  font-size: 13px !important;
  cursor: pointer;
}

.dorokh-chat__tools button:hover { color: #f2d58d !important; }
.dorokh-chat__tools button:disabled { opacity: .45; cursor: default; }

.dorokh-chat__tools svg {
  width: 15px;
  height: 15px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.6;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.dorokh-chat__tools > span,
.dorokh-chat__privacy {
  color: #6f6b64;
  font-size: 11px;
}

.dorokh-chat__privacy {
  margin: 3px 2px 0;
  line-height: 1.5;
  text-align: center;
}

.dorokh-profile {
  position: absolute;
  inset: 78px 0 0;
  z-index: 5;
  padding: 24px 20px;
  overflow-y: auto;
  border-top: 1px solid rgba(200,155,60,.18);
  background:
    radial-gradient(circle at 100% 0%, rgba(200,155,60,.13), transparent 42%),
    rgba(7,7,7,.985);
  animation: dorokh-profile-in .22s ease both;
}

.dorokh-profile[hidden] { display: none !important; }

@keyframes dorokh-profile-in {
  from { opacity: 0; transform: translateY(12px); }
  to { opacity: 1; transform: translateY(0); }
}

.dorokh-profile__intro {
  margin-bottom: 20px;
  display: flex;
  flex-direction: column;
}

.dorokh-profile__intro strong { color: #f5e7c2; font-size: 19px; }
.dorokh-profile__intro span { margin-top: 4px; color: #989188; font-size: 14px; }

.dorokh-profile label {
  margin-bottom: 15px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  color: #c8c1b3;
  font-size: 13px;
}

.dorokh-profile input {
  width: 100% !important;
  height: 48px !important;
  margin: 0 !important;
  padding: 0 13px !important;
  border: 1px solid rgba(255,255,255,.11) !important;
  border-radius: 13px !important;
  color: #f6f2e8 !important;
  background: rgba(255,255,255,.04) !important;
  box-shadow: none !important;
  font: inherit !important;
  font-size: 15px !important;
}

.dorokh-profile input:focus { border-color: rgba(200,155,60,.58) !important; }

.dorokh-profile__actions {
  margin-top: 21px;
  display: flex;
  gap: 9px;
}

.dorokh-profile__actions button {
  appearance: none;
  min-height: 44px;
  padding: 0 14px !important;
  border: 1px solid rgba(255,255,255,.1) !important;
  border-radius: 12px !important;
  color: #b9b3aa !important;
  background: rgba(255,255,255,.04) !important;
  box-shadow: none !important;
  font: inherit !important;
  font-size: 13px !important;
  cursor: pointer;
}

.dorokh-profile__actions button[type="submit"] {
  flex: 1;
  border-color: rgba(224,183,87,.46) !important;
  color: #171006 !important;
  background: linear-gradient(145deg, #e4c370, #a87928) !important;
  font-weight: 800 !important;
}

.dorokh-profile__error {
  margin: 3px 0 0;
  padding: 8px 10px;
  border: 1px solid rgba(223,82,82,.25);
  border-radius: 10px;
  color: #ffabab;
  background: rgba(195,52,52,.08);
  font-size: 12px;
}

.dorokh-chat__closed {
  padding: 10px 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 8px;
  border-top: 1px solid rgba(255,255,255,.06);
  background: #080808;
  text-align: center;
}

.dorokh-chat__closed[hidden] { display: none !important; }

.dorokh-chat__closed button {
  appearance: none;
  min-height: 40px;
  padding: 0 20px !important;
  border: 1px solid rgba(200,155,60,.42) !important;
  border-radius: 12px !important;
  color: #e6c980 !important;
  background: rgba(200,155,60,.08) !important;
  box-shadow: none !important;
  font: inherit !important;
  font-size: 13px !important;
  cursor: pointer;
}

.dorokh-support.is-busy .dorokh-composer__send svg {
  animation: dorokh-spin .8s linear infinite;
}

@keyframes dorokh-spin { to { transform: rotate(540deg); } }

/* Configurable icon sources. Font Awesome itself is supplied by the active site. */
.dorokh-custom-icon .dorokh-icon-text { font-family:'BYekan',Tahoma,Arial,sans-serif !important; font-size:1em; line-height:1; }
.dorokh-fa-host { width:1em; height:1em; display:inline-grid; place-items:center; color:inherit; font-size:inherit; line-height:1; }
.dorokh-fa-host > i,.dorokh-fa-host > .dorokh-fa-fallback { grid-area:1/1; width:auto; height:auto; margin:0; color:inherit; font-size:inherit; line-height:1; }
.dorokh-fa-host > .dorokh-fa-fallback { font-family:Arial,sans-serif !important; font-style:normal; }
.dorokh-fa-host > [hidden] { display:none !important; }
.dorokh-launcher__icon > .dashicons,
.dorokh-launcher__icon > [class*="fa-"],
.dorokh-launcher__icon > .dorokh-fa-host { width:auto; height:auto; font-size:24px; line-height:1; }
.dorokh-composer__send > .dashicons,
.dorokh-composer__send > [class*="fa-"],
.dorokh-composer__send > .dorokh-fa-host { width:auto; height:auto; font-size:20px; line-height:1; }
.dorokh-chat__tools button > .dashicons,
.dorokh-chat__tools button > [class*="fa-"],
.dorokh-chat__tools button > .dorokh-fa-host { width:auto; height:auto; font-size:17px; line-height:1; }

/* Survey overlay */
.dorokh-survey {
  position:absolute;
  inset:78px 0 0;
  z-index:6;
  padding:18px;
  overflow-y:auto;
  border-top:1px solid rgba(200,155,60,.18);
  color:var(--dorokh-theme-text,#f7f3e9);
  background:radial-gradient(circle at 100% 0%,var(--dorokh-chat-accent-soft),transparent 42%),var(--dorokh-theme-panel,#080808);
  animation:dorokh-profile-in .22s ease both;
}
.dorokh-survey[hidden] { display:none !important; }
.dorokh-survey [hidden] { display:none !important; }
.dorokh-survey__head { margin-bottom:15px; display:flex; align-items:center; justify-content:space-between; gap:10px; }
.dorokh-survey__head strong { color:var(--dorokh-theme-text,#f5e7c2); font-size:19px; }
.dorokh-survey__head button { width:34px; height:34px; padding:0; border:1px solid var(--dorokh-theme-border,rgba(255,255,255,.1)); border-radius:10px; color:var(--dorokh-theme-muted,#aaa); background:transparent; font-size:22px; cursor:pointer; }
.dorokh-survey fieldset { margin:0 0 15px; padding:0; border:0; }
.dorokh-survey legend,.dorokh-survey > label { margin-bottom:7px; display:block; color:var(--dorokh-theme-text,#ddd); font-size:14px; }
.dorokh-survey__stars { display:flex; justify-content:center; gap:5px; }
.dorokh-survey__stars label { cursor:pointer; }
.dorokh-survey__stars input,.dorokh-survey__resolved input { position:absolute; opacity:0; pointer-events:none; }
.dorokh-survey__stars span { color:#59544b; font-size:34px; line-height:1; transition:color .16s,transform .16s; }
.dorokh-survey__stars label:has(input:checked) span,
.dorokh-survey__stars label:has(~ label input:checked) span,
.dorokh-survey__stars label:hover span { color:#e3b64e; transform:translateY(-2px); }
.dorokh-survey select,.dorokh-survey textarea { width:100% !important; margin:0 0 14px !important; padding:10px 12px !important; border:1px solid var(--dorokh-theme-border,rgba(255,255,255,.1)) !important; border-radius:12px !important; color:var(--dorokh-theme-text,#fff) !important; background-color:var(--dorokh-theme-input,rgba(255,255,255,.05)) !important; box-shadow:none !important; font-family:'BYekan',Tahoma,Arial,sans-serif !important; font-size:14px !important; line-height:1.7 !important; }
.dorokh-survey select {
  appearance:auto !important;
  -webkit-appearance:menulist !important;
  height:46px !important;
  min-height:46px !important;
  max-height:46px !important;
  padding:7px 12px !important;
  direction:rtl !important;
  text-align:right !important;
  text-align-last:right !important;
  text-indent:0 !important;
  vertical-align:middle !important;
  white-space:nowrap !important;
  overflow:visible !important;
}
.dorokh-survey select option { color:#222; background:#fff; }
.dorokh-survey__resolved { display:grid; grid-template-columns:repeat(3,1fr); gap:7px; }
.dorokh-survey__resolved span { min-height:38px; display:grid; place-items:center; border:1px solid var(--dorokh-theme-border,rgba(255,255,255,.1)); border-radius:10px; color:var(--dorokh-theme-muted,#aaa); background:var(--dorokh-theme-input,rgba(255,255,255,.04)); cursor:pointer; }
.dorokh-survey__resolved input:checked + span { border-color:var(--dorokh-chat-accent); color:var(--dorokh-theme-text,#fff); background:var(--dorokh-chat-accent-soft); }
.dorokh-survey__submit { width:100%; min-height:44px; border:1px solid color-mix(in srgb,var(--dorokh-chat-accent),transparent 30%); border-radius:12px; color:#171006; background:linear-gradient(145deg,#e7c674,var(--dorokh-chat-accent)); font-size:14px; font-weight:800; cursor:pointer; }
.dorokh-survey__submit:disabled { opacity:.6; cursor:wait; }
.dorokh-survey__error { padding:8px 10px; border-radius:9px; color:#ffb1b1; background:rgba(195,52,52,.1); font-size:13px; }
.dorokh-survey__thanks { margin-top:25%; padding:22px; border:1px solid var(--dorokh-theme-border,rgba(200,155,60,.3)); border-radius:16px; color:var(--dorokh-theme-text,#fff); background:var(--dorokh-chat-accent-soft); font-size:18px; text-align:center; }

/* Opening and closing animation variants */
.dorokh-support--animation-slide_up .dorokh-chat { transform:translateY(45px); }
.dorokh-support--animation-slide_side .dorokh-chat { transform:translateX(45px); }
.dorokh-support--left.dorokh-support--animation-slide_side .dorokh-chat { transform:translateX(-45px); }
.dorokh-support--animation-zoom .dorokh-chat { transform:scale(.76); }
.dorokh-support--animation-flip .dorokh-chat { transform:perspective(900px) rotateY(-18deg) scale(.92); }
.dorokh-support--left.dorokh-support--animation-flip .dorokh-chat { transform:perspective(900px) rotateY(18deg) scale(.92); }
.dorokh-support--animation-none .dorokh-chat { transform:none; transition:none; }
.dorokh-support.is-open .dorokh-chat { transform:translate(0,0) scale(1) rotateY(0); }

/* Theme tokens intentionally override theme CSS from WordPress templates. */
.dorokh-support--theme-luxury_dark {
  --dorokh-theme-panel:var(--dorokh-chat-primary); --dorokh-theme-surface:color-mix(in srgb,var(--dorokh-chat-primary),white 7%); --dorokh-theme-surface-2:color-mix(in srgb,var(--dorokh-chat-primary),var(--dorokh-chat-accent) 12%);
  --dorokh-theme-footer:var(--dorokh-chat-primary); --dorokh-theme-text:var(--dorokh-chat-theme-text,#fff8e7); --dorokh-theme-muted:var(--dorokh-chat-theme-muted,#bdb6a9);
  --dorokh-theme-border:rgba(220,183,98,.38); --dorokh-theme-user:#5c4118; --dorokh-theme-input:rgba(255,255,255,.045);
}
.dorokh-support--theme-midnight_blue {
  --dorokh-theme-panel:#07111f; --dorokh-theme-surface:#10233d; --dorokh-theme-surface-2:#142c4a;
  --dorokh-theme-footer:#081625; --dorokh-theme-text:#f4f9ff; --dorokh-theme-muted:#b4c8df;
  --dorokh-theme-border:rgba(87,165,255,.48); --dorokh-theme-user:#155a9c; --dorokh-theme-input:rgba(173,211,255,.09);
}
.dorokh-support--theme-emerald {
  --dorokh-theme-panel:#061512; --dorokh-theme-surface:#0d2922; --dorokh-theme-surface-2:#11372e;
  --dorokh-theme-footer:#071c17; --dorokh-theme-text:#effff9; --dorokh-theme-muted:#afd4c7;
  --dorokh-theme-border:rgba(66,214,160,.45); --dorokh-theme-user:#147455; --dorokh-theme-input:rgba(151,255,217,.08);
}
.dorokh-support--theme-royal_purple {
  --dorokh-theme-panel:#12091c; --dorokh-theme-surface:#28133c; --dorokh-theme-surface-2:#35184e;
  --dorokh-theme-footer:#160a21; --dorokh-theme-text:#fbf5ff; --dorokh-theme-muted:#d0b9df;
  --dorokh-theme-border:rgba(189,124,255,.46); --dorokh-theme-user:#7136a5; --dorokh-theme-input:rgba(221,188,255,.09);
}
.dorokh-support--theme-warm_light {
  --dorokh-theme-panel:#f5f1e8; --dorokh-theme-surface:#ffffff; --dorokh-theme-surface-2:#eee7d9;
  --dorokh-theme-footer:#fffdf8; --dorokh-theme-text:#211c14; --dorokh-theme-muted:#6f6556;
  --dorokh-theme-border:rgba(168,112,24,.38); --dorokh-theme-user:#9b6617; --dorokh-theme-input:#f4efe5;
}
.dorokh-support--theme-custom {
  --dorokh-theme-panel:var(--dorokh-chat-primary); --dorokh-theme-surface:color-mix(in srgb,var(--dorokh-chat-primary),white 8%); --dorokh-theme-surface-2:color-mix(in srgb,var(--dorokh-chat-primary),white 13%);
  --dorokh-theme-footer:var(--dorokh-chat-primary); --dorokh-theme-text:var(--dorokh-chat-theme-text,#fff); --dorokh-theme-muted:var(--dorokh-chat-theme-muted,#c4c0ba);
  --dorokh-theme-border:color-mix(in srgb,var(--dorokh-chat-accent),transparent 55%); --dorokh-theme-user:color-mix(in srgb,var(--dorokh-chat-accent),#18120a 54%); --dorokh-theme-input:rgba(255,255,255,.07);
}

.dorokh-support[class*="dorokh-support--theme-"] { color:var(--dorokh-theme-text); }
.dorokh-support[class*="dorokh-support--theme-"] .dorokh-chat {
  border-color:var(--dorokh-theme-border); color:var(--dorokh-theme-text);
  background:radial-gradient(circle at 86% 0%,var(--dorokh-chat-accent-soft),transparent 32%),linear-gradient(165deg,var(--dorokh-theme-surface),var(--dorokh-theme-panel) 52%,var(--dorokh-theme-panel));
}
.dorokh-support[class*="dorokh-support--theme-"] .dorokh-chat__header { border-color:var(--dorokh-theme-border); background:color-mix(in srgb,var(--dorokh-theme-surface),transparent 8%); }
.dorokh-support[class*="dorokh-support--theme-"] .dorokh-chat__heading strong { color:var(--dorokh-theme-text); }
.dorokh-support[class*="dorokh-support--theme-"] .dorokh-chat__heading span,
.dorokh-support[class*="dorokh-support--theme-"] .dorokh-chat__typing,
.dorokh-support[class*="dorokh-support--theme-"] .dorokh-message time,
.dorokh-support[class*="dorokh-support--theme-"] .dorokh-chat__privacy,
.dorokh-support[class*="dorokh-support--theme-"] .dorokh-chat__tools > span { color:var(--dorokh-theme-muted); }
.dorokh-support[class*="dorokh-support--theme-"] .dorokh-message__bubble { border-color:var(--dorokh-theme-border); color:var(--dorokh-theme-text); background:var(--dorokh-theme-surface-2); }
.dorokh-support[class*="dorokh-support--theme-"] .dorokh-message--visitor .dorokh-message__bubble { color:#fff; background:var(--dorokh-theme-user); }
.dorokh-support[class*="dorokh-support--theme-"] .dorokh-message--system .dorokh-message__bubble { color:var(--dorokh-theme-muted); background:var(--dorokh-chat-accent-soft); }
.dorokh-support[class*="dorokh-support--theme-"] .dorokh-message__action { border-color:var(--dorokh-theme-border); color:var(--dorokh-theme-text) !important; background:color-mix(in srgb,var(--dorokh-theme-surface-2),var(--dorokh-chat-accent) 10%); }
.dorokh-support[class*="dorokh-support--theme-"] .dorokh-message__action small { color:var(--dorokh-theme-muted); }
.dorokh-support[class*="dorokh-support--theme-"] .dorokh-chat__footer,
.dorokh-support[class*="dorokh-support--theme-"] .dorokh-chat__closed { border-color:var(--dorokh-theme-border); background:var(--dorokh-theme-footer); }
.dorokh-support[class*="dorokh-support--theme-"] .dorokh-composer { border-color:var(--dorokh-theme-border); background:var(--dorokh-theme-input); }
.dorokh-support[class*="dorokh-support--theme-"] .dorokh-composer textarea { color:var(--dorokh-theme-text) !important; }
.dorokh-support[class*="dorokh-support--theme-"] .dorokh-composer textarea::placeholder { color:var(--dorokh-theme-muted); }
.dorokh-support[class*="dorokh-support--theme-"] .dorokh-profile { border-color:var(--dorokh-theme-border); background:radial-gradient(circle at 100% 0%,var(--dorokh-chat-accent-soft),transparent 42%),var(--dorokh-theme-panel); }
.dorokh-support[class*="dorokh-support--theme-"] .dorokh-profile__intro strong,
.dorokh-support[class*="dorokh-support--theme-"] .dorokh-profile label { color:var(--dorokh-theme-text); }
.dorokh-support[class*="dorokh-support--theme-"] .dorokh-profile__intro span { color:var(--dorokh-theme-muted); }
.dorokh-support[class*="dorokh-support--theme-"] .dorokh-profile input { border-color:var(--dorokh-theme-border) !important; color:var(--dorokh-theme-text) !important; background:var(--dorokh-theme-input) !important; }
.dorokh-support[class*="dorokh-support--theme-"] .dorokh-launcher { border-color:var(--dorokh-theme-border) !important; color:var(--dorokh-theme-text) !important; background:linear-gradient(145deg,var(--dorokh-theme-surface),var(--dorokh-theme-panel)) !important; }
.dorokh-support--theme-warm_light .dorokh-message--visitor .dorokh-message__bubble { color:#fff; }
.dorokh-support--theme-warm_light .dorokh-chat__icon-button { color:#4e4538 !important; border-color:rgba(62,48,27,.16) !important; background:rgba(62,48,27,.05) !important; }
.dorokh-support--theme-warm_light .dorokh-profile__actions button { color:#4e4538 !important; border-color:rgba(62,48,27,.18) !important; background:rgba(62,48,27,.06) !important; }
.dorokh-support--theme-warm_light .dorokh-message__bubble a { color:#80520d; }

@media (min-width: 769px) {
  .dorokh-support--hide-desktop { display: none !important; }
}

@media (max-width: 768px) {
  .dorokh-support--hide-mobile { display: none !important; }

  .dorokh-support,
  .dorokh-support--left {
    right: max(8px, var(--dorokh-offset-side, 12px));
    left: auto;
    bottom: max(var(--dorokh-offset-bottom, 12px), env(safe-area-inset-bottom));
  }

  .dorokh-launcher {
    width: var(--dorokh-launcher-size, 58px);
    min-width: var(--dorokh-launcher-size, 58px);
    height: var(--dorokh-launcher-size, 58px);
    padding: 6px;
  }

  .dorokh-launcher__icon { width: 44px; height: 44px; flex-basis: 44px; }
  .dorokh-launcher > b { display: none; }

  .dorokh-chat,
  .dorokh-support--left .dorokh-chat {
    position: fixed;
    inset: auto 8px max(8px, env(safe-area-inset-bottom)) 8px;
    width: auto;
    height: min(690px, calc(100dvh - 16px));
    min-height: 0;
    border-radius: 22px;
    transform-origin: bottom center;
  }

  .dorokh-chat__header { min-height: 72px; padding: 11px 13px; }
  .dorokh-chat__brand { width: 44px; height: 44px; flex-basis: 44px; border-radius: 14px; }
  .dorokh-profile { inset-block-start: 72px; }
	.dorokh-survey { inset-block-start:72px; }
  .dorokh-chat__messages { padding-inline: 12px; }
  .dorokh-chat__footer { padding-bottom: max(10px, env(safe-area-inset-bottom)); }
}

@media (max-height: 560px) and (min-width: 769px) {
  .dorokh-chat { height: calc(100vh - 28px); bottom: 0; }
}

@media (prefers-reduced-motion: reduce) {
  .dorokh-support *,
  .dorokh-support *::before,
  .dorokh-support *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
  }
	/* The waiting indicator must remain alive even when the OS reduces motion. */
	.dorokh-support .dorokh-chat__typing > span {
		animation-name:dorokh-dot-reduced !important;
		animation-duration:1.35s !important;
		animation-timing-function:ease-in-out !important;
		animation-iteration-count:infinite !important;
	}
	.dorokh-support .dorokh-chat__typing span:nth-child(2) { animation-delay:.2s !important; }
	.dorokh-support .dorokh-chat__typing span:nth-child(3) { animation-delay:.4s !important; }
	.dorokh-support .dorokh-chat__typing b {
		animation-name:dorokh-typing-text !important;
		animation-duration:2s !important;
		animation-iteration-count:infinite !important;
	}
	.dorokh-support .dorokh-chat__typing::after { animation:none !important; }
}
