.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-2342 .elementor-element.elementor-element-72800ca{text-align:left;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-2342 .elementor-element.elementor-element-1b7ee5b{text-align:left;}.elementor-2342 .elementor-element.elementor-element-91ad017{text-align:center;}.elementor-2342 .elementor-element.elementor-element-91ad017 .elementor-heading-title{color:#FF3009;}/* Start custom CSS for html, class: .elementor-element-497f2d6 *//* --- استایل‌دهی خاص برای جدول با آیدی unique-specs-table --- */
        #unique-specs-table {
            width: 80%;
            border-collapse: collapse; /* حذف فاصله بین سلول‌ها */
            box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15); /* افزودن سایه برای عمق */
            border-radius: 10px; /* گرد کردن گوشه‌ها */
            overflow: hidden; /* برای اینکه محتوای داخل از گوشه‌های گرد بیرون نزند */
            direction: rtl; /* راست‌چین کردن محتوای جدول */
        }

        /* استایل سربرگ جدول (thead) */
        #unique-specs-table thead tr {
            background-image: linear-gradient(to right, #4facfe 0%, #00f2fe 100%); /* پس‌زمینه گرادینت */
            color: #ffffff; /* رنگ متن سفید */
            text-align: center;
            font-weight: bold;
        }
        
        #unique-specs-table th {
            padding: 18px 15px; /* فاصله داخلی سلول‌های سربرگ */
            font-size: 1.1em;
        }

        /* استایل بدنه جدول (tbody) */
        #unique-specs-table tbody tr {
            border-bottom: 1px solid #dddddd; /* خط جداکننده بین ردیف‌ها */
            background-color: #ffffff; /* پس‌زمینه سفید برای ردیف‌ها */
        }

        /* ایجاد افکت هاور برای ردیف‌های بدنه */
        #unique-specs-table tbody tr:hover {
            background-color: #f1f1f1; /* تغییر رنگ پس‌زمینه در زمان هاور */
            transform: scale(1.02); /* کمی بزرگنمایی برای تاکید */
            transition: background-color 0.3s ease, transform 0.3s ease; /* انیمیشن نرم */
        }
        
        #unique-specs-table td {
            padding: 15px; /* فاصله داخلی سلول‌های بدنه */
            text-align: center; /* متن در مرکز سلول */
        }

        /* استایل‌دهی خاص به ستون‌ها با استفاده از کلاس */
        
        /* ستون "خاصیت" */
        .property-col {
            font-weight: bold;
            color: #333;
            width: 25%; /* تعیین عرض ستون */
        }
        
        /* ستون "مقدار نمونه" */
        .value-col {
            font-family: 'Courier New', Courier, monospace; /* فونت متفاوت برای مقادیر عددی */
            color: #007BFF;
            font-weight: bold;
            font-size: 1.1em;
            width: 30%;
        }

        /* ستون "توضیحات" */
        .desc-col {
            text-align: right; /* چینش متن توضیحات به راست */
            color: #555;
            width: 45%;
        }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9b55d48 *//* Main container style
  ID: #pipe-applications-container
*/
#pipe-applications-container {
  background-color: #ffffff; /* Clean white background */
  border: 1px solid #d1d9e0; /* Subtle border */
  border-radius: 10px; /* Rounded corners for a modern look */
  padding: 30px; /* Inner spacing */
  max-width: 850px; /* Maximum width for better readability */
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.07); /* Soft shadow for a 3D effect */
  direction: rtl; /* Right-to-left direction for Persian text */
}

/*
  THE H3 STYLE BLOCK HAS BEEN REMOVED
*/

/* Removing default list styles */
#pipe-applications-container ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

/*
  List item style
  Class: .application-item
*/
.application-item {
  position: relative; /* Needed for the pseudo-element */
  padding: 15px 25px 15px 0; /* Space inside each item (right padding for the pseudo-element) */
  margin-bottom: 12px; /* Space between items */
  border-radius: 5px;
  line-height: 1.7; /* Increased line height for readability */
  color: #333; /* Dark gray for text */
  transition: background-color 0.3s ease; /* Smooth transition on hover */
}

