/* Shop indicator styles for Django admin header */

#header #branding {
    display: flex;
    align-items: center;
    gap: 20px;
}

.shop-indicator {
    display: inline-flex;
    align-items: center;
}

.shop-badge {
    background-color: #417690;
    color: #fff;
    padding: 4px 12px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 500;
    white-space: nowrap;
}

.shop-warning .shop-badge {
    background-color: #ba2121;
    animation: pulse 2s infinite;
}

@keyframes pulse {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0.7;
    }
}

/* Dark mode support */
@media (prefers-color-scheme: dark) {
    .shop-badge {
        background-color: #264b5d;
    }

    .shop-warning .shop-badge {
        background-color: #8b1a1a;
    }
}

/* Django admin dark mode (if enabled via Django admin) */
html[data-theme="dark"] .shop-badge {
    background-color: #264b5d;
}

html[data-theme="dark"] .shop-warning .shop-badge {
    background-color: #8b1a1a;
}