/*
Theme Name:     Listify Child
Theme URI:      https://astoundify.com/products/listify/
Template:       listify
Version:        1.1
*/

/* Social profile icon buttons (replace text links on single listings) */
.social-profiles {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0;
	padding: 0;
}
.social-profiles li {
	margin: 0;
}
.social-profiles a.acg-social-button {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background-color: #5C8C7E;
	color: #EAD2AC;
	font-size: 18px;
	text-decoration: none;
	transition: background-color 0.2s ease, transform 0.15s ease;
}
.social-profiles a.acg-social-button:hover,
.social-profiles a.acg-social-button:focus {
	background-color: #93321E;
	color: #EAD2AC;
	transform: translateY(-2px);
}
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	word-wrap: normal !important;
}

/* Dark mode toggle button */
#acg-dark-toggle {
	position: fixed;
	bottom: 24px;
	right: 24px;
	width: 52px;
	height: 52px;
	border-radius: 50%;
	border: none;
	background-color: #363821;
	color: #EAD2AC;
	font-size: 22px;
	line-height: 1;
	cursor: pointer;
	z-index: 9999;
	box-shadow: 0 2px 10px rgba(0,0,0,0.3);
	transition: background-color 0.2s ease, transform 0.15s ease;
}
#acg-dark-toggle:hover {
	background-color: #93321E;
	transform: translateY(-2px);
}
html[data-theme="dark"] #acg-dark-toggle {
	background-color: #CC8F35;
	color: #363821;
}

/* Dark mode theme overrides, using the real brand palette */
html[data-theme="dark"] body,
html[data-theme="dark"] .site-content,
html[data-theme="dark"] .content-area,
html[data-theme="dark"] .site {
	background-color: #2A2B1A !important;
	color: #EAD2AC !important;
}
html[data-theme="dark"] .site-header,
html[data-theme="dark"] .main-navigation,
html[data-theme="dark"] .secondary-navigation,
html[data-theme="dark"] .tertiary-navigation {
	background-color: #363821 !important;
	color: #EAD2AC !important;
}
html[data-theme="dark"] .main-navigation a,
html[data-theme="dark"] .secondary-navigation a,
html[data-theme="dark"] .site-header a,
html[data-theme="dark"] .entry-title a,
html[data-theme="dark"] h1, html[data-theme="dark"] h2, html[data-theme="dark"] h3,
html[data-theme="dark"] h4, html[data-theme="dark"] h5 {
	color: #EAD2AC !important;
}
html[data-theme="dark"] .widget,
html[data-theme="dark"] .job_listing,
html[data-theme="dark"] .entry-content,
html[data-theme="dark"] .card,
html[data-theme="dark"] .white-bg,
html[data-theme="dark"] .listing-card,
html[data-theme="dark"] .comment_main_content,
html[data-theme="dark"] input[type="text"],
html[data-theme="dark"] input[type="email"],
html[data-theme="dark"] input[type="search"],
html[data-theme="dark"] textarea,
html[data-theme="dark"] select {
	background-color: #3B3D26 !important;
	color: #EAD2AC !important;
	border-color: #565933 !important;
}
html[data-theme="dark"] p,
html[data-theme="dark"] li,
html[data-theme="dark"] span,
html[data-theme="dark"] .job_listing-location,
html[data-theme="dark"] label {
	color: #EAD2AC !important;
}
html[data-theme="dark"] a {
	color: #CC8F35 !important;
}
html[data-theme="dark"] .button,
html[data-theme="dark"] button:not(#acg-dark-toggle),
html[data-theme="dark"] input[type="submit"] {
	background-color: #CC8F35 !important;
	color: #2A2B1A !important;
	border-color: #CC8F35 !important;
}
html[data-theme="dark"] .site-footer,
html[data-theme="dark"] .widget-area-footer,
html[data-theme="dark"] footer {
	background-color: #1F2014 !important;
	color: #EAD2AC !important;
}
html[data-theme="dark"] .social-profiles a.acg-social-button {
	background-color: #CC8F35;
	color: #2A2B1A;
}
html[data-theme="dark"] .social-profiles a.acg-social-button:hover,
html[data-theme="dark"] .social-profiles a.acg-social-button:focus {
	background-color: #EAD2AC;
	color: #2A2B1A;
}