/* Auto-extracted from products-variations-table-view.php */
            .variation-table .yith-wcwl-add-to-wishlist i,
.variation-table .yith-wcwl-add-to-wishlist svg {
  color: inherit !important;
  fill: currentColor !important;
}

            /* make sure the button itself has a base color */
.variation-table .yith-wcwl-add-button a,
.variation-table .yith-wcwl-add-button button { color: var(--dark-blue) !important; }

/* don't hide the icon span (some YITH skins put the icon inside .yith-wcwl-icon) */
.variation-table .yith-wcwl-add-button .yith-wcwl-icon { display:inline-block !important; }

/* when clicked we set .is-active; paint ANY icon green */
.variation-table .yith-wcwl-add-button a.is-active i,
.variation-table .yith-wcwl-add-button a.is-active svg,
.variation-table .yith-wcwl-add-button a.is-active .yith-wcwl-icon,
.variation-table .yith-wcwl-add-button button.is-active i,
.variation-table .yith-wcwl-add-button button.is-active svg,
.variation-table .yith-wcwl-add-button button.is-active .yith-wcwl-icon {
  color: var(--green) !important;
}

/* ensure icons inherit link color if needed */
.variation-table .yith-wcwl-add-button a i,
.variation-table .yith-wcwl-add-button a svg,
.variation-table .yith-wcwl-add-button button i,
.variation-table .yith-wcwl-add-button button svg {
  color: var(--dark-blue) !important;
}

/* ensure icons inherit link color if needed */
.variation-table .yith-wcwl-add-button a i:hover,
.variation-table .yith-wcwl-add-button a svg:hover,
.variation-table .yith-wcwl-add-button button i:hover,
.variation-table .yith-wcwl-add-button button svg:hover {
  color: var(--green) !important;
}

          .variation-table .yith-wcwl-add-button a.add_to_wishlist:before { margin-right: -2px !important; }

/* Icon-only wishlist inside your variation table */
.variation-table .yith-wcwl-add-to-wishlist { /* container cleanup */
  line-height: 1;
}

/* Reset theme button look on the anchor completely */
.variation-table .yith-wcwl-add-button a.single_add_to_wishlist {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  background: none !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  min-width: 0 !important;
  box-shadow: none !important;
  text-decoration: none !important;

  /* Make sure any theme button styles don't leak in */
  outline: none !important;
  border-radius: 0 !important;
}

/* Hide any text next to the icon */
.variation-table .yith-wcwl-add-button a.single_add_to_wishlist span {
  display: none !important;
}

/* Size & color the SVG (uses currentColor) */
.variation-table .yith-wcwl-add-button a.single_add_to_wishlist svg {
  width: 22px !important;
  height: 22px !important;
  color: var(--dark-blue) !important; /* drives SVG stroke via currentColor */
  transition: color .2s ease, transform .1s ease;
}

/* Hover/active color */
.variation-table .yith-wcwl-add-button a.single_add_to_wishlist:hover svg,
.variation-table .yith-wcwl-add-button a.single_add_to_wishlist.is-active svg {
  color: var(--green) !important;
}

/* If YITH outputs its own “browse/added” blocks, hide them in the table cell */
.variation-table .yith-wcwl-wishlistaddedbrowse,
.variation-table .yith-wcwl-wishlistexistsbrowse,
.variation-table .yith-wcwl-add-to-wishlist .feedback {
  display: none !important;
}

/* Wishlist (icon-only) — minimal */
.variation-table .table-wishlist-btn{
  display:flex;align-items:center;justify-content:center;
}

/* Use the shortcode as a button with only the heart icon */
.variation-table .table-wishlist-btn a.add_to_wishlist,
.variation-table .table-wishlist-btn button.add_to_wishlist{
  display:inline-flex;align-items:center;justify-content:center;
  background:none !important;border:0 !important;padding:0 !important;min-width:0 !important;
  box-shadow:none !important;cursor:pointer;
}

