/* Custom styles for İş Dünyası */

/* Page container styles */
.page-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1rem;
}

.page-container-wide {
    max-width: 1536px;
    margin: 0 auto;
    padding: 0 1rem;
}

/* Hide Alpine.js elements until loaded */
[x-cloak] { 
    display: none !important; 
}

/* Tab styles */
.tab-content { 
    display: none; 
}

.tab-content.active { 
    display: block; 
}

/* Custom button styles */
.btn-primary {
    @apply bg-blue-600 hover:bg-blue-700 text-white font-medium px-4 py-2 rounded-md transition duration-300;
}

.btn-secondary {
    @apply bg-gray-600 hover:bg-gray-700 text-white font-medium px-4 py-2 rounded-md transition duration-300;
}

.btn-success {
    @apply bg-green-600 hover:bg-green-700 text-white font-medium px-4 py-2 rounded-md transition duration-300;
}

.btn-danger {
    @apply bg-red-600 hover:bg-red-700 text-white font-medium px-4 py-2 rounded-md transition duration-300;
}

/* Card styles */
.card {
    @apply bg-white rounded-lg shadow-md p-6;
}

.card-header {
    @apply border-b border-gray-200 pb-4 mb-4;
}

.card-title {
    @apply text-xl font-bold text-gray-800;
}

/* Form styles */
.form-group {
    @apply mb-4;
}

.form-label {
    @apply block text-sm font-medium text-gray-700 mb-2;
}

.form-input {
    @apply w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent;
}

.form-textarea {
    @apply w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent resize-vertical;
}

.form-select {
    @apply w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent;
}

/* Table styles */
.table {
    @apply w-full bg-white border border-gray-200 rounded-lg overflow-hidden;
}

.table th {
    @apply bg-gray-50 px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider;
}

.table td {
    @apply px-6 py-4 whitespace-nowrap text-sm text-gray-900 border-t border-gray-200;
}

.table tr:hover {
    @apply bg-gray-50;
}

/* Alert styles */
.alert {
    @apply p-4 rounded-md mb-4;
}

.alert-success {
    @apply bg-green-100 border border-green-400 text-green-700;
}

.alert-error {
    @apply bg-red-100 border border-red-400 text-red-700;
}

.alert-warning {
    @apply bg-yellow-100 border border-yellow-400 text-yellow-700;
}

.alert-info {
    @apply bg-blue-100 border border-blue-400 text-blue-700;
}

/* Responsive utilities */
@media (max-width: 768px) {
    .page-container,
    .page-container-wide {
        padding: 0 0.5rem;
    }
    
    .table-responsive {
        overflow-x: auto;
    }
}

/* Custom animations */
.fade-in {
    animation: fadeIn 0.3s ease-in;
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

.slide-down {
    animation: slideDown 0.3s ease-out;
}

@keyframes slideDown {
    from { 
        opacity: 0;
        transform: translateY(-10px);
    }
    to { 
        opacity: 1;
        transform: translateY(0);
    }
}