:root {
            --calc-primary: #005ca5;
            --calc-secondary: #f0f4f8;
            --calc-accent: #e63946;
        }
        .calc-header {
            background: linear-gradient(135deg, #005ca5, #2c2c2c);
            color: #fff;
            padding: 3rem 0;
            text-align: center;
        }
        .calc-header h1 {
            font-weight: 800;
            letter-spacing: 1px;
        }
        .group-card {
            transition: transform .2s, box-shadow .2s;
            border: none;
            border-radius: 12px;
            overflow: hidden;
        }
        .group-card:hover {
            transform: translateY(-6px);
            box-shadow: 0 12px 30px rgba(0,0,0,.2);
        }
        .group-card .card-body {
            padding: 1.5rem;
        }
        .group-icon {
            font-size: 2.5rem;
            margin-bottom: 1rem;
            cursor: help;
        }
        .group-title {
            font-weight: 700;
            font-size: 1.25rem;
            margin-bottom: 0.5rem;
        }
        .group-desc {
            font-size: 0.95rem;
            color: #666;
            margin-bottom: 1rem;
        }
        .group-badge {
            font-size: 0.8rem;
            padding: 0.35rem 0.75rem;
        }
        .group-link {
            font-weight: 600;
            text-decoration: none;
            transition: color .2s;
        }
        .group-link:hover {
            color: var(--bs-primary);
        }

        .no-results {
            display: none;
            color: #dc3545;
            text-align: center;
            margin-top: 1rem;
        }
        footer {
            background: #111;
            color: #fff;
            padding: 2rem 0;
            font-size: .9rem;
        }
        /* Boje po grupama */
        .group-1 .group-icon, .group-1 .group-link { color: #005ca5; }
        .group-1 .group-badge { background-color: #005ca5; color: #fff; }
        .group-2 .group-icon, .group-2 .group-link { color: #28a745; }
        .group-2 .group-badge { background-color: #28a745; color: #fff; }
        .group-3 .group-icon, .group-3 .group-link { color: #d4a017; }
        .group-3 .group-badge { background-color: #d4a017; color: #fff; }
        .group-4 .group-icon, .group-4 .group-link { color: #ff8c42; }
        .group-4 .group-badge { background-color: #ff8c42; color: #fff; }
        .group-5 .group-icon, .group-5 .group-link { color: #6c757d; }
        .group-5 .group-badge { background-color: #6c757d; color: #fff; }
        .group-6 .group-icon, .group-6 .group-link { color: #8a2be2; }
        .group-6 .group-badge { background-color: #8a2be2; color: #fff; }
        .group-7 .group-icon, .group-7 .group-link { color: #dc3545; }
        .group-7 .group-badge { background-color: #dc3545; color: #fff; }
        .group-8 .group-icon, .group-8 .group-link { color: #2e8b57; }
        .group-8 .group-badge { background-color: #2e8b57; color: #fff; }
        .group-9 .group-icon, .group-9 .group-link { color: #ff6b6b; }
        .group-9 .group-badge { background-color: #ff6b6b; color: #fff; }
        .group-10 .group-icon, .group-10 .group-link { color: #9b59b6; }
        .group-10 .group-badge { background-color: #9b59b6; color: #fff; }
        .group-11 .group-icon, .group-11 .group-link { color: #17a2b8; }
        .group-11 .group-badge { background-color: #17a2b8; color: #fff; }
        .group-12 .group-icon, .group-12 .group-link { color: #6f42c1; }
        .group-12 .group-badge { background-color: #6f42c1; color: #fff; }
        .group-13 .group-icon, .group-13 .group-link { color: #1e3a8a; }
        .group-13 .group-badge { background-color: #1e3a8a; color: #fff; }
		.group-14 .group-icon, .group-14 .group-link { color: #6f42c1; }
		.group-14 .group-badge { background-color: #6f42c1; color: #fff; }
		.group-15 .group-icon, .group-15 .group-link { color: #17a2b8; }
		.group-15 .group-badge { background-color: #17a2b8; color: #fff; }
		.group-16 .group-icon, .group-15 .group-link { color: #99ccff; }
		.group-16 .group-badge { background-color: #99ccff; color: #fff; }
		.group-17 .group-icon, .group-15 .group-link { color: #cc3399; }
		.group-17 .group-badge { background-color: #cc3399; color: #fff; }
		.group-18 .group-icon, .group-15 .group-link { color: #0966ff; }
		.group-18 .group-badge { background-color: #0966ff; color: #fff; }
        /* Tooltip stilovi */
        .tooltip-inner {
            max-width: 250px;
            font-size: 0.9rem;
            text-align: left;
        }
		
.gtranslate_wrapper {
    position: relative;
    max-width: 150px;
    z-index: 1000;
}

.gtranslate_wrapper .gtranslate_dropdown {
    position: absolute !important;
    top: 100%;
    left: 0;
    width: auto;
    min-width: 120px;
    transform: translateY(5px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    display: none;
    z-index: 1001;
}

.gtranslate_wrapper:hover .gtranslate_dropdown,
.gtranslate_wrapper .gtranslate_dropdown:hover {
    display: block;
}

@media (max-width: 767.98px) {
    .gtranslate_wrapper {
        width: 100%;
        margin-top: 1rem;
    }
    .gtranslate_wrapper .gtranslate_dropdown {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        min-width: 0;
        transform: translateY(5px);
    }
}

.search-box {
    max-width: 600px;
    margin: 0 auto 1rem;
    width: 100%;
    position: relative;
}

.col-md-8 {
    min-height: 0;
    overflow: visible;
}