/* Force icon-only hover state in variation table (block theme/YITH button backgrounds) */
.variation-table .table-wishlist-btn a.add_to_wishlist:hover,
.variation-table .table-wishlist-btn a.add_to_wishlist:focus,
.variation-table .table-wishlist-btn a.add_to_wishlist:active,
.variation-table .table-wishlist-btn button.add_to_wishlist:hover,
.variation-table .table-wishlist-btn button.add_to_wishlist:focus,
.variation-table .table-wishlist-btn button.add_to_wishlist:active,
.variation-table .yith-wcwl-add-button a.single_add_to_wishlist:hover,
.variation-table .yith-wcwl-add-button a.single_add_to_wishlist:focus,
.variation-table .yith-wcwl-add-button a.single_add_to_wishlist:active {
  background: transparent !important;
  background-color: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  transform: none !important;
}

/* Heart icon */
.variation-table .wishlist-heart-btn i{
  font-size:22px;line-height:1;color:var(--dark-blue);
  transition:color .2s ease, transform .1s ease;
}
.variation-table .wishlist-heart-btn:hover i,
.variation-table .wishlist-heart-btn.is-active i{
  color:var(--green);
}

/* Hide YITH’s extra texts/links so only the icon remains */
.variation-table .table-wishlist-btn .yith-wcwl-add-to-wishlist span,
.variation-table .table-wishlist-btn .yith-wcwl-wishlistaddedbrowse,
.variation-table .table-wishlist-btn .yith-wcwl-wishlistexistsbrowse{
  display:none !important;
}

/* Accessibility focus */
.variation-table .table-wishlist-btn a.add_to_wishlist:focus-visible,
.variation-table .table-wishlist-btn button.add_to_wishlist:focus-visible{
  outline:2px solid var(--green);outline-offset:2px;border-radius:4px;
}

/* Icon-only wishlist inside the variation table */
.variation-table .table-wishlist-btn .yith-wcwl-add-to-wishlist .feedback,
.variation-table .table-wishlist-btn .yith-wcwl-add-to-wishlist span,
.variation-table .table-wishlist-btn .yith-wcwl-wishlistaddedbrowse,
.variation-table .table-wishlist-btn .yith-wcwl-wishlistexistsbrowse,
.variation-table .table-wishlist-btn a.add_to_wishlist span,
.variation-table .table-wishlist-btn button.add_to_wishlist span {
  display: none !important;
}

.variation-table .table-wishlist-btn a.add_to_wishlist,
.variation-table .table-wishlist-btn button.add_to_wishlist {
  display:inline-flex;align-items:center;justify-content:center;
  background:none !important;border:0 !important;padding:0 !important;min-width:0 !important;box-shadow:none !important;
}

.variation-table .wishlist-heart-btn i {
  font-size:22px;line-height:1;color:var(--dark-blue);transition:color .2s ease, transform .1s ease;
}
.variation-table .wishlist-heart-btn:hover i,
.variation-table .wishlist-heart-btn.is-active i { color:var(--green); }

 .variation-table th {
  font-size: 11px;
  font-weight: 700;
  line-height: 1.15;
 }


            .scroll-hint {
                display: none;
            }
            @media (max-width: 768px) {
             .scroll-hint {
                display: block;
                text-align: center;
                font-size: 14px;
                margin-bottom: 8px;
                color: #666;
              }
            }
            .variation-table-wrapper {
                overflow-x: auto;
                width: 100%;
            }
            .variation-table {
                min-width: 900px;
                width: 100%;
                margin-top: 20px;
                table-layout: auto;
            }
            @media (max-width: 768px) {
              .variation-table {
              font-size: 14px;
                }
            }
