/**
 * E-shop frontend – doplňkové styly
 */

/* ========== Graceful degradation: starší Safari (iPadOS < 14.5) ========== */

/* Fallback pro backdrop-filter: bez rozostření je poloprůhledné pozadí nečitelné */
@supports not (backdrop-filter: blur(1px)) {
    .backdrop-blur-md,
    .backdrop-blur-xl,
    .backdrop-blur-2xl,
    .backdrop-blur-3xl {
        background-color: var(--card-bg) !important;
        opacity: 0.98 !important;
    }
}

/* Fallback pro flexbox gap: Safari < 14.1 nepodporuje gap u flex */
@supports not (gap: 1px) {
    .flex.gap-0\.5 > * + * { margin-left: 0.125rem; margin-top: 0.125rem; }
    .flex.flex-col.gap-0\.5 > * + * { margin-left: 0; margin-top: 0.125rem; }
    .flex.gap-1 > * + * { margin-left: 0.25rem; margin-top: 0.25rem; }
    .flex.flex-col.gap-1 > * + * { margin-left: 0; margin-top: 0.25rem; }
    .flex.gap-2 > * + * { margin-left: 0.5rem; margin-top: 0.5rem; }
    .flex.flex-col.gap-2 > * + * { margin-left: 0; margin-top: 0.5rem; }
    .flex.gap-3 > * + * { margin-left: 0.75rem; margin-top: 0.75rem; }
    .flex.flex-col.gap-3 > * + * { margin-left: 0; margin-top: 0.75rem; }
    .flex.gap-4 > * + * { margin-left: 1rem; margin-top: 1rem; }
    .flex.flex-col.gap-4 > * + * { margin-left: 0; margin-top: 1rem; }
}

/* AI Nákupní rádce – zneviditelnění (funkce zůstává, pouze skrytá) */
.ai-assistant,
.ai-button {
    display: none !important;
}

.ai-assistant.shifted {
    transform: translateX(-430px);
}

#ai-chat-widget-wrap {
    transition: right 0.3s ease;
}
/* Když je otevřený postranní panel košíku – celý AI widget se posune doleva na levý okraj panelu (ikona viditelná, nepřekrývá panel) */
#ai-chat-widget-wrap.ai-shift {
    right: min(400px, 85vw);
}

/* Hero banner – rozšířený, zaoblený, stín */
.hero-banner {
    max-width: 1400px;
    margin: 20px auto;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
    padding: 0 20px;
}
.hero-banner img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: contain;
    image-rendering: -webkit-optimize-contrast;
}