/* ═══════════════════════════════════════════════════════
   CAS CERTIFICATE VERIFICATION PAGE STYLES
   cas-theme/css/certificate.css
   ═══════════════════════════════════════════════════════ */

/* Alert Banner */
.cas-cert-alert {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 14px 18px;
  border-radius: var(--cas-radius-md);
  font-size: 14px;
  margin-bottom: 1.5rem;
  font-weight: 500;
}

.cas-cert-alert--suspended { background: #FFF3E0; color: #E65100; border: 1px solid #FFCC80; }
.cas-cert-alert--withdrawn  { background: #FFEBEE; color: #B71C1C; border: 1px solid #FFCDD2; }
.cas-cert-alert--expired    { background: #F3F3F3; color: #555;    border: 1px solid #DDD; }

/* Main Card */
.cas-cert-card {
  background: var(--cas-white);
  border: 1px solid var(--cas-silver);
  border-radius: var(--cas-radius-xl);
  overflow: hidden;
  margin-bottom: 1.5rem;
}

/* Card Header */
.cas-cert-card__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 28px;
  border-bottom: 1px solid #F0F0F2;
}

.cas-cert-card__header-right {
  display: flex;
  align-items: center;
  gap: 12px;
}

.cas-cert-card__live {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 11.5px;
  color: var(--cas-slate);
  font-weight: 500;
}

.cas-cert-card__live-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--cas-green);
  animation: cas-pulse 2s ease-in-out infinite;
}

@keyframes cas-pulse {
  0%, 100% { opacity: 1; transform: scale(1); }
  50%       { opacity: 0.5; transform: scale(0.85); }
}

/* Verified section */
.cas-cert-card__verified {
  display: flex;
  align-items: center;
  gap: 18px;
  padding: 28px 28px 24px;
  border-bottom: 1px solid #F0F0F2;
}

.cas-cert-card__verified-icon {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: #E8F8ED;
  color: #1A7A34;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.cas-cert-card__client {
  font-size: clamp(1.1rem, 3vw, 1.5rem);
  font-weight: 700;
  color: var(--cas-black);
  letter-spacing: -0.02em;
  margin-bottom: 4px;
}

.cas-cert-card__standard {
  font-size: 14px;
  color: var(--cas-slate);
  font-weight: 500;
}

/* Card Body */
.cas-cert-card__body {
  padding: 24px 28px;
}

.cas-cert-detail-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 1px;
  background: #F0F0F2;
  border: 1px solid #F0F0F2;
  border-radius: var(--cas-radius-md);
  overflow: hidden;
  margin-bottom: 20px;
}

.cas-cert-detail {
  background: var(--cas-white);
  padding: 14px 18px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.cas-cert-detail__label {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--cas-slate);
}

.cas-cert-detail__value {
  font-size: 15px;
  font-weight: 600;
  color: var(--cas-black);
}

.cas-cert-detail__value--mono {
  font-family: var(--cas-font-mono);
  font-size: 14px;
  color: var(--cas-blue);
  letter-spacing: 0.04em;
}

/* Scope */
.cas-cert-scope {
  background: var(--cas-cloud);
  border-radius: var(--cas-radius-md);
  padding: 16px 18px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.cas-cert-scope__text {
  font-size: 14px;
  color: var(--cas-charcoal);
  line-height: 1.65;
}

/* Card Footer */
.cas-cert-card__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 18px 28px;
  border-top: 1px solid #F0F0F2;
  background: var(--cas-surface);
  flex-wrap: wrap;
}

.cas-cert-card__accreditation {
  display: flex;
  align-items: center;
  gap: 10px;
}

.cas-cert-card__accreditation strong {
  font-size: 13px;
  font-weight: 700;
  color: var(--cas-black);
  display: block;
}

.cas-cert-card__accreditation small {
  font-size: 11.5px;
  color: var(--cas-slate);
  display: block;
}

.cas-cert-card__footer-actions {
  display: flex;
  gap: 0.75rem;
  flex-wrap: wrap;
}

/* Disclaimer */
.cas-cert-disclaimer {
  font-size: 12px;
  color: var(--cas-slate);
  text-align: center;
  line-height: 1.6;
}

.cas-cert-disclaimer a {
  color: var(--cas-blue);
}

/* Responsive */
@media (max-width: 600px) {
  .cas-cert-card__header,
  .cas-cert-card__verified,
  .cas-cert-card__body,
  .cas-cert-card__footer { padding-inline: 18px; }
  .cas-cert-card__footer { flex-direction: column; align-items: flex-start; }
  .cas-cert-card__footer-actions { width: 100%; }
  .cas-cert-card__footer-actions .cas-btn { flex: 1; justify-content: center; }
}