/**
 * Websly Footer Style Presets (v5.2)
 * 
 * Ultra-modern visual models for high-end digital footers.
 * Supports hardware-accelerated transitions and mesh gradients.
 */

/* ── 🕵️ 0. READABILITY SHIELD (Global Contrast Protection) ───────────── */

.websly-footer[class*="ws-footer-preset-"] {
    --footer-text: rgba(255, 255, 255, 0.7);
    --footer-heading: #ffffff;
    --footer-link: #ffffff;
    --footer-accent: var(--theme-accent, #C9A84C);
}

.websly-footer[class*="ws-footer-preset-"] p,
.websly-footer[class*="ws-footer-preset-"] li,
.websly-footer[class*="ws-footer-preset-"] span:not([class*="bg-"]), /* Don't force color on badges */
.websly-footer[class*="ws-footer-preset-"] .websly-nav-link,
.websly-footer[class*="ws-footer-preset-"] .text-xs:not([class*="text-status-"]) {
    color: var(--footer-text) !important;
}

.websly-footer[class*="ws-footer-preset-"] h4,
.websly-footer[class*="ws-footer-preset-"] .font-bold.text-3xl {
    color: var(--footer-heading) !important;
}

.websly-footer[class*="ws-footer-preset-"] a {
    color: var(--footer-text);
    transition: all 0.3s ease;
}

.websly-footer[class*="ws-footer-preset-"] a:hover {
    color: var(--footer-link) !important;
}

/* ── ✨ 1. obsidian-mist (HUD Dark) ────────────────────────────────────────── */
.ws-footer-preset-obsidian-mist {
    --footer-text: #a1a1aa;
    --footer-heading: #f4f4f5;
    background: rgba(13, 13, 18, 0.95) !important;
    backdrop-filter: blur(40px) saturate(180%) !important;
    border-top: 1px solid rgba(255, 255, 255, 0.05) !important;
}

/* ── 2. silk-minimal (Pure Light) ────────────────────────────────────────── */
.ws-footer-preset-silk-minimal {
    --footer-text: #3f3f46;
    --footer-heading: #09090b;
    --footer-link: #000;
    background: #ffffff !important;
}

/* ── 3. aurora-pulse (Mesh Gradient) ─────────────────────────────────────── */
.ws-footer-preset-aurora-pulse {
    --footer-text: rgba(255,255,255,0.7);
    background: #09090b !important;
    position: relative;
}

/* ── 4. brutalist-dark (Raw/Bold) ───────────────────────────────────────── */
.ws-footer-preset-brutalist-dark {
    --footer-text: #fff;
    --footer-heading: #000;
    background: #000 !important;
}

/* ── 5. glassmorphism-pro (Soft Glass) ──────────────────────────────────── */
.ws-footer-preset-glassmorphism-pro {
    --footer-text: rgba(255,255,255,0.8);
    background: rgba(255, 255, 255, 0.03) !important;
}

/* ── 6. cyber-edge (Neon Technical) ──────────────────────────────────────── */
.ws-footer-preset-cyber-edge {
    --footer-text: #00ff8c;
    --footer-heading: #00ff8c;
    background: #050505 !important;
    font-family: ui-monospace, monospace !important;
}

/* ── 📐 7. SHAPE ENGINE (High-Priority Overlay) ───────────────────────── */

.websly-footer.ws-footer-shape-flat {
    border-radius: 0 !important;
    clip-path: none !important;
}

.websly-footer.ws-footer-shape-curved-soft {
    border-radius: 64px 64px 0 0 !important;
    clip-path: none !important;
}

.websly-footer.ws-footer-shape-cyber-notched {
    border-radius: 0 !important;
    clip-path: polygon(0 40px, 40px 0, calc(100% - 40px) 0, 100% 40px, 100% 100%, 0 100%) !important;
}

.websly-footer.ws-footer-shape-leaf-asymmetric {
    border-radius: 80px 0 0 0 !important;
    clip-path: none !important;
}

.websly-footer.ws-footer-shape-curved-inverted {
    border-radius: 0 !important;
    clip-path: ellipse(150% 100% at 50% 100%) !important;
}

.websly-footer.ws-footer-shape-stepped-tech {
    border-radius: 0 !important;
    clip-path: polygon(0 20px, 20px 20px, 20px 0, calc(100% - 20px) 0, calc(100% - 20px) 20px, 100% 20px, 100% 100%, 0 100%) !important;
}