/* =====================================================
   CHECKER CONTAINER
   ===================================================== */
.nbn-check {
	max-width: 100%;
}

.nbn-check label {
	color: white;
}

/* =====================================================
   ADDRESS INPUT
   ===================================================== */
.nbn-check .nbn-address {
	width: 100%;
	padding: 10px 12px;
	margin-bottom: 15px;
	border: 1px solid #ccc;
	border-radius: 35px;
	font-size: 16px;
	box-sizing: border-box;
	color: var(--secondary);
}

/* =====================================================
   BUTTONS CONTAINER
   ===================================================== */
.nbn-check .nbn-buttons {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
}

/* =====================================================
   BUTTONS
   ===================================================== */
.nbn-check .nbn-btn {
	flex: 1;
	padding: 10px 15px;
	background-color: var(--secondary-dark);
	color: var(--accent);
	border: none;
	border-radius: 35px;
	cursor: pointer;
	font-size: 16px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	transition: background-color 0.3s ease, color 0.3s ease;
	text-transform: uppercase;
	font-weight: 600;
}

/* Hover */
.nbn-check .nbn-btn:hover {
	background-color: var(--primary);
}

/* =====================================================
   ICON ANIMATION
   ===================================================== */
.nbn-check .nbn-btn i.fas.fa-angle-right {
	margin-left: 8px;
	transition: transform 0.2s ease;
}

.nbn-check .nbn-btn:hover i.fas.fa-angle-right {
	transform: translateX(3px);
}

/* =====================================================
   INLINE RESULT MESSAGES
   ===================================================== */
.nbn-check .nbn-result {
	margin-top: 15px;
	font-size: 15px;
	line-height: 1.5;
}

/* =====================================================
   RESULTS PAGE OUTPUT
   ===================================================== */
#nbn-results-content {
	font-size: 16px;
	line-height: 1.6;
}

#nbn-results-content h3 {
	margin-bottom: 10px;
}

#nbn-results-content p {
	margin-bottom: 8px;
}

#nbn-results-content .nbn-clear-wrapper {
	margin-top: 15px;
}

#nbn-results-content .nbn-clear-wrapper a {
	color: var(--accent);
	text-decoration: underline;
	cursor: pointer;
}

/* =====================================================
   MOBILE
   ===================================================== */
@media (max-width: 500px) {
	.nbn-check .nbn-buttons {
		flex-direction: column;
	}
}