/* Custom Field 17 Badges - Magsafe og Laptop Størrelser */

/* .productimage og .product-image skal være relative positioned */
.productimage,
.product-image {
    position: relative;
}

/* Base badge styling - både for PDP og produktkort */
.productimage .magsafe-badge,
.productimage .size-badge,
.product-image .magsafe-badge,
.product-image .size-badge {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 10;
    background: #156B48;
    color: #fff;
    padding: 8px 16px;
    border-radius: 8px;
    font-weight: 600;
    font-size: 14px;
    text-align: center;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

/* Cable badge - med SVG ikon */
.productimage .cable-badge,
.product-image .cable-badge {
    position: absolute;
    z-index: 10;
}

/* PDP - top right, 112px */
.productimage .cable-badge {
    top: 10px;
    right: 10px;
}

.productimage .cable-badge img {
    display: block;
    width: 112px;
    height: 112px;
}

/* Produktkort - bottom right, 64px */
.product-image .cable-badge {
    bottom: 10px;
    right: 10px;
}

.product-image .cable-badge img {
    display: block;
    width: 64px;
    height: 64px;
}

/* Responsive styling */
@media (max-width: 768px) {
    .productimage .magsafe-badge,
    .productimage .size-badge,
    .product-image .magsafe-badge,
    .product-image .size-badge {
        font-size: 12px;
        padding: 6px 12px;
        top: 8px;
        right: 8px;
    }

    .productimage .cable-badge {
        top: 8px;
        right: 8px;
    }

    .product-image .cable-badge {
        bottom: 8px;
        right: 8px;
    }

    .productimage .cable-badge img {
        width: 80px;
        height: 80px;
    }

    .product-image .cable-badge img {
        width: 48px;
        height: 48px;
    }
}