:root{
  /* رنگ‌ها و ظاهر پایه */
  --ohx-bg:#fff; --ohx-border:#e6e6e6; --ohx-muted:#666; --ohx-text:#222;
  --ohx-accent:#0A9DC9; --ohx-accent-weak:#e6f6fb;
  --ohx-bad:#9e2a2b; --ohx-bad-bg:#fdeaea;
  --ohx-radius:16px; --ohx-shadow:0 8px 20px rgba(0,0,0,.05);

  /* تراکم محتوا (قابل override از ویجت) */
  --ohx-row-min:40px;      /* حداقل ارتفاع هر ردیف */
  --ohx-pad-y:8px;         /* پدینگ عمودی داخل باکس‌ها */
  --ohx-gap:10px;          /* فاصله grid */
  --ohx-header-pad-y:14px; --ohx-header-pad-x:16px;
  --ohx-table-pad-y:14px;  --ohx-table-pad-x:16px;
  --ohx-panel-max-h:auto;  /* برای اسکرول‌دار کردن پنل */
}

.ohx-card{
  width:100%; max-width:720px; margin-inline:auto;
  font-family:inherit; color:var(--ohx-text);
  border:1px solid var(--ohx-border); border-radius:var(--ohx-radius);
  overflow:hidden; background:var(--ohx-bg); box-shadow:var(--ohx-shadow);
}

/* تمام‌عرض داخل ستون/کانتینر */
.ohx-card.ohx--full{ width:100%; max-width:none; margin-inline:0; }
/* لب‌به‌لب تا لبه‌های صفحه */
.ohx-card.ohx--bleed{
  width:100vw; max-width:none; position:relative; left:50%; right:50%;
  margin-left:-50vw; margin-right:-50vw; border-radius:0; box-sizing:border-box;
}

/* سربرگ آکاردئون */
.ohx-acc-btn{
  width:100%; display:grid; grid-template-columns:auto 1fr auto 18px; gap:10px; align-items:center;
  padding:var(--ohx-header-pad-y) var(--ohx-header-pad-x);
  background:#57768a; /* رنگ نمونه؛ از ویجت می‌تونی عوضش کنی */
  border:0; cursor:pointer; text-align:inherit; font:inherit; color:#fff;
}
.ohx-ico{ font-size:20px; line-height:1; }
.ohx-title{ font-weight:700; }
.ohx-status{
  font-size:12px; padding:4px 10px; border-radius:999px; justify-self:start;
  background:var(--ohx-accent-weak); color:var(--ohx-accent); font-weight:600;
}
.ohx-indicator{
  width:16px; height:16px; border-right:2px solid currentColor; border-bottom:2px solid currentColor;
  transform:rotate(-45deg); opacity:.8; transition:transform .2s ease, opacity .2s ease; justify-self:end;
}
.ohx-open .ohx-acc-btn .ohx-indicator{ transform:rotate(135deg); }

/* پنل محتوا */
.ohx-panel{ border-top:1px solid var(--ohx-border); display:none; }
.ohx-open .ohx-panel{ display:block; max-height:var(--ohx-panel-max-h); overflow-y:auto; }

/* جدول داخلی */
.ohx-table{
  display:grid; grid-template-columns:1fr auto;  /* دسکتاپ: روز ←  زمان */
  gap:var(--ohx-gap);
  padding:var(--ohx-table-pad-y) var(--ohx-table-pad-x);
  background:#fff;
}
.ohx-row{ display:contents; }

/* باکس‌های روز و ساعت — ارتفاع واقعی همین‌جاست */
.ohx-day{
  display:flex; align-items:center;
  min-height:var(--ohx-row-min);
  padding-block:var(--ohx-pad-y); padding-inline:12px;
  border-radius:12px; background:#fafafa; border:1px solid #f0f0f0; font-weight:600;
  line-height:1.2;
}
.ohx-time{
  display:flex; align-items:center;
  min-height:var(--ohx-row-min);
  padding-block:var(--ohx-pad-y); padding-inline:12px;
  border-radius:12px; border:1px dashed #eee; color:var(--ohx-muted);
  direction:ltr; white-space:nowrap; line-height:1.2;
}
[dir="rtl"] .ohx-time{ text-align:right; }

/* امروز */
.ohx-row.is-today .ohx-day{ background:var(--ohx-accent-weak); border-color:#d6eef7; color:#055d73; }
.ohx-row.is-today .ohx-time{ border-color:#d6eef7; color:#055d73; }

/* تعطیل */
.ohx-row.is-closed .ohx-time{ color:var(--ohx-bad); border-style:solid; border-color:var(--ohx-bad-bg); }

/* وضعیت باز/بسته */
.ohx-card.is-open  .ohx-status{ background:#e8f7ee; color:#1b7f4d; }
.ohx-card.is-closed .ohx-status{ background:var(--ohx-bad-bg); color:var(--ohx-bad); }

/* ایمنی در برابر line-height بزرگ سراسری */
.elementor-widget-tochal_hours .ohx-day,
.elementor-widget-tochal_hours .ohx-time{ line-height:1.2; }

/* ==================== موبایل ==================== */
/* ============== موبایل: فشرده و یک‌ردیف ============== */
@media (max-width:520px){

  /* مقادیر فشرده برای کارت */
  .elementor-widget-tochal_hours .ohx-card{
    --ohx-row-min:30px;   /* ارتفاع واقعی هر ردیف */
    --ohx-pad-y:4px;      /* پدینگ عمودی هر ردیف */
    --ohx-gap:6px;        /* فاصله بین آیتم‌ها */
    --ohx-header-pad-y:8px;
    --ohx-header-pad-x:10px;
    --ohx-table-pad-y:10px;
    --ohx-table-pad-x:10px;
  }

  /* سربرگ: همه در یک خط */
  .elementor-widget-tochal_hours .ohx-acc-btn{
    grid-template-columns: auto 1fr auto 14px; /* آیکن | عنوان | وضعیت | فلش */
  }
  .elementor-widget-tochal_hours .ohx-title{ font-size:14px; line-height:1.1; }
  .elementor-widget-tochal_hours .ohx-status{
    grid-column:auto;                /* روی همان خط بماند */
    margin:0;
    font-size:11px; padding:2px 8px; /* چیپ کوچک‌تر */
  }
  .elementor-widget-tochal_hours .ohx-ico{ font-size:18px; }
  .elementor-widget-tochal_hours .ohx-indicator{ width:12px; height:12px; }

  /* جدول: دوستونه باقی بماند تا زمان نرود زیر روز */
  .elementor-widget-tochal_hours .ohx-table{
    grid-template-columns: 1fr auto; /* روز | زمان */
    gap: var(--ohx-gap);
    padding: var(--ohx-table-pad-y) var(--ohx-table-pad-x);
  }

  /* باکس‌های روز/ساعت فشرده و تک‌خط */
  .elementor-widget-tochal_hours .ohx-day,
  .elementor-widget-tochal_hours .ohx-time{
    line-height:1.05;            /* جلوی دوخطی شدن */
    padding-inline:10px;
    min-height: var(--ohx-row-min);
  }
  .elementor-widget-tochal_hours .ohx-time{
    white-space: nowrap;         /* ساعت هرگز نشکند */
    width: auto;                 /* به اندازه محتوا */
    max-width: 100%;
    justify-self: start;
  }
}