/* --- Søgeboks: inputfelt & knap ---------------------------------- */
.AubInputAndSearch{
	display:flex;            /* sikrer at input og knap ligger på linje */
	width:100%;              /* fylder hele wrapperens bredde           */
	gap:var(--spacing--sm);  /* eksisterende spacing-token              */
}

/* Selve inputfeltet */
.AubInputBox{
	background-color:transparent;     /* transparent baggrund             */
	border-top:2px solid transparent;     /* ingen synlig kant før fokus       */
	border-left:2px solid transparent; 
	border-right:2px solid transparent; 
	border-bottom:2px solid var(--color-white); 
	padding:0.7rem 1rem;
	color:inherit;
	flex:1 1 0;                       /* tager al ledig plads              */
	width:100%;                       /* fallback i ældre browsere         */
	transition:border-color .15s;
}

/* Highlight når input er aktivt/får fokus */
.AubInputBox:focus{
	outline:none;                     /* fjern browser-default outline     */
	border-color:var(--color-white);  /* eller fx var(--color-primary)     */
	border-radius:4px;                /* lille afrunding (valgfrit)        */
}

/* Søgeknappen */
.AubSearchButton{
	flex:0 0 auto;          /* bevarer sin bredde men kan ikke skubbes  */
	padding:0.7rem 1.2rem;
	background:var(--color-white);
	color:var(--color-aub-primary);
	border:0;
	cursor:pointer;
}

/* Responsivt brud – på meget smalle skærme lægges de under hinanden */
@media (max-width:480px){
	.AubInputAndSearch{flex-direction:column;}
	.AubSearchButton{width:100%;}
}

/* --- Søgeboks: inputfelt & knap ---------------------------------- */
.AubInputAndSearch{
	display:flex;            /* sikrer at input og knap ligger på linje */
	width:100%;              /* fylder hele wrapperens bredde           */
	gap:var(--spacing--sm);  /* eksisterende spacing-token              */
}

/* Selve inputfeltet */
.AubInputBox{
	background-color:transparent; 
	border-bottom:2px solid white;     /* ingen synlig kant før fokus       */
	padding:0.7rem 1rem;
	color:inherit;
	flex:1 1 0;                       /* tager al ledig plads              */
	width:100%;                       /* fallback i ældre browsere         */
	transition:border-color .15s;
}

/* Highlight når input er aktivt/får fokus */
.AubInputBox:focus{
	outline:none;                     /* fjern browser-default outline     */
	border-color:var(--color-white);  /* eller fx var(--color-primary)     */
	border-radius:4px;                /* lille afrunding (valgfrit)        */
}

/* Søgeknappen */
.AubSearchButton{
	flex:0 0 auto;          /* bevarer sin bredde men kan ikke skubbes  */
	padding:0.7rem 1.2rem;
	background:var(--color-white);
	color:var(--color-aub-primary);
	border:0;
	cursor:pointer;
}

/* Responsivt brud – på meget smalle skærme lægges de under hinanden */
@media (max-width:480px){
	.AubInputAndSearch{flex-direction:column;}
	.AubSearchButton{width:100%;}
}

.AubSearchBox_AubSearchBox__searchWrapper__8ZbzF {
	border-bottom: 0px;
}

.AubInputBox::placeholder {
  color: var(--color-white);
  opacity: 1; /* Firefox */
}