.wordle-date-input-wrapper {
	display: flex;
	align-items: center;
	gap: 24px; /* controls spacing between input and button */
}

.wordle-today-button {
	/* Optional: styling for the button */
	padding: 0.3rem 0.8rem;
	font-size: 0.8rem;
	cursor: pointer;
	margin-bottom: 5px;
}

.wordle__div-bottom {
	margin-bottom: 20px;
}

.wordle__edit-form {
	margin-top: 80px;
}

.wordle__add-form {
	margin-top: 80px;
	margin-left: 20px;
}

.word-link {
	color: #0000EE;
}

.word-link:hover {
	color: darkblue;
}


.include__solved-label {

}

.wordle__div-top {
	margin-top: 80px;
	text-align:center
}

.wordle__search-form {
	display: flex;
	flex-direction: column;
	max-width: 400px;
	gap: 10px;
	margin-top: 80px;
	margin-left: 20px;
}

.wordle__notes-label {
	margin-right: 110px;
}

.wordle__notes-input {
	white-space: pre-wrap;
	word-break: break-word; /* for unbreakable content */
	width: 100%; /* optional: makes it conform to parent td */
}

.wordle__notes-edit {
	width: 302px;
}


.wordle__date-label { 
	margin-right: 63px;
}

.wordle__answer-label {
	margin-right: 98px;
}

.wordle__input {
	width: 100%;
}

.checkbox__container {
	display: flex;
	align-items: center;
	font-size: 0.9rem;
	margin-bottom: 5px;
	margin-left:10px;
	gap:20px;
}

.checkbox__container-label {
	margin-left: 6px;
	white-space: nowrap;
}

/* Loading spinner styles */
.loading__placeholder {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100vh;
	font-size: 100.5rem;
	color: red;
}

.spinner {
	border: 4px solid #f3f3f3;
	border-top: 4px solid #3498db;
	border-radius: 50%;
	width: 30px;
	height: 30px;
	margin-right: 10px;
	animation: spin 2s linear infinite;
}

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

.attempts__list {
	list-style-type: none;
	padding-left: 0;
}

.goodletters__input {

}

.badletters__input {

}


.wordle__pass {
	background-color: white;
}

.wordle__fail {
	color: red;
	transition: all 0.2s;
	animation: blinker 1s linear infinite;
}

@keyframes blinker {
	50% {
		opacity: 0;
	}
}