/*
  =================================================================
  فایل استایل اختصاصی تحلیل‌گر فشار خون
  نسخه: 1.1 - بهینه‌سازی دسترسی‌پذیری (A11y)
  =================================================================
*/

/* --- Result Card Color Coding --- */
.result-card.status-normal {
    background: linear-gradient(145deg, var(--cat-تغذیه-و-وزن), #26deaa); /* Green */
}
.result-card.status-elevated {
    background: linear-gradient(145deg, var(--cat-کودک-و-نوزاد), #ffd43b); /* Yellow */
}
.result-card.status-stage1 {
    background: linear-gradient(145deg, var(--cat-تناسب-اندام), #ff9a4f); /* Orange */
}
.result-card.status-stage2 {
    background: linear-gradient(145deg, var(--cat-تحلیل-پزشکی), #f05d6a); /* Red */
}
.result-card.status-crisis {
    background: linear-gradient(145deg, #b71c1c, #e53935); /* Dark Red */
    
    /* === تغییر ۱: افزودن احترام به prefers-reduced-motion === */
    @media (prefers-reduced-motion: no-preference) {
        animation: pulse-danger 1.5s infinite;
    }
}

/* انیمیشن چشمک‌زن برای وضعیت بحرانی */
@keyframes pulse-danger {
    0% { transform: scale(1); box-shadow: 0 0 0 0 rgba(220, 53, 69, 0.7); }
    70% { transform: scale(1); box-shadow: 0 0 0 10px rgba(220, 53, 69, 0); }
    100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(220, 53, 69, 0); }
}

/* تغییر رنگ متن برای خوانایی روی پس‌زمینه‌های روشن‌تر */
.result-card.status-elevated .result-header,
.result-card.status-elevated .result-interpretation {
    /* اطمینان از کنتراست کافی - استفاده از رنگ متن اصلی */
    color: var(--text-color); 
}
.result-card.status-elevated .result-header h3,
.result-card.status-elevated .result-interpretation p {
    color: var(--text-color);
    opacity: 0.85; /* کمی تیره‌تر برای خوانایی بهتر */
}
.result-card.status-elevated .result-value,
.result-card.status-elevated .result-category {
    color: var(--text-color);
}
.result-card.status-elevated .cta-button.secondary-cta {
    background: var(--text-color);
    color: white; /* متن سفید برای کنتراست روی دکمه تیره */
}
.result-card.status-elevated .cta-button.secondary-cta:hover {
    background: #495057; /* رنگ کمی روشن‌تر برای هاور */
}


/* --- Content Table Styles --- */
.bp-table-container {
    overflow-x: auto;
    margin: 20px 0;
}
table {
    width: 100%;
    border-collapse: collapse;
    text-align: center;
}
th, td {
    padding: 12px 15px;
    border: 1px solid var(--border-color);
    vertical-align: middle;
}
th {
    background-color: var(--bg-color);
    font-weight: bold;
}

/* رنگ‌بندی ردیف‌های جدول */
table .status-normal { background-color: rgba(32, 201, 151, 0.1); }
table .status-elevated { background-color: rgba(255, 193, 7, 0.1); }
table .status-stage1 { background-color: rgba(253, 126, 20, 0.1); }
table .status-stage2 { background-color: rgba(220, 53, 69, 0.1); }
table .status-crisis { background-color: rgba(183, 28, 28, 0.1); font-weight: bold; }

#crisis-warning-box {
    border-right-color: var(--cat-تحلیل-پزشکی);
    background-color: rgba(220, 53, 69, 0.05);
}
#crisis-warning-box i {
    color: var(--cat-تحلیل-پزشکی);
}