/* Live "Giving Back to Community" offer card, injected near the top of every
   mapped course page by scripts/build_page_offer_cards.py. Self-contained
   (no dependency on a page's own :root tokens) because stylesheet delivery
   is already split across several families on this site (main.css,
   aws-certification-pages.css, isc2-pages.css, and ~48 pages with their own
   inline <style> block) - one shared link tag added uniformly is simplest.
   Color language matches assets/css/offers.css's tier badges so the same
   offer reads consistently whether seen here or on the hub. */

.panel.community.offer-live{
  background:#0f1a33;
  border:1px solid #26487f;
  border-radius:14px;
  box-shadow:0 12px 30px rgba(0,0,0,.25);
  padding:16px 18px;
  margin:14px 0;
}
.panel.community.offer-live .eyebrow{
  display:inline-flex;
  font-size:12.5px;
  font-weight:700;
  color:#b8c9ff;
  background:#132a55;
  border:1px solid #2a57a8;
  border-radius:999px;
  padding:5px 10px;
  margin:0 0 10px;
}
.panel.community.offer-live .pcard-badge{margin:0 0 4px;font-size:16px;font-weight:900;letter-spacing:.2px;color:#fff}
.panel.community.offer-live .pcard-detail{margin:0;font-size:13.5px;color:#dbe8ff;line-height:1.5}
.panel.community.offer-live .pcard-expiry{margin:2px 0 12px;font-size:12px;color:#93a4c4}
.panel.community.offer-live .pcard-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:4px}
.panel.community.offer-live .pcard-actions .btn{padding:10px 16px;font-size:14px}
.panel.community.offer-live .pcard-more{font-size:12.5px;color:#7fb1ff;text-decoration:none;font-weight:700}
.panel.community.offer-live .pcard-more:hover{text-decoration:underline}

/* status: live, no seats/window urgency signalled yet -> neutral blue */
.panel.community.offer-live[data-status="live"]{border-color:#357ABD}
.panel.community.offer-live[data-status="live"] .pcard-badge::before{
  content:"";
  display:inline-block;
  width:7px;height:7px;
  margin-right:7px;
  border-radius:50%;
  background:#34d399;
  box-shadow:0 0 0 0 rgba(52,211,153,.6);
  animation:pcard-live-pulse 2s infinite;
}
@keyframes pcard-live-pulse{
  0%{box-shadow:0 0 0 0 rgba(52,211,153,.55)}
  70%{box-shadow:0 0 0 6px rgba(52,211,153,0)}
  100%{box-shadow:0 0 0 0 rgba(52,211,153,0)}
}
@media (prefers-reduced-motion: reduce){
  .panel.community.offer-live[data-status="live"] .pcard-badge::before{animation:none}
}

/* tier accents - keep in sync with offers.css TIER_BADGE_CLASS names */
.panel.community.offer-live.tier-flash-free,
.panel.community.offer-live.tier-community-free{
  border-color:#34d399;
  background:#0c2a22;
}
.panel.community.offer-live.tier-flash-free .pcard-badge,
.panel.community.offer-live.tier-community-free .pcard-badge{color:#34d399}
.panel.community.offer-live.tier-flash-free .pcard-actions .btn,
.panel.community.offer-live.tier-community-free .pcard-actions .btn{
  background:linear-gradient(180deg,#34d399,#0f9c6f);
  border:0;
  color:#04170f;
}

.panel.community.offer-live.tier-flash-price{
  border-color:#FFD54F;
  background:#3a2a08;
}
.panel.community.offer-live.tier-flash-price .pcard-badge{color:#FFD54F}
.panel.community.offer-live.tier-flash-price .pcard-actions .btn{
  background:linear-gradient(180deg,#FFD54F,#e0a800);
  border:0;
  color:#241b00;
}

.panel.community.offer-live.tier-standard-price{border-color:#357ABD}
.panel.community.offer-live.tier-standard-price .pcard-badge{color:#7fb1ff}

/* coming-soon / ended fallback states - calmer, no pulse, no price yet */
.panel.community.offer-live.pcard-upcoming{border-color:#2a57a8}
.panel.community.offer-live.pcard-upcoming .pcard-badge{color:#b8c9ff}
.panel.community.offer-live[data-status="ended"]{border-color:#26487f;opacity:.92}

@media(max-width:480px){
  .panel.community.offer-live{padding:14px}
  .panel.community.offer-live .pcard-actions{gap:10px}
}