/*
 * CHANGE LOG
 * File: /var/www/html/prohrhq.com/static/css/carrier_rail.css
 * Purpose: Card styling for the carrier-detail right rail (_rail.html).
 *          The shuttle CSS defines .cdv3-body / .cdv3-body-main /
 *          .cdv3-body-rail geometry; this file styles the rail's
 *          inner cards (jump links, related carriers, claim, source).
 * Used by: templates/carriers/partials/_rail.html
 * Version History:
 *   2026-05-24 v1.0 - Initial. Sticky-rail card system on the dynamic
 *                     carrier-detail render. Matches the .cdv2 / .cdv3
 *                     navy + gold palette already loaded via shuttle CSS.
 */

.cdv3-rail-card {
  background: var(--brand-cream, #f9f6ef);
  border: 1px solid var(--brand-rule, #c8b89a);
  border-radius: 6px;
  padding: 14px 16px;
  margin-bottom: 14px;
}
.cdv3-rail-card:last-child { margin-bottom: 0; }

.cdv3-rail-head {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 0.82rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--brand-navy, #1a2744);
  margin-bottom: 8px;
  padding-bottom: 6px;
  border-bottom: 1px solid var(--brand-rule, #c8b89a);
}

.cdv3-rail-list { list-style: none; margin: 0; padding: 0; }
.cdv3-rail-list li { margin-bottom: 6px; line-height: 1.35; }
.cdv3-rail-list li:last-child { margin-bottom: 0; }
.cdv3-rail-list a {
  color: var(--brand-navy, #1a2744);
  text-decoration: none;
  font-size: 0.95rem;
}
.cdv3-rail-list a:hover { text-decoration: underline; }

.cdv3-rail-sub {
  display: block;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 0.82rem;
  color: var(--brand-muted, #888);
  margin-top: 2px;
}

.cdv3-rail-grade {
  display: inline-block;
  padding: 1px 6px;
  background: var(--brand-navy, #1a2744);
  color: #fff;
  border-radius: 3px;
  font-weight: 600;
  font-size: 0.78rem;
  margin-right: 4px;
}

.cdv3-rail-body {
  font-size: 0.9rem;
  line-height: 1.4;
  color: var(--brand-ink, #2c2c2c);
  margin: 0 0 8px 0;
}

.cdv3-rail-cta {
  display: inline-block;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 0.92rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--brand-gold, #b8922a);
  text-decoration: none;
}
.cdv3-rail-cta:hover { color: var(--brand-gold-light, #d4aa45); }