.elementor-277527 .elementor-element.elementor-element-dc1bba6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-277527 .elementor-element.elementor-element-5cfa73c{background-color:#F18B4729;margin:12px 0px calc(var(--kit-widget-spacing, 0px) + 12px) 0px;padding:24px 32px 24px 24px;border-style:solid;border-width:0px 4px 0px 0px;border-color:#F18B47;border-radius:4px 4px 4px 4px;}.elementor-277527 .elementor-element.elementor-element-5cfa73c.ha-has-bg-overlay:hover::before{transition:background 0.3s;}@media(max-width:767px){.elementor-277527 .elementor-element.elementor-element-5cfa73c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:16px 16px 16px 24px;}}/* Start custom CSS for text-editor, class: .elementor-element-17a4a59 *//* ===== Base Table ===== */
.responsive-table {
  width: 100%;
  overflow-x: auto;
  font-family: inherit;
}

.responsive-table table {
  width: 100%;
  border-collapse: collapse;
  background: #fff;
}

.responsive-table th,
.responsive-table td {
  padding: 14px 16px;
  border: 1px solid #e5e7eb;
  text-align: right;
  vertical-align: top;
  line-height: 1.8;
}

.responsive-table thead {
  background: #f8fafc;
}

.responsive-table th {
  font-weight: 700;
  color: #0f172a;
}

/* ===== Desktop look improvement ===== */
@media (min-width: 769px) {
  .responsive-table tbody tr:hover {
    background: #f9fafb;
  }
}

/* ===== Card-based Mobile Layout ===== */
@media (max-width: 768px) {
  .card-table table,
  .card-table thead,
  .card-table tbody,
  .card-table th,
  .card-table td,
  .card-table tr {
    display: block;
    width: 100%;
  }

  .card-table thead {
    display: none;
  }

  .card-table tbody tr {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 14px;
    padding: 14px;
    margin-bottom: 16px;
    box-shadow: 0 8px 20px rgba(0,0,0,0.05);
  }

  .card-table td {
    border: none;
    padding: 6px 0;
  }

  .card-table td:first-child {
    font-weight: 700;
    color: #2563eb;
    margin-bottom: 6px;
  }

  .card-table td::before {
    display: block;
    font-size: 13px;
    font-weight: 600;
    color: #64748b;
    margin-bottom: 2px;
  }

  .card-table td:nth-of-type(1)::before {
    content: "نوع محتوا";
  }

  .card-table td:nth-of-type(2)::before {
    content: "استراتژی محدودسازی";
  }
}/* End custom CSS */