/* Global Styles */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

body {
    font-family: 'Inter', sans-serif;
    background-color: #f5f5f7;
}

/* Navigation */
.navbar-brand {
    font-weight: 700;
    font-size: 1.5rem;
}

/* Cards */
.card {
    border: none;
    border-radius: 16px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
    background: white;
}
.card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.12);
}
.card-header {
    border-radius: 16px 16px 0 0 !important;
    background: white;
    border-bottom: 1px solid #f0f0f0;
    font-weight: 600;
}
.card-body {
    padding: 1.5rem;
}

/* ========================================
   BUTTON SYSTEM - Keisk čia visas spalvas!
   ======================================== */

.btn {
    border-radius: 10px;
    padding: 0.65rem 1.75rem;
    font-weight: 600;
    transition: all 0.2s ease;
    border: none;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    text-decoration: none;
}

/* PRIMARY - PILKA (buvo violetinė) */
.btn-primary {
    background: linear-gradient(135deg, #9ca3af 0%, #6b7280 100%) !important;
    color: white !important;
    box-shadow: 0 4px 14px rgba(75, 85, 99, 0.35);
}
.btn-primary:hover {
    background: linear-gradient(135deg, #6b7280 0%, #4b5563 100%) !important;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(75, 85, 99, 0.4);
    color: white !important;
}

/* DARK */
.btn-dark {
    background: linear-gradient(135deg, #4b5563 0%, #111827 100%) !important;
    color: white !important;
    box-shadow: 0 4px 14px rgba(31, 41, 55, 0.4);
}
.btn-dark:hover {
    background: linear-gradient(135deg, #6b7280 0%, #4b5563 100%) !important;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(31, 41, 55, 0.5);
    color: white !important;
}

/* CTA - Oranžinė */
.btn-cta {
    background: linear-gradient(135deg, #f97316 0%, #ea580c 100%) !important;
    color: white !important;
    box-shadow: 0 4px 14px rgba(249, 115, 22, 0.4);
}
.btn-cta:hover {
    background: linear-gradient(135deg, #ea580c 0%, #c2410c 100%) !important;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(249, 115, 22, 0.5);
    color: white !important;
}

/* SUCCESS - Žalia */
.btn-success {
    background: linear-gradient(135deg, #10b981 0%, #059669 100%) !important;
    color: white !important;
    box-shadow: 0 4px 14px rgba(16, 185, 129, 0.4);
}
.btn-success:hover {
    background: linear-gradient(135deg, #059669 0%, #047857 100%) !important;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(16, 185, 129, 0.5);
    color: white !important;
}

/* DANGER - Raudona */
.btn-danger {
    background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%) !important;
    color: white !important;
    box-shadow: 0 4px 14px rgba(239, 68, 68, 0.4);
}
.btn-danger:hover {
    background: linear-gradient(135deg, #dc2626 0%, #b91c1c 100%) !important;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(239, 68, 68, 0.5);
    color: white !important;
}

/* LIGHT */
.btn-light {
    background: white !important;
    color: #6b7280 !important;
    border: 2px solid #e5e7eb;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}
.btn-light:hover {
    background: #f9fafb !important;
    border-color: #d1d5db;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

/* OUTLINE VARIANTS */
.btn-outline-primary {
    border: 2px solid #9ca3af !important;
    color: #9ca3af !important;
    background: transparent !important;
}
.btn-outline-primary:hover {
    background: #9ca3af !important;
    color: white !important;
    transform: translateY(-2px);
}

/* BUTTON SIZES */
.btn-sm {
    padding: 0.4rem 1rem;
    font-size: 0.875rem;
}
.btn-lg {
    padding: 0.85rem 2.25rem;
    font-size: 1.1rem;
}

/* ========================================
   TAILWIND OVERRIDE - Automatiškai keičia
   ======================================== */

/* bg-primary → Pilka */
.bg-primary,
[class*="bg-primary"] {
    background: linear-gradient(135deg, #9ca3af 0%, #6b7280 100%) !important;
}
.hover\:bg-primary-dark:hover,
.hover\:bg-primary:hover {
    background: linear-gradient(135deg, #6b7280 0%, #4b5563 100%) !important;
}

/* Emerald/Teal gradientai → Pilka */
.from-emerald-500,
.bg-gradient-to-r.from-emerald-500,
[class*="from-emerald"] {
    --tw-gradient-from: #4b5563 !important;
    background: linear-gradient(to right, #9ca3af, #6b7280) !important;
}
.to-teal-600,
[class*="to-teal"] {
    --tw-gradient-to: #6b7280 !important;
}
.hover\:from-emerald-600:hover {
    background: linear-gradient(to right, #6b7280, #4b5563) !important;
}
.hover\:to-teal-700:hover {
    --tw-gradient-to: #4b5563 !important;
}

/* Violet/Purple → Pilka */
.from-violet-500,
.from-purple-500,
.from-purple-600,
[class*="from-violet"],
[class*="from-purple"] {
    --tw-gradient-from: #9ca3af !important;
    background: linear-gradient(135deg, #9ca3af, #6b7280) !important;
}
.to-purple-600,
.to-purple-700,
.to-purple-800,
.to-violet-600,
[class*="to-purple"],
[class*="to-violet"] {
    --tw-gradient-to: #6b7280 !important;
}

/* Shadow override */
.shadow-emerald-500\/30,
.shadow-violet-500\/30,
.shadow-purple-500\/30,
[class*="shadow-emerald"],
[class*="shadow-violet"],
[class*="shadow-purple"] {
    --tw-shadow-color: rgba(75, 85, 99, 0.3) !important;
    box-shadow: 0 10px 15px -3px rgba(75, 85, 99, 0.3) !important;
}

/* text-primary → Pilka */
.text-primary {
    color: #9ca3af !important;
}
.hover\:text-primary-dark:hover,
.hover\:text-primary:hover {
    color: #6b7280 !important;
}

/* ======================================== */

/* Form Controls */
.form-control,
.form-select {
    border-radius: 10px;
    border: 2px solid #e5e7eb;
    padding: 0.75rem 1rem;
    transition: all 0.2s ease;
}
.form-control:focus,
.form-select:focus {
    border-color: #9ca3af;
    box-shadow: 0 0 0 3px rgba(75, 85, 99, 0.15);
}

/* Focus ring → Pilka */
.focus\:ring-primary\/20:focus,
.focus\:ring-primary:focus {
    --tw-ring-color: rgba(75, 85, 99, 0.2) !important;
}
.focus\:border-primary:focus {
    border-color: #9ca3af !important;
}

/* Shadows */
.shadow-sm {
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08) !important;
}

/* Hover Effects */
.hover-shadow {
    transition: all 0.3s ease;
}
.hover-shadow:hover {
    transform: translateY(-5px);
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.12) !important;
}

/* Badges */
.badge {
    padding: 0.5rem 1rem;
    font-weight: 600;
    border-radius: 8px;
}

/* Footer */
footer {
    background-color: #1a1a2e;
}
footer a {
    text-decoration: none;
    transition: color 0.3s ease;
}
footer a:hover {
    color: #6b7280 !important;
}

/* Sticky Elements */
.sticky-top {
    position: sticky;
    top: 20px;
    z-index: 1020;
}

/* Responsive Images */
img {
    max-width: 100%;
    height: auto;
}

/* Custom Scrollbar → Pilka */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #f1f1f1;
}
::-webkit-scrollbar-thumb {
    background: #9ca3af;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #6b7280;
}

/* Animations */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}