.elementor-9714 .elementor-element.elementor-element-9bd97db{font-family:"ravi-h", Sans-serif;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-e7d5bf8 *//* ========= Dobare Timeline (RTL) ========= */
:root{
  --dobare-primary: #87009B;      /* رنگ اصلی (بنفش دوباره) */
  --dobare-text: #1f1f1f;
  --dobare-muted: #6b7280;
  --dobare-line-muted: #d7d7e2;
  --dobare-container: 1100px;

  /* کنترل محل تایم‌لاین (سمت راست صفحه) */
  --dobare-date-col: 220px;  /* عرض ستون تاریخ (سمت راست) */
  --dobare-axis-col: 92px;   /* عرض ستون محور/دایره‌ها */
  --dobare-col-gap: 18px; 
}

.dobare-updates{
  direction: rtl;
  padding: 64px 16px;
  background: #fff;
  color: var(--dobare-text);
  font-family: ravi-h;
}

.dobare-container{
  max-width: var(--dobare-container);
  margin: 0 auto;
}

.dobare-updates__title{
  text-align: center;
  font-size: clamp(22px, 3vw, 34px);
  font-weight: 800;
  letter-spacing: -0.02em;
  margin: 0 0 28px;
  color: #2f2f3a;
}

/* Timeline wrapper */
.dobare-timeline{
  list-style: none;
  margin: 0 auto;
  padding: 18px 0 0;
  position: relative;
}

/* ✅ خط عمودی دقیقاً وسط ستون محور (با احتساب gap) */
.dobare-timeline::before{
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;

  /* مرکز ستون 2 = عرض ستون تاریخ + gap بین ستون 1 و 2 + نصف عرض ستون محور */
  inset-inline-start: calc(
    var(--dobare-date-col) + var(--dobare-col-gap) + (var(--dobare-axis-col) / 2)
  );

  width: 3px;
  background: var(--dobare-primary);
  border-radius: 999px;
  opacity: 0.9;
}

/* ✅ هر آیتم */
.dobare-timeline__item{
  display: grid;
  grid-template-columns: var(--dobare-date-col) var(--dobare-axis-col) 1fr;
  column-gap: var(--dobare-col-gap);   /* ✅ از متغیر استفاده کن */
  align-items: start;
  padding: 16px 0;
  position: relative;
}

/* تاریخ سمت راست و نزدیک به خط */
.dobare-timeline__date{
  grid-column: 1;
  text-align: left;             /* در RTL یعنی نزدیک خط (سمت چپِ ستون تاریخ) */
  padding-inline-end: 22px;     /* فاصله تاریخ تا خط */
  font-weight: 700;
  color: #2d2d35;
  white-space: nowrap;
}

/* دایره روی خط */
.dobare-timeline__dot{
  grid-column: 2;
  justify-self: center;
  width: 20px;
  height: 20px;
  border-radius: 999px;
  border: 3px solid var(--dobare-primary);
  background: #fff;
  margin-top: 4px;
  z-index: 2;
  box-shadow: 0 6px 18px rgba(0,0,0,0.08);
}

/* محتوا سمت چپ */
.dobare-timeline__content{
  grid-column: 3;
  padding-inline-start: 22px; /* فاصله از خط */
  position: relative;
}

/* خط‌چین ظریف کنار محتوا (شبیه نمونه) */
.dobare-timeline__content::before{
  content: "";
  position: absolute;
  top: 6px;
  bottom: 6px;
  inset-inline-start: 6px;
  border-inline-start: 1px dashed var(--dobare-line-muted);
  opacity: 0.9;
}

.dobare-timeline__content h3{
  margin: 0;
  font-size: 18px;
  line-height: 1.55;
  font-weight: 800;
  color: #1f1f2a;
}

.dobare-timeline__content p{
  margin: 10px 0 0;
  color: var(--dobare-muted);
  line-height: 1.9;
  font-size: 14.5px;
  max-width: 48ch;
}

/* فاصله آیتم‌ها */
.dobare-timeline__item + .dobare-timeline__item{
  margin-top: 6px;
}

/* --------- Responsive (موبایل) --------- */
@media (max-width: 768px){
  /* در موبایل هم محور سمت راست می‌ماند */
  .dobare-timeline::before{
    inset-inline-start: 26px;
  }

  .dobare-timeline__item{
    grid-template-columns: 56px 1fr; /* دات | متن */
    column-gap: 12px;
    padding: 14px 0;
  }

  .dobare-timeline__dot{
    grid-column: 1;
    justify-self: center;
  }

  .dobare-timeline__date{
    grid-column: 2;
    text-align: right;
    padding: 0;
    margin-bottom: 6px;
    color: #3b3b46;
    white-space: normal;
  }

  .dobare-timeline__content{
    grid-column: 2;
    padding: 0;
  }

  .dobare-timeline__content::before{
    display: none;
  }

  .dobare-timeline__content p{
    max-width: none;
  }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'ravi-h';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://dobare.me/wp-content/uploads/2025/10/Ravi-FaNum-03-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'ravi-h';
	font-style: normal;
	font-weight: bold;
	font-display: auto;
	src: url('https://dobare.me/wp-content/uploads/2025/10/Ravi-FaNum-06-Bold.ttf') format('truetype');
}
@font-face {
	font-family: 'ravi-h';
	font-style: normal;
	font-weight: 100;
	font-display: auto;
	src: url('https://dobare.me/wp-content/uploads/2025/10/Ravi-FaNum-01-Thin.ttf') format('truetype');
}
@font-face {
	font-family: 'ravi-h';
	font-style: normal;
	font-weight: 200;
	font-display: auto;
	src: url('https://dobare.me/wp-content/uploads/2025/10/Ravi-FaNum-02-Light.ttf') format('truetype');
}
@font-face {
	font-family: 'ravi-h';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://dobare.me/wp-content/uploads/2025/10/Ravi-FaNum-04-Medium.ttf') format('truetype');
}
@font-face {
	font-family: 'ravi-h';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://dobare.me/wp-content/uploads/2025/10/Ravi-FaNum-05-SemiBold.ttf') format('truetype');
}
@font-face {
	font-family: 'ravi-h';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://dobare.me/wp-content/uploads/2025/10/Ravi-FaNum-07-ExtraBold.ttf') format('truetype');
}
@font-face {
	font-family: 'ravi-h';
	font-style: normal;
	font-weight: 800;
	font-display: auto;
	src: url('https://dobare.me/wp-content/uploads/2025/10/Ravi-FaNum-08-Black.ttf') format('truetype');
}
/* End Custom Fonts CSS */