/* VEIKY V109 — Gradientes individuais configurados no Filament.
   O modo auto não recebe override: mantém exatamente os estilos V108/V107. */

/* Sem gradiente: a fotografia é exibida sem nenhuma camada artificial. */
html[data-store-theme] #explore-veiky [data-explore-style-card][data-explore-gradient='none']
:is([data-explore-horizontal-overlay], [data-explore-vertical-overlay]) {
    background: transparent;
}

/* As versões personalizadas substituem o gradiente automático nos dois temas. */
html[data-store-theme] #explore-veiky [data-explore-style-card][data-explore-gradient='white'] {
    --veiky-explore-gradient-rgb: 255, 255, 255;
}
html[data-store-theme] #explore-veiky [data-explore-style-card][data-explore-gradient='black'] {
    --veiky-explore-gradient-rgb: 0, 0, 0;
}

html[data-store-theme] #explore-veiky [data-explore-style-card]:is([data-explore-gradient='white'], [data-explore-gradient='black'])
[data-explore-vertical-overlay] {
    background: transparent;
}

html[data-store-theme] #explore-veiky [data-explore-style-card]:is([data-explore-gradient='white'], [data-explore-gradient='black'])
[data-explore-horizontal-overlay] {
    background: linear-gradient(90deg,
        rgba(var(--veiky-explore-gradient-rgb), var(--veiky-explore-alpha, .45)) 0%,
        rgba(var(--veiky-explore-gradient-rgb), var(--veiky-explore-alpha-soft, .23)) 32%,
        rgba(var(--veiky-explore-gradient-rgb), 0) 75%);
}
html[data-store-theme] #explore-veiky [data-explore-style-card][data-explore-gradient-position='right']:is([data-explore-gradient='white'], [data-explore-gradient='black'])
[data-explore-horizontal-overlay] {
    background: linear-gradient(270deg,
        rgba(var(--veiky-explore-gradient-rgb), var(--veiky-explore-alpha, .45)) 0%,
        rgba(var(--veiky-explore-gradient-rgb), var(--veiky-explore-alpha-soft, .23)) 32%,
        rgba(var(--veiky-explore-gradient-rgb), 0) 75%);
}
html[data-store-theme] #explore-veiky [data-explore-style-card][data-explore-gradient-position='center']:is([data-explore-gradient='white'], [data-explore-gradient='black'])
[data-explore-horizontal-overlay] {
    background: radial-gradient(ellipse at center,
        rgba(var(--veiky-explore-gradient-rgb), var(--veiky-explore-alpha, .45)) 0%,
        rgba(var(--veiky-explore-gradient-rgb), var(--veiky-explore-alpha-soft, .23)) 44%,
        rgba(var(--veiky-explore-gradient-rgb), 0) 82%);
}

/* Contraste acompanha a cor selecionada, inclusive no tema escuro. */
html[data-store-theme] #explore-veiky [data-explore-style-card][data-explore-gradient='white']
:is(h3, [class~='text-white'], [class*='text-white/'], [data-explore-meta]) {
    color: #1c1814;
    text-shadow: 0 1px 6px rgba(255, 255, 255, .25);
}
html[data-store-theme] #explore-veiky [data-explore-style-card][data-explore-gradient='black']
:is(h3, [class~='text-white'], [class*='text-white/'], [data-explore-meta]) {
    color: #fff;
    text-shadow: 0 1px 7px rgba(0, 0, 0, .38);
}
html[data-store-theme] #explore-veiky [data-explore-style-card]:is([data-explore-gradient='white'], [data-explore-gradient='black']) .veiky-action-link {
    background: #dab68f;
    border-color: #dab68f;
    color: #181512;
    text-shadow: none;
}
html[data-store-theme] #explore-veiky [data-explore-style-card]:is([data-explore-gradient='white'], [data-explore-gradient='black']) .veiky-action-link:hover {
    background: #ebc9a2;
    border-color: #ebc9a2;
    color: #181512;
}