/* your custom css */
.variant-selector-image-button-label {
    font-size: 12px !important;
}

.badge-scanclamp {
    background-color:#7ba5ff;
}

.badge-sikla {
    background-color:#fbb900;
}

.sortkant {
    border: black 2px solid;
}

.discount-overlay {
    background-color:#c5c5c5; /* orange color #AD9232 */
    color:white;
}

.add-to-cart-button {
    background-color:#AD1017;
}

.beck-tile a {
    font-size:1.5rem;
}


.sikla-actions {
    border:none!important;
    box-shadow:none!important;
    border-radius: 0px;
    overflow: hidden;
    
}

.sikla-actions > .uk-button {
    background-color:#fbb900;
    text-transform:uppercase;
    color:#fff;
    font-weight:600;
}

.sikla-actions > .uk-button:hover {
    background-color:#fbb900;
}

.variant-selector-product-list-header-variant-label {
    text-transform:none!important;
}

/* -- Skjulning af kategori billeder
.category-list .category-list-category.no-image > div {
    width: 100%;
    align-items: center;
    flex-direction: unset;
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 43%;    
}
.category-list .category-list-category.no-image > div > a {
    display: none;
}
.category-list .category-list-category.no-image > div > div {
    width: 100%;
    color: white;
    white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
}
@media (max-width: 640px) {
    .category-list .category-list-category.no-image {
        width: 100%;
    }
}
/* Valgt variant-knap */
.variant-selector .variant-selector-text-button.cbx-border.selected,
.variant-selector .variant-selector-text-button.cbx-border.selected.expanded {
    border: 2px solid #AD1017 !important;
    background-color: rgba(173, 16, 23, 0.1) !important; /* lys rød baggrund */

}
/* --------------------
   Slideshow dot styling
   -------------------- */
.uk-dotnav > * > * {
    border: 0.5px solid #000 !important;   /* thin black border */
    background: #fff !important;         /* white inside */
    opacity: 1 !important;               /* keep visible */
}

.uk-dotnav > .uk-active > * {
    background: #AD2129 !important;      /* Beck red for active dot */
    border-color: #AD2129 !important;    /* border same red */
}

/* Klik ELLER hover viser samme boble */
.tooltip {
  position: relative;
  cursor: help;
  border-bottom: 1px dotted;
  outline: none;
}
.tooltip::after {
  content: attr(data-tooltip);
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 130%;
  background: #000;
  color: #fff;
  padding: 4px 8px;
  font-size: 12px;
  line-height: 1.2;
  white-space: nowrap;
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(0,0,0,.2);
  z-index: 10;
  opacity: 0;
  visibility: hidden;
  transition: opacity .12s;
  pointer-events: none;
}
.tooltip:focus::after,
.tooltip:hover::after {
  opacity: 1;
  visibility: visible;
}
/* lille pil */
.tooltip::before {
  content:"";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 122%;
  border: 6px solid transparent;
  border-top-color: #000;
  opacity: 0; visibility: hidden;
  transition: opacity .12s;
}
.tooltip:focus::before,
.tooltip:hover::before { opacity:1; visibility:visible; }


    /* Hide the contact form container */
    .contact-form,
    #contactForm,
    form[action*="contact"] {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
    }
/* Gør baggrunden i zoom/lightbox hvid i stedet for sort */
.uk-lightbox,
.uk-lightbox.uk-open,
.uk-lightbox-page .uk-lightbox {
    background: #fff !important;
}

/* Nogle temaer har et ekstra overlay-lag på ::before */
.uk-lightbox::before {
    background: #fff !important;
}
.product-preview .hover-image {
 background-color: #fff;
}

/* Skjul boks på frontend */
.hide-box {
  display: none !important;
}
/* Pop up besked 14 dage 17/2-26 +14
/* Sikla-gul popup med hvid tekst (normal tekst – ikke uppercase) */
.beck-toast{
  position: fixed;
  right: 16px;
  bottom: 16px;
  max-width: 360px;
  width: calc(100% - 32px);

  background: #fbb900;                /* Sikla gul */
  border: 2px solid #fbb900;
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(0,0,0,.15);
  padding: 14px 14px 12px;
  z-index: 99999;
  font-family: inherit;
  color: #fff;                        /* hvid tekst */
}

.beck-toast__title{
  font-weight: 800;
  margin-bottom: 6px;
  color: #fff;
}

.beck-toast__text{
  font-size: 14px;
  line-height: 1.3;
  margin-bottom: 10px;
  color: #fff;
}

.beck-toast__actions{
  display: flex;
  gap: 8px;
  justify-content: flex-end;
}

/* Basis knap */
.beck-toast__btn{
  border-radius: 8px;
  padding: 8px 10px;
  font-size: 13px;
  cursor: pointer;
  border: 2px solid rgba(255,255,255,.85);
  background: transparent;
  color: #fff;
  font-weight: 700;
}

/* Primær knap: solid hvid med gul tekst (god kontrast) */
.beck-toast__btn--primary{
  background: #fff;
  border-color: #fff;
  color: #fbb900;                     /* gul tekst på hvid */
}

/* Luk-knap: outline */
.beck-toast__btn--ghost{
  background: transparent;
  border-color: rgba(255,255,255,.85);
  color: #fff;
}

/* Hover (lille finesse) */
.beck-toast__btn--ghost:hover{
  background: rgba(255,255,255,.12);
}

.beck-toast__btn--primary:hover{
  background: rgba(255,255,255,.92);
}