/* VitaHC Core: package cards. One shared component for every listed package product; no product-specific rules.
   Applies only where packages.js has added .vitahc-pkgs, so other products keep their own swatch styling.
   The form class is repeated on purpose: it lets these rules take precedence over the older package
   selector section in WoodMart Global CSS without !important. Remove the repeat once that section is gone. */
.vitahc-pkgs-label{margin:22px 0 10px;font-size:12px;line-height:1.5;letter-spacing:.08em;text-transform:uppercase;font-weight:500;color:#16241b}
.variations_form.variations_form table.variations tr td.value.vitahc-pkgs-cell{display:block;width:100%;max-width:none;padding-left:0;padding-right:0;box-sizing:border-box}
.variations_form.variations_form .wd-swatches-product.vitahc-pkgs{display:grid;grid-template-columns:repeat(var(--vitahc-pkg-cols,3),minmax(0,1fr));gap:12px;width:100%;height:auto;margin:0;padding:0}
.variations_form.variations_form .vitahc-pkgs .wd-swatch.vitahc-pkg-on{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;width:auto;min-width:0;max-width:none;height:auto;min-height:92px;margin:0;padding:14px 14px 13px;overflow:visible;text-align:left;color:#3d4a42;background:#fff;border:2px solid #e5e7eb;border-radius:10px;box-shadow:none;cursor:pointer;transform:none}
.variations_form.variations_form .vitahc-pkgs .wd-swatch.vitahc-pkg-on:hover{border-color:#16a34a}
.variations_form.variations_form .vitahc-pkgs .wd-swatch.vitahc-pkg-on.wd-active{border-color:#00a83b;background:#f4f8f5;box-shadow:0 0 0 2px rgba(0,168,59,.14)}
.variations_form.variations_form .vitahc-pkgs .wd-swatch.vitahc-pkg-on.wd-disabled{opacity:.5;cursor:not-allowed}
.variations_form.variations_form .vitahc-pkgs .wd-swatch.vitahc-pkg-on:focus-visible{outline:3px solid #f0a500;outline-offset:2px}
.variations_form.variations_form .vitahc-pkgs .wd-swatch.vitahc-pkg-on::before,.variations_form.variations_form .vitahc-pkgs .wd-swatch.vitahc-pkg-on::after{display:none}
.variations_form.variations_form .vitahc-pkgs .wd-swatch.vitahc-pkg-on>.wd-swatch-bg,.variations_form.variations_form .vitahc-pkgs .wd-swatch.vitahc-pkg-on>.wd-swatch-text{display:none!important}
.vitahc-pkg{display:flex;flex-direction:column;gap:4px;width:100%;line-height:1.3;font-variant-numeric:tabular-nums}
.vitahc-pkg__dot{position:absolute;top:16px;right:14px;width:16px;height:16px;border:1.5px solid #bcc6c0;border-radius:50%;background:#fff;box-sizing:border-box}
.wd-active .vitahc-pkg__dot,.is-active .vitahc-pkg__dot{border-color:#0a8f3c;background:radial-gradient(circle,#0a8f3c 0 42%,#fff 46%)}
.vitahc-pkg__name{padding-right:26px;font-size:15px;font-weight:500;line-height:1.3;color:#16241b}
.vitahc-pkg__part{display:inline-block;white-space:nowrap}
.vitahc-pkg__count{font-size:12.5px;color:#66746b}
.vitahc-pkg__price{margin-top:2px;font-size:16px;font-weight:600;line-height:1.3;color:#16241b}
/* Savings badge on the card's top edge. */
.vitahc-pkg__save{position:absolute;top:-10px;left:14px;z-index:1;padding:0 9px;font-size:11.5px;font-weight:500;line-height:18px;color:#087a33;background:#e7f4eb;border:1px solid #bfe0c9;border-radius:999px;white-space:nowrap;font-variant-numeric:tabular-nums}
/* Quantity cards (simple products with a WoodMart bulk-pricing rule): same look as the swatch cards. */
.vitahc-pkgs--qty{display:grid;grid-template-columns:repeat(var(--vitahc-pkg-cols,3),minmax(0,1fr));gap:14px;width:100%;margin:0 0 18px;padding:0}
.vitahc-pkgs--qty.has-save{padding-top:12px}
.vitahc-pkgs--qty .vitahc-pkg-card{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;min-width:0;min-height:88px;margin:0;padding:18px 16px 15px;box-sizing:border-box;text-align:left;color:#3f4c44;background:#fff;border:1.5px solid #e3e7e4;border-radius:12px;cursor:pointer;user-select:none;transition:border-color .15s,background-color .15s}
@media (prefers-reduced-motion:reduce){.vitahc-pkgs--qty .vitahc-pkg-card{transition:none}}
.vitahc-pkgs--qty .vitahc-pkg-card:hover{border-color:#9ccdaa}
.vitahc-pkgs--qty .vitahc-pkg-card.is-active{border-color:#0a8f3c;background:#f3f8f4;box-shadow:none}
.vitahc-pkgs--qty .vitahc-pkg-card:focus-visible{outline:3px solid #f0a500;outline-offset:2px}
.vitahc-pkgs-box{margin:0 0 18px}
.vitahc-pkgs-box .vitahc-pkgs--qty{margin-bottom:0}
.vitahc-pkgs-state,.vitahc-pkgs-help p{margin:8px 0 0;font-size:12.5px;line-height:1.5;color:#66746b;font-variant-numeric:tabular-nums}
.vitahc-pkgs-help .vitahc-pkgs-note{margin-top:10px}
.vitahc-pkgs-help:empty{display:none}
/* Heading price on quantity-card products: "Package total" for the chosen quantity. */
.vitahc-pkgtotal{display:flex;flex-direction:column;gap:2px;font-variant-numeric:tabular-nums}
.vitahc-pkgtotal__label{font-size:12px;line-height:1.5;letter-spacing:.08em;text-transform:uppercase;font-weight:500;color:#16241b}
.vitahc-pkgtotal__amount{font-size:22px;font-weight:600;line-height:1.2}
.vitahc-pkgtotal__unit{font-size:13px;line-height:1.4;font-weight:400;color:#66746b}
.vitahc-pkgtotal__unit:empty{display:none}
/* Phones and narrow tablets: full-width rows, price on the right. */
@media (max-width:768.98px){
.vitahc-pkgs--qty{grid-template-columns:minmax(0,1fr);gap:12px}
.vitahc-pkgs--qty.has-save{gap:16px}
.vitahc-pkgs--qty .vitahc-pkg-card{min-height:58px;padding:15px 44px 14px 16px;justify-content:center}
.variations_form.variations_form .wd-swatches-product.vitahc-pkgs{grid-template-columns:minmax(0,1fr);gap:10px}
.variations_form.variations_form .vitahc-pkgs .wd-swatch.vitahc-pkg-on{min-height:60px;padding:12px 44px 12px 14px;justify-content:center}
.vitahc-pkg{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:10px;row-gap:0;align-items:center}
.vitahc-pkg__dot{top:50%;margin-top:-8px}
.vitahc-pkg__name{grid-column:1;grid-row:1;padding-right:0}
.vitahc-pkg__count{grid-column:1;grid-row:2}
.vitahc-pkg__price{grid-column:2;grid-row:1 / span 2;margin-top:0;text-align:right}
}
