/*
* Cookie Consent - Site Theme Override
* Restyles vendor/cookieconsent (Orestbida's vanilla-cookieconsent) to match
* Tyne Rope Access's palette/font instead of the library's default look.
* Colour values below are pulled from css/brand-colors.css
* (--primary, --dark, --grey, --grey-100, --grey-200) rather than hard-coded
* independently, so it stays in sync if the brand palette ever changes there.
* Must load AFTER vendor/cookieconsent/cookieconsent.css so these values win.
*/
:root {
	--cc-font-family: "Poppins", Arial, sans-serif;
	--cc-bg: #FFF;
	--cc-primary-color: #212529;
	--cc-secondary-color: #696969;

	--cc-btn-primary-bg: #E04622;
	--cc-btn-primary-color: #FFF;
	--cc-btn-primary-border-color: #E04622;
	--cc-btn-primary-hover-bg: #c23c1c;
	--cc-btn-primary-hover-color: #FFF;
	--cc-btn-primary-hover-border-color: #c23c1c;

	--cc-btn-secondary-bg: #f4f4f4;
	--cc-btn-secondary-color: #212529;
	--cc-btn-secondary-border-color: #f4f4f4;
	--cc-btn-secondary-hover-bg: #eaeaea;
	--cc-btn-secondary-hover-color: #212529;
	--cc-btn-secondary-hover-border-color: #eaeaea;

	--cc-toggle-on-bg: #E04622;
	--cc-toggle-off-bg: #969696;
	--cc-toggle-readonly-bg: #dbdbdb;

	--cc-link-color: #E04622;

	/* Site buttons are square (Bootstrap "rounded-0") - match that instead of
	   the library's default rounded corners. */
	--cc-modal-border-radius: 0;
	--cc-btn-border-radius: 0;
	--cc-pm-toggle-border-radius: 4em;

	--cc-cookie-category-block-bg: #f4f4f4;
	--cc-cookie-category-block-border: #eaeaea;
	--cc-cookie-category-block-hover-bg: #eaeaea;
	--cc-cookie-category-block-hover-border: #eaeaea;
	--cc-cookie-category-expanded-block-hover-bg: #eaeaea;

	--cc-footer-bg: #f4f4f4;
	--cc-footer-border-color: #eaeaea;

	--cc-overlay-bg: rgba(33, 37, 41, .55);
}

/* Slightly smaller/tighter than the library default so the corner popup
   reads as a slim, unobtrusive box rather than a modal. */
#cc-main .cm {
	font-size: 14px;
	max-width: 360px;
	box-shadow: 0 0.5rem 2rem rgba(33, 37, 41, .15);
}

#cc-main .cm__title {
	font-weight: 700;
}