/* NEONROCKET COLOR SWATCHES CSS */

/* Skrytý pôvodný select – trieda pridaná cez JS */
select.nr-cs-select-hidden {display: none;}
.nr-cs-group {display: flex;flex-wrap: wrap;gap:.5rem;margin:1rem 0;}
.nr-cs-swatch {width: 4.5rem;height: 4.5rem;border: .0625rem solid #d1d5db;border-radius: .375rem;cursor: pointer;background-color: #f3f4f6;position: relative;padding: 0;outline: none;/* Plynulé prechody */transition: border-color .12s ease-in-out,box-shadow .12s ease-in-out,transform .12s ease-in-out;}
.nr-cs-swatch.nr-selected {border-color: #111827;box-shadow: inset 0 0 0 .125rem #111827;}

/* Skrytý text pre čítačky */
.nr-cs-sr {position: absolute;width: .0625rem;height: .0625rem;padding: 0;margin: -.0625rem;overflow: hidden;clip: rect(0,0,0,0);white-space: nowrap;border: 0;}

/* HOVER EFEKT – jemný tieň a mierne stmavený okraj */
.nr-cs-swatch:hover {border-color: #333;box-shadow: 0 0 .25rem rgba(0,0,0,0.25);transform: scale(1.03);}

/* TOOLTIP – ukáže názov termínu pri hoveri */
.nr-cs-swatch:hover::after {content: attr(data-label);position: absolute;bottom: calc(100% + .375rem);left: 50%;transform: translateX(-50%);padding: .25rem .5rem;background: #111827;color: #fff;font-size: 1.25rem;line-height: 1.2;white-space: nowrap;border-radius: .25rem;opacity: 1;pointer-events: none;z-index: 20;box-shadow: 0 .125rem .375rem rgba(0,0,0,0.3);}

/* Tooltip – malá šípka */
.nr-cs-swatch:hover::before {content: '';position: absolute;bottom: calc(100% + .125rem);left: 50%;transform: translateX(-50%);width: 0;height: 0;border-left: .375rem solid transparent;border-right: .375rem solid transparent;border-top: .375rem solid #111827;opacity: 1;z-index: 19;}

/* ŠTÝL ROLETKY – pre atribúty bez swatchov (fallback) */
.woocommerce div.product form.cart .variations .nr-cs-wrapper select {display: inline-block;min-width: 10rem;padding: 0 2.25rem 0 .75rem;border: .0625rem solid #d1d5db;border-radius: .375rem;background-color: #f9fafb;color: #111827;font-size: .875rem;line-height: inherit;-webkit-appearance: none;-moz-appearance: none;appearance: none;background-image:linear-gradient(45deg, transparent 50%, #6b7280 50%),linear-gradient(135deg, #6b7280 50%, transparent 50%);background-position:calc(100% - 1.1rem) 50%,calc(100% - .75rem) 50%;background-size: .375rem .375rem;background-repeat: no-repeat;cursor: pointer;transition:border-color .12s ease-in-out,box-shadow .12s ease-in-out,background-color .12s ease-in-out;}
.woocommerce div.product form.cart .variations .nr-cs-wrapper select:hover {border-color: #374151;background-color: #f3f4f6;}
.woocommerce div.product form.cart .variations .nr-cs-wrapper select:focus {outline: none;border-color: #111827;box-shadow: 0 0 0 .125rem rgba(17,24,39,.18);}
.woocommerce div.product form.cart .variations .nr-cs-wrapper select:disabled {cursor: not-allowed;opacity: .6;}