/* Custom Polish for Landing Page - Leonardo.ai style */

/* Prevent horizontal scroll on mobile caused by decorative elements */
html, body {
    overflow-x: hidden;
}

:root {
    --polish-bg-dark: #0b0c15;
    /* Deep dark background */
    --polish-primary: #9d4edd;
    /* Vibrant purple */
    --polish-secondary: #e0aaff;
    /* Light purple */
    --polish-glass-bg: rgba(255, 255, 255, 0.05);
    --polish-glass-border: rgba(255, 255, 255, 0.1);
    --polish-text-main: #ffffff;
    --polish-text-muted: #a0a0a0;
}

/* Force Dark Mode Aesthetics */
html.uk-dark body,
body {
    background-color: var(--polish-bg-dark) !important;
    color: var(--polish-text-main);
    font-family: 'Inter', sans-serif;
    /* Ensure modern font */
}

/* Hero Section Enhancements */
.uni-hero {
    min-height: 100vh;
    /* Full viewport height */
    display: flex;
    align-items: center;
    background: radial-gradient(circle at 50% 50%, #1a1b2e 0%, var(--polish-bg-dark) 100%);
    position: relative;
    overflow: hidden;
}

.uni-hero h1 {
    font-weight: 800;
    letter-spacing: -0.02em;
    text-shadow: 0 0 40px rgba(157, 78, 221, 0.5);
    /* Glow effect */
}

.uni-hero .uk-text-gradient {
    background: linear-gradient(to right, #c77dff, #7b2cbf);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Glassmorphism Cards */
.uk-card-default,
.uk-card-muted,
.uk-card-primary,
.uk-card-secondary,
.glass-card {
    background: var(--polish-glass-bg) !important;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid var(--polish-glass-border) !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.37);
}

/* Navbar */
.uni-header-navbar {
    background: rgba(11, 12, 21, 0.8) !important;
    backdrop-filter: blur(10px);
    border-bottom: 1px solid var(--polish-glass-border);
}

/* Buttons */
.uk-button-gradient {
    background-image: linear-gradient(to right, #9d4edd, #7b2cbf) !important;
    border: none;
    box-shadow: 0 4px 15px rgba(123, 44, 191, 0.4);
    transition: transform 0.2s, box-shadow 0.2s;
}

.uk-button-gradient:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(123, 44, 191, 0.6);
}

/* Typography Overrides */
h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--polish-text-main) !important;
}

p,
.uk-text-muted {
    color: var(--polish-text-muted) !important;
}

/* Workspace Visualization */
.workspace-ui-dot {
    background-color: rgba(255, 255, 255, 0.2) !important;
}

.workspace-panel-item {
    background-color: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.05);
}

.workspace-canvas-area {
    background-color: rgba(0, 0, 0, 0.2) !important;
    border: 1px dashed rgba(255, 255, 255, 0.1);
}

/* Mobile Hero Fix - prevent overflow */
@media (max-width: 959px) {
    .uni-hero {
        min-height: auto;
        padding-top: 100px;
    }

    .uni-hero .uk-container {
        padding-left: 15px;
        padding-right: 15px;
        overflow: hidden;
    }

    .uni-hero .uk-panel.uk-text-center {
        padding: 0 10px;
    }

    .uni-hero h1 {
        font-size: 2rem;
        line-height: 1.2;
    }

    .uni-hero .uk-text-lead {
        font-size: 1rem;
        padding: 0 10px;
    }

    .uni-hero .uk-grid-xsmall {
        margin-left: 0;
        margin-right: 0;
    }

    .uni-hero .uk-grid-xsmall > * {
        padding-left: 4px;
        padding-right: 4px;
    }
}