/* One visible Front selector. Keep the original WooCommerce radios in the DOM. */
.tnhg-side-front.tnhg-front-guide-live .tnhg-pattern-grid[data-side="front"],
.tnhg-side-front.tnhg-front-guide-live .tnhg-help[data-empty="front"],
.tnhg-side-front.tnhg-front-guide-live .tnhg-original-pattern-heading-hidden,
.tnhg-side-front.tnhg-front-guide-live .tnhg-example-disclaimer{display:none!important}
.tnhg-front-guide{display:block!important;visibility:visible!important;width:100%;max-width:100%;box-sizing:border-box;margin:12px 0 16px;padding:14px;border:1px solid #e4d5f2;background:#fcfaff;border-radius:14px}
.tnhg-front-guide-heading{font-size:16px!important;font-weight:750!important;color:#481078!important;margin:0 0 14px!important;line-height:1.35!important}
.tnhg-front-guide-cards{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.tnhg-front-guide-card{display:flex!important;flex-direction:column;align-items:stretch;text-align:left!important;box-sizing:border-box!important;width:100%!important;min-width:0!important;height:auto!important;padding:10px!important;margin:0!important;border-radius:12px!important;border:1px solid #dfd5e9!important;background:#fff!important;color:#241e2e!important;box-shadow:0 1px 6px rgba(74,14,112,.05)!important;cursor:pointer;appearance:none;-webkit-appearance:none;line-height:1.4!important;white-space:normal!important;transition:border-color .15s,background .15s,box-shadow .15s}
.tnhg-front-guide-card.is-available:hover{border-color:#7520aa!important;box-shadow:0 0 0 2px rgba(102,20,156,.12)!important}
.tnhg-front-guide-card.is-selected{border:2px solid #7015a6!important;background:#f9f2ff!important;box-shadow:0 0 0 2px rgba(109,22,163,.12)!important}
.tnhg-front-guide-card.is-unavailable,.tnhg-front-guide-card:disabled{opacity:.66;cursor:not-allowed!important;background:#f7f6fa!important}
.tnhg-front-guide-choice-heading{display:flex!important;align-items:center;gap:7px;margin-bottom:8px;min-height:26px}
.tnhg-front-guide-radio{display:inline-flex;align-items:center;justify-content:center;width:19px;height:19px;min-width:19px;border:2px solid #7321a8;border-radius:50%;box-sizing:border-box;background:#fff}
.tnhg-front-guide-card.is-selected .tnhg-front-guide-radio:after{content:'';width:9px;height:9px;border-radius:50%;background:#6c139e}
.tnhg-front-guide-title{font-size:13px!important;color:#471376!important;font-weight:750!important;line-height:1.35!important;text-transform:none!important}
.tnhg-front-guide-image{display:block!important;width:100%!important;max-width:100%!important;height:190px!important;object-fit:contain!important;object-position:center!important;background:#fff!important;border-radius:8px!important;margin:0 0 8px!important}
.tnhg-front-guide-desc{display:block;font-size:11px!important;color:#59506a!important;line-height:1.5!important;margin:0 0 7px!important}
.tnhg-front-guide-status{display:block;margin-top:auto;color:#4e2674!important;font-size:12px!important;font-weight:750!important;line-height:1.4!important}
.tnhg-front-guide-note{font-size:11px!important;color:#756882!important;line-height:1.5!important;margin:12px 0 0!important}
.tnhg-front-guide-card:focus-visible{outline:3px solid #a566d1!important;outline-offset:2px!important}
@media(min-width:960px){.tnhg-front-guide-image{height:205px!important}}
@media(max-width:560px){.tnhg-front-guide{padding:10px!important}.tnhg-front-guide-cards{gap:8px}.tnhg-front-guide-card{padding:7px!important}.tnhg-front-guide-image{height:145px!important}.tnhg-front-guide-title{font-size:12px!important}.tnhg-front-guide-desc{font-size:11px!important}.tnhg-front-guide-legacy-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:355px){.tnhg-front-guide-cards{grid-template-columns:1fr!important}.tnhg-front-guide-image{height:180px!important}}
.tnhg-front-guide-warning{color:#923f00!important;font-size:12px!important;margin:10px 0 0!important;line-height:1.5!important}


/* v1.9.1: same layout and type scale for both FRONT and BACK cutting cards. */
.tnhg-side-back.tnhg-back-guide-live .tnhg-original-back-heading-hidden {display:none!important}
.tnhg-configurator .tnhg-front-guide-cards,
.tnhg-configurator .tnhg-back-guide .tnhg-pattern-grid[data-side="back"] {
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
  margin:0!important;
  align-items:stretch!important;
}
.tnhg-configurator .tnhg-front-guide-card,
.tnhg-configurator .tnhg-back-guide .tnhg-pattern {
  display:flex!important;
  flex-direction:column!important;
  width:100%!important;
  min-width:0!important;
  min-height:320px!important;
  height:auto!important;
  box-sizing:border-box!important;
  margin:0!important;
  padding:10px!important;
  border:1px solid #dfd5e9!important;
  background:#fff!important;
  border-radius:12px!important;
  color:#241e2e!important;
  text-align:left!important;
  gap:0!important;
  box-shadow:0 1px 6px rgba(74,14,112,.05)!important;
  line-height:1.4!important;
  cursor:pointer!important;
}
.tnhg-configurator .tnhg-back-guide .tnhg-pattern:has(input:checked),
.tnhg-configurator .tnhg-front-guide-card.is-selected {
  border:2px solid #7015a6!important;
  background:#f9f2ff!important;
  padding:9px!important;
  box-shadow:0 0 0 2px rgba(109,22,163,.12)!important;
}
.tnhg-configurator .tnhg-back-guide .tnhg-pattern:hover,
.tnhg-configurator .tnhg-front-guide-card.is-available:hover {
  border-color:#7520aa!important;
}
.tnhg-configurator .tnhg-back-guide .tnhg-pattern:focus-within,
.tnhg-configurator .tnhg-front-guide-card:focus-visible {
  outline:3px solid #a566d1!important;
  outline-offset:2px!important;
}
/* Original Back radio stays a native form input and retains its exact pattern ID. */
.tnhg-configurator .tnhg-back-guide .tnhg-pattern input[type="radio"] {
  position:absolute!important;
  top:13px!important;
  left:11px!important;
  width:19px!important;
  height:19px!important;
  margin:0!important;
  accent-color:#7321a8!important;
  z-index:1!important;
}
.tnhg-configurator .tnhg-front-guide-choice-heading,
.tnhg-configurator .tnhg-back-guide .tnhg-pattern-label {
  display:flex!important;
  align-items:center!important;
  min-height:40px!important;
  margin:0 0 8px!important;
  font-size:13px!important;
  color:#471376!important;
  font-weight:750!important;
  line-height:1.35!important;
  overflow-wrap:anywhere!important;
  text-transform:none!important;
}
.tnhg-configurator .tnhg-back-guide .tnhg-pattern-label {
  order:1!important;
  padding-left:29px!important;
}
.tnhg-configurator .tnhg-back-guide .tnhg-pattern img,
.tnhg-configurator .tnhg-front-guide-image {
  display:block!important;
  order:2!important;
  width:100%!important;
  max-width:100%!important;
  height:170px!important;
  padding:7px!important;
  margin:0 0 8px!important;
  border-radius:8px!important;
  box-sizing:border-box!important;
  background:#fff!important;
  object-fit:contain!important;
  object-position:center!important;
}
.tnhg-configurator .tnhg-back-guide .tnhg-pattern small,
.tnhg-configurator .tnhg-front-guide-status {
  display:block!important;
  order:4!important;
  margin-top:auto!important;
  color:#4e2674!important;
  font-size:12px!important;
  font-weight:750!important;
  line-height:1.4!important;
}
.tnhg-configurator .tnhg-front-guide-desc {
  order:3!important;
  font-size:11px!important;
  line-height:1.5!important;
}
.tnhg-configurator .tnhg-back-guide .tnhg-help {margin:12px 0 0!important}
@media(max-width:560px){
  .tnhg-configurator .tnhg-front-guide-cards,
  .tnhg-configurator .tnhg-back-guide .tnhg-pattern-grid[data-side="back"] {gap:8px!important}
  .tnhg-configurator .tnhg-front-guide-card,
  .tnhg-configurator .tnhg-back-guide .tnhg-pattern {padding:7px!important;min-height:275px!important}
  .tnhg-configurator .tnhg-front-guide-card.is-selected,
  .tnhg-configurator .tnhg-back-guide .tnhg-pattern:has(input:checked) {padding:6px!important}
  .tnhg-configurator .tnhg-back-guide .tnhg-pattern img,
  .tnhg-configurator .tnhg-front-guide-image {height:140px!important}
  .tnhg-configurator .tnhg-front-guide-choice-heading,
  .tnhg-configurator .tnhg-back-guide .tnhg-pattern-label {font-size:12px!important;min-height:42px!important}
  .tnhg-configurator .tnhg-front-guide-status,
  .tnhg-configurator .tnhg-back-guide .tnhg-pattern small {font-size:11px!important}
  .tnhg-configurator .tnhg-back-guide .tnhg-pattern input[type="radio"] {top:9px!important;left:8px!important}
  .tnhg-configurator .tnhg-back-guide .tnhg-pattern-label {padding-left:26px!important}
}
@media(max-width:355px){
  .tnhg-configurator .tnhg-front-guide-cards,
  .tnhg-configurator .tnhg-back-guide .tnhg-pattern-grid[data-side="back"] {grid-template-columns:1fr!important}
  .tnhg-configurator .tnhg-front-guide-card,
  .tnhg-configurator .tnhg-back-guide .tnhg-pattern {min-height:260px!important}
  .tnhg-configurator .tnhg-back-guide .tnhg-pattern img,
  .tnhg-configurator .tnhg-front-guide-image {height:155px!important}
}