/* Schools Tab Accordion Styles */
.abv-tabs-accordion-wrap {
    margin-bottom: 2em;
}
.school-type-title {
    font-size: 1.5em;
}
.abv-accordions {
    margin-bottom: 1em;
}
.abv-accordion-item {
    border-bottom: 1px solid #eee;
    margin-bottom: 2px;
}
.abv-accordion-title {
    background: #f1efef;
    color: inherit;
    cursor: pointer;
    padding: 1em;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 1em;
    transition: background 0.2s;
    border-radius: 0;
}
.abv-accordion-title:hover,
.abv-accordion-title.active {
    background: #e0e0e0;
    color: inherit;
}
.abv-accordion-content {
    display: none;
    padding: 1em;
    background: #fafafa;
}
.abv-accordion-content.open {
    display: block;
}
.abv-accordion-content .school-row {
    margin-bottom: 20px;
}

/* Tab Interface Styling */
.abv-tabs-interface {
    margin-bottom: 2em;
}
.abv-tabs-list {
    display: flex;
    flex-wrap: wrap;
    background: #e0e0e0;
    border-bottom: 1px solid #eee;
    margin: 0 0 2px 0;
    padding-left: 0;
    list-style: none;
}
.abv-tabs {
    cursor: pointer;
    padding: 1em 2em;
    border: none;
    border-right: 1px solid #eee;
    font-size: 1em;
    transition: background 0.2s, color 0.2s;
    margin: 0;
}
.abv-tabs:last-child {
    border-right: none;
}
.abv-tabs.active,
.abv-tabs:hover {
    background: #f1efef;
}

/*  */
.abv-tabs-list {
	background:none;
	border-bottom:unset;
	margin:0;
	gap: 8px;
}

.abv-tabs {
	background-color: var(--global-palette7);
	font-weight:bold;
	color: var(--global-palette1);
}

.abv-tabs.active {
	color:white;
	font-weight:bold;
	background-color: var(--global-palette2);
}

.abv-tabs-content {
	padding:24px;
	border: 1px solid #e6e6e6;
	background-color:white;
}

.abv-accordion-title {
	color:var(--global-palette2);
	border-bottom:1px solid #e6e6e6;
	border-top:1px solid #e6e6e6;
	border-right:1px solid #e6e6e6;
	border-left:2px solid #e6e6e6;
}

.abv-accordion-title, .abv-accordion-title.active {
	background-color: white;
	font-weight:bold;
}

.abv-accordion-title.active {
		border-left:2px solid var(--global-palette2);
	box-shadow:unset;
}

.abv-accordion-item {
	border-bottom:unset;
	margin-bottom:15px;
}

.abv-accordion-content {
	background:unset;
}

/* Right-side arrow indicator for accordion titles */
.abv-accordion-title {
    position: relative;
    padding-right: 2.4rem; /* space for the arrow */
}

.abv-accordion-title::after {
    content: '';
    position: absolute;
    right: 0.9rem;
    top: 50%;
    pointer-events: none;
    border-right: 2px solid black;
    border-bottom: 2px solid black;
    border-color: var(--global-palette4);
    width: 10px;
    height: 10px;
    transform: translateY(-50%) rotate(45deg);
}

.abv-accordion-title.active::after {
    transform: translateY(-50%) rotate(225deg); /* chevron flips when open */
}

/* Ensure focus styles still visible when arrow present */
.abv-accordion-title:focus {
    outline: 2px solid rgba(0,0,0,0.12);
}