/* Cancer Awareness Pink Theme
   Page-specific override for theme.json colors
*/

body.esc-pink-theme {
	--wp--preset--color--primary: #c2185b;
	--wp--preset--color--secondary: #ec407a;
	--wp--preset--color--light-gray: #fde7f0;
	--wp--preset--color--gray: #f8bbd0;
	--wp--preset--color--white: #ffffff;
	--wp--preset--color--black: #2a0b18;
	--wp--preset--gradient--black-to-blue-glow: linear-gradient(132deg, #2a0b18 5%, #c2185b 20%, #2a0b18 35%);
	--wp--preset--gradient--primary-to-secondary-blue: linear-gradient(90deg, #c2185b 0%, #ec407a 100%);
	--wp--preset--gradient--black-to-primary-blue: linear-gradient(0deg, #2a0b18 0%, #c2185b 100%);
}


/* Main page background/text */
body.esc-pink-theme {
	background: #fff5fa;
	color: var(--wp--preset--color--black);
}

/* Headings */
body.esc-pink-theme h1,
body.esc-pink-theme h2,
body.esc-pink-theme h3,
body.esc-pink-theme h4,
body.esc-pink-theme h5,
body.esc-pink-theme h6 {
	color: var(--wp--preset--color--primary);
}

/* Buttons */
body.esc-pink-theme .wp-block-button__link,
body.esc-pink-theme button,
body.esc-pink-theme input[type="submit"] {
	background-color: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--white);
	border-color: var(--wp--preset--color--primary);
}

body.esc-pink-theme .wp-block-button__link:hover,
body.esc-pink-theme button:hover,
body.esc-pink-theme input[type="submit"]:hover {
	background-color: var(--wp--preset--color--secondary);
	color: var(--wp--preset--color--white);
	border-color: var(--wp--preset--color--secondary);
}

/* Outline buttons */
body.esc-pink-theme .wp-block-button.is-style-outline .wp-block-button__link {
	background-color: transparent;
	color: var(--wp--preset--color--primary);
	border-color: var(--wp--preset--color--primary);
}

body.esc-pink-theme .wp-block-button.is-style-outline .wp-block-button__link:hover {
	background-color: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--white);
}

/* Navigation button */
body.esc-pink-theme .menu-button a,
body.esc-pink-theme .menu-button summary {
	background: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--white) !important;
	border-color: var(--wp--preset--color--white);
}

body.esc-pink-theme .menu-button a:hover,
body.esc-pink-theme .menu-button summary:hover {
	background: var(--wp--preset--color--secondary);
	color: var(--wp--preset--color--white) !important;
}

/* Desktop submenu */
body.esc-pink-theme .wp-block-navigation__submenu-container {
	border-color: var(--wp--preset--color--white) !important;
}

body.esc-pink-theme .wp-block-navigation__submenu-container .wp-block-navigation-item,
body.esc-pink-theme .wp-block-navigation__submenu-container .wp-block-navigation-item__content,
body.esc-pink-theme .wp-block-navigation__submenu-container .wp-block-navigation__submenu-toggle {
	background: var(--wp--preset--color--primary) !important;
	color: var(--wp--preset--color--white) !important;
}

body.esc-pink-theme .wp-block-navigation__submenu-container .wp-block-navigation-item:hover,
body.esc-pink-theme .wp-block-navigation__submenu-container .wp-block-navigation-item:hover > :is(.wp-block-navigation-item__content, .wp-block-navigation__submenu-toggle) {
	background: var(--wp--preset--color--secondary) !important;
	color: var(--wp--preset--color--white) !important;
}

/* Separators */
body.esc-pink-theme hr,
body.esc-pink-theme .wp-block-separator {
	color: var(--wp--preset--color--primary);
	border-color: var(--wp--preset--color--primary);
}

/* Arrow-down class */
body.esc-pink-theme .arrow-down::after {
	border-color: var(--wp--preset--color--primary) transparent transparent transparent;
}

