/* Link-uri utile Component Styles */

.bg-primary\/10 {
    background-color: rgba(0, 69, 13, 0.1);
}

.bg-primary\/5 {
    background-color: rgba(0, 69, 13, 0.05);
}

.text-primary {
    color: var(--primary);
}

.text-on-surface {
    color: var(--on-surface);
}

.text-on-surface-variant {
    color: var(--on-surface-variant);
}

.bg-surface-container-lowest {
    background-color: var(--surface-container-lowest);
}

.leading-\[1\.1\] {
    line-height: 1.1;
}

.shadow-sm {
    box-shadow: 0 8px 24px rgba(25, 28, 29, 0.04);
}

.shadow-xl {
    box-shadow: 0 8px 24px rgba(25, 28, 29, 0.08);
}

.shadow-2xl {
    box-shadow: 0 8px 32px rgba(25, 28, 29, 0.12);
}

.border-b-4 {
    border-bottom-width: 4px;
}

.border-transparent {
    border-color: transparent;
}

.hover\:border-primary:hover {
    border-color: var(--primary);
}

.group:hover .group-hover\:scale-110 {
    transform: scale(1.1);
}

.group:hover .group-hover\:text-primary {
    color: var(--primary);
}

.hover\:scale-105:hover {
    transform: scale(1.05);
}

.duration-500 {
    transition-duration: 500ms;
}

.duration-700 {
    transition-duration: 700ms;
}

.tracking-tight {
    letter-spacing: -0.02em;
}

.tracking-wider {
    letter-spacing: 0.05em;
}

.tracking-widest {
    letter-spacing: 0.1em;
}

.object-cover {
    object-fit: cover;
}

.h-\[400px\] {
    height: 400px;
}

@media (max-width: 768px) {
    .md\:text-6xl {
        font-size: 3.75rem;
    }
    
    .md\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 1024px) {
    .lg\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    
    .lg\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    
    .lg\:order-1 {
        order: 1;
    }
    
    .lg\:order-2 {
        order: 2;
    }
}