/* * CSS för Kundvagn / Kassa (v1.3.0)
 * Denna fil laddas på kundvagns- och kassasidorna
 * för att styla den anpassade miniatyren.
 */

/* * 1. För KLASSISK KUNDVAGN
 * Vi lägger till en wrapper runt bilden
 */
.poster-thumbnail-wrapper {
    position: relative; /* Nödvändig för att positionera förstoringsglaset */
    display: inline-block; /* Gör att den beter sig som en bild */
    border: 1px solid #ddd; /* Lägg till en kant runt bilden */
    line-height: 0; /* Tar bort extra utrymme under bilden */
}

/* Ta bort kant från bilden inuti (om temat lägger till en) */
.poster-thumbnail-wrapper img {
    border: none !important;
}

/* * Förstoringsglaset (pseudo-element)
 */
.poster-thumbnail-wrapper::after {
    content: '';
    position: absolute;
    bottom: 4px; /* Placering i botten */
    right: 4px;  /* Placering till höger */
    width: 24px;
    height: 24px;
    background-color: rgba(0, 0, 0, 0.6); /* Mörk, halv-transparent bakgrund */
    border-radius: 50%; /* Gör den rund */

    /* Ikon (inbäddad SVG för förstoringsglas med ett "plus") */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0zM10 6.5a.5.5 0 0 1-.5.5h-2v2a.5.5 0 0 1-1 0v-2h-2a.5.5 0 0 1 0-1h2v-2a.5.5 0 0 1 1 0v2h2a.5.5 0 0 1 .5.5z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px 16px;

    pointer-events: none; /* Låt klick gå igenom till länken under */
    transition: transform 0.2s ease;
}

/* Liten effekt vid hovring */
.poster-thumbnail-wrapper:hover::after {
    transform: scale(1.1);
}


/* * 2. För BLOCK-KUNDVAGN
 * Vi kan inte lägga till en wrapper, så vi riktar in oss på
 * länken som vi byter ut (som omsluter bilden).
 * * OBS: Detta är svårare att kontrollera, men vi lägger till
 * en text-länk under titeln som ett alternativ.
 * Förstoringsglaset kommer troligen BARA att synas i den klassiska kassan,
 * e-post och order-sidan.
 */