/**
 * Dynamic Header CTA - Default Styles
 *
 * Provides basic, overridable styles for the header CTA for a better out-of-the-box experience.
 *
 * @since 1.0.0
 */

#header-cta-container a {
	/* A basic button style, easily customizable by the theme */
	display: inline-block;
	padding: 8px 16px;
	background-color: #0073aa; /* Default WordPress Blue */
	color: #fff;
	text-decoration: none;
	border-radius: 4px;
	font-weight: 600;
	text-align: center;
	transition: background-color 0.2s ease, opacity 0.2s ease;
}

#header-cta-container a:hover {
	background-color: #005a87;
}

/* Add a subtle animation when the CTA changes */
#header-cta-container > a {
	animation: dhc-fade-in 0.3s ease-in-out;
}

@keyframes dhc-fade-in {
	from {
		opacity: 0;
		transform: translateY(-5px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/**
 * Debugging Visuals
 *
 * These styles are only applied when the body has the .dhc-debug-enabled class,
 * which is added by the script when the `?dhc_debug=true` URL parameter is present.
 */
.dhc-debug-enabled .dhc-sentinel {
	height: 5px !important;
	background-color: rgba(255, 0, 255, 0.6); /* Magenta */
	margin: 10px 0;
	max-width: none !important;
	z-index: 9999;
	position: relative;
}

.dhc-debug-enabled .dhc-sentinel.dhc-sentinel--top {
	background-color: rgba(128, 128, 128, 0.5); /* Softer gray for top sentinel */
}

/* Center-band overlay: darken top/bottom regions leaving center band clear */
.dhc-debug-enabled .dhc-center-band-overlay {
	pointer-events: none;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 9998;
}

.dhc-debug-enabled .dhc-center-band-overlay::before,
.dhc-debug-enabled .dhc-center-band-overlay::after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.06); /* subtle darken */
}

/* top dark band (above center) */
.dhc-debug-enabled .dhc-center-band-overlay::before {
	top: 0;
	height: 45%;
}

/* bottom dark band (below center) */
.dhc-debug-enabled .dhc-center-band-overlay::after {
	bottom: 0;
	height: 45%;
}