/**
 * D-NOVA Platform - Custom Overrides
 * 
 * Użyj tego pliku do swoich customowych stylów.
 * NIE edytuj marketing.css - wszystkie zmiany rób tutaj.
 * 
 * Ten plik jest załadowany po marketing.css więc nadpisze wszystko.
 */

/* ========================================
   PRZYKŁAD 1: Zmiana kolorów
   ======================================== */

/*
:root {
    --color-accent: #00d4ff;
    --color-accent-hover: #00b8e6;
}
*/

/* ========================================
   PRZYKŁAD 2: Zmiana fontu
   ======================================== */

/*
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap');

body.marketing-body {
    font-family: 'Roboto', sans-serif;
}
*/

/* ========================================
   PRZYKŁAD 3: Zmiana rozmiaru hero title
   ======================================== */

/*
.hero-title {
    font-size: 5rem;
}

@media (max-width: 768px) {
    .hero-title {
        font-size: 2.5rem;
    }
}
*/

/* ========================================
   PRZYKŁAD 4: Dodanie gradientu do buttona
   ======================================== */

/*
.btn-primary {
    background: linear-gradient(135deg, #0066ff 0%, #00ccff 100%);
    border: none;
}

.btn-primary:hover {
    background: linear-gradient(135deg, #0052cc 0%, #00b8e6 100%);
    transform: translateY(-3px) scale(1.05);
}
*/

/* ========================================
   PRZYKŁAD 5: Zmiana animacji
   ======================================== */

/*
.fade-in.visible {
    animation: customFadeIn 1s ease;
}

@keyframes customFadeIn {
    from {
        opacity: 0;
        transform: translateY(50px) scale(0.9);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}
*/

/* ========================================
   PRZYKŁAD 6: Custom section background
   ======================================== */

/*
#system {
    background: linear-gradient(
        135deg,
        #0a0a0a 0%,
        #1a1a1a 50%,
        #0a0a0a 100%
    );
}
*/

/* ========================================
   PRZYKŁAD 7: Glow effect na hover
   ======================================== */

/*
.problem-card:hover {
    box-shadow: 
        0 0 20px rgba(0, 102, 255, 0.3),
        0 10px 40px rgba(0, 0, 0, 0.3);
    border-color: var(--color-accent);
}
*/

/* ========================================
   PRZYKŁAD 8: Custom scroll indicator
   ======================================== */

/*
.scroll-arrow {
    width: 2px;
    height: 50px;
    background: linear-gradient(
        to bottom,
        var(--color-accent),
        transparent
    );
}

.scroll-indicator {
    animation: customBounce 2s infinite;
}

@keyframes customBounce {
    0%, 100% { transform: translateX(-50%) translateY(0); }
    25% { transform: translateX(-50%) translateY(5px); }
    50% { transform: translateX(-50%) translateY(15px); }
    75% { transform: translateX(-50%) translateY(5px); }
}
*/

/* ========================================
   PRZYKŁAD 9: Video overlay effect
   ======================================== */

/*
.hero-overlay {
    background: linear-gradient(
        135deg,
        rgba(0, 102, 255, 0.2) 0%,
        rgba(0, 0, 0, 0.8) 100%
    );
}
*/

/* ========================================
   PRZYKŁAD 10: Custom navigation
   ======================================== */

/*
.logo {
    font-size: 2rem;
    background: linear-gradient(135deg, #fff 0%, var(--color-accent) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
*/

/* ========================================
   TWOJE CUSTOM STYLE PONIŻEJ
   ======================================== */

/* Dodaj swoje style tutaj */