/*
 * OneCloud yearly license storefronts.
 *
 * Owns brand-specific Red Hat, Windows Server, Veeam, and Defender rules.
 * Shared plan card and count-aware grid layout rules remain in custom.css for now.
 */

#order-onecloud .oc-yearly-hero {
  margin-bottom: 0;
}

#order-onecloud .oc-yearly-plans--redhat .oc-yearly-hero {
  background: linear-gradient(135deg, rgba(224, 0, 0, 0.08), rgba(3, 16, 48, 0.05) 48%, rgba(224, 0, 0, 0.04)), #fff;
}

#order-onecloud .oc-yearly-plans--windows .oc-yearly-hero {
  background: linear-gradient(135deg, rgba(0, 120, 212, 0.08), rgba(80, 160, 255, 0.06) 48%, rgba(0, 188, 242, 0.05)), #fff;
}

#order-onecloud .oc-yearly-plans--veeam .oc-yearly-hero {
  background: linear-gradient(135deg, rgba(0, 179, 54, 0.08), rgba(0, 117, 74, 0.05) 48%, rgba(0, 179, 54, 0.04)), #fff;
}

#order-onecloud .oc-yearly-plans--defender .oc-yearly-hero {
  background: linear-gradient(135deg, rgba(0, 120, 212, 0.08), rgba(5, 37, 159, 0.05) 48%, rgba(80, 160, 255, 0.05)), #fff;
}

#order-onecloud .oc-yearly-hero__apps .oc-feat-app {
  --app-color: #05259f;
}

#order-onecloud .oc-yearly-plans--redhat .oc-yearly-hero__apps .oc-feat-app {
  --app-color: #e00;
}

#order-onecloud .oc-yearly-plans--windows .oc-yearly-hero__apps .oc-feat-app {
  --app-color: #0078d4;
}

#order-onecloud .oc-yearly-plans--veeam .oc-yearly-hero__apps .oc-feat-app {
  --app-color: #00a84f;
}

#order-onecloud .oc-yearly-plans--defender .oc-yearly-hero__apps .oc-feat-app {
  --app-color: #0078d4;
}

#order-onecloud .oc-yearly-plan-grid {
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}

#order-onecloud .oc-yearly-plan-card .oc-ms-plan-card__badge {
  border: 1px solid transparent;
}

#order-onecloud .oc-yearly-plan-card--redhat .oc-ms-plan-card__badge {
  background: #ffe8e8;
  color: #9f0000;
  border-color: #ffc2c2;
}

#order-onecloud .oc-yearly-plan-card--windows .oc-ms-plan-card__badge {
  background: #e8f3ff;
  color: #005a9e;
  border-color: #b7dcff;
}

#order-onecloud .oc-yearly-plan-card--veeam .oc-ms-plan-card__badge {
  background: #e8f8ee;
  color: #007a3d;
  border-color: #aee8c3;
}

#order-onecloud .oc-yearly-plan-card--defender .oc-ms-plan-card__badge {
  background: #e8f3ff;
  color: #005a9e;
  border-color: #b7dcff;
}

#order-onecloud .oc-yearly-plan-card__brand,
#order-onecloud .oc-yearly-plan-card__brand i {
  color: #05259f;
}

#order-onecloud .oc-yearly-plan-card--redhat .oc-yearly-plan-card__brand,
#order-onecloud .oc-yearly-plan-card--redhat .oc-yearly-plan-card__brand i {
  color: #e00;
}

#order-onecloud .oc-yearly-plan-card--windows .oc-yearly-plan-card__brand,
#order-onecloud .oc-yearly-plan-card--windows .oc-yearly-plan-card__brand i {
  color: #0078d4;
}

#order-onecloud .oc-yearly-plan-card--veeam .oc-yearly-plan-card__brand,
#order-onecloud .oc-yearly-plan-card--veeam .oc-yearly-plan-card__brand i {
  color: #00a84f;
}

#order-onecloud .oc-yearly-plan-card--defender .oc-yearly-plan-card__brand,
#order-onecloud .oc-yearly-plan-card--defender .oc-yearly-plan-card__brand i {
  color: #0078d4;
}

#order-onecloud .oc-yearly-plan-card .oc-pg-price-option--annual {
  border-color: #e5eaf2;
  background: #f8fafc;
}

@media (max-width: 575px) {
  #order-onecloud .oc-yearly-plan-grid {
    grid-template-columns: 1fr;
  }
}