/* Common styles (box-sizing, #eeUserDisplay, forms, notifications, .clearing)
   are in back-end/theme/css/theme.css */

/* Two-column layout */
#eeWrap {
	display: flex;
	gap: 2rem;
	align-items: flex-start;
}

#eeSiteNav {
	min-width: 200px;
	max-width: 260px;
	flex-shrink: 0;
	position: sticky;
	top: 16px;
	align-self: flex-start;
}

#eeSiteNav h3 {
	border-bottom: 1px solid #333;
	padding-bottom: 4px;
	margin-bottom: 8px;
}

#eeSiteSearch {
	width: 100%;
	box-sizing: border-box;
	padding: 5px 8px;
	margin-bottom: 6px;
	font-size: 0.9em;
	border: 1px solid #ccc;
	border-radius: 4px;
	outline: none;
}
#eeSiteSearch:focus {
	border-color: #0598f4;
}

#eeSiteNav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	max-height: 60vh;
	overflow-y: auto;
}

#eeSiteNav li {
	margin: 2px 0;
}

#eeSiteNav button[data-domain] {
	background: none;
	border: none;
	padding: 5px 8px;
	width: 100%;
	text-align: left;
	cursor: pointer;
	border-radius: 4px;
	font-size: 0.95em;
	color: #0598f4;
}

#eeSiteNav button[data-domain]:hover {
	background-color: #e8f4fd;
}

#eeSiteNav button.eeActiveSite {
	background-color: #0598f4;
	color: #fff;
	font-weight: bold;
}

#eeSiteNav li.eeStagingSite {
	padding-left: 16px;
}

#eeSiteNav li.eeStagingSite button[data-domain] {
	font-size: 0.88em;
	color: #666;
}

#eeSiteNav li.eeStagingSite button.eeActiveSite {
	background-color: #0598f4;
	color: #fff;
}

#eeContent {
	flex: 1;
	min-width: 0;
}

#eeWrap article {
	position: relative;
	padding: 10px;
}

#eeWrap article h3 {
	border-bottom: 1px solid #333;
	padding-bottom: 3px;
	margin-bottom: 10px;
}

#eeWrap article h4 {
	margin: 0;
	padding: 0;
	border: none;
}



/* Form Styles */

#eeWrap p {
	line-height: 1.4;
}

button a {
	font-size: 150%;
	text-decoration: none;
	color: black;
}

.form-buttons {
	margin-top:20px;
}

.itemInput {
	margin-left: 20px;
}

.itemInput input[type=checkbox] {
	display: inline-block;
	position: relative;
	top: 5px;
}

.domainUpdateForm input[type="submit"] {
	font-size: 90%;
}

.domainUpdateForm {
	margin-top: 20px;
	padding: 6px;
	border: 1px solid #DDD;
}


.convert-to-localhost {
	float: right;
}



/* TOOL TIPS — emoji trigger, no background circle */
sup.tip {
	background: none;
}

/* Common Styles */
#eeWrap .eeTextAlignRight {
	text-align: right;
}
#eeWrap .eeFloatRight {
	text-align: right;
	float: right;
}
#eeWrap .eeHide, #eeEditWrap {
	display: none;
}

/* Responsive adjustments */
@media (max-width: 768px) {
	.regProductItem {
		flex: 1 1 100%; /* Full width on smaller screens */
	}
}