@media (max-width: 768px) {
  .variation-table-wrapper {
    overflow-x: auto;
    position: relative;
  }

  .variation-table {
    table-layout: auto; /* Let columns size naturally */
  }
  .variation-table th,
  .variation-table td {
    white-space: nowrap;
    background: #fff;
      z-index: 1;
  }
}

.variation-table tr {
  overflow: visible !important;
}

  @media (max-width: 768px) {
  .variation-table td:first-child,
  .variation-table th:first-child {
    position: sticky;
    left: 0;
    z-index: 5; /* Ensure it's higher than other cells */
  }

  .variation-table td:nth-child(2),
  .variation-table th:nth-child(2) {
    position: sticky;
    z-index: 4; /* Slightly lower than first col */
    transform: translateZ(0); /* Fix flicker */
  }
}
            .variation-table th, .variation-table td {
                border: 1px solid #ddd;
                padding: 6px 5px;
                text-align: center;
                vertical-align: middle;
                width: auto;
                word-wrap: break;
                white-space: normal;
            }
            .variation-table th {
                background-color: #f9f9f9;
                font-size: 11px;
                line-height: 1.15;
                letter-spacing: .1px;
                font-weight: 700;
                padding: 6px 5px;
            }

.variation-table th.col-thumb,
.variation-table td.col-thumb { width: 68px; min-width: 68px; }

.variation-table th.col-sku,
.variation-table td.col-sku {
    width: 1%;
    min-width: 80px;
    white-space: nowrap;
    word-break: normal;
    overflow-wrap: normal;
}

.variation-table th.col-sku {
    font-size: 11px !important;
    font-weight: 700;
}

.variation-table td.col-sku {
    font-size: 13px;
    font-weight: 600;
}

.variation-table th.col-price,
.variation-table td.col-price { min-width: 106px; }

.variation-table th.col-stock,
.variation-table td.col-stock { min-width: 94px; }

.variation-table th.col-qty,
.variation-table td.col-qty { width: 74px; min-width: 74px; }

.variation-table th.col-pack,
.variation-table td.col-pack { min-width: 74px; }

.variation-table th.col-params,
.variation-table td.col-params { width: 54px; min-width: 54px; }

.variation-table th.col-cart,
.variation-table td.col-cart,
.variation-table th.col-quote,
.variation-table td.col-quote,
.variation-table th.col-wishlist,
.variation-table td.col-wishlist {
    width: 62px;
    min-width: 62px;
}

.variation-table th.col-attr,
.variation-table td.col-attr {
    min-width: 68px;
}

.variation-table td.col-stock,
.variation-table td.col-attr {
    word-break: normal;
    overflow-wrap: break-word;
    white-space: normal;
}

.variation-table .vt-login-link{
    color: var(--dark-blue);
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
}

.variation-table .vt-login-link:hover{
    color: var(--green);
    text-decoration: underline;
}
            .variation-table img.thumbnail-icon {
                width: 56px;
                height: 56px;
                cursor: pointer;
            }
            .variation-table .popup-image {
                display: none;
                position: absolute;
                z-index: 999;
                border: 1px solid #ccc;
                background: white;
                padding: 4px;
                box-shadow: 0 0 10px rgba(0,0,0,0.2);
            }
            .variation-table button.button {
                padding: 6px 12px;
                background: #0071a1;
                color: #fff;
                border: none;
                cursor: pointer;
            }
            .variation-table button.button:hover {
                background: #005f87;
            }
.variation-table .btn-wrap-cart,
.variation-table .btn-wrap-quote {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    color: var(--dark-blue);
    padding: 0;
    margin: 0;
}

.variation-table .btn-wrap-quote {
    gap: 0 !important;
}

.variation-table .btn-wrap-cart form,
.variation-table .btn-wrap-quote form,
.variation-table .btn-wrap-quote a {
    margin: 0 !important;
    padding: 0 !important;
}

.variation-table .btn-wrap-cart button i {
    font-size: 22px;
    color: var(--green);
    transition: color 0.3s;
}

