/* (1) ORIGINAL CSS (skal være 1:1) */
.accordion {
	 margin-bottom: 0.1rem;
	/* BODY / CONTENT */
	/*HEADER*/
	/*BUTTON */
}
 .accordion .accordion-body {
	 border: none;
	 padding: 0.5rem 0 1rem 0;
	/* your old &-content rules mapped here */
	 padding-left: 10px;
}
 .accordion .accordion-body p {
	 margin-bottom: 0.4rem;
	 font-weight: 300;
}
 @media (max-width: 1200px) and (min-width: 991px) {
	 .accordion .accordion-body {
		 font-size: 0.9rem;
	}
}
 @media (max-width: 767px) {
	 .accordion .accordion-body {
		 font-size: 0.9rem;
		 padding-left: 0;
		 padding-top: 0;
	}
}
 .accordion .accordion-header {
	 margin-bottom: 0;
}
 .accordion .accordion-button {
	 background-color: transparent;
	 box-shadow: none;
	 outline: none;
	 border: 1px solid #3e3e3e 48;
	 border-left: none;
	 border-right: none;
	 border-bottom: none;
	 width: 100%;
	 text-align: left;
	 font-weight: 400;
	 padding: 10px 10px 10px 10px;
	 border-radius: 0;
	 color: var(--dark);
	 font-size: 1.2rem;
	 transition: color 0.3s ease-in;
	 position: relative;
	 padding-right: 2rem;
	 cursor: pointer;
	/* when open */
}
 .accordion .accordion-button::after {
	 content: "\2b";
	/* plus sign */
	 font-family: "Font Awesome 6 Pro";
	 font-weight: 500;
	 font-size: 1rem;
	 position: absolute;
	 right: 2%;
	 color: var(--dark);
	 opacity: 1;
	 transition: opacity 0.25s ease, color 0.25s ease;
	 pointer-events: none;
}
 @media (max-width: 576px) {
	 .accordion .accordion-button::after {
		 font-size: 0.95rem;
	}
}
 .accordion .accordion-button[aria-expanded="true"], .accordion .accordion-button:not(.collapsed) {
	 color: var(--cta);
}
 .accordion .accordion-button[aria-expanded="true"]::after, .accordion .accordion-button:not(.collapsed)::after {
	 content: "\f068";
	/* minus symbol in Font Awesome */
	 opacity: 1;
	 color: var(--cta);
}
 .accordion .accordion-button:hover {
	 color: var(--cta);
}
 .accordion .accordion-button:hover::after {
	 color: var(--cta);
}
 @media (max-width: 1200px) and (min-width: 576px) {
	 .accordion .accordion-button {
		 font-size: 1rem;
	}
}
 @media (max-width: 576px) {
	 .accordion .accordion-button {
		 font-size: 0.95rem;
		 padding: 10px 0 5px 0;
		 padding-right: 2rem;
	}
}
 .accordion .accordion-item:last-child {
	 border-bottom: 1px solid #3e3e3e 48;
}

/* (2) NYE OVERRIDES – for at få boksen/FAQ til at ligne layoutet på dit reference-billede */

/* Boksen (gælder alle FAQ-bokse, når de er indpakket som i markup: .p-4.bg-white.shadow-sm) */
.p-4.bg-white.shadow-sm{
	max-width: 760px;
	margin: 0 auto;
	padding: 28px 34px !important;
	border-radius: 6px;
	box-shadow: 0 8px 24px rgba(0,0,0,0.10) !important;
}

@media (max-width: 767px){
	.p-4.bg-white.shadow-sm{
		max-width: 100%;
		padding: 18px 18px !important;
		border-radius: 6px;
	}
}

/* Titel inde i boksen */
.p-4.bg-white.shadow-sm > h2{
	margin: 0 0 14px 0;
	padding: 0 0 12px 0;
	font-size: 1.6rem;
	font-weight: 600;
	border-bottom: 1px solid rgba(0,0,0,0.25);
}

/* Accordion: fjern “bootstrap look” og lav linjer som på billedet */
.p-4.bg-white.shadow-sm .accordion{
	margin-bottom: 0;
}

.p-4.bg-white.shadow-sm .accordion-item{
	background: transparent;
	border: 0;
	border-radius: 0;
}

.p-4.bg-white.shadow-sm .accordion-header{
	border-top: 1px solid rgba(0,0,0,0.25);
}

.p-4.bg-white.shadow-sm .accordion-item:last-child .accordion-header{
	border-bottom: 1px solid rgba(0,0,0,0.25);
}

/* Spørgsmål-linjen */
.p-4.bg-white.shadow-sm .accordion-button{
	border: 0 !important;
	padding: 12px 0 !important;
	font-size: 1.05rem;
	font-weight: 400;
	color: #111 !important;
}

/* Plus/minus til højre (som på billedet) */
.p-4.bg-white.shadow-sm .accordion-button::after{
	font-family: inherit !important;
	font-weight: 400 !important;
	right: 0 !important;
	content: "+" !important;
	color: #111 !important;
	font-size: 1.35rem !important;
	line-height: 1 !important;
}

.p-4.bg-white.shadow-sm .accordion-button[aria-expanded="true"]::after,
.p-4.bg-white.shadow-sm .accordion-button:not(.collapsed)::after{
	content: "−" !important;
}

/* Svar-tekst + linjeafstand som på billedet */
.p-4.bg-white.shadow-sm .accordion-body{
	padding: 10px 0 16px 0 !important;
	padding-left: 0 !important;
}

.p-4.bg-white.shadow-sm .accordion-body p{
	margin: 0 0 12px 0;
	font-weight: 300;
	line-height: 1.7;
}

.p-4.bg-white.shadow-sm .accordion-body p:last-child{
	margin-bottom: 0;
}