/* Saudi-UAE ERP List Styles */
/* Extends article-styles.css with specific enhancements */

/* Hero Section Enhancements */
.article-hero {
  background: linear-gradient(135deg, #007d8f 0%, #004d61 100%);
  color: white;
}

.article-hero .hero-text .article-category {
  background-color: rgba(255,255,255,0.2);
  color: white;
}

.article-hero .article-tags .tag {
  background-color: rgba(255,255,255,0.15);
  color: white;
}

/* ERP Card Enhancements */
.erp-card {
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0,77,97,0.1);
  margin-bottom: 2rem;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.erp-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 20px rgba(0,77,97,0.15);
}

.erp-header {
  background-color: #004d61;
  color: white;
  padding: 1rem 1.5rem;
  display: flex;
  align-items: center;
}

.erp-rank {
  background-color: #00a3b4;
  color: white;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 1rem;
  font-weight: bold;
}

.erp-body {
  background-color: white;
  padding: 1.5rem;
}

.erp-pros-cons {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 1.5rem;
}

.pros, .cons {
  flex: 1;
  min-width: 250px;
  padding: 0 1rem;
}

.pros ul, .cons ul {
  list-style: none;
  padding: 0;
}

.pros li, .cons li {
  padding: 0.3rem 0;
  position: relative;
  padding-left: 1.8rem;
}

.pros i {
  color: #28a745;
  position: absolute;
  left: 0;
}

.cons i {
  color: #dc3545;
  position: absolute;
  left: 0;
}

.erp-verdict {
  background-color: #f4f9f9;
  padding: 1rem;
  border-radius: 6px;
  margin-top: 1rem;
}

.erp-verdict strong {
  color: #004d61;
}

.erp-links {
  display: flex;
  gap: 1rem;
  margin-top: 1rem;
}

/* Comparison Table */
.comparison-table-container {
  overflow-x: auto;
  margin: 2rem 0;
}

.comparison-table {
  width: 100%;
  border-collapse: collapse;
  margin: 1rem 0;
}

.comparison-table th {
  background-color: #004d61;
  color: white;
  padding: 1rem;
  text-align: left;
}

.comparison-table td {
  padding: 0.8rem 1rem;
  border: 1px solid #e0f2f4;
}

.comparison-table tr:nth-child(even) {
  background-color: #f4f9f9;
}

.comparison-table i.fa-check {
  color: #28a745;
}

/* Responsive Adjustments */
@media (max-width: 768px) {
  .erp-pros-cons {
    flex-direction: column;
  }
  
  .pros, .cons {
    padding: 0;
    margin-bottom: 1rem;
  }
  
  .erp-links {
    flex-direction: column;
  }
}

/* Language Switch for Arabic */
html[lang="ar"] .erp-card,
html[lang="ar"] .comparison-table {
  direction: rtl;
  text-align: right;
}

html[lang="ar"] .pros li, 
html[lang="ar"] .cons li {
  padding-left: 0;
  padding-right: 1.8rem;
}

html[lang="ar"] .pros i,
html[lang="ar"] .cons i {
  left: auto;
  right: 0;
}