/* 
  -----------------------------------
  Omni Panel Magic - Accessible Version
  Adjusted for ADA/WCAG Contrast Compliance
  -----------------------------------
*/

.p7OPM-06.p7OPM {
	padding: 0px;
}

/* Primary Color Rules */
.p7OPM-06 .opm-panel-wrapper {
	color: #000;
}
.p7OPM-06 .opm-tabs-wrapper a {
	background-color: #FFF;
	color: #444; /* darker grey for better contrast */
}

.p7OPM-06 .opm-tabs-wrapper a:hover {
	color: #000;
	background-color: rgb(180,180,160);
}

.p7OPM-06 .opm-tabs-wrapper a.open {
	background-color: #A63A3C; /* ✅ Darker red than #CD5C5E for higher contrast */
	color: #FFF; /* White text now passes contrast */
	font-weight: 700;
}

/* Transition and spacing */
.p7OPM-06 .opm-tabs-wrapper a {
	transition: color 0.3s, background-color 0.3s;
	position: relative;
	padding: 10px 15px;
}

/* Current Tab Marker */
.p7OPM-06 .opm-tabs-wrapper a:before {
	position: absolute;
	left: 50%;
	top: 75%;
	color: transparent;
	content: '•';
	text-shadow: 0 0 transparent;
	font-size: 28px;
	transition: text-shadow 0.3s, color 0.3s;
	transform: translateX(-50%);
}
.p7OPM-06.opm-v-tabs .opm-tabs-wrapper a:before {
	top: 70%;
}
.p7OPM-06 .opm-tabs-wrapper a:hover:before {
	color: #444; /* darker grey for accessibility */
	text-shadow: 10px 0 #444, -10px 0 #444;
}
.p7OPM-06 .opm-tabs-wrapper a.open:before {
	color: #A63A3C; /* matches darker red */
	text-shadow: 10px 0 #A63A3C, -10px 0 #A63A3C;
	left: 50%;
}

/* Accordion Mode (Phone View) */
.p7OPM-06 .opm-accordion-trig a {
	background-color: #777; /* darker grey for contrast */
	color: #FFF;
	padding: 12px;
}
.p7OPM-06 .opm-accordion-trig a:hover {
	background-color: #555;
	color: #FFF;
}
.p7OPM-06 .opm-accordion-trig a.open {
	background-color: #333;
	color: #FFF;
}
.p7OPM-06 .opm-accordion-trig a {
	border: none;
	border-bottom: 1px solid rgba(0,0,0,0.2);
}
