/* TurnKey Web Hosting Custom Styles */

/* TurnKey Brand Colors */
:root {
    --tkwh-primary: #232a31;
    --tkwh-secondary: #2d3640;
    --tkwh-accent: #2cc76a;
    --tkwh-light: #ccc;
    --tkwh-dark: #1a2026;
}

/* Header hover effects */
.main-navigation a:hover {
    color: var(--tkwh-accent) !important;
    transition: color 0.3s ease;
}

/* Button hover effects */
.btn-outline-light:hover {
    background-color: var(--tkwh-accent) !important;
    border-color: var(--tkwh-accent) !important;
    color: white !important;
}

/* Mobile menu toggle hover */
.navbar-toggler:hover span {
    background: var(--tkwh-accent) !important;
}

/* Footer link hover effects */
footer a:hover {
    color: var(--tkwh-accent) !important;
    transition: color 0.3s ease;
}

/* Hide the original Blesta header since we're replacing with TurnKey header */
.header {
    display: none !important;
}

/* Keep nav-content visible for Blesta functionality */

.title {
    display: none !important;
}

/* Custom styling for better mobile responsiveness */
@media (max-width: 991.98px) {
    .header-actions {
        margin-top: 15px;
    }
    
    .header-actions a {
        display: block;
        margin-bottom: 10px;
        text-align: center;
    }
}

/* Custom card styling to match TurnKey theme */
.card {
    border: none;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    border-radius: 8px;
}

.card-header {
    background-color: var(--tkwh-primary);
    color: white;
    border-radius: 8px 8px 0 0 !important;
}

/* Button styling to match brand */
.btn-primary {
    background-color: var(--tkwh-accent);
    border-color: var(--tkwh-accent);
}

.btn-primary:hover {
    background-color: #228a55;
    border-color: #228a55;
}

/* Form styling improvements */
.form-control:focus {
    border-color: var(--tkwh-accent);
    box-shadow: 0 0 0 0.2rem rgba(44, 199, 106, 0.25);
}

/* Link color adjustments */
a {
    color: var(--tkwh-accent);
}

a:hover {
    color: #228a55;
}

/* Table styling improvements */
.table th {
    background-color: var(--tkwh-primary);
    color: white;
    border: none;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(44, 199, 106, 0.05);
}

/* Alert styling to match brand */
.alert-info {
    background-color: rgba(44, 199, 106, 0.1);
    border-color: var(--tkwh-accent);
    color: var(--tkwh-primary);
}

/* Progress bar styling */
.progress-bar {
    background-color: var(--tkwh-accent);
}

/* Badge styling */
.badge-primary {
    background-color: var(--tkwh-accent);
}

.badge-secondary {
    background-color: var(--tkwh-primary);
}