/* ===== RATE CARDS — single tab view ===== */

#services-rates .ratecard-head {
  display:flex; justify-content:space-between; align-items:center;
  gap:12px; margin-top:64px; margin-bottom:12px;
}

#services-rates .ratecard-title {
  display:flex; align-items:center; gap:10px; font-size:17px; font-weight: 500; color:#111827;
}
#services-rates .ratecard-title i { color:#6b7280; }

#services-rates .ratecard-meta { display:flex; flex-wrap:wrap; gap:8px; }

#services-rates .rc-badge {
  display:inline-flex; align-items:center; gap:6px;
  font-size:13px; line-height:1; padding:8px 10px;
  border:1px solid #e5e7eb; border-radius:999px; background:#fff; color:#374151;
}
#services-rates .rc-badge--type.is-request { font-style:italic; color:#6b7280; }
#services-rates .rc-badge--price { font-weight:600; }
#services-rates .rc-badge--updated { color:#6b7280; }

/* Description */
#services-rates .ratecard-desc { margin:6px 0 44px; color:#4b5563; font-size:15px; line-height:1.5; }

/* Grid (4 columns: Item | Platform | Deliverable | Price) */
#services-rates .svc-grid--rates { margin-top:10px; }

#services-rates .svc-grid__row {
  display:grid; grid-template-columns: 2fr 1fr 1fr 1fr;
  gap:16px; align-items:start; background:#fff;
  border:1px solid #e5e7eb; border-radius:12px;
  padding:34px; margin-top:10px; transition:box-shadow .2s ease, border-color .2s ease;
}
#services-rates .svc-grid__row:hover { border-color:#03a5ff; box-shadow:0 2px 8px rgba(0,0,0,0.04); }

#services-rates .svc-name__title { font-weight:500; color:#111827; }
#services-rates .svc-name__desc { margin-top:4px; color:#6b7280; font-size:13px; }

#services-rates .svc-platform {
  display: flex;
  justify-content: center;   /* centers horizontally */
  align-items: center;       /* centers vertically */
  text-align: center;
  gap: 6px;                  /* optional space if you ever add text again */
}
#services-rates .svc-platform i {     
    font-size: 18px;
    color: #6b7280;
    margin-right: 6px; }

#services-rates .svc-deliverable { color:#4b5563; font-size:14px; }

/* Price appearance (including “On request”) */
#services-rates .svc-price {
  justify-self:end; text-align:right;     
    font-size: 14px;
    color: #383b44;
  font-variant-numeric: tabular-nums; color:#111827;
}
#services-rates .svc-price .price-label { display:inline-flex; align-items:center; gap:6px; }
#services-rates .svc-price .price-symbol { opacity:.85; }
#services-rates .svc-price .price-range { letter-spacing:.2px; }
#services-rates .svc-price .price-note { margin-left:8px; font-weight:400; color:#6b7280; }
#services-rates .svc-price.request { font-style:italic; color:#9ca3af; }

/* Empty state */
#services-rates .rc-empty { text-align:center; padding:32px 0; color:#9ca3af; font-style:italic; }
#services-rates .svc-grid__head {
    font-size: 13px;
    font-weight: 400;
    color: #666666;
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1fr;
    gap: 16px;
    padding: 0;
}

/* Responsive */
@media (max-width: 980px) {
  #services-rates .svc-grid__head { display:none; }
  #services-rates .svc-grid__row { grid-template-columns: 1fr; }
  #services-rates .svc-price { justify-self:start; text-align:left; }
}

.hr-soft {
  border: 0;
  height: 1px;
  background: rgba(0,0,0,.06);
  margin: 20px 0;
  border-radius: 1px;
}

.plat-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: none; /* or keep #f8fafc if you liked the soft background */
  border-radius: 8px;
  padding: 4px;
  margin: 0 2px;
}
.plat-badge i {
  font-size: 18px;
  color: #475569;
  line-height: 1;
}
.svc-grid__head .col-platform {
  text-align: center;
}

.svc-grid__head .col-price {
    text-align: right;
}
.rc-badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 13px;
  font-weight: 500;
  border-radius: 6px;
  padding: 4px 8px;
  background: #f1f5f9;
  color: #475569;
  cursor: default;
  transition: background 0.15s ease;
}

.rc-badge--private {
  background: #f3f4f6;
  color: #6b7280;
}

.rc-badge--public {
  background: #dcfce7;
  color: #166534;
}