/* Arshika Commerce Classes - Custom Styles */

/* Define custom color variable */
:root {
    --primary-blue: #005A9C;
}

/* Style the Navbar */
.navbar {
    background-color: var(--primary-blue);
}

.navbar-brand {
    font-weight: bold;
    font-size: 1.4rem;
}

/* Style Page Headings */
h1, h2, h3, h4, h5, h6 {
    color: var(--primary-blue);
    font-weight: 600;
}

/* Style Feature Icons on Homepage */
.feature-icon {
    font-size: 3rem; /* Make icons bigger */
    color: var(--primary-blue);
    margin-bottom: 1rem;
}

/* Card hover effect */
.card {
    transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}

.card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 16px rgba(0,0,0,0.1) !important;
}

/* Accordion button styling */
.accordion-button {
    font-weight: 500;
}

.accordion-button:not(.collapsed) {
    background-color: #e7f1ff;
    color: var(--primary-blue);
}

.accordion-button:focus {
    box-shadow: 0 0 0 0.25rem rgba(0, 90, 156, 0.25);
}