/* Aveo Evidensia – stabil badge-layout (+ spacing för knappen) */

/* ===== Tunables ===== */
:root {
    --aveo-gap: 0px;
    /* 0px = hörn mot hörn (ändra om du vill ha luft) */
    --aveo-img-h: 48px;
    /* listvy: loggans höjd */
    --aveo-img-h-single: 48px;
    /* produktsida: loggans höjd */
}

/* ===== Badge reset: visa enbart din bild, inga tema-stilar ===== */
.badge--evidensia.badge {
    height: auto !important;
    width: auto !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    display: inline-block !important;
}

.badge--evidensia .aveo-badge-box {
    padding: 0 !important;
    background: transparent !important;
    min-width: 0 !important;
    min-height: 0 !important;
    line-height: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

.badge--evidensia .aveo-showcase-badge__img {
    display: block !important;
    width: auto !important;
    max-width: none !important;
    height: var(--aveo-img-h) !important;
    /* 48px i listan */
    object-fit: contain !important;
}

.aveo-showcase-badge--single .aveo-showcase-badge__img {
    height: var(--aveo-img-h-single) !important;
    /* 48px på produktsidan */
}

/* ===== LISTVY (shop/kategori/sök) – badge nere-höger INNE i bilden ===== */
/* .box-image är bildens ram i Flatsome: ankra absolut positionerade barn */
.product-small .box-image {
    position: relative !important;
}

/* Använd den badge-container som redan finns i .box-image som overlay ovanpå bilden */
.product-small .box-image>.badge-container {
    position: absolute !important;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
    z-index: 22 !important;
    /* över bilden */
}

/* Lägg Evidensia-badgen i hörnet nere-höger, helt innanför bilden */
.product-small .box-image>.badge-container .aveo-showcase-badge {
    position: absolute !important;
    right: var(--aveo-gap) !important;
    bottom: var(--aveo-gap) !important;
    top: auto !important;
    left: auto !important;
    margin: 0 !important;
    transform: none !important;
    pointer-events: auto;
    z-index: 23 !important;
}

/* ===== PRODUKTSIDA – badge nere-höger i galleriets badge-container ===== */
.single-product .product-images.images {
    position: relative !important;
}

.single-product .product-images.images>.badge-container {
    position: absolute !important;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
    z-index: 50 !important;
}

.single-product .product-images.images>.badge-container .aveo-showcase-badge--single {
    position: absolute !important;
    right: var(--aveo-gap) !important;
    bottom: var(--aveo-gap) !important;
    top: auto !important;
    left: auto !important;
    margin: 0 !important;
    transform: none !important;
    pointer-events: auto;
    z-index: 51 !important;
}

/* ===== KNAPP – spacing efter breadcrumbs (på samma rad) ===== */
.woocommerce-breadcrumb+.aveo-evid-toggle,
.woocommerce-breadcrumb~.aveo-evid-toggle {
    display: inline-flex !important;
    align-items: center;
    margin-left: 12px !important;
    /* mellanrum du bad om */
}

/* ============ Breadcrumbs + knapp på samma rad, med luft ============ */
nav.woocommerce-breadcrumb {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    /* luft mellan länkdelar och knappen */
    flex-wrap: wrap;
    /* får wrappa på små skärmar */
}

nav.woocommerce-breadcrumb .aveo-evid-toggle {
    display: inline-flex !important;
    align-items: center;
    margin: 0 !important;
    /* gap styr avståndet */
}

/* ============ Badge: 48px, nere-höger, helt inne i bilden (LISTVY) ============ */
:root {
    --aveo-img-h: 48px;
    --aveo-img-h-single: 48px;
    --aveo-gap: 0px;
    /* 0px = hörn mot hörn; öka om du vill luft */
}

.product-small .box-image {
    position: relative !important;
    overflow: hidden;
    /* inget får sticka utanför bildytan */
}

/* Nolla tema-stil för vår badge och gör den absolut nere-höger */
.product-small .box-image .badge--evidensia.badge {
    position: absolute !important;
    right: var(--aveo-gap) !important;
    bottom: var(--aveo-gap) !important;
    top: auto !important;
    left: auto !important;
    z-index: 23 !important;
    /* neutralisera Flatsomes badge-utseende */
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
    height: auto !important;
    width: auto !important;
    transform: none !important;
    margin: 0 !important;
    pointer-events: auto;
}

/* Bildens storlek i badgen (48px) */
.badge--evidensia .aveo-badge-box {
    padding: 0 !important;
    background: transparent !important;
    min-width: 0 !important;
    min-height: 0 !important;
    line-height: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

.badge--evidensia .aveo-showcase-badge__img {
    display: block !important;
    width: auto !important;
    height: var(--aveo-img-h) !important;
    max-width: none !important;
    object-fit: contain !important;
    filter: none !important;
}

/* ============ Badge: nere-höger i galleriet (PRODUKTSIDA) ============ */
.single-product .product-images.images {
    position: relative !important;
    overflow: hidden;
}

.single-product .product-images.images .badge--evidensia.badge {
    position: absolute !important;
    right: var(--aveo-gap) !important;
    bottom: var(--aveo-gap) !important;
    top: auto !important;
    left: auto !important;
    z-index: 51 !important;
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
    height: auto !important;
    width: auto !important;
    margin: 0 !important;
    transform: none !important;
}

.single-product .aveo-showcase-badge--single .aveo-showcase-badge__img {
    height: var(--aveo-img-h-single) !important;
}

/* ——— Breadcrumbs: lite luft till knappen ——— */
nav.woocommerce-breadcrumb {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

nav.woocommerce-breadcrumb .aveo-evid-toggle {
    margin: 0 !important;
}

.woocommerce-breadcrumb+.aveo-evid-toggle,
.woocommerce-breadcrumb~.aveo-evid-toggle {
    margin-left: 12px !important;
    /* fallback om knappen inte ligger i <nav> */
}

/* ——— Badge 48px & nere-höger inne i bilden (LISTVY) ——— */
:root {
    --aveo-img-h: 48px;
    --aveo-img-h-single: 48px;
    --aveo-gap: 0px;
    /* 0 = hörn mot hörn; öka om du vill ha luft */
}

.product-small .box-image {
    position: relative !important;
    overflow: hidden;
}

.product-small .box-image>.badge-container {
    position: absolute !important;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
    z-index: 22 !important;
}

.product-small .box-image>.badge-container .aveo-showcase-badge {
    position: absolute !important;
    right: var(--aveo-gap) !important;
    bottom: var(--aveo-gap) !important;
    top: auto !important;
    left: auto !important;
    margin: 0 !important;
    transform: none !important;
    pointer-events: auto;
    z-index: 23 !important;

    /* nolla tema-stil */
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
    height: auto !important;
    width: auto !important;
}

.badge--evidensia .aveo-badge-box {
    padding: 0 !important;
    background: transparent !important;
    line-height: 0 !important;
    min-width: 0 !important;
    min-height: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

.badge--evidensia .aveo-showcase-badge__img {
    display: block !important;
    width: auto !important;
    max-width: none !important;
    height: var(--aveo-img-h) !important;
    object-fit: contain !important;
    filter: none !important;
}

/* ——— Produktsida: nere-höger i galleriet (om du visar badge där) ——— */
.single-product .product-images.images {
    position: relative !important;
    overflow: hidden;
}

.single-product .product-images.images>.badge-container {
    position: absolute !important;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
    z-index: 50 !important;
}

.single-product .product-images.images>.badge-container .aveo-showcase-badge--single {
    position: absolute !important;
    right: var(--aveo-gap) !important;
    bottom: var(--aveo-gap) !important;
    top: auto !important;
    left: auto !important;
    margin: 0 !important;
    transform: none !important;
    pointer-events: auto;
    z-index: 51 !important;
}

.single-product .aveo-showcase-badge--single .aveo-showcase-badge__img {
    height: var(--aveo-img-h-single) !important;
}

/* === Aveo Evidensia – exakt placering + spacing === */

/* 48px höjd överallt */
:root {
    --aveo-img-h: 48px;
    --aveo-img-h-single: 48px;
    --aveo-gap: 0px;
    /* 0px = hörn mot hörn */
}

/* — Breadcrumbs + knapp på samma rad, med luft — */
nav.woocommerce-breadcrumb {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    /* luft mellan smulor och knappen */
    flex-wrap: wrap;
}

nav.woocommerce-breadcrumb .aveo-evid-toggle {
    display: inline-flex !important;
    align-items: center;
    margin: 0 !important;
    /* gap styr avståndet */
}

/* — LISTA: förankra badgen inne i bilden, exakt nere-höger — */
.product-small .box-image {
    position: relative !important;
    overflow: hidden;
}

.product-small .box-image>.badge-container {
    position: absolute !important;
    inset: 0 !important;
    pointer-events: none;
    z-index: 22 !important;
}

.product-small .box-image>.badge-container .aveo-showcase-badge {
    position: absolute !important;
    right: var(--aveo-gap) !important;
    bottom: var(--aveo-gap) !important;
    top: auto !important;
    left: auto !important;
    margin: 0 !important;
    transform: none !important;
    pointer-events: auto;
    z-index: 23 !important;

    /* nolla Flatsomes badge-stil: visa bara bilden */
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
    height: auto !important;
    width: auto !important;
}

.badge--evidensia .aveo-badge-box {
    padding: 0 !important;
    background: transparent !important;
    line-height: 0 !important;
    min-width: 0 !important;
    min-height: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

.badge--evidensia .aveo-showcase-badge__img {
    display: block !important;
    width: auto !important;
    height: var(--aveo-img-h) !important;
    max-width: none !important;
    object-fit: contain !important;
    filter: none !important;
}

/* — PRODUKTSIDA: nere-höger i galleriet — */
.single-product .product-images.images {
    position: relative !important;
    overflow: hidden;
}

.single-product .product-images.images>.badge-container {
    position: absolute !important;
    inset: 0 !important;
    pointer-events: none;
    z-index: 50 !important;
}

.single-product .product-images.images>.badge-container .aveo-showcase-badge--single {
    position: absolute !important;
    right: var(--aveo-gap) !important;
    bottom: var(--aveo-gap) !important;
    top: auto !important;
    left: auto !important;
    margin: 0 !important;
    transform: none !important;
    pointer-events: auto;
    z-index: 51 !important;
}

.single-product .aveo-showcase-badge--single .aveo-showcase-badge__img {
    height: var(--aveo-img-h-single) !important;
}

/* === [Aveo Evidensia] Minimal patch: knappfärg + exakt badgehörn === */

/* 1) Breadcrumbs-knappen: korrekt färg och spacing */
nav.woocommerce-breadcrumb {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

nav.woocommerce-breadcrumb .aveo-evid-toggle {
    display: inline-flex !important;
    margin: 0 !important;
}

nav.woocommerce-breadcrumb .aveo-evid-toggle .button {
    background: var(--primary-color, #0076AD) !important;
    border-color: var(--primary-color, #0076AD) !important;
    color: #fff !important;
}

/* 2) Badge i LISTAN: nedre-höger HELT INNE i bilden (48px hög) */
:root {
    --aveo-img-h: 48px;
}

.product-small .box-image {
    position: relative !important;
    overflow: hidden;
}

.product-small .box-image>.badge-container {
    position: absolute !important;
    inset: 0 !important;
    /* täck hela bildytan */
    z-index: 22 !important;
    pointer-events: none;
}

/* Förhindra att tema-regler (t.ex. top/left/transform) tar över */
.product-small .box-image>.badge-container>.aveo-showcase-badge {
    position: absolute !important;
    right: 0 !important;
    bottom: 0 !important;
    top: auto !important;
    left: auto !important;
    transform: none !important;
    translate: none !important;
    margin: 0 !important;
    z-index: 23 !important;
    pointer-events: auto;

    /* nolla Flatsomes badge-stil – visa bara din bild */
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
    height: auto !important;
    width: auto !important;
    display: block !important;
}

.badge--evidensia .aveo-badge-box {
    padding: 0 !important;
    background: transparent !important;
    min-width: 0 !important;
    min-height: 0 !important;
    line-height: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

.badge--evidensia .aveo-showcase-badge__img {
    display: block !important;
    width: auto !important;
    height: var(--aveo-img-h) !important;
    /* 48px */
    max-width: none !important;
    object-fit: contain !important;
    filter: none !important;
}

/* 3) (valfritt) Produktsidan – samma hörnprincip i galleriet */
.single-product .product-images.images {
    position: relative !important;
    overflow: hidden;
}

.single-product .product-images.images>.badge-container {
    position: absolute !important;
    inset: 0 !important;
    z-index: 50 !important;
    pointer-events: none;
}

.single-product .product-images.images>.badge-container>.aveo-showcase-badge--single {
    position: absolute !important;
    right: 0 !important;
    bottom: 0 !important;
    top: auto !important;
    left: auto !important;
    transform: none !important;
    translate: none !important;
    margin: 0 !important;
    z-index: 51 !important;
    pointer-events: auto;

    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
    height: auto !important;
    width: auto !important;
    display: block !important;
}

.single-product .aveo-showcase-badge--single .aveo-showcase-badge__img {
    height: var(--aveo-img-h) !important;
    /* också 48px om du vill samma storlek */
}

/* --- Neutralisera Flatsomes "cover"-regel på badge-bilden --- */
.product-small .box-image img.aveo-showcase-badge__img,
.single-product .product-images.images img.aveo-showcase-badge__img {
    position: static !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    width: auto !important;
    height: 48px !important;
    /* önskad höjd */
    object-fit: contain !important;
    object-position: center center !important;
    display: block !important;
}

/* Se till att själva badgen ligger nere-höger inne i bilden */
.product-small .box-image>.badge-container>.aveo-showcase-badge {
    position: absolute !important;
    right: 0 !important;
    bottom: 0 !important;
    top: auto !important;
    left: auto !important;
    transform: none !important;
    margin: 0 !important;
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
    height: auto !important;
    width: auto !important;
    z-index: 23 !important;
}

.single-product .product-images.images>.badge-container>.aveo-showcase-badge--single {
    position: absolute !important;
    right: 0 !important;
    bottom: 0 !important;
    top: auto !important;
    left: auto !important;
    transform: none !important;
    margin: 0 !important;
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
    height: auto !important;
    width: auto !important;
    z-index: 51 !important;
}

/* Knappen i breadcrumbs – vit text (behåller din placering) */
nav.woocommerce-breadcrumb .aveo-evid-toggle .button {
    color: #fff !important;
}

/* === Aveo Evidensia – tooltip på badge + knappfärg === */

/* 1) Rätt textfärg på knappen i breadcrumbs */
nav.woocommerce-breadcrumb .aveo-evid-toggle .button {
    color: #fff !important;
    /* vit text */
}

/* 2) Tooltip för Evidensia-badgen (använder data-tt) */
.badge--evidensia[data-tt] {
    position: absolute;
    /* vår badge är redan absolut, säkerställ det */
}

/* bubbla */
.badge--evidensia[data-tt]:hover::after,
.badge--evidensia[data-tt]:focus-visible::after {
    content: attr(data-tt);
    position: absolute;
    right: 0;
    /* anpassad för badge nere-höger */
    bottom: calc(100% + 8px);
    /* visa ovanför badgen */
    background: rgba(17, 17, 17, .95);
    color: #fff;
    font-size: 12px;
    line-height: 1.3;
    padding: 8px 10px;
    border-radius: 6px;
    max-width: 240px;
    white-space: normal;
    box-shadow: 0 6px 18px rgba(0, 0, 0, .18);
    z-index: 9999;
    pointer-events: none;
    /* ingen fladdrig hover */
}

/* liten pil */
.badge--evidensia[data-tt]:hover::before,
.badge--evidensia[data-tt]:focus-visible::before {
    content: "";
    position: absolute;
    right: 10px;
    /* pilens X-position */
    bottom: calc(100% + 2px);
    border: 6px solid transparent;
    border-top-color: rgba(17, 17, 17, .95);
    /* samma färg som bubblan */
    z-index: 9999;
    pointer-events: none;
}

/* (valfritt) samma tooltip-stil på produktsidan */
.aveo-showcase-badge--single[data-tt]:hover::after,
.aveo-showcase-badge--single[data-tt]:focus-visible::after {
    content: attr(data-tt);
    position: absolute;
    right: 0;
    bottom: calc(100% + 8px);
    background: rgba(17, 17, 17, .95);
    color: #fff;
    font-size: 12px;
    line-height: 1.3;
    padding: 8px 10px;
    border-radius: 6px;
    max-width: 280px;
    box-shadow: 0 6px 18px rgba(0, 0, 0, .18);
    z-index: 9999;
    pointer-events: none;
}

.aveo-showcase-badge--single[data-tt]:hover::before,
.aveo-showcase-badge--single[data-tt]:focus-visible::before {
    content: "";
    position: absolute;
    right: 10px;
    bottom: calc(100% + 2px);
    border: 6px solid transparent;
    border-top-color: rgba(17, 17, 17, .95);
    z-index: 9999;
    pointer-events: none;
}

/* Tillgänglighet: visa tooltip vid fokus via tangentbord också */
.badge--evidensia:focus-visible,
.aveo-showcase-badge--single:focus-visible {
    outline: 2px solid rgba(0, 118, 173, .5);
    outline-offset: 2px;
}