body.esc-pink-theme .wp-block-group[style*="linear-gradient"] {
	background: linear-gradient(to top, #c2185b 24%, #c2185b 31%, rgba(255, 255, 255, 0) 42%, rgba(255, 255, 255, 0)) !important
}

body.esc-pink-theme .wp-image-212 {
	filter: url("#esc-pink-duotone") !important;
}

body.esc-pink-theme h2.choose-path-title,
body.esc-pink-theme .choose-path-title,
body.esc-pink-theme h2.title-bar,
body.esc-pink-theme .title-bar {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 1rem;
}

body.esc-pink-theme h2.choose-path-title::before,
body.esc-pink-theme h2.choose-path-title::after,
body.esc-pink-theme .choose-path-title::before,
body.esc-pink-theme .choose-path-title::after,
body.esc-pink-theme h2.title-bar::before,
body.esc-pink-theme h2.title-bar::after,
body.esc-pink-theme .title-bar::before,
body.esc-pink-theme .title-bar::after {
	content: "";
	display: block;
	width: 20%;
	max-width: 150px;
	height: 2px;
	background: var(--wp--preset--color--secondary); /* use your pink */
	flex-shrink: 0;
}

/*Column inside borders - PINK PAGE ONLY*/
body.esc-pink-theme .side-bars {
	display: flex;
}

/* columns + children */
body.esc-pink-theme .side-bars .wp-block-column,
body.esc-pink-theme .side-bars > .wp-block-group,
body.esc-pink-theme .side-bars > .wp-block-cover,
body.esc-pink-theme .side-bars > .wp-block-media-text,
body.esc-pink-theme .side-bars > .wp-block-stack,
body.esc-pink-theme .side-bars > * {
	position: relative;
	flex: 1 1 0;
	padding: 0 40px;
	box-sizing: border-box;
}

/* divider between items (pink version) */
body.esc-pink-theme .side-bars .wp-block-column:not(:last-child)::after,
body.esc-pink-theme .side-bars > .wp-block-group:not(:last-child)::after,
body.esc-pink-theme .side-bars > .wp-block-cover:not(:last-child)::after,
body.esc-pink-theme .side-bars > .wp-block-media-text:not(:last-child)::after,
body.esc-pink-theme .side-bars > .wp-block-stack:not(:last-child)::after,
body.esc-pink-theme .side-bars > *:not(:last-child)::after {
	content: "";
	position: absolute;
	top: 20px;
	right: -20px;
	width: 1px;
	height: calc(100% - 40px);
	background: var(--wp--preset--color--secondary);
}

/* gray variant (still scoped to pink page) */
body.esc-pink-theme .gray-side-bar .wp-block-column:not(:last-child)::after,
body.esc-pink-theme .gray-side-bar > .wp-block-group:not(:last-child)::after,
body.esc-pink-theme .gray-side-bar > .wp-block-cover:not(:last-child)::after,
body.esc-pink-theme .gray-side-bar > .wp-block-media-text:not(:last-child)::after,
body.esc-pink-theme .gray-side-bar > .wp-block-stack:not(:last-child)::after,
body.esc-pink-theme .gray-side-bar > *:not(:last-child)::after {
	content: "";
	position: absolute;
	top: 20px;
	right: -20px;
	width: 1px;
	height: calc(100% - 40px);
	background: var(--wp--preset--color--gray);
}

@media (max-width: 599px) {
	body.esc-pink-theme .wp-block-navigation__responsive-container,
	body.esc-pink-theme .wp-block-navigation__responsive-container.is-menu-open {
		background: linear-gradient(0deg, #2a0b18 0%, #c2185b 100%) !important;
	}

	body.esc-pink-theme .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container {
		position: static !important;
		width: 100% !important;
		height: auto !important;
		padding: 0 0 .5rem 1rem !important;
		margin: 0 !important;
		background: transparent !important;
		border: none !important;
		box-shadow: none !important;
		opacity: 1 !important;
		visibility: visible !important;
	}

	body.esc-pink-theme .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container .wp-block-navigation-item,
	body.esc-pink-theme .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container .wp-block-navigation-item__content,
	body.esc-pink-theme .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container .wp-block-navigation__submenu-toggle {
		background: transparent !important;
		color: #ffffff !important;
		border: 0 !important;
	}

	body.esc-pink-theme .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container .wp-block-navigation-item:hover,
	body.esc-pink-theme .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container .wp-block-navigation-item:hover > :is(.wp-block-navigation-item__content, .wp-block-navigation__submenu-toggle) {
		background: transparent !important;
		color: #ffffff !important;
	}
}