/**
 * WP Manager - Styles custom
 */

/* Animation rotation pour les boutons refresh */
@keyframes spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

.spin {
    display: inline-block;
    animation: spin 1s linear infinite;
}

/* Cards */
.card {
    border: none;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
    border-radius: 8px;
}

.card-header {
    background-color: #f8f9fa;
    border-bottom: 1px solid #eee;
    font-weight: 600;
}

/* Badges */
.badge {
    font-size: 0.8rem;
    font-weight: 500;
    padding: 0.35em 0.65em;
    border-radius: 6px;
}

/* Table */
.table th {
    font-weight: 600;
    font-size: 0.85rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.table td {
    vertical-align: middle;
}

.table-hover tbody tr:hover {
    background-color: rgba(13, 110, 253, 0.04);
}

/* Navbar */
.navbar-brand {
    font-weight: 700;
    letter-spacing: -0.02em;
}

/* Brand colors */
.btn-primary {
    background-color: #4A4494 !important;
    border-color: #4A4494 !important;
}
.btn-primary:hover {
    background-color: #3a3578 !important;
    border-color: #3a3578 !important;
}
.btn-outline-primary {
    color: #4A4494 !important;
    border-color: #4A4494 !important;
}
.btn-outline-primary:hover {
    background-color: #4A4494 !important;
    color: #fff !important;
}
.table-dark {
    background-color: #4A4494 !important;
}
.table-dark th {
    background-color: #4A4494 !important;
    border-color: #5b55a5 !important;
}

/* Login */
.card h3 {
    font-weight: 700;
    color: #212529;
}

/* Drag & drop */
.drag-handle:hover {
    color: #4A4494 !important;
}
.sortable-ghost {
    background-color: #e8e6f0 !important;
    opacity: 0.6;
}
.sortable-chosen {
    box-shadow: 0 4px 12px rgba(74, 68, 148, 0.2);
}

/* Responsive tweaks */
@media (max-width: 768px) {
    .btn-group-sm .btn {
        padding: 0.2rem 0.4rem;
    }

    .table th,
    .table td {
        font-size: 0.85rem;
        padding: 0.5rem;
    }
}