/* Adding a custom bullet point using ::before */
.application-item::before {
  content: '✓'; /* Using a checkmark as a custom bullet */
  position: absolute;
  right: 0;
  top: 15px;
  color: #4a90e2; /* Blue to match the title's border */
  font-weight: bold;
  font-size: 1.1em;
}

/* Hover effect for list items */
.application-item:hover {
  background-color: #f7f9fa; /* Slight background color change on hover */
}

/* Styling the bolded sub-heading in each item */
.application-item strong {
  color: #2a628f; /* A darker shade of blue for emphasis */
  display: block; /* Puts it on its own line */
  margin-bottom: 5px;
  font-size: 1.1em;
}

/* Remove margin from the last item to avoid extra space */
.application-item:last-child {
  margin-bottom: 0;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-17edbf6 *//* A wrapper for the table for better control over shadow and overflow */
.table-wrapper {
  overflow-x: auto; /* Ensures table is scrollable if content overflows on very small screens before it breaks */
  background-color: #ffffff;
  border-radius: 8px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06);
}

/*
  Main table style
  ID: #pipe-comparison-table
*/
#pipe-comparison-table {
  width: 100%;
  border-collapse: collapse; /* Merges borders for a cleaner look */
  direction: rtl; /* Right-to-left for Persian */
}

/* Table caption style */
#pipe-comparison-table caption {
  font-size: 1.5em;
  font-weight: 600;
  padding: 20px;
  color: #1c3d5a;
  background-color: #f7f9fa;
  border-bottom: 1px solid #d1d9e0;
}

/* Table header cells */
#pipe-comparison-table th {
  background-color: #2c3e50; /* Dark, professional header */
  color: #ffffff;
  padding: 15px 20px;
  text-align: center;
  font-weight: 600;
}

/* Table body cells */
#pipe-comparison-table td {
  padding: 15px 20px;
  border-bottom: 1px solid #e1e5e8; /* Light horizontal lines */
  color: #333;
  line-height: 1.6;
}

/* Zebra-striping for rows for better readability */
#pipe-comparison-table tbody tr:nth-child(even) {
  background-color: #f8f9fa;
}

/* Hover effect on rows */
#pipe-comparison-table tbody tr:hover {
  background-color: #e9ecef;
}

/* Styling specific columns using classes */
.header-criteria, .cell-criteria {
  text-align: right;
  font-weight: 600;
  color: #2a628f;
}

.cell-hdpe {
  color: #27ae60; /* Green for positive/HDPE */
}

.cell-steel {
  color: #c0392b; /* Red for negative/Steel issues */
}


/*
  --- Responsive Design for Mobile ---
  This part is crucial for SEO and User Experience
*/
@media (max-width: 768px) {
  /* Hide the original table header */
  #pipe-comparison-table thead {
    display: none;
  }
  
  /* Make table rows look like cards */
  #pipe-comparison-table tr {
    display: block;
    margin-bottom: 15px;
    border: 1px solid #d1d9e0;
    border-radius: 5px;
  }
  
  #pipe-comparison-table td {
    display: block;
    text-align: left; /* Align text to the left */
    padding-left: 50%; /* Make space for the label */
    position: relative;
    border-bottom: 1px solid #e1e5e8;
  }
  
  /* Add data labels before the cell content */
  #pipe-comparison-table td::before {
    content: attr(data-label); /* Gets content from the data-label attribute */
    position: absolute;
    left: 15px; /* Aligns the label to the left (adjusting for RTL-like feel) */
    right: auto; /* Overrides any potential RTL issues */
    width: 45%;
    padding-right: 10px;
    font-weight: 600;
    text-align: left;
    color: #1c3d5a;
  }

  /* Adjust alignment for the first cell (the criteria) */
   .cell-criteria {
    background-color: #f0f4f8;
    font-weight: bold;
    text-align: center;
    padding-left: 15px; /* Reset padding for the main criteria cell */
  }

  .cell-criteria::before {
     display: none; /* The criteria cell doesn't need a label */
  }
}/* End custom CSS */