/* [BEGIN: /home/nxscom/knoxbrand.com/assets/css/style.css] */
/* Description: Custom CSS styles for KnoxBrand.com */

/* Ensure footer stays at the bottom */
body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

main {
    flex: 1 0 auto;
}

.footer {
    flex-shrink: 0;
}

/* Navigation Bar Customizations */
.navbar-brand i {
    color: #0d6efd; /* Bootstrap primary blue */
}

.navbar-dark .navbar-nav .nav-link.active {
    font-weight: bold;
}

.dropdown-menu i {
    width: 1.25em; /* Align icons in dropdown */
}

/* Hero Section Styling */
.p-5.bg-light.rounded-3 {
    border: 1px solid #dee2e6; /* Add a subtle border */
}

/* Card Header Colors (Examples - can be adjusted) */
/* Using inline styles in the PHP for now, but could define classes here */
.border-purple { border-color: #6f42c1 !important; }
.bg-purple { background-color: #6f42c1 !important; }
.text-purple { color: #6f42c1 !important; }
.btn-outline-purple {
    --bs-btn-color: #6f42c1;
    --bs-btn-border-color: #6f42c1;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #6f42c1;
    --bs-btn-hover-border-color: #6f42c1;
    --bs-btn-focus-shadow-rgb: 111, 66, 193;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #6f42c1;
    --bs-btn-active-border-color: #6f42c1;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #6f42c1;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #6f42c1;
    --bs-gradient: none;
}


.border-orange { border-color: #fd7e14 !important; }
.bg-orange { background-color: #fd7e14 !important; }
.text-orange { color: #fd7e14 !important; }

/* Ensure images in cards don't overflow */
.card-img-top {
    max-height: 200px; /* Adjust as needed */
    object-fit: cover;
}

/* Style for search results snippets */
.list-group-item p {
    font-size: 0.9rem;
    color: #6c757d; /* text-muted */
}

/* Footer Styling */
.footer a.text-white-50:hover {
    color: #adb5bd !important; /* Lighter gray on hover */
}
.footer a.text-white:hover {
    color: #dee2e6 !important; /* Lighter white on hover */
}

/* Utility Classes */
.fa-xs {
    font-size: 0.75em;
    vertical-align: middle;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .display-5 {
        font-size: 2.5rem;
    }
    .lead {
        font-size: 1rem;
    }
}

/* Style for the global search input to make it slightly more prominent */
#mainNavbar .form-control[type="search"] {
    min-width: 200px; /* Adjust as needed */
}

/* Loading indicator for AJAX */
.loading-indicator {
    display: none; /* Hidden by default */
    text-align: center;
    padding: 20px;
    color: #6c757d;
}
.loading-indicator i {
    margin-right: 5px;
}

/* [END: /home/nxscom/knoxbrand.com/assets/css/style.css] */