/* Experience Page Specific Styles */

/* Experience Grid Styles */
.experience-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}
.experience-grid .col-md-6 {
    flex: 1 1 45%;
    max-width: 45%;
}
@media (max-width: 768px) {
    .experience-grid .col-md-6 {
        flex: 1 1 100%;
        max-width: 100%;
    }
}

/* Accordion Styles */
.accordion .card-header {
    cursor: pointer;
}
/* Accordion button text color */
.accordion .card-header .btn-link {
    color: #007bff !important; /* Bootstrap primary blue */
    width: 100%;
    text-align: left;
    text-decoration: none;
}
.accordion .card-header .btn-link i {
    transition: transform 0.3s ease;
}
/* Rotate chevron icon when accordion is expanded */
.accordion .card-header .btn-link[aria-expanded="true"] i {
    transform: rotate(180deg); /* Flips the chevron icon upside down when section is open */
}

/* Compact experience section layout */
.experience-section {
    background-color: transparent;
    padding: 20px 0;
    margin-top: 0;
}

/* Accordion styling to improve readability */
.accordion .card {
    margin-bottom: 15px;   /* Space between accordion items */
    border: 1px solid #e0e0e0; /* Subtle border for visual separation */
}
.accordion .card-header {
    background-color: #f8f9fa; /* Light background for header */
    padding: 10px 15px;    /* Comfortable padding */
}
.accordion .card-body {
    padding: 15px;         /* Consistent padding inside accordion body */
}

/* Accordion header content styling */
.accordion .card-header .accordion-header-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.accordion .card-header .accordion-header-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-grow: 1;
    margin-right: 15px;
}

.accordion .card-header .expand-icon {
    color: #007bff;
    font-size: 1.2em;
    transition: transform 0.3s ease;
}

.accordion .card-header .btn-link.collapsed .expand-icon {
    transform: rotate(0deg);
}

.accordion .card-header .btn-link:not(.collapsed) .expand-icon {
    transform: rotate(180deg);
}

.accordion .card-header .accordion-header-content .position {
    font-weight: bold;
    color: #007bff;
}

.accordion .card-header .accordion-header-content .period {
    color: #6c757d;
    font-size: 0.9em;
}

.accordion .card-header .accordion-header-content .company {
    color: #28a745;
    font-size: 0.9em;
}

/* Hero header styling */
.hero {
    background-color: transparent !important;
    padding: 0 !important;
    margin-bottom: 0 !important;
}
.hero .navbar {
    padding: 10px 0;
}

/* Tight layout between header and main content */
body {
    display: flex;
    flex-direction: column;
}
main {
    margin-top: -20px; /* Pull main content up */
    padding-top: 0;
}