/* Logo styling */
.logo-img {
    height: 60px;
    width: auto;
}

/* Search form custom styling */
.search-form .form-control {
    direction: rtl;
}

.search-form .form-control::placeholder {
    color: #999;
}

.search-form .form-control:focus {
    outline: none;
    box-shadow: none;
    border-color: #ced4da;
}

/* User Actions Styling */
.user-action {
    color: #333;
    transition: color 0.3s;
}

.user-action:hover {
    color: #3dcd58;
}

.action-label {
    font-size: 0.75rem;
    margin-top: 2px;
    white-space: nowrap;
}

/* Header Icon Loading Animation */
.user-action.loading i {
    animation: iconSpin 1s linear infinite;
}

@keyframes iconSpin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.user-action.loading {
    pointer-events: none;
    opacity: 0.7;
}

/* Mobile Responsive */
@media (max-width: 991px) {
    .container-fluid {
        padding: 0 15px;
    }
    
    .logo-img {
        height: 50px;
    }
    
    .search-form {
        max-width: 100% !important;
        margin: 10px 0;
    }
    
    /* Keep logo and user icon on same row in mobile */
    .header-content .row {
        align-items: center;
    }
    
    .header-content .col:not(.col-auto) {
        order: 3;
        width: 100%;
        margin-top: 10px;
    }
    
    .user-action .action-label {
        display: none;
    }
    
    .user-action {
        padding: 8px;
    }
}

@media (max-width: 576px) {
    .logo-img {
        height: 40px;
    }
    
    .btn {
        font-size: 0.9rem;
        padding: 8px 16px;
    }
    
    .form-control {
        font-size: 16px; /* Prevents zoom on iOS */
    }
}