/* Hostxolo - Orange Theme Override */

/* Override Bootstrap primary colors to orange */
.btn-primary {
    background-color: #f97316 !important;
    border-color: #f97316 !important;
}

.btn-primary:hover,
.btn-primary:focus {
    background-color: #ea580c !important;
    border-color: #ea580c !important;
}

.text-primary {
    color: #f97316 !important;
}

.bg-primary {
    background-color: #f97316 !important;
}

.border-primary {
    border-color: #f97316 !important;
}

.alert-primary {
    background-color: #fff7ed !important;
    border-color: #fed7aa !important;
    color: #9a3412 !important;
}

.progress-bar {
    background-color: #f97316 !important;
}

.nav-link.active,
.navbar-nav .nav-link:hover {
    color: #f97316 !important;
}

.form-control:focus {
    border-color: #f97316 !important;
    box-shadow: 0 0 0 0.2rem rgba(249, 115, 22, 0.25) !important;
}

.pagination .page-item.active .page-link {
    background-color: #f97316 !important;
    border-color: #f97316 !important;
}

.badge.bg-primary {
    background-color: #f97316 !important;
}

/* Custom hover states */
.hover-primary:hover {
    background-color: #f97316 !important;
    color: white !important;
}

/* Touch device optimizations */
.touch-device .btn:active,
.touch-device .nav-link:active,
.touch-device .card-link:active {
    transform: scale(0.98);
    transition: transform 0.1s ease;
}

.touch-device .touch-active {
    opacity: 0.8;
    transform: scale(0.95);
}

/* Mobile-friendly button sizes */
@media (max-width: 768px) {
    .btn {
        min-height: 44px;
        min-width: 44px;
        padding: 12px 20px;
    }
    
    .nav-link {
        min-height: 44px;
        display: flex;
        align-items: center;
        padding: 12px 16px;
    }
    
    .dropdown-item {
        min-height: 44px;
        display: flex;
        align-items: center;
        padding: 12px 16px;
    }
}
