/* [BEGIN: /home/nxscom/knox-conn.com/assets/css/pricing.css] */
/**
 * Knox-Conn.com Pricing Page Specific Styles
 */

.page-header-section {
    /* Optional styling */
}

/* Pricing Card Styling */
.card.pricing-card { /* Add this class if needed, otherwise style card directly */
    transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}

.card.pricing-card:hover,
.card.shadow:hover { /* Hover effect for highlighted card */
    transform: translateY(-5px);
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
}

.card-header {
    /* background-color: #f8f9fa; */ /* Default light header */
    border-bottom: 1px solid #dee2e6;
    padding: 1.25rem 1.5rem;
}

.card-header h4 {
    margin-bottom: 0;
    font-size: 1.1rem;
    font-weight: 500;
}

.pricing-card-title {
    margin-bottom: 0;
    font-size: 2.5rem; /* Make price prominent */
}

.pricing-card-title small {
    font-size: 0.85rem;
    vertical-align: middle;
}

.card ul li {
    padding: 0.25rem 0;
    font-size: 0.9rem;
}

/* Highlighted Plan Styles */
.card.border-primary {
    /* Primary border color already applied by Bootstrap class */
}
.card.border-primary .card-header {
   /* Primary bg color already applied by Bootstrap class */
}

.card.border-success {
    /* Success border color */
}
.card.border-success .card-header {
   /* Success bg color */
}


/* Storage Card Specifics */
.storage-pricing-card .icon-square {
    width: 50px;
    height: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.5rem;
    flex-shrink: 0;
}

/* FAQ Accordion Styling */
#faqAccordion .accordion-button {
    font-weight: 500;
    color: #212529;
}

#faqAccordion .accordion-button:not(.collapsed) {
    color: var(--bs-primary); /* Highlight color when open */
    background-color: #e7f1ff; /* Light primary background */
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.125);
}

#faqAccordion .accordion-button:focus {
    box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.25); /* Focus outline */
    border-color: rgba(var(--bs-primary-rgb), 0.5);
}

#faqAccordion .accordion-body {
    font-size: 0.95rem;
    line-height: 1.6;
}
#faqAccordion .accordion-body a {
    font-weight: 500;
}


/* [END: /home/nxscom/knox-conn.com/assets/css/pricing.css] */