/**
 * Theme Override Styles
 *
 * Custom CSS to override theme default styles for Elcogen project
 *
 * @package Elcogen_Elementor_Widgets
 */

/* ============================================
   Page Header - H1 Container
   ============================================ */

/* Override theme h1 container width with high specificity */
.site-main .page-header,
main .page-header,
.page-header {
	max-width: 1176px !important;
	width: 100% !important;
	margin-left: auto !important;
	margin-right: auto !important;
	box-sizing: border-box !important;
}

.site-main .page-header .entry-title,
main .page-header .entry-title,
.page-header .entry-title {
	width: 100% !important;
	max-width: 100% !important;
}

p a {
	text-decoration: underline solid 1px !important;
	color: #0c28c4 !important;
}

/* ============================================
   Cookiebot GDPR Dialog — Primary Button
   ============================================ */

#CybotCookiebotDialog .CybotCookiebotDialogBodyButton {
	background-color: var(--color-cobalt-blue-400) !important;
	border-color: var(--color-cobalt-blue-400) !important;
	color: var(--color-white) !important;
	border-radius: var(--radius-pill) !important;
}

#CybotCookiebotDialog .CybotCookiebotDialogBodyButton:hover,
#CybotCookiebotDialog .CybotCookiebotDialogBodyButton:focus {
	background-color: var(--color-cobalt-blue-500) !important;
	border-color: var(--color-cobalt-blue-500) !important;
	color: var(--color-white) !important;
}

/* ============================================
   Cookiebot Widget — Change Button
   ============================================ */

.CookiebotWidget-btn-change:not(.CookiebotWidget-show-consent-details),
#CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-change,
#CookiebotWidget-btn-withdraw {
	background-color: var(--color-cobalt-blue-400) !important;
	border-color: var(--color-cobalt-blue-400) !important;
	color: var(--color-white) !important;
	border-radius: var(--radius-pill) !important;
}

.CookiebotWidget-btn-change:not(.CookiebotWidget-show-consent-details):hover,
.CookiebotWidget-btn-change:not(.CookiebotWidget-show-consent-details):focus,
#CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-change:hover,
#CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-change:focus,
#CookiebotWidget-btn-withdraw:hover,
#CookiebotWidget-btn-withdraw:focus {
	background-color: var(--color-cobalt-blue-500) !important;
	border-color: var(--color-cobalt-blue-500) !important;
	color: var(--color-white) !important;
}

/* ============================================
   Cookiebot Widget — Show Details Button (text only, no background)
   ============================================ */

.CookiebotWidget-show-consent-details,
.CookiebotWidget-show-consent-details:hover,
.CookiebotWidget-show-consent-details:focus,
.CookiebotWidget-show-consent-details:active {
	background-color: transparent !important;
	background: transparent !important;
	border-color: transparent !important;
	color: var(--color-dark-neutral) !important;
}

/* ============================================
   Cookiebot Widget — Close Button
   ============================================ */

#CookiebotWidget .CookiebotWidget-header .CookiebotWidget-close {
	background: transparent !important;
}