﻿/**
 * Templates 5 & 6 — icon chip shapes, fills, and outlines (parity with Template 3).
 * Generated from bc-template-03.css shape/outline block.
 */

/* ===== Template 5 ===== */
.pub-card--template-05[data-bc-icon-shape="circle"] .bc-t5-btn-ico,
.bc-card.bc-t-template-05[data-bc-icon-shape="circle"] .bc-t5-btn-ico,
[data-bc-t5="1"][data-bc-icon-shape="circle"] .bc-t5-btn-ico {
  border-radius: 50% !important;
}

.pub-card--template-05[data-bc-icon-shape="rounded"] .bc-t5-btn-ico,
.bc-card.bc-t-template-05[data-bc-icon-shape="rounded"] .bc-t5-btn-ico,
[data-bc-t5="1"][data-bc-icon-shape="rounded"] .bc-t5-btn-ico {
  border-radius: var(--tpl-chip-radius, var(--tpl-radius-ico, 8px)) !important;
}

.pub-card--template-05[data-bc-icon-shape="square"] .bc-t5-btn-ico,
.bc-card.bc-t-template-05[data-bc-icon-shape="square"] .bc-t5-btn-ico,
[data-bc-t5="1"][data-bc-icon-shape="square"] .bc-t5-btn-ico {
  border-radius: 2px !important;
}

.pub-card--template-05[data-bc-icon-shape="squircle"] .bc-t5-btn-ico,
.bc-card.bc-t-template-05[data-bc-icon-shape="squircle"] .bc-t5-btn-ico,
[data-bc-t5="1"][data-bc-icon-shape="squircle"] .bc-t5-btn-ico {
 border-radius: var(--bc-squircle-radius, 40%) !important;
 -webkit-clip-path: none !important;
 clip-path: none !important;
}

.pub-card--template-05[data-bc-icon-shape="hexagon"] .bc-t5-icon-grid .bc-t5-btn-item,
.pub-card--template-05[data-bc-icon-shape="hexagon"] .bc-t5-hero-contact-grid .bc-t5-btn-item,
.bc-card.bc-t-template-05[data-bc-icon-shape="hexagon"] .bc-t5-icon-grid .bc-t5-btn-item,
.bc-card.bc-t-template-05[data-bc-icon-shape="hexagon"] .bc-t5-hero-contact-grid .bc-t5-btn-item,
[data-bc-t5="1"][data-bc-icon-shape="hexagon"] .bc-t5-icon-grid .bc-t5-btn-item,
[data-bc-t5="1"][data-bc-icon-shape="hexagon"] .bc-t5-hero-contact-grid .bc-t5-btn-item {
  flex: 0 0 var(--tpl-ico-hex-size, var(--tpl-ico-size, 62px));
  width: var(--tpl-ico-hex-size, var(--tpl-ico-size, 62px));
  max-width: var(--tpl-ico-hex-size, var(--tpl-ico-size, 62px));
}

.pub-card--template-05[data-bc-icon-shape="hexagon"] .bc-t5-btn-ico,
.bc-card.bc-t-template-05[data-bc-icon-shape="hexagon"] .bc-t5-btn-ico,
[data-bc-t5="1"][data-bc-icon-shape="hexagon"] .bc-t5-btn-ico {
  width: var(--tpl-ico-hex-size, var(--tpl-ico-size, 62px)) !important;
  height: var(--tpl-ico-hex-size, var(--tpl-ico-size, 62px)) !important;
  min-width: var(--tpl-ico-hex-size, var(--tpl-ico-size, 62px)) !important;
  max-width: var(--tpl-ico-hex-size, var(--tpl-ico-size, 62px)) !important;
  min-height: var(--tpl-ico-hex-size, var(--tpl-ico-size, 62px)) !important;
  max-height: var(--tpl-ico-hex-size, var(--tpl-ico-size, 62px)) !important;
  flex: 0 0 auto;
  align-self: center;
  border-radius: 0 !important;
  -webkit-clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
  clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
}

.pub-card--template-05[data-bc-icon-shape="shield"] .bc-t5-icon-grid .bc-t5-btn-item,
.pub-card--template-05[data-bc-icon-shape="shield"] .bc-t5-hero-contact-grid .bc-t5-btn-item,
.bc-card.bc-t-template-05[data-bc-icon-shape="shield"] .bc-t5-icon-grid .bc-t5-btn-item,
.bc-card.bc-t-template-05[data-bc-icon-shape="shield"] .bc-t5-hero-contact-grid .bc-t5-btn-item,
[data-bc-t5="1"][data-bc-icon-shape="shield"] .bc-t5-icon-grid .bc-t5-btn-item,
[data-bc-t5="1"][data-bc-icon-shape="shield"] .bc-t5-hero-contact-grid .bc-t5-btn-item {
  flex: 0 0 var(--tpl-ico-hex-size, var(--tpl-ico-size, 62px));
  width: var(--tpl-ico-hex-size, var(--tpl-ico-size, 62px));
  max-width: var(--tpl-ico-hex-size, var(--tpl-ico-size, 62px));
}

.pub-card--template-05[data-bc-icon-shape="shield"] .bc-t5-btn-ico,
.bc-card.bc-t-template-05[data-bc-icon-shape="shield"] .bc-t5-btn-ico,
[data-bc-t5="1"][data-bc-icon-shape="shield"] .bc-t5-btn-ico {
  width: var(--tpl-ico-hex-size, var(--tpl-ico-size, 62px)) !important;
  height: var(--tpl-ico-hex-size, var(--tpl-ico-size, 62px)) !important;
  min-width: var(--tpl-ico-hex-size, var(--tpl-ico-size, 62px)) !important;
  max-width: var(--tpl-ico-hex-size, var(--tpl-ico-size, 62px)) !important;
  min-height: var(--tpl-ico-hex-size, var(--tpl-ico-size, 62px)) !important;
  max-height: var(--tpl-ico-hex-size, var(--tpl-ico-size, 62px)) !important;
  flex: 0 0 auto;
  align-self: center;
  border-radius: 0 !important;
  -webkit-clip-path: var(--bc-shield-clip);
  clip-path: var(--bc-shield-clip);
}

[data-bc-t5="1"][data-bc-icon-shape="hexagon"],
.pub-card--template-05[data-bc-icon-shape="hexagon"],
.bc-card.bc-t-template-05[data-bc-icon-shape="hexagon"] {
  --bc-hex-clip: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
  --bc-hex-ring-scale-white: calc((var(--tpl-ico-hex-size, var(--tpl-ico-size, 62px)) - 6px) / var(--tpl-ico-hex-size, var(--tpl-ico-size, 62px)));
  --bc-hex-ring-scale-black: calc((var(--tpl-ico-hex-size, var(--tpl-ico-size, 62px)) - 4px) / var(--tpl-ico-hex-size, var(--tpl-ico-size, 62px)));
  /* Same as box-shadow: 0 0 0 3px #fff, 0 0 0 4px rgba(15,23,42,0.22)  -  gray outer + white ring, transparent center */
  --bc-hex-white-ring-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-2 -2 104 104'%3E%3Cpolygon fill='rgba(15%2C23%2C42%2C0.22)' points='24.31%2C-1.39 75.69%2C-1.39 101.39%2C50 75.69%2C101.39 24.31%2C101.39 -1.39%2C50'/%3E%3Cpath fill='%23ffffff' fill-rule='evenodd' d='M25%2C0 L75%2C0 L100%2C50 L75%2C100 L25%2C100 L0%2C50 Z M27.08%2C4.15 L72.92%2C4.15 L95.85%2C50 L72.92%2C95.85 L27.08%2C95.85 L4.15%2C50 Z'/%3E%3C/svg%3E");
}

.bc-t5-btn-item:hover .bc-t5-btn-ico {
  background-color: var(--tpl-chip-fill, var(--bc-t5-primary));
  transform: translateY(-2px);
}

.bc-t5-border-btn .bc-t5-btn-ico {
  border: 0;
  box-shadow: none;
}

.bc-t5-btn-item .bc-t5-btn-ico i {
  font-size: var(--tpl-ico-svg, 38px);
  line-height: 1;
  margin: 0;
  color: inherit !important;
}

/* Font Awesome brand glyphs must follow icon color picker, not built-in brand hues */
.bc-t5-btn-item .bc-t5-btn-ico .fa-brands,
.bc-t5-btn-item .bc-t5-btn-ico .fa-brands::before {
  color: inherit !important;
}

.bc-t5-btn-item .bc-t5-btn-ico svg,
.bc-t5-btn-item .bc-t5-btn-ico img.brand-ico {
  width: var(--tpl-ico-svg, 32px) !important;
  height: var(--tpl-ico-svg, 32px) !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: var(--tpl-ico-glyph-max, var(--tpl-ico-svg, 38px)) !important;
  max-height: var(--tpl-ico-glyph-max, var(--tpl-ico-svg, 38px)) !important;
  display: block;
  object-fit: contain;
  flex-shrink: 1;
  fill: currentColor;
  color: inherit;
}

