/*
 * Cookie banner — centered floating sheet on the DESIGN.md tokens.
 * ---------------------------------------------------------------------------
 *
 * A lifted, centered card: white, 12px radius, capped at 720px, floating
 * max(16px, env(safe-area-inset-bottom)) off the bottom edge. ~100% of
 * campaign traffic arrives in the Facebook and Instagram in-app browsers,
 * which draw their own toolbar across the bottom of the viewport — the float
 * plus the env() term keeps both decisions clear of it.
 *
 * Every rule is `html body #cookie-notice …` with !important, and that is not
 * cargo-culting: Cookie Notice prints a second stylesheet late in the
 * document that re-declares button radius (32px), strips the refuse button's
 * border, and pins `min-width: 100%` on the bar. The first version of this
 * file used ordinary specificity, lost all three contests silently, and
 * production rendered a design nobody had approved — a capsule Accept next
 * to a borderless Refuz. Higher specificity plus !important wins regardless
 * of where the plugin's late block lands. `min-width: 0` below is what lets
 * the card be narrower than the viewport at all.
 *
 * `display` is never set on #cookie-notice: the plugin shows and hides the
 * banner through .cookie-notice-hidden and jQuery's fade, and a display rule
 * here would beat both and pin the banner open forever. Pinning the geometry
 * with !important creates the same trap one layer down — the plugin's hidden
 * state moves the bar off-screen with a rule these overrides would crush, so
 * the .cookie-notice-hidden block at the end of this file re-hides the card
 * explicitly. Without it, Refuz sets the cookie and the banner stays put.
 */

html body #cookie-notice {
	position: fixed !important;
	top: auto !important;
	left: 50% !important;
	right: auto !important;
	transform: translateX(-50%) !important;
	bottom: 16px !important;
	bottom: max(16px, env(safe-area-inset-bottom)) !important;
	min-width: 0 !important;
	width: min(720px, calc(100% - 32px)) !important;
	background-color: #ffffff !important;
	border: 1px solid #e9e9e9 !important;
	border-radius: 12px !important;
	box-shadow: 0 16px 48px rgba(0, 0, 0, 0.16) !important;
	overflow: hidden;
	z-index: 100000;
}

html body #cookie-notice .cookie-notice-container,
html body #cookie-notice .cookie-revoke-container {
	box-sizing: border-box;
	max-width: none !important;
	margin: 0 !important;
	padding: 22px 24px !important;
	/* Never !important: the plugin parks the revoke container behind an
	   inline display:none and toggles the two containers inline. Forcing
	   display here surfaces "Setări cookie-uri" inside the first-visit card. */
	display: flex;
	flex-direction: column !important;
	align-items: center !important;
	gap: 14px !important;
	text-align: center !important;
	color: #1a1a1a !important;
	font-family: Raleway, -apple-system, "Helvetica Neue", Arial, sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.55;
}

html body #cookie-notice #cn-notice-text,
html body #cookie-notice #cn-revoke-text {
	display: block;
	flex: none !important;
	margin: 0 !important;
	padding: 0 !important;
	color: #1a1a1a !important;
}

html body #cookie-notice #cn-notice-buttons,
html body #cookie-notice #cn-revoke-buttons {
	display: flex !important;
	flex-wrap: wrap !important;
	justify-content: center !important;
	gap: 10px !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
}

html body #cookie-notice .cn-button {
	box-sizing: border-box;
	margin: 0 !important;
	font-family: inherit;
	line-height: 1.2 !important;
	letter-spacing: 0;
	text-decoration: none;
	text-shadow: none;
	cursor: pointer;
	transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

/* Both decisions are one tap and the same size. Neither is the easy one. */
html body #cookie-notice #cn-accept-cookie,
html body #cookie-notice #cn-refuse-cookie,
html body #cookie-notice #cn-revoke-cookie {
	flex: 0 1 200px !important;
	min-width: 120px !important;
	min-height: 48px !important;
	padding: 13px 18px !important;
	border-radius: 8px !important;
	font-size: 15px !important;
	font-weight: 600 !important;
}

html body #cookie-notice #cn-accept-cookie,
html body #cookie-notice #cn-revoke-cookie {
	background-color: #111111 !important;
	border: 1px solid #111111 !important;
	color: #ffffff !important;
}

html body #cookie-notice #cn-accept-cookie:hover,
html body #cookie-notice #cn-accept-cookie:focus,
html body #cookie-notice #cn-revoke-cookie:hover,
html body #cookie-notice #cn-revoke-cookie:focus {
	background-color: #000000 !important;
	border-color: #000000 !important;
}

html body #cookie-notice #cn-refuse-cookie {
	background-color: #ffffff !important;
	border: 1px solid #c9c9c9 !important;
	color: #1a1a1a !important;
}

html body #cookie-notice #cn-refuse-cookie:hover,
html body #cookie-notice #cn-refuse-cookie:focus {
	background-color: #f1f1f1 !important;
	border-color: #b5b5b5 !important;
}

/* The details link sits alone under the buttons, never beside them. */
html body #cookie-notice #cn-more-info {
	flex: 1 0 100% !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	min-height: 0 !important;
	background: transparent !important;
	border: none !important;
	color: #585858 !important;
	font-size: 12.5px !important;
	font-weight: 400 !important;
	text-align: center !important;
	text-decoration: underline !important;
}

html body #cookie-notice #cn-more-info:hover,
html body #cookie-notice #cn-more-info:focus {
	color: #1a1a1a !important;
}

/*
 * The close X is removed rather than restyled. The plugin renders it as
 * data-cookie-set="accept" with aria-label="Refuz" — it accepts while telling
 * assistive technology that it refuses, which is a consent defect, not a
 * styling one. With Accept and Refuz both visible and one tap away it has no
 * job left.
 */
html body #cookie-notice #cn-close-notice {
	display: none !important;
}

/* Phones: the card spans the width minus its insets; so do the decisions. */
@media (max-width: 767px) {
	html body #cookie-notice #cn-accept-cookie,
	html body #cookie-notice #cn-refuse-cookie,
	html body #cookie-notice #cn-revoke-cookie {
		flex: 1 1 0 !important;
	}
}

/*
 * Hidden means hidden. The geometry above outranks the plugin's own hidden
 * state (see the header comment), so this file owns that state too: when the
 * plugin stamps the class, the card leaves the screen no matter which
 * property the plugin itself uses. Removing the class restores the card —
 * the footer's revoke link still works.
 */
html body #cookie-notice.cookie-notice-hidden {
	visibility: hidden !important;
	opacity: 0 !important;
	pointer-events: none !important;
}