.variation-table .btn-wrap-cart button i:hover {
    color: var(--dark-blue);
}

.variation-table .btn-wrap-quote a i, .variation-table button i {
    font-size: 22px;
    color: var(--dark-blue);
    transition: color 0.3s;
}

.variation-table .btn-wrap-quote a i:hover, .variation-table button i:hover {
    color: var(--green);
}

.variation-table .vt-price-base {
    color: var(--dark-blue);
    font-weight: 700;
}

.variation-table .vt-price-regular {
    color: var(--dark-blue);
    opacity: .75;
    text-decoration-thickness: 1px;
}

.variation-table ins.vt-price-sale,
.variation-table .vt-price-sale,
.variation-table td ins.vt-price-sale {
    color: var(--green) !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}

.variation-table .vt-price-request {
    color: var(--dark-blue);
    font-weight: 700;
}


.variation-table button {
    padding: 0px !important;
    margin: 0px !important;
}

.variation-table .fa-check-circle {
    color: var(--green); /* Or any color you prefer */
}

    /* === OPRAVA pre zobrazenie šípok === */
    input[type=number]::-webkit-inner-spin-button,
    input[type=number]::-webkit-outer-spin-button {
        opacity: 1;
        -webkit-appearance: auto;
        margin: 0;
    }
    input[type=number] {
        -moz-appearance: number-input;
    }

/* Toggle button styles */
            #custom-toggle-button {
                margin: 10px 0;
                padding: 10px 10px;
                background-color: var(--dark-grey);
                color: #ffffff;
                border: none;
                border-radius: 10px;
                cursor: pointer;
                font-size: 14px;
            }
            #custom-toggle-button:hover {
                background-color: var(--dark-blue);
            }
/* Keep only variation table hidden by default to prevent flash.
   Do not hide .custom-product-meta globally (breaks simple products). */
.custom-variation-table-wrapper { display: none; }

/* Inline-style replacements */
.show-description-toast{cursor:pointer;font-size:22px}
.btn-wrap-quote{position:relative}
.yith-ywraq-form{margin:0}
.variation-table .btn-wrap-quote form,
.variation-table .btn-wrap-quote .variation-quote-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:32px;
  height:32px;
  margin:0 !important;
  padding:0 !important;
  line-height:1;
  vertical-align:middle;
}

.variation-table .btn-wrap-quote .add-to-quote-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:32px;
  height:32px;
  margin:0 !important;
  padding:0 !important;
  line-height:1;
  border:0;
  background:transparent;
}

.variation-table .btn-wrap-quote .add-to-quote-btn i,
.variation-table .btn-wrap-quote .variation-quote-link i{
  display:block;
  line-height:1;
}
.quote-toast{
  display:none;
  position:absolute;
  top:50%;
  left:-10px;
  transform:translate(-100%,-50%);
  background-color:var(--light-blue);
  color:var(--dark-blue);
  padding:8px 14px;
  border-radius:6px;
  box-shadow:0 2px 6px rgba(0,0,0,0.3);
  z-index:9999;
  font-size:13px;
  white-space:nowrap;
}
#description-toast{
  display:none;
  position:fixed;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  background-color:var(--light-blue);
  color:var(--dark-blue);
  padding:30px 20px 10px;
  border-radius:8px;
  box-shadow:0 2px 10px rgba(0,0,0,0.4);
  z-index:9999;
  font-size:15px;
  max-width:90%;
  min-width:200px;
}
#description-toast-close{
  position:absolute;
  top:8px;
  right:12px;
  cursor:pointer;
  font-weight:700;
  font-size:18px;
  color:red;
}
.quote-toast-global{
  display:none;
  position:absolute;
  background-color:#0071a1;
  color:#fff;
  padding:8px 14px;
  border-radius:6px;
  box-shadow:0 2px 6px rgba(0,0,0,0.3);
  z-index:9999;
  font-size:13px;
}