/*
Theme Name: SOVA VID Avada Child
Description: Avada Child Theme sa specifičnim dizajnom za SOVA VID. Omogućuje uređivanje stranice uživo preko Avada Live Builder-a.
Author: Antigravity
Template: Avada
Version: 1.0.0
*/

/* 
  =======================================================
  KORISNIČKE KLASE ZA AVADA BUILDER 
  =======================================================
  Ove klase upišite u polje "CSS Class" unutar postavki 
  pojedinog Avada elementa (na dnu kartice General ili Design)
  kako biste automatski dobili SOVA VID specifičan izgled.
*/

:root {
    --clr-primary: #0d2b5e;
    --clr-primary-light: #1a4494;
    --clr-accent: #2b82e4;
    --clr-accent-light: #5da4f0;
    --clr-white: #ffffff;
    --clr-off-white: #f5f7fb;
    --clr-gray-100: #eef1f6;
}

/* 1. Tekst s prelijevajućom bojom (Gradient Text) - Klasa: sovavid-gradient-text */
.sovavid-gradient-text .fusion-title-heading,
.sovavid-gradient-text {
    background: linear-gradient(135deg, var(--clr-accent-light), #93ceff) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    display: inline-block;
}

/* 2. Značajke kartica (Hover Efekt i Crta) - Klasa: sovavid-feature-card */
.sovavid-feature-card {
    background: var(--clr-white) !important;
    border-radius: 12px !important;
    padding: 2rem !important;
    border: 1px solid var(--clr-gray-100) !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    position: relative;
    overflow: hidden;
}

.sovavid-feature-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, var(--clr-accent), var(--clr-primary-light));
    transform: scaleX(0);
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.sovavid-feature-card:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 8px 32px rgba(13, 43, 94, 0.12) !important;
    border-color: transparent !important;
}

.sovavid-feature-card:hover::before {
    transform: scaleX(1);
}

/* 3. Efekt hover na Avada ikonama unutar Feature kartice */
.sovavid-feature-card .fusion-icon-wrapper {
    transition: all 0.3s ease !important;
    border-radius: 8px !important;
}

.sovavid-feature-card:hover .fusion-icon-wrapper {
    background: var(--clr-accent) !important;
    transform: scale(1.1) !important;
}

.sovavid-feature-card:hover .fusion-icon-wrapper i {
    color: var(--clr-white) !important;
}

/* 4. Statistika (O nama) kartice - Klasa: sovavid-stat-card */
.sovavid-stat-card {
    background: var(--clr-off-white) !important;
    border-radius: 16px !important;
    padding: 2rem !important;
    border: 1px solid var(--clr-gray-100) !important;
    transition: all 0.3s ease !important;
}

.sovavid-stat-card:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 4px 16px rgba(13, 43, 94, 0.08) !important;
    border-color: rgba(43, 130, 228, 0.2) !important;
}

/* 5. Kartice Proizvoda - Klasa: sovavid-product-card */
.sovavid-product-card {
    background: var(--clr-white) !important;
    border-radius: 24px !important;
    overflow: hidden !important;
    border: 1px solid var(--clr-gray-100) !important;
    transition: all 0.5s ease !important;
}

.sovavid-product-card:hover {
    box-shadow: 0 16px 48px rgba(13, 43, 94, 0.16) !important;
    border-color: transparent !important;
    transform: translateY(-4px) !important;
}

/* Efekt zumiranja slike na kartici proizvoda - Klasa: sovavid-product-image na stupcu sa slikom */
.sovavid-product-image img {
    transition: transform 0.5s ease !important;
}

.sovavid-product-card:hover .sovavid-product-image img {
    transform: scale(1.05) !important;
}

/* 6. Custom Gradient Gumb - Klasa: sovavid-btn-primary */
.sovavid-btn-primary .fusion-button {
    background: linear-gradient(135deg, var(--clr-accent) 0%, var(--clr-primary-light) 100%) !important;
    border: none !important;
    box-shadow: 0 4px 20px rgba(43, 130, 228, 0.3) !important;
    transition: all 0.3s ease !important;
}

.sovavid-btn-primary .fusion-button:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 30px rgba(43, 130, 228, 0.4) !important;
}

/* 7. Partneri Kartice - Klasa: sovavid-partner-card */
.sovavid-partner-card {
    background: var(--clr-white) !important;
    border-radius: 16px !important;
    border: 1px solid var(--clr-gray-100) !important;
    transition: all 0.3s ease !important;
}

.sovavid-partner-card:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 10px 30px rgba(13, 43, 94, 0.1) !important;
    border-color: var(--clr-accent-light) !important;
}

/* 8. Scroll Indikator - Kratki kod: [sovavid_scroll] */
@keyframes floatUp {

    0%,
    100% {
        transform: translateX(-50%) translateY(0);
    }

    50% {
        transform: translateX(-50%) translateY(-8px);
    }
}

.sovavid-scroll-indicator {
    position: absolute !important;
    bottom: 2rem !important;
    left: 50% !important;
    transform: translateX(-50%);
    animation: floatUp 2s ease-in-out infinite;
    z-index: 10;
}