/* Client action chips  -  shape from action-links/, color from --bc-t5-icon-color */
.bc-t5-btn-item .bc-t5-btn-ico .brand-ico-mask {
  display: block;
  flex: 0 0 auto;
  width: var(--tpl-ico-svg, 32px) !important;
  height: var(--tpl-ico-svg, 32px) !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: var(--tpl-ico-glyph-max, var(--tpl-ico-svg, 38px)) !important;
  max-height: var(--tpl-ico-glyph-max, var(--tpl-ico-svg, 38px)) !important;
  background-color: currentColor;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  color: inherit;
}

.bc-t5-btn-item .bc-t5-btn-ico .contact-icon-glyph {
  display: block;
  line-height: 1;
  font-size: var(--tpl-ico-svg, 38px) !important;
}

.bc-t5-btn-lbl,
.bc-t5-btn-item > span:not(.bc-t5-btn-ico):not(.bc-t5-btn-lbl) {
  font-size: clamp(0.5625rem, 2.6vw, 0.6875rem);
  font-weight: 600;
  letter-spacing: 0.02em;
  text-align: center;
  line-height: 1.25;
  font-family: inherit;
  color: var(--tpl-text, var(--bc-t5-ink, #222222));
  width: 100%;
  max-width: 100%;
  word-break: break-word;
  white-space: normal;
  text-transform: none;
}

/* Grubhub wordmark  -  bc-chip-icon-fit.css */

/* Rounded / circle / square / squircle — same 2px box-shadow ring (squircle no longer uses thick scaled ::before/::after). */
[data-bc-t5="1"][data-bc-icon-outline="1"]:not([data-bc-icon-shape="hexagon"]):not([data-bc-icon-shape="shield"]) .bc-t5-btn-item:not(.bc-t5-btn-item--guide) .bc-t5-btn-ico {
  border: 0 !important;
  box-shadow: none !important;
  background-color: var(--tpl-chip-fill, var(--bc-t5-primary)) !important;
  overflow: visible !important;
}

[data-bc-t5="1"][data-bc-icon-outline="1"]:not([data-bc-icon-shape="hexagon"]):not([data-bc-icon-shape="shield"])[data-bc-icon-outline-color="white"] .bc-t5-btn-item:not(.bc-t5-btn-item--guide) .bc-t5-btn-ico,
[data-bc-t5="1"][data-bc-icon-outline="1"]:not([data-bc-icon-shape="hexagon"]):not([data-bc-icon-shape="shield"])[data-bc-icon-outline-color="white"] .bc-t5-border-btn .bc-t5-btn-ico {
  outline: none !important;
  box-shadow: 0 0 0 2px #ffffff !important;
  -webkit-filter: none !important;
  filter: none !important;
}

[data-bc-t5="1"][data-bc-icon-outline="1"]:not([data-bc-icon-shape="hexagon"]):not([data-bc-icon-shape="shield"])[data-bc-icon-outline-color="black"] .bc-t5-btn-item:not(.bc-t5-btn-item--guide) .bc-t5-btn-ico,
[data-bc-t5="1"][data-bc-icon-outline="1"]:not([data-bc-icon-shape="hexagon"]):not([data-bc-icon-shape="shield"])[data-bc-icon-outline-color="black"] .bc-t5-border-btn .bc-t5-btn-ico,
[data-bc-t5="1"][data-bc-icon-outline="1"]:not([data-bc-icon-shape="hexagon"]):not([data-bc-icon-shape="shield"]):not([data-bc-icon-outline-color]) .bc-t5-btn-item:not(.bc-t5-btn-item--guide) .bc-t5-btn-ico,
[data-bc-t5="1"][data-bc-icon-outline="1"]:not([data-bc-icon-shape="hexagon"]):not([data-bc-icon-shape="shield"]):not([data-bc-icon-outline-color]) .bc-t5-border-btn .bc-t5-btn-ico {
  outline: none !important;
  box-shadow: 0 0 0 2px #000000 !important;
  -webkit-filter: none !important;
  filter: none !important;
}

/* Custom outline swatch (hex)  -  uses --bc-icon-outline-ring from card data */
[data-bc-t5="1"][data-bc-icon-outline="1"]:not([data-bc-icon-shape="hexagon"]):not([data-bc-icon-shape="shield"]):not([data-bc-icon-outline-color="white"]):not([data-bc-icon-outline-color="black"]) .bc-t5-btn-item:not(.bc-t5-btn-item--guide) .bc-t5-btn-ico,
[data-bc-t5="1"][data-bc-icon-outline="1"]:not([data-bc-icon-shape="hexagon"]):not([data-bc-icon-shape="shield"]):not([data-bc-icon-outline-color="white"]):not([data-bc-icon-outline-color="black"]) .bc-t5-border-btn .bc-t5-btn-ico,
.pub-card--template-05[data-bc-icon-outline="1"]:not([data-bc-icon-shape="hexagon"]):not([data-bc-icon-shape="shield"]):not([data-bc-icon-outline-color="white"]):not([data-bc-icon-outline-color="black"]) .bc-t5-btn-ico,
.bc-card.bc-t-template-05[data-bc-icon-outline="1"]:not([data-bc-icon-shape="hexagon"]):not([data-bc-icon-shape="shield"]):not([data-bc-icon-outline-color="white"]):not([data-bc-icon-outline-color="black"]) .bc-t5-btn-ico {
  outline: none !important;
  box-shadow: 0 0 0 2px var(--bc-icon-outline-ring, #ffffff) !important;
  -webkit-filter: none !important;
  filter: none !important;
}

/* Squircle: kill scaled pseudo-ring so only the 2px box-shadow remains (matches rounded). */
[data-bc-t5="1"][data-bc-icon-shape="squircle"][data-bc-icon-outline="1"] .bc-t5-btn-ico::before,
[data-bc-t5="1"][data-bc-icon-shape="squircle"][data-bc-icon-outline="1"] .bc-t5-btn-ico::after,
.pub-card--template-05[data-bc-icon-shape="squircle"][data-bc-icon-outline="1"] .bc-t5-btn-ico::before,
.pub-card--template-05[data-bc-icon-shape="squircle"][data-bc-icon-outline="1"] .bc-t5-btn-ico::after,
.bc-card.bc-t-template-05[data-bc-icon-shape="squircle"][data-bc-icon-outline="1"] .bc-t5-btn-ico::before,
.bc-card.bc-t-template-05[data-bc-icon-shape="squircle"][data-bc-icon-outline="1"] .bc-t5-btn-ico::after,
[data-bc-t5="1"][data-bc-icon-shape="squircle"] .bc-t5-border-btn .bc-t5-btn-ico::before,
[data-bc-t5="1"][data-bc-icon-shape="squircle"] .bc-t5-border-btn .bc-t5-btn-ico::after {
  content: none !important;
  display: none !important;
}

[data-bc-t5="1"][data-bc-icon-shape="squircle"][data-bc-icon-outline="1"] .bc-t5-btn-ico,
.pub-card--template-05[data-bc-icon-shape="squircle"][data-bc-icon-outline="1"] .bc-t5-btn-ico,
.bc-card.bc-t-template-05[data-bc-icon-shape="squircle"][data-bc-icon-outline="1"] .bc-t5-btn-ico {
  background-color: var(--tpl-chip-fill, var(--bc-t5-primary)) !important;
  background: var(--tpl-chip-fill, var(--bc-t5-primary)) !important;
}

/* Hex ring  -  outer ::before outline + inner scaled ::after fill (matches box-shadow ring on other shapes) */
[data-bc-t5="1"][data-bc-icon-shape="hexagon"][data-bc-icon-outline="1"] .bc-t5-btn-item:not(.bc-t5-btn-item--guide) .bc-t5-btn-ico,
.pub-card--template-05[data-bc-icon-shape="hexagon"][data-bc-icon-outline="1"] .bc-t5-btn-ico,
.bc-card.bc-t-template-05[data-bc-icon-shape="hexagon"][data-bc-icon-outline="1"] .bc-t5-btn-ico {
  position: relative !important;
  isolation: isolate;
  outline: none !important;
  box-shadow: none !important;
  -webkit-filter: none !important;
  filter: none !important;
  overflow: visible !important;
  background-color: transparent !important;
  background: transparent !important;
  -webkit-clip-path: none !important;
  clip-path: none !important;
}

[data-bc-t5="1"][data-bc-icon-shape="hexagon"][data-bc-icon-outline="1"] .bc-t5-btn-ico::before,
[data-bc-t5="1"][data-bc-icon-shape="hexagon"][data-bc-icon-outline="1"] .bc-t5-btn-ico::after,
.pub-card--template-05[data-bc-icon-shape="hexagon"][data-bc-icon-outline="1"] .bc-t5-btn-ico::before,
.pub-card--template-05[data-bc-icon-shape="hexagon"][data-bc-icon-outline="1"] .bc-t5-btn-ico::after,
.bc-card.bc-t-template-05[data-bc-icon-shape="hexagon"][data-bc-icon-outline="1"] .bc-t5-btn-ico::before,
.bc-card.bc-t-template-05[data-bc-icon-shape="hexagon"][data-bc-icon-outline="1"] .bc-t5-btn-ico::after {
  content: "";
  position: absolute;
  inset: 0;
  display: block;
  clip-path: var(--bc-hex-clip);
  -webkit-clip-path: var(--bc-hex-clip);
  box-sizing: border-box;
  pointer-events: none;
  z-index: 0;
}

[data-bc-t5="1"][data-bc-icon-shape="hexagon"][data-bc-icon-outline="1"] .bc-t5-btn-ico::after,
.pub-card--template-05[data-bc-icon-shape="hexagon"][data-bc-icon-outline="1"] .bc-t5-btn-ico::after,
.bc-card.bc-t-template-05[data-bc-icon-shape="hexagon"][data-bc-icon-outline="1"] .bc-t5-btn-ico::after {
  background-color: var(--bc-t5-band-chip-fill, var(--tpl-chip-fill, var(--bc-t5-primary)));
  transform-origin: center center;
}

[data-bc-t5="1"][data-bc-icon-shape="hexagon"][data-bc-icon-outline="1"] .bc-t5-btn-ico svg,
[data-bc-t5="1"][data-bc-icon-shape="hexagon"][data-bc-icon-outline="1"] .bc-t5-btn-ico img.brand-ico,
.pub-card--template-05[data-bc-icon-shape="hexagon"][data-bc-icon-outline="1"] .bc-t5-btn-ico svg,
.pub-card--template-05[data-bc-icon-shape="hexagon"][data-bc-icon-outline="1"] .bc-t5-btn-ico img.brand-ico,
.bc-card.bc-t-template-05[data-bc-icon-shape="hexagon"][data-bc-icon-outline="1"] .bc-t5-btn-ico svg,
.bc-card.bc-t-template-05[data-bc-icon-shape="hexagon"][data-bc-icon-outline="1"] .bc-t5-btn-ico img.brand-ico {
  position: relative;
  z-index: 1;
}

[data-bc-t5="1"][data-bc-icon-shape="hexagon"][data-bc-icon-outline="1"][data-bc-icon-outline-color="white"] .bc-t5-btn-ico::before,
[data-bc-t5="1"][data-bc-icon-shape="hexagon"][data-bc-icon-outline="1"]:not([data-bc-icon-outline-color]) .bc-t5-btn-ico::before,
.pub-card--template-05[data-bc-icon-shape="hexagon"][data-bc-icon-outline="1"][data-bc-icon-outline-color="white"] .bc-t5-btn-ico::before,
.pub-card--template-05[data-bc-icon-shape="hexagon"][data-bc-icon-outline="1"]:not([data-bc-icon-outline-color]) .bc-t5-btn-ico::before,
.bc-card.bc-t-template-05[data-bc-icon-shape="hexagon"][data-bc-icon-outline="1"][data-bc-icon-outline-color="white"] .bc-t5-btn-ico::before,
.bc-card.bc-t-template-05[data-bc-icon-shape="hexagon"][data-bc-icon-outline="1"]:not([data-bc-icon-outline-color]) .bc-t5-btn-ico::before {
  background-color: transparent;
  background-image: var(--bc-hex-white-ring-svg);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-clip-path: none !important;
  clip-path: none !important;
  -webkit-filter: none;
  filter: none;
  transform: none;
}

[data-bc-t5="1"][data-bc-icon-shape="hexagon"][data-bc-icon-outline="1"][data-bc-icon-outline-color="white"] .bc-t5-btn-ico::after,
[data-bc-t5="1"][data-bc-icon-shape="hexagon"][data-bc-icon-outline="1"]:not([data-bc-icon-outline-color]) .bc-t5-btn-ico::after,
.pub-card--template-05[data-bc-icon-shape="hexagon"][data-bc-icon-outline="1"][data-bc-icon-outline-color="white"] .bc-t5-btn-ico::after,
.pub-card--template-05[data-bc-icon-shape="hexagon"][data-bc-icon-outline="1"]:not([data-bc-icon-outline-color]) .bc-t5-btn-ico::after,
.bc-card.bc-t-template-05[data-bc-icon-shape="hexagon"][data-bc-icon-outline="1"][data-bc-icon-outline-color="white"] .bc-t5-btn-ico::after,
.bc-card.bc-t-template-05[data-bc-icon-shape="hexagon"][data-bc-icon-outline="1"]:not([data-bc-icon-outline-color]) .bc-t5-btn-ico::after {
  transform: scale(var(--bc-hex-ring-scale-white, 0.917));
}

[data-bc-t5="1"][data-bc-icon-shape="hexagon"][data-bc-icon-outline="1"][data-bc-icon-outline-color="black"] .bc-t5-btn-ico::before,
.pub-card--template-05[data-bc-icon-shape="hexagon"][data-bc-icon-outline="1"][data-bc-icon-outline-color="black"] .bc-t5-btn-ico::before,
.bc-card.bc-t-template-05[data-bc-icon-shape="hexagon"][data-bc-icon-outline="1"][data-bc-icon-outline-color="black"] .bc-t5-btn-ico::before {
  background: #000000;
  -webkit-filter: none;
  filter: none;
}

[data-bc-t5="1"][data-bc-icon-shape="hexagon"][data-bc-icon-outline="1"][data-bc-icon-outline-color="black"] .bc-t5-btn-ico::after,
.pub-card--template-05[data-bc-icon-shape="hexagon"][data-bc-icon-outline="1"][data-bc-icon-outline-color="black"] .bc-t5-btn-ico::after,
.bc-card.bc-t-template-05[data-bc-icon-shape="hexagon"][data-bc-icon-outline="1"][data-bc-icon-outline-color="black"] .bc-t5-btn-ico::after {
  transform: scale(var(--bc-hex-ring-scale-black, 0.944));
}

[data-bc-t5="1"][data-bc-icon-shape="hexagon"][data-bc-icon-outline="1"]:not([data-bc-icon-outline-color="white"]):not([data-bc-icon-outline-color="black"]) .bc-t5-btn-ico::before,
.pub-card--template-05[data-bc-icon-shape="hexagon"][data-bc-icon-outline="1"]:not([data-bc-icon-outline-color="white"]):not([data-bc-icon-outline-color="black"]) .bc-t5-btn-ico::before,
.bc-card.bc-t-template-05[data-bc-icon-shape="hexagon"][data-bc-icon-outline="1"]:not([data-bc-icon-outline-color="white"]):not([data-bc-icon-outline-color="black"]) .bc-t5-btn-ico::before {
  background: var(--bc-icon-outline-ring, #ffffff);
  background-image: none;
  -webkit-clip-path: var(--bc-hex-clip);
  clip-path: var(--bc-hex-clip);
  -webkit-filter: none;
  filter: none;
  transform: none;
}

[data-bc-t5="1"][data-bc-icon-shape="hexagon"][data-bc-icon-outline="1"]:not([data-bc-icon-outline-color="white"]):not([data-bc-icon-outline-color="black"]) .bc-t5-btn-ico::after,
.pub-card--template-05[data-bc-icon-shape="hexagon"][data-bc-icon-outline="1"]:not([data-bc-icon-outline-color="white"]):not([data-bc-icon-outline-color="black"]) .bc-t5-btn-ico::after,
.bc-card.bc-t-template-05[data-bc-icon-shape="hexagon"][data-bc-icon-outline="1"]:not([data-bc-icon-outline-color="white"]):not([data-bc-icon-outline-color="black"]) .bc-t5-btn-ico::after {
  transform: scale(var(--bc-hex-ring-scale-black, 0.944));
}

[data-bc-t5="1"][data-bc-icon-shape="hexagon"][data-bc-icon-outline="1"] .bc-t5-btn-item:not(.bc-t5-btn-item--guide):hover .bc-t5-btn-ico {
  background-color: transparent !important;
  background: transparent !important;
}

[data-bc-t5="1"][data-bc-icon-shape="hexagon"][data-bc-icon-outline="1"] .bc-t5-btn-item:not(.bc-t5-btn-item--guide):hover .bc-t5-btn-ico::after,
.pub-card--template-05[data-bc-icon-shape="hexagon"][data-bc-icon-outline="1"] .bc-t5-btn-ico:hover::after,
.bc-card.bc-t-template-05[data-bc-icon-shape="hexagon"][data-bc-icon-outline="1"] .bc-t5-btn-ico:hover::after {
  background-color: var(--tpl-chip-fill, var(--bc-t5-primary)) !important;
}

[data-bc-t5="1"][data-bc-icon-shape="hexagon"][data-bc-icon-outline="1"] .bc-t5-btn-ico > * {
  position: relative;
  z-index: 1;
}

/* Shield ring  -  same pseudo-element pattern as hexagon */
[data-bc-t5="1"][data-bc-icon-shape="shield"][data-bc-icon-outline="1"] .bc-t5-btn-item:not(.bc-t5-btn-item--guide) .bc-t5-btn-ico,
.pub-card--template-05[data-bc-icon-shape="shield"][data-bc-icon-outline="1"] .bc-t5-btn-ico,
.bc-card.bc-t-template-05[data-bc-icon-shape="shield"][data-bc-icon-outline="1"] .bc-t5-btn-ico {
  position: relative !important;
  isolation: isolate;
  outline: none !important;
  box-shadow: none !important;
  -webkit-filter: none !important;
  filter: none !important;
  overflow: visible !important;
  background-color: transparent !important;
  background: transparent !important;
  -webkit-clip-path: none !important;
  clip-path: none !important;
}

[data-bc-t5="1"][data-bc-icon-shape="shield"][data-bc-icon-outline="1"] .bc-t5-btn-ico::before,
[data-bc-t5="1"][data-bc-icon-shape="shield"][data-bc-icon-outline="1"] .bc-t5-btn-ico::after,
.pub-card--template-05[data-bc-icon-shape="shield"][data-bc-icon-outline="1"] .bc-t5-btn-ico::before,
.pub-card--template-05[data-bc-icon-shape="shield"][data-bc-icon-outline="1"] .bc-t5-btn-ico::after,
.bc-card.bc-t-template-05[data-bc-icon-shape="shield"][data-bc-icon-outline="1"] .bc-t5-btn-ico::before,
.bc-card.bc-t-template-05[data-bc-icon-shape="shield"][data-bc-icon-outline="1"] .bc-t5-btn-ico::after {
  content: "";
  position: absolute;
  inset: 0;
  display: block;
  clip-path: var(--bc-shield-clip);
  -webkit-clip-path: var(--bc-shield-clip);
  box-sizing: border-box;
  pointer-events: none;
  z-index: 0;
}

[data-bc-t5="1"][data-bc-icon-shape="shield"][data-bc-icon-outline="1"] .bc-t5-btn-ico::after,
.pub-card--template-05[data-bc-icon-shape="shield"][data-bc-icon-outline="1"] .bc-t5-btn-ico::after,
.bc-card.bc-t-template-05[data-bc-icon-shape="shield"][data-bc-icon-outline="1"] .bc-t5-btn-ico::after {
  background-color: var(--tpl-chip-fill, var(--bc-t5-primary));
  transform-origin: center center;
}

[data-bc-t5="1"][data-bc-icon-shape="shield"][data-bc-icon-outline="1"][data-bc-icon-outline-color="white"] .bc-t5-btn-ico::before,
[data-bc-t5="1"][data-bc-icon-shape="shield"][data-bc-icon-outline="1"]:not([data-bc-icon-outline-color]) .bc-t5-btn-ico::before,
.pub-card--template-05[data-bc-icon-shape="shield"][data-bc-icon-outline="1"][data-bc-icon-outline-color="white"] .bc-t5-btn-ico::before,
.pub-card--template-05[data-bc-icon-shape="shield"][data-bc-icon-outline="1"]:not([data-bc-icon-outline-color]) .bc-t5-btn-ico::before,
.bc-card.bc-t-template-05[data-bc-icon-shape="shield"][data-bc-icon-outline="1"][data-bc-icon-outline-color="white"] .bc-t5-btn-ico::before,
.bc-card.bc-t-template-05[data-bc-icon-shape="shield"][data-bc-icon-outline="1"]:not([data-bc-icon-outline-color]) .bc-t5-btn-ico::before {
  background: #ffffff;
}

[data-bc-t5="1"][data-bc-icon-shape="shield"][data-bc-icon-outline="1"][data-bc-icon-outline-color="white"] .bc-t5-btn-ico::after,
[data-bc-t5="1"][data-bc-icon-shape="shield"][data-bc-icon-outline="1"]:not([data-bc-icon-outline-color]) .bc-t5-btn-ico::after,
.pub-card--template-05[data-bc-icon-shape="shield"][data-bc-icon-outline="1"][data-bc-icon-outline-color="white"] .bc-t5-btn-ico::after,
.pub-card--template-05[data-bc-icon-shape="shield"][data-bc-icon-outline="1"]:not([data-bc-icon-outline-color]) .bc-t5-btn-ico::after,
.bc-card.bc-t-template-05[data-bc-icon-shape="shield"][data-bc-icon-outline="1"][data-bc-icon-outline-color="white"] .bc-t5-btn-ico::after,
.bc-card.bc-t-template-05[data-bc-icon-shape="shield"][data-bc-icon-outline="1"]:not([data-bc-icon-outline-color]) .bc-t5-btn-ico::after {
  transform: scale(var(--bc-shield-ring-scale-white, 0.917));
}

[data-bc-t5="1"][data-bc-icon-shape="shield"][data-bc-icon-outline="1"][data-bc-icon-outline-color="black"] .bc-t5-btn-ico::before,
.pub-card--template-05[data-bc-icon-shape="shield"][data-bc-icon-outline="1"][data-bc-icon-outline-color="black"] .bc-t5-btn-ico::before,
.bc-card.bc-t-template-05[data-bc-icon-shape="shield"][data-bc-icon-outline="1"][data-bc-icon-outline-color="black"] .bc-t5-btn-ico::before {
  background: #000000;
}

[data-bc-t5="1"][data-bc-icon-shape="shield"][data-bc-icon-outline="1"][data-bc-icon-outline-color="black"] .bc-t5-btn-ico::after,
.pub-card--template-05[data-bc-icon-shape="shield"][data-bc-icon-outline="1"][data-bc-icon-outline-color="black"] .bc-t5-btn-ico::after,
.bc-card.bc-t-template-05[data-bc-icon-shape="shield"][data-bc-icon-outline="1"][data-bc-icon-outline-color="black"] .bc-t5-btn-ico::after {
  transform: scale(var(--bc-shield-ring-scale-black, 0.944));
}

[data-bc-t5="1"][data-bc-icon-shape="shield"][data-bc-icon-outline="1"]:not([data-bc-icon-outline-color="white"]):not([data-bc-icon-outline-color="black"]) .bc-t5-btn-ico::before,
.pub-card--template-05[data-bc-icon-shape="shield"][data-bc-icon-outline="1"]:not([data-bc-icon-outline-color="white"]):not([data-bc-icon-outline-color="black"]) .bc-t5-btn-ico::before,
.bc-card.bc-t-template-05[data-bc-icon-shape="shield"][data-bc-icon-outline="1"]:not([data-bc-icon-outline-color="white"]):not([data-bc-icon-outline-color="black"]) .bc-t5-btn-ico::before {
  background: var(--bc-icon-outline-ring, #ffffff);
}

[data-bc-t5="1"][data-bc-icon-shape="shield"][data-bc-icon-outline="1"]:not([data-bc-icon-outline-color="white"]):not([data-bc-icon-outline-color="black"]) .bc-t5-btn-ico::after,
.pub-card--template-05[data-bc-icon-shape="shield"][data-bc-icon-outline="1"]:not([data-bc-icon-outline-color="white"]):not([data-bc-icon-outline-color="black"]) .bc-t5-btn-ico::after,
.bc-card.bc-t-template-05[data-bc-icon-shape="shield"][data-bc-icon-outline="1"]:not([data-bc-icon-outline-color="white"]):not([data-bc-icon-outline-color="black"]) .bc-t5-btn-ico::after {
  transform: scale(var(--bc-shield-ring-scale-black, 0.944));
}

[data-bc-t5="1"][data-bc-icon-shape="shield"][data-bc-icon-outline="1"] .bc-t5-btn-item:not(.bc-t5-btn-item--guide):hover .bc-t5-btn-ico {
  background-color: transparent !important;
  background: transparent !important;
}

[data-bc-t5="1"][data-bc-icon-shape="shield"][data-bc-icon-outline="1"] .bc-t5-btn-item:not(.bc-t5-btn-item--guide):hover .bc-t5-btn-ico::after,
.pub-card--template-05[data-bc-icon-shape="shield"][data-bc-icon-outline="1"] .bc-t5-btn-ico:hover::after,
.bc-card.bc-t-template-05[data-bc-icon-shape="shield"][data-bc-icon-outline="1"] .bc-t5-btn-ico:hover::after {
  background-color: var(--tpl-chip-fill, var(--bc-t5-primary)) !important;
}

[data-bc-t5="1"][data-bc-icon-shape="shield"][data-bc-icon-outline="1"] .bc-t5-btn-ico > * {
  position: relative;
  z-index: 1;
}

[data-bc-t5="1"][data-bc-icon-outline="1"] .bc-t5-btn-item:not(.bc-t5-btn-item--guide) .bc-t5-btn-ico i,
[data-bc-t5="1"][data-bc-icon-outline="1"] .bc-t5-btn-item:not(.bc-t5-btn-item--guide) .bc-t5-btn-ico {
  color: var(--bc-t5-icon-color, #ffffff);
}

[data-bc-t5="1"][data-bc-icon-outline="1"] .bc-t5-btn-item:not(.bc-t5-btn-item--guide):hover .bc-t5-btn-ico {
  background-color: var(--tpl-chip-fill, var(--bc-t5-primary)) !important;
  transform: translateY(-2px);
}

[data-bc-t5="1"][data-bc-icon-outline="1"] .bc-t5-btn-item:not(.bc-t5-btn-item--guide):hover .bc-t5-btn-ico i {
  color: var(--bc-t5-icon-color, #ffffff) !important;
  opacity: 1;
}

[data-bc-t5="1"][data-bc-icon-outline="1"] .bc-t5-border-btn .bc-t5-btn-ico {
  border: 0 !important;
  box-shadow: none !important;
}


/* ===== Template 6 ===== */
.pub-card--template-06[data-bc-icon-shape="circle"] .bc-t6-btn-ico,
.bc-card.bc-t-template-06[data-bc-icon-shape="circle"] .bc-t6-btn-ico,
[data-bc-t6="1"][data-bc-icon-shape="circle"] .bc-t6-btn-ico {
  border-radius: 50% !important;
}

.pub-card--template-06[data-bc-icon-shape="rounded"] .bc-t6-btn-ico,
.bc-card.bc-t-template-06[data-bc-icon-shape="rounded"] .bc-t6-btn-ico,
[data-bc-t6="1"][data-bc-icon-shape="rounded"] .bc-t6-btn-ico {
  border-radius: var(--tpl-chip-radius, var(--tpl-radius-ico, 8px)) !important;
}

.pub-card--template-06[data-bc-icon-shape="square"] .bc-t6-btn-ico,
.bc-card.bc-t-template-06[data-bc-icon-shape="square"] .bc-t6-btn-ico,
[data-bc-t6="1"][data-bc-icon-shape="square"] .bc-t6-btn-ico {
  border-radius: 2px !important;
}

.pub-card--template-06[data-bc-icon-shape="squircle"] .bc-t6-btn-ico,
.bc-card.bc-t-template-06[data-bc-icon-shape="squircle"] .bc-t6-btn-ico,
[data-bc-t6="1"][data-bc-icon-shape="squircle"] .bc-t6-btn-ico {
 border-radius: var(--bc-squircle-radius, 40%) !important;
 -webkit-clip-path: none !important;
 clip-path: none !important;
}

.pub-card--template-06[data-bc-icon-shape="hexagon"] .bc-t6-icon-grid .bc-t6-btn-item,
.pub-card--template-06[data-bc-icon-shape="hexagon"] .bc-t6-hero-contact-grid .bc-t6-btn-item,
.bc-card.bc-t-template-06[data-bc-icon-shape="hexagon"] .bc-t6-icon-grid .bc-t6-btn-item,
.bc-card.bc-t-template-06[data-bc-icon-shape="hexagon"] .bc-t6-hero-contact-grid .bc-t6-btn-item,
[data-bc-t6="1"][data-bc-icon-shape="hexagon"] .bc-t6-icon-grid .bc-t6-btn-item,
[data-bc-t6="1"][data-bc-icon-shape="hexagon"] .bc-t6-hero-contact-grid .bc-t6-btn-item {
  flex: 0 0 var(--tpl-ico-hex-size, var(--tpl-ico-size, 62px));
  width: var(--tpl-ico-hex-size, var(--tpl-ico-size, 62px));
  max-width: var(--tpl-ico-hex-size, var(--tpl-ico-size, 62px));
}

.pub-card--template-06[data-bc-icon-shape="hexagon"] .bc-t6-btn-ico,
.bc-card.bc-t-template-06[data-bc-icon-shape="hexagon"] .bc-t6-btn-ico,
[data-bc-t6="1"][data-bc-icon-shape="hexagon"] .bc-t6-btn-ico {
  width: var(--tpl-ico-hex-size, var(--tpl-ico-size, 62px)) !important;
  height: var(--tpl-ico-hex-size, var(--tpl-ico-size, 62px)) !important;
  min-width: var(--tpl-ico-hex-size, var(--tpl-ico-size, 62px)) !important;
  max-width: var(--tpl-ico-hex-size, var(--tpl-ico-size, 62px)) !important;
  min-height: var(--tpl-ico-hex-size, var(--tpl-ico-size, 62px)) !important;
  max-height: var(--tpl-ico-hex-size, var(--tpl-ico-size, 62px)) !important;
  flex: 0 0 auto;
  align-self: center;
  border-radius: 0 !important;
  -webkit-clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
  clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
}

.pub-card--template-06[data-bc-icon-shape="shield"] .bc-t6-icon-grid .bc-t6-btn-item,
.pub-card--template-06[data-bc-icon-shape="shield"] .bc-t6-hero-contact-grid .bc-t6-btn-item,
.bc-card.bc-t-template-06[data-bc-icon-shape="shield"] .bc-t6-icon-grid .bc-t6-btn-item,
.bc-card.bc-t-template-06[data-bc-icon-shape="shield"] .bc-t6-hero-contact-grid .bc-t6-btn-item,
[data-bc-t6="1"][data-bc-icon-shape="shield"] .bc-t6-icon-grid .bc-t6-btn-item,
[data-bc-t6="1"][data-bc-icon-shape="shield"] .bc-t6-hero-contact-grid .bc-t6-btn-item {
  flex: 0 0 var(--tpl-ico-hex-size, var(--tpl-ico-size, 62px));
  width: var(--tpl-ico-hex-size, var(--tpl-ico-size, 62px));
  max-width: var(--tpl-ico-hex-size, var(--tpl-ico-size, 62px));
}

.pub-card--template-06[data-bc-icon-shape="shield"] .bc-t6-btn-ico,
.bc-card.bc-t-template-06[data-bc-icon-shape="shield"] .bc-t6-btn-ico,
[data-bc-t6="1"][data-bc-icon-shape="shield"] .bc-t6-btn-ico {
  width: var(--tpl-ico-hex-size, var(--tpl-ico-size, 62px)) !important;
  height: var(--tpl-ico-hex-size, var(--tpl-ico-size, 62px)) !important;
  min-width: var(--tpl-ico-hex-size, var(--tpl-ico-size, 62px)) !important;
  max-width: var(--tpl-ico-hex-size, var(--tpl-ico-size, 62px)) !important;
  min-height: var(--tpl-ico-hex-size, var(--tpl-ico-size, 62px)) !important;
  max-height: var(--tpl-ico-hex-size, var(--tpl-ico-size, 62px)) !important;
  flex: 0 0 auto;
  align-self: center;
  border-radius: 0 !important;
  -webkit-clip-path: var(--bc-shield-clip);
  clip-path: var(--bc-shield-clip);
}

[data-bc-t6="1"][data-bc-icon-shape="hexagon"],
.pub-card--template-06[data-bc-icon-shape="hexagon"],
.bc-card.bc-t-template-06[data-bc-icon-shape="hexagon"] {
  --bc-hex-clip: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
  --bc-hex-ring-scale-white: calc((var(--tpl-ico-hex-size, var(--tpl-ico-size, 62px)) - 6px) / var(--tpl-ico-hex-size, var(--tpl-ico-size, 62px)));
  --bc-hex-ring-scale-black: calc((var(--tpl-ico-hex-size, var(--tpl-ico-size, 62px)) - 4px) / var(--tpl-ico-hex-size, var(--tpl-ico-size, 62px)));
  /* Same as box-shadow: 0 0 0 3px #fff, 0 0 0 4px rgba(15,23,42,0.22)  -  gray outer + white ring, transparent center */
  --bc-hex-white-ring-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-2 -2 104 104'%3E%3Cpolygon fill='rgba(15%2C23%2C42%2C0.22)' points='24.31%2C-1.39 75.69%2C-1.39 101.39%2C50 75.69%2C101.39 24.31%2C101.39 -1.39%2C50'/%3E%3Cpath fill='%23ffffff' fill-rule='evenodd' d='M25%2C0 L75%2C0 L100%2C50 L75%2C100 L25%2C100 L0%2C50 Z M27.08%2C4.15 L72.92%2C4.15 L95.85%2C50 L72.92%2C95.85 L27.08%2C95.85 L4.15%2C50 Z'/%3E%3C/svg%3E");
}

.bc-t6-btn-item:hover .bc-t6-btn-ico {
  background-color: var(--tpl-chip-fill, var(--bc-t6-primary));
  transform: translateY(-2px);
}

.bc-t6-border-btn .bc-t6-btn-ico {
  border: 0;
  box-shadow: none;
}

.bc-t6-btn-item .bc-t6-btn-ico i {
  font-size: var(--tpl-ico-svg, 38px);
  line-height: 1;
  margin: 0;
  color: inherit !important;
}

/* Font Awesome brand glyphs must follow icon color picker, not built-in brand hues */
.bc-t6-btn-item .bc-t6-btn-ico .fa-brands,
.bc-t6-btn-item .bc-t6-btn-ico .fa-brands::before {
  color: inherit !important;
}

.bc-t6-btn-item .bc-t6-btn-ico svg,
.bc-t6-btn-item .bc-t6-btn-ico img.brand-ico {
  width: var(--tpl-ico-svg, 32px) !important;
  height: var(--tpl-ico-svg, 32px) !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: var(--tpl-ico-glyph-max, var(--tpl-ico-svg, 38px)) !important;
  max-height: var(--tpl-ico-glyph-max, var(--tpl-ico-svg, 38px)) !important;
  display: block;
  object-fit: contain;
  flex-shrink: 1;
  fill: currentColor;
  color: inherit;
}

/* Client action chips  -  shape from action-links/, color from --bc-t6-icon-color */
.bc-t6-btn-item .bc-t6-btn-ico .brand-ico-mask {
  display: block;
  flex: 0 0 auto;
  width: var(--tpl-ico-svg, 32px) !important;
  height: var(--tpl-ico-svg, 32px) !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: var(--tpl-ico-glyph-max, var(--tpl-ico-svg, 38px)) !important;
  max-height: var(--tpl-ico-glyph-max, var(--tpl-ico-svg, 38px)) !important;
  background-color: currentColor;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  color: inherit;
}

.bc-t6-btn-item .bc-t6-btn-ico .contact-icon-glyph {
  display: block;
  line-height: 1;
  font-size: var(--tpl-ico-svg, 38px) !important;
}

.bc-t6-btn-lbl,
.bc-t6-btn-item > span:not(.bc-t6-btn-ico):not(.bc-t6-btn-lbl) {
  font-size: clamp(0.5625rem, 2.6vw, 0.6875rem);
  font-weight: 600;
  letter-spacing: 0.02em;
  text-align: center;
  line-height: 1.25;
  font-family: inherit;
  color: var(--tpl-text, var(--bc-t6-ink, #222222));
  width: 100%;
  max-width: 100%;
  word-break: break-word;
  white-space: normal;
  text-transform: none;
}

/* Grubhub wordmark  -  bc-chip-icon-fit.css */

/* Rounded / circle / square / squircle — same 2px box-shadow ring. */
[data-bc-t6="1"][data-bc-icon-outline="1"]:not([data-bc-icon-shape="hexagon"]):not([data-bc-icon-shape="shield"]) .bc-t6-btn-item:not(.bc-t6-btn-item--guide) .bc-t6-btn-ico {
  border: 0 !important;
  box-shadow: none !important;
  background-color: var(--tpl-chip-fill, var(--bc-t6-primary)) !important;
  overflow: visible !important;
}

[data-bc-t6="1"][data-bc-icon-outline="1"]:not([data-bc-icon-shape="hexagon"]):not([data-bc-icon-shape="shield"])[data-bc-icon-outline-color="white"] .bc-t6-btn-item:not(.bc-t6-btn-item--guide) .bc-t6-btn-ico,
[data-bc-t6="1"][data-bc-icon-outline="1"]:not([data-bc-icon-shape="hexagon"]):not([data-bc-icon-shape="shield"])[data-bc-icon-outline-color="white"] .bc-t6-border-btn .bc-t6-btn-ico {
  outline: none !important;
  box-shadow: 0 0 0 2px #ffffff !important;
  -webkit-filter: none !important;
  filter: none !important;
}

[data-bc-t6="1"][data-bc-icon-outline="1"]:not([data-bc-icon-shape="hexagon"]):not([data-bc-icon-shape="shield"])[data-bc-icon-outline-color="black"] .bc-t6-btn-item:not(.bc-t6-btn-item--guide) .bc-t6-btn-ico,
[data-bc-t6="1"][data-bc-icon-outline="1"]:not([data-bc-icon-shape="hexagon"]):not([data-bc-icon-shape="shield"])[data-bc-icon-outline-color="black"] .bc-t6-border-btn .bc-t6-btn-ico,
[data-bc-t6="1"][data-bc-icon-outline="1"]:not([data-bc-icon-shape="hexagon"]):not([data-bc-icon-shape="shield"]):not([data-bc-icon-outline-color]) .bc-t6-btn-item:not(.bc-t6-btn-item--guide) .bc-t6-btn-ico,
[data-bc-t6="1"][data-bc-icon-outline="1"]:not([data-bc-icon-shape="hexagon"]):not([data-bc-icon-shape="shield"]):not([data-bc-icon-outline-color]) .bc-t6-border-btn .bc-t6-btn-ico {
  outline: none !important;
  box-shadow: 0 0 0 2px #000000 !important;
  -webkit-filter: none !important;
  filter: none !important;
}

/* Custom outline swatch (hex)  -  uses --bc-icon-outline-ring from card data */
[data-bc-t6="1"][data-bc-icon-outline="1"]:not([data-bc-icon-shape="hexagon"]):not([data-bc-icon-shape="shield"]):not([data-bc-icon-outline-color="white"]):not([data-bc-icon-outline-color="black"]) .bc-t6-btn-item:not(.bc-t6-btn-item--guide) .bc-t6-btn-ico,
[data-bc-t6="1"][data-bc-icon-outline="1"]:not([data-bc-icon-shape="hexagon"]):not([data-bc-icon-shape="shield"]):not([data-bc-icon-outline-color="white"]):not([data-bc-icon-outline-color="black"]) .bc-t6-border-btn .bc-t6-btn-ico,
.pub-card--template-06[data-bc-icon-outline="1"]:not([data-bc-icon-shape="hexagon"]):not([data-bc-icon-shape="shield"]):not([data-bc-icon-outline-color="white"]):not([data-bc-icon-outline-color="black"]) .bc-t6-btn-ico,
.bc-card.bc-t-template-06[data-bc-icon-outline="1"]:not([data-bc-icon-shape="hexagon"]):not([data-bc-icon-shape="shield"]):not([data-bc-icon-outline-color="white"]):not([data-bc-icon-outline-color="black"]) .bc-t6-btn-ico {
  outline: none !important;
  box-shadow: 0 0 0 2px var(--bc-icon-outline-ring, #ffffff) !important;
  -webkit-filter: none !important;
  filter: none !important;
}

/* Squircle: kill scaled pseudo-ring so only the 2px box-shadow remains (matches rounded). */
[data-bc-t6="1"][data-bc-icon-shape="squircle"][data-bc-icon-outline="1"] .bc-t6-btn-ico::before,
[data-bc-t6="1"][data-bc-icon-shape="squircle"][data-bc-icon-outline="1"] .bc-t6-btn-ico::after,
.pub-card--template-06[data-bc-icon-shape="squircle"][data-bc-icon-outline="1"] .bc-t6-btn-ico::before,
.pub-card--template-06[data-bc-icon-shape="squircle"][data-bc-icon-outline="1"] .bc-t6-btn-ico::after,
.bc-card.bc-t-template-06[data-bc-icon-shape="squircle"][data-bc-icon-outline="1"] .bc-t6-btn-ico::before,
.bc-card.bc-t-template-06[data-bc-icon-shape="squircle"][data-bc-icon-outline="1"] .bc-t6-btn-ico::after,
[data-bc-t6="1"][data-bc-icon-shape="squircle"] .bc-t6-border-btn .bc-t6-btn-ico::before,
[data-bc-t6="1"][data-bc-icon-shape="squircle"] .bc-t6-border-btn .bc-t6-btn-ico::after {
  content: none !important;
  display: none !important;
}

[data-bc-t6="1"][data-bc-icon-shape="squircle"][data-bc-icon-outline="1"] .bc-t6-btn-ico,
.pub-card--template-06[data-bc-icon-shape="squircle"][data-bc-icon-outline="1"] .bc-t6-btn-ico,
.bc-card.bc-t-template-06[data-bc-icon-shape="squircle"][data-bc-icon-outline="1"] .bc-t6-btn-ico {
  background-color: var(--tpl-chip-fill, var(--bc-t6-primary)) !important;
  background: var(--tpl-chip-fill, var(--bc-t6-primary)) !important;
}

/* Hex ring  -  outer ::before outline + inner scaled ::after fill (matches box-shadow ring on other shapes) */
[data-bc-t6="1"][data-bc-icon-shape="hexagon"][data-bc-icon-outline="1"] .bc-t6-btn-item:not(.bc-t6-btn-item--guide) .bc-t6-btn-ico,
.pub-card--template-06[data-bc-icon-shape="hexagon"][data-bc-icon-outline="1"] .bc-t6-btn-ico,
.bc-card.bc-t-template-06[data-bc-icon-shape="hexagon"][data-bc-icon-outline="1"] .bc-t6-btn-ico {
  position: relative !important;
  isolation: isolate;
  outline: none !important;
  box-shadow: none !important;
  -webkit-filter: none !important;
  filter: none !important;
  overflow: visible !important;
  background-color: transparent !important;
  background: transparent !important;
  -webkit-clip-path: none !important;
  clip-path: none !important;
}

[data-bc-t6="1"][data-bc-icon-shape="hexagon"][data-bc-icon-outline="1"] .bc-t6-btn-ico::before,
[data-bc-t6="1"][data-bc-icon-shape="hexagon"][data-bc-icon-outline="1"] .bc-t6-btn-ico::after,
.pub-card--template-06[data-bc-icon-shape="hexagon"][data-bc-icon-outline="1"] .bc-t6-btn-ico::before,
.pub-card--template-06[data-bc-icon-shape="hexagon"][data-bc-icon-outline="1"] .bc-t6-btn-ico::after,
.bc-card.bc-t-template-06[data-bc-icon-shape="hexagon"][data-bc-icon-outline="1"] .bc-t6-btn-ico::before,
.bc-card.bc-t-template-06[data-bc-icon-shape="hexagon"][data-bc-icon-outline="1"] .bc-t6-btn-ico::after {
  content: "";
  position: absolute;
  inset: 0;
  display: block;
  clip-path: var(--bc-hex-clip);
  -webkit-clip-path: var(--bc-hex-clip);
  box-sizing: border-box;
  pointer-events: none;
  z-index: 0;
}

[data-bc-t6="1"][data-bc-icon-shape="hexagon"][data-bc-icon-outline="1"] .bc-t6-btn-ico::after,
.pub-card--template-06[data-bc-icon-shape="hexagon"][data-bc-icon-outline="1"] .bc-t6-btn-ico::after,
.bc-card.bc-t-template-06[data-bc-icon-shape="hexagon"][data-bc-icon-outline="1"] .bc-t6-btn-ico::after {
  background-color: var(--bc-t6-band-chip-fill, var(--tpl-chip-fill, var(--bc-t6-primary)));
  transform-origin: center center;
}

[data-bc-t6="1"][data-bc-icon-shape="hexagon"][data-bc-icon-outline="1"] .bc-t6-btn-ico svg,
[data-bc-t6="1"][data-bc-icon-shape="hexagon"][data-bc-icon-outline="1"] .bc-t6-btn-ico img.brand-ico,
.pub-card--template-06[data-bc-icon-shape="hexagon"][data-bc-icon-outline="1"] .bc-t6-btn-ico svg,
.pub-card--template-06[data-bc-icon-shape="hexagon"][data-bc-icon-outline="1"] .bc-t6-btn-ico img.brand-ico,
.bc-card.bc-t-template-06[data-bc-icon-shape="hexagon"][data-bc-icon-outline="1"] .bc-t6-btn-ico svg,
.bc-card.bc-t-template-06[data-bc-icon-shape="hexagon"][data-bc-icon-outline="1"] .bc-t6-btn-ico img.brand-ico {
  position: relative;
  z-index: 1;
}

[data-bc-t6="1"][data-bc-icon-shape="hexagon"][data-bc-icon-outline="1"][data-bc-icon-outline-color="white"] .bc-t6-btn-ico::before,
[data-bc-t6="1"][data-bc-icon-shape="hexagon"][data-bc-icon-outline="1"]:not([data-bc-icon-outline-color]) .bc-t6-btn-ico::before,
.pub-card--template-06[data-bc-icon-shape="hexagon"][data-bc-icon-outline="1"][data-bc-icon-outline-color="white"] .bc-t6-btn-ico::before,
.pub-card--template-06[data-bc-icon-shape="hexagon"][data-bc-icon-outline="1"]:not([data-bc-icon-outline-color]) .bc-t6-btn-ico::before,
.bc-card.bc-t-template-06[data-bc-icon-shape="hexagon"][data-bc-icon-outline="1"][data-bc-icon-outline-color="white"] .bc-t6-btn-ico::before,
.bc-card.bc-t-template-06[data-bc-icon-shape="hexagon"][data-bc-icon-outline="1"]:not([data-bc-icon-outline-color]) .bc-t6-btn-ico::before {
  background-color: transparent;
  background-image: var(--bc-hex-white-ring-svg);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-clip-path: none !important;
  clip-path: none !important;
  -webkit-filter: none;
  filter: none;
  transform: none;
}

[data-bc-t6="1"][data-bc-icon-shape="hexagon"][data-bc-icon-outline="1"][data-bc-icon-outline-color="white"] .bc-t6-btn-ico::after,
[data-bc-t6="1"][data-bc-icon-shape="hexagon"][data-bc-icon-outline="1"]:not([data-bc-icon-outline-color]) .bc-t6-btn-ico::after,
.pub-card--template-06[data-bc-icon-shape="hexagon"][data-bc-icon-outline="1"][data-bc-icon-outline-color="white"] .bc-t6-btn-ico::after,
.pub-card--template-06[data-bc-icon-shape="hexagon"][data-bc-icon-outline="1"]:not([data-bc-icon-outline-color]) .bc-t6-btn-ico::after,
.bc-card.bc-t-template-06[data-bc-icon-shape="hexagon"][data-bc-icon-outline="1"][data-bc-icon-outline-color="white"] .bc-t6-btn-ico::after,
.bc-card.bc-t-template-06[data-bc-icon-shape="hexagon"][data-bc-icon-outline="1"]:not([data-bc-icon-outline-color]) .bc-t6-btn-ico::after {
  transform: scale(var(--bc-hex-ring-scale-white, 0.917));
}

[data-bc-t6="1"][data-bc-icon-shape="hexagon"][data-bc-icon-outline="1"][data-bc-icon-outline-color="black"] .bc-t6-btn-ico::before,
.pub-card--template-06[data-bc-icon-shape="hexagon"][data-bc-icon-outline="1"][data-bc-icon-outline-color="black"] .bc-t6-btn-ico::before,
.bc-card.bc-t-template-06[data-bc-icon-shape="hexagon"][data-bc-icon-outline="1"][data-bc-icon-outline-color="black"] .bc-t6-btn-ico::before {
  background: #000000;
  -webkit-filter: none;
  filter: none;
}

[data-bc-t6="1"][data-bc-icon-shape="hexagon"][data-bc-icon-outline="1"][data-bc-icon-outline-color="black"] .bc-t6-btn-ico::after,
.pub-card--template-06[data-bc-icon-shape="hexagon"][data-bc-icon-outline="1"][data-bc-icon-outline-color="black"] .bc-t6-btn-ico::after,
.bc-card.bc-t-template-06[data-bc-icon-shape="hexagon"][data-bc-icon-outline="1"][data-bc-icon-outline-color="black"] .bc-t6-btn-ico::after {
  transform: scale(var(--bc-hex-ring-scale-black, 0.944));
}

[data-bc-t6="1"][data-bc-icon-shape="hexagon"][data-bc-icon-outline="1"]:not([data-bc-icon-outline-color="white"]):not([data-bc-icon-outline-color="black"]) .bc-t6-btn-ico::before,
.pub-card--template-06[data-bc-icon-shape="hexagon"][data-bc-icon-outline="1"]:not([data-bc-icon-outline-color="white"]):not([data-bc-icon-outline-color="black"]) .bc-t6-btn-ico::before,
.bc-card.bc-t-template-06[data-bc-icon-shape="hexagon"][data-bc-icon-outline="1"]:not([data-bc-icon-outline-color="white"]):not([data-bc-icon-outline-color="black"]) .bc-t6-btn-ico::before {
  background: var(--bc-icon-outline-ring, #ffffff);
  background-image: none;
  -webkit-clip-path: var(--bc-hex-clip);
  clip-path: var(--bc-hex-clip);
  -webkit-filter: none;
  filter: none;
  transform: none;
}

[data-bc-t6="1"][data-bc-icon-shape="hexagon"][data-bc-icon-outline="1"]:not([data-bc-icon-outline-color="white"]):not([data-bc-icon-outline-color="black"]) .bc-t6-btn-ico::after,
.pub-card--template-06[data-bc-icon-shape="hexagon"][data-bc-icon-outline="1"]:not([data-bc-icon-outline-color="white"]):not([data-bc-icon-outline-color="black"]) .bc-t6-btn-ico::after,
.bc-card.bc-t-template-06[data-bc-icon-shape="hexagon"][data-bc-icon-outline="1"]:not([data-bc-icon-outline-color="white"]):not([data-bc-icon-outline-color="black"]) .bc-t6-btn-ico::after {
  transform: scale(var(--bc-hex-ring-scale-black, 0.944));
}

[data-bc-t6="1"][data-bc-icon-shape="hexagon"][data-bc-icon-outline="1"] .bc-t6-btn-item:not(.bc-t6-btn-item--guide):hover .bc-t6-btn-ico {
  background-color: transparent !important;
  background: transparent !important;
}

[data-bc-t6="1"][data-bc-icon-shape="hexagon"][data-bc-icon-outline="1"] .bc-t6-btn-item:not(.bc-t6-btn-item--guide):hover .bc-t6-btn-ico::after,
.pub-card--template-06[data-bc-icon-shape="hexagon"][data-bc-icon-outline="1"] .bc-t6-btn-ico:hover::after,
.bc-card.bc-t-template-06[data-bc-icon-shape="hexagon"][data-bc-icon-outline="1"] .bc-t6-btn-ico:hover::after {
  background-color: var(--tpl-chip-fill, var(--bc-t6-primary)) !important;
}

[data-bc-t6="1"][data-bc-icon-shape="hexagon"][data-bc-icon-outline="1"] .bc-t6-btn-ico > * {
  position: relative;
  z-index: 1;
}

/* Shield ring  -  same pseudo-element pattern as hexagon */
[data-bc-t6="1"][data-bc-icon-shape="shield"][data-bc-icon-outline="1"] .bc-t6-btn-item:not(.bc-t6-btn-item--guide) .bc-t6-btn-ico,
.pub-card--template-06[data-bc-icon-shape="shield"][data-bc-icon-outline="1"] .bc-t6-btn-ico,
.bc-card.bc-t-template-06[data-bc-icon-shape="shield"][data-bc-icon-outline="1"] .bc-t6-btn-ico {
  position: relative !important;
  isolation: isolate;
  outline: none !important;
  box-shadow: none !important;
  -webkit-filter: none !important;
  filter: none !important;
  overflow: visible !important;
  background-color: transparent !important;
  background: transparent !important;
  -webkit-clip-path: none !important;
  clip-path: none !important;
}

[data-bc-t6="1"][data-bc-icon-shape="shield"][data-bc-icon-outline="1"] .bc-t6-btn-ico::before,
[data-bc-t6="1"][data-bc-icon-shape="shield"][data-bc-icon-outline="1"] .bc-t6-btn-ico::after,
.pub-card--template-06[data-bc-icon-shape="shield"][data-bc-icon-outline="1"] .bc-t6-btn-ico::before,
.pub-card--template-06[data-bc-icon-shape="shield"][data-bc-icon-outline="1"] .bc-t6-btn-ico::after,
.bc-card.bc-t-template-06[data-bc-icon-shape="shield"][data-bc-icon-outline="1"] .bc-t6-btn-ico::before,
.bc-card.bc-t-template-06[data-bc-icon-shape="shield"][data-bc-icon-outline="1"] .bc-t6-btn-ico::after {
  content: "";
  position: absolute;
  inset: 0;
  display: block;
  clip-path: var(--bc-shield-clip);
  -webkit-clip-path: var(--bc-shield-clip);
  box-sizing: border-box;
  pointer-events: none;
  z-index: 0;
}

[data-bc-t6="1"][data-bc-icon-shape="shield"][data-bc-icon-outline="1"] .bc-t6-btn-ico::after,
.pub-card--template-06[data-bc-icon-shape="shield"][data-bc-icon-outline="1"] .bc-t6-btn-ico::after,
.bc-card.bc-t-template-06[data-bc-icon-shape="shield"][data-bc-icon-outline="1"] .bc-t6-btn-ico::after {
  background-color: var(--tpl-chip-fill, var(--bc-t6-primary));
  transform-origin: center center;
}

[data-bc-t6="1"][data-bc-icon-shape="shield"][data-bc-icon-outline="1"][data-bc-icon-outline-color="white"] .bc-t6-btn-ico::before,
[data-bc-t6="1"][data-bc-icon-shape="shield"][data-bc-icon-outline="1"]:not([data-bc-icon-outline-color]) .bc-t6-btn-ico::before,
.pub-card--template-06[data-bc-icon-shape="shield"][data-bc-icon-outline="1"][data-bc-icon-outline-color="white"] .bc-t6-btn-ico::before,
.pub-card--template-06[data-bc-icon-shape="shield"][data-bc-icon-outline="1"]:not([data-bc-icon-outline-color]) .bc-t6-btn-ico::before,
.bc-card.bc-t-template-06[data-bc-icon-shape="shield"][data-bc-icon-outline="1"][data-bc-icon-outline-color="white"] .bc-t6-btn-ico::before,
.bc-card.bc-t-template-06[data-bc-icon-shape="shield"][data-bc-icon-outline="1"]:not([data-bc-icon-outline-color]) .bc-t6-btn-ico::before {
  background: #ffffff;
}

[data-bc-t6="1"][data-bc-icon-shape="shield"][data-bc-icon-outline="1"][data-bc-icon-outline-color="white"] .bc-t6-btn-ico::after,
[data-bc-t6="1"][data-bc-icon-shape="shield"][data-bc-icon-outline="1"]:not([data-bc-icon-outline-color]) .bc-t6-btn-ico::after,
.pub-card--template-06[data-bc-icon-shape="shield"][data-bc-icon-outline="1"][data-bc-icon-outline-color="white"] .bc-t6-btn-ico::after,
.pub-card--template-06[data-bc-icon-shape="shield"][data-bc-icon-outline="1"]:not([data-bc-icon-outline-color]) .bc-t6-btn-ico::after,
.bc-card.bc-t-template-06[data-bc-icon-shape="shield"][data-bc-icon-outline="1"][data-bc-icon-outline-color="white"] .bc-t6-btn-ico::after,
.bc-card.bc-t-template-06[data-bc-icon-shape="shield"][data-bc-icon-outline="1"]:not([data-bc-icon-outline-color]) .bc-t6-btn-ico::after {
  transform: scale(var(--bc-shield-ring-scale-white, 0.917));
}

[data-bc-t6="1"][data-bc-icon-shape="shield"][data-bc-icon-outline="1"][data-bc-icon-outline-color="black"] .bc-t6-btn-ico::before,
.pub-card--template-06[data-bc-icon-shape="shield"][data-bc-icon-outline="1"][data-bc-icon-outline-color="black"] .bc-t6-btn-ico::before,
.bc-card.bc-t-template-06[data-bc-icon-shape="shield"][data-bc-icon-outline="1"][data-bc-icon-outline-color="black"] .bc-t6-btn-ico::before {
  background: #000000;
}

[data-bc-t6="1"][data-bc-icon-shape="shield"][data-bc-icon-outline="1"][data-bc-icon-outline-color="black"] .bc-t6-btn-ico::after,
.pub-card--template-06[data-bc-icon-shape="shield"][data-bc-icon-outline="1"][data-bc-icon-outline-color="black"] .bc-t6-btn-ico::after,
.bc-card.bc-t-template-06[data-bc-icon-shape="shield"][data-bc-icon-outline="1"][data-bc-icon-outline-color="black"] .bc-t6-btn-ico::after {
  transform: scale(var(--bc-shield-ring-scale-black, 0.944));
}

[data-bc-t6="1"][data-bc-icon-shape="shield"][data-bc-icon-outline="1"]:not([data-bc-icon-outline-color="white"]):not([data-bc-icon-outline-color="black"]) .bc-t6-btn-ico::before,
.pub-card--template-06[data-bc-icon-shape="shield"][data-bc-icon-outline="1"]:not([data-bc-icon-outline-color="white"]):not([data-bc-icon-outline-color="black"]) .bc-t6-btn-ico::before,
.bc-card.bc-t-template-06[data-bc-icon-shape="shield"][data-bc-icon-outline="1"]:not([data-bc-icon-outline-color="white"]):not([data-bc-icon-outline-color="black"]) .bc-t6-btn-ico::before {
  background: var(--bc-icon-outline-ring, #ffffff);
}

[data-bc-t6="1"][data-bc-icon-shape="shield"][data-bc-icon-outline="1"]:not([data-bc-icon-outline-color="white"]):not([data-bc-icon-outline-color="black"]) .bc-t6-btn-ico::after,
.pub-card--template-06[data-bc-icon-shape="shield"][data-bc-icon-outline="1"]:not([data-bc-icon-outline-color="white"]):not([data-bc-icon-outline-color="black"]) .bc-t6-btn-ico::after,
.bc-card.bc-t-template-06[data-bc-icon-shape="shield"][data-bc-icon-outline="1"]:not([data-bc-icon-outline-color="white"]):not([data-bc-icon-outline-color="black"]) .bc-t6-btn-ico::after {
  transform: scale(var(--bc-shield-ring-scale-black, 0.944));
}

[data-bc-t6="1"][data-bc-icon-shape="shield"][data-bc-icon-outline="1"] .bc-t6-btn-item:not(.bc-t6-btn-item--guide):hover .bc-t6-btn-ico {
  background-color: transparent !important;
  background: transparent !important;
}

[data-bc-t6="1"][data-bc-icon-shape="shield"][data-bc-icon-outline="1"] .bc-t6-btn-item:not(.bc-t6-btn-item--guide):hover .bc-t6-btn-ico::after,
.pub-card--template-06[data-bc-icon-shape="shield"][data-bc-icon-outline="1"] .bc-t6-btn-ico:hover::after,
.bc-card.bc-t-template-06[data-bc-icon-shape="shield"][data-bc-icon-outline="1"] .bc-t6-btn-ico:hover::after {
  background-color: var(--tpl-chip-fill, var(--bc-t6-primary)) !important;
}

[data-bc-t6="1"][data-bc-icon-shape="shield"][data-bc-icon-outline="1"] .bc-t6-btn-ico > * {
  position: relative;
  z-index: 1;
}

[data-bc-t6="1"][data-bc-icon-outline="1"] .bc-t6-btn-item:not(.bc-t6-btn-item--guide) .bc-t6-btn-ico i,
[data-bc-t6="1"][data-bc-icon-outline="1"] .bc-t6-btn-item:not(.bc-t6-btn-item--guide) .bc-t6-btn-ico {
  color: var(--bc-t6-icon-color, #ffffff);
}

[data-bc-t6="1"][data-bc-icon-outline="1"] .bc-t6-btn-item:not(.bc-t6-btn-item--guide):hover .bc-t6-btn-ico {
  background-color: var(--tpl-chip-fill, var(--bc-t6-primary)) !important;
  transform: translateY(-2px);
}

[data-bc-t6="1"][data-bc-icon-outline="1"] .bc-t6-btn-item:not(.bc-t6-btn-item--guide):hover .bc-t6-btn-ico i {
  color: var(--bc-t6-icon-color, #ffffff) !important;
  opacity: 1;
}

[data-bc-t6="1"][data-bc-icon-outline="1"] .bc-t6-border-btn .bc-t6-btn-ico {
  border: 0 !important;
  box-shadow: none !important;
}

/* Touch devices — disable sticky :hover lift that shifts layout while scrolling */
@media (hover: none), (pointer: coarse) {
  .bc-t5-btn-item:hover .bc-t5-btn-ico,
  .bc-t6-btn-item:hover .bc-t6-btn-ico,
  [data-bc-t5="1"] .bc-t5-btn-item:hover .bc-t5-btn-ico,
  [data-bc-t6="1"] .bc-t6-btn-item:hover .bc-t6-btn-ico {
    transform: none !important;
  }
}
