/**
 * @purpose Boxed native KCM presentation with publisher-owned, scoped fallbacks.
 * @date 2026-11-11
 * @file /a_layout/css/layout_kcm.css
 * @author Milos Mandic <milos.mandic@filterverlag.de>
 * @link https://www.filterverlag.de
 */

/* codeDESIGN - layout_kcm.css */
@charset "utf-8";

/* KCM PUBLISHER TOKENS */
div.kick-kcm-settings,
div.kick_gdpr_placeholder {
	--publisher_kcm_font: normal 13px/20px 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
	--publisher_kcm_heading_font: 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
	--publisher_kcm_text: #444444;
	--publisher_kcm_surface: #fffffc;
	--publisher_kcm_category_surface: #FAFAFA;
	--publisher_kcm_border: #dfdfdf;
	--publisher_kcm_button_surface: #BBBBBB;
	--publisher_kcm_button_border: #BBBBBB;
	--publisher_kcm_button_text: #ffffff;
	--publisher_kcm_button_hover: #afafaf;
}



/* KCM BOXED DIALOG */
div.kick-kcm-settings {
	background: var(--publisher_kcm_surface, #ffffff);
	width: min(680px, calc(100vw - 32px));
	max-width: calc(100vw - 32px);
	max-height: calc(100vh - 32px);
	max-height: calc(100dvh - 32px);
	border: 1px solid var(--publisher_kcm_border, #dfdfdf);
	border-radius: 0px;
	margin: 0px 0px 0px 0px;
	overflow-x: hidden;
	overflow-y: auto;
	font: var(--publisher_kcm_font, inherit) !important;
	color: var(--publisher_kcm_text, inherit) !important;
	letter-spacing: 0;
	box-sizing: border-box;
}
div.kick-kcm-settings div.kick-kcm-settings__content {
	width: 100%;
	max-width: none;
	margin: 0px 0px 0px 0px;
	padding: 24px 24px 24px 24px;
	font: inherit !important;
	color: inherit !important;
	box-sizing: border-box;
}
div.kick-kcm-settings div.kick-kcm-settings__content__info,
div.kick-kcm-settings div.kick-kcm-settings__content__settings,
div.kick-kcm-settings div.kick-kcm-settings__content__links,
div.kick-kcm-settings div.kick-kcm-settings__content__cta,
div.kick-kcm-settings div.kick-kcm-settings__content__individual-switch {
	width: 100%;
	min-width: 0px;
	flex-basis: 100%;
	box-sizing: border-box;
}
div.kick-kcm-settings div.kick-kcm-settings__content__info h2,
div.kick-kcm-settings div.kick-kcm-setting-category__headline {
	margin: 0px 0px 16px 0px;
	font-family: var(--publisher_kcm_heading_font, inherit) !important;
	font-size: 20px;
	font-weight: 300;
	line-height: 1.4;
	color: inherit !important;
	letter-spacing: 0;
	overflow-wrap: anywhere;
}
div.kick-kcm-settings div.kick-kcm-settings__content__info__desc,
div.kick-kcm-settings div.kick-kcm-expander__headline,
div.kick-kcm-settings section.kick-kcm-expander,
div.kick-kcm-settings section.kick-kcm-setting-category,
div.kick-kcm-settings section.kick-kcm-setting-category div.kick-kcm-setting-category__description {
	font: inherit !important;
	color: inherit !important;
	letter-spacing: 0;
	overflow-wrap: anywhere;
}
div.kick-kcm-settings section.kick-kcm-setting-category {
	background: var(--publisher_kcm_category_surface, #f4f4f4);
	margin: 0px 0px 16px 0px;
	padding: 16px 16px 16px 16px;
}
div.kick-kcm-settings div.kick-kcm-settings__content__links {
	margin: 16px 0px 0px 0px;
}
div.kick-kcm-settings div.kick-kcm-settings__content__links a,
div.kick-kcm-settings div.kick-kcm-settings__content__info__desc a,
div.kick-kcm-settings section.kick-kcm-setting-category a {
	font: inherit;
	color: inherit !important;
	white-space: normal;
	overflow-wrap: anywhere;
}
div.kick-kcm-settings div.kick-kcm-settings__content__cta {
	gap: 8px;
}
div.kick-kcm-settings button.kick-kcm__btn {
	background: var(--publisher_kcm_button_surface, #BBBBBB);
	max-width: 100%;
	border: 1px solid var(--publisher_kcm_button_border, #BBBBBB);
	border-radius: 0px;
	margin: 0px 0px 8px 0px;
	padding: 10px 14px 10px 14px;
	font-family: inherit !important;
	font-size: 13px;
	font-weight: 300;
	line-height: 1.5;
	color: var(--publisher_kcm_button_text, #ffffff);
	text-transform: uppercase;
	letter-spacing: 0;
	white-space: normal;
	overflow-wrap: anywhere;
	box-sizing: border-box;
}
div.kick-kcm-settings button.kick-kcm__btn:hover {
	background: var(--publisher_kcm_button_hover, #afafaf);
}
div.kick-kcm-settings button.kick-kcm__btn.kick-kcm__btn-accept-necessary {
	background: var(--publisher_kcm_surface, #ffffff);
	color: inherit;
}
div.kick-kcm-settings button.kick-kcm__btn:focus-visible,
div.kick-kcm-settings a:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 3px;
}
div.kick-kcm-settings input:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 3px;
}



/* KCM CATEGORY AND SERVICE SWITCH ALIGNMENT - 2026-11 */
div.kick-kcm-settings section.kick-kcm-setting-category {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px;
}
div.kick-kcm-settings div.kick-kcm-setting-category__headline {
	flex: 1 1 180px;
	min-width: 0px;
	margin: 0px;
}
div.kick-kcm-settings div.kick-kcm-setting-category__switch {
	flex: 0 0 auto;
	width: auto;
	margin: 0px 0px 0px auto;
}
div.kick-kcm-settings div.kick-kcm-setting-category__description,
div.kick-kcm-settings section.kick-kcm-setting-category > section.kick-kcm-expander {
	flex: 0 0 100%;
	min-width: 0px;
}
div.kick-kcm-settings div.kick-kcm-service__switch {
	flex: 0 0 auto;
	width: auto;
	margin: 0px 0px 0px auto;
}
div.kick-kcm-settings label.kick-kcm-cpc__switch {
	width: 50px;
	height: 26px;
	margin: 0px;
	display: inline-block;
	vertical-align: middle;
}
div.kick-kcm-settings label.kick-kcm-cpc__switch.disabled {
	width: 135px;
}
div.kick-kcm-settings span.kick-kcm-cpc__switch__info {
	width: auto;
	left: auto;
	right: 60px;
	white-space: nowrap;
	word-break: normal;
	overflow-wrap: normal;
	line-height: 18px;
}
div.kick-kcm-settings .kick-kcm-cpc__switch__checkbox,
div.kick-kcm-settings .kick-kcm-cpc__switch__bg {
	left: auto;
	right: 0px;
}
div.kick-kcm-settings label.kick-kcm-cpc__switch.disabled .kick-kcm-cpc__switch__mark {
	left: auto;
	right: 4px;
}
div.kick-kcm-settings .kick-kcm-cpc__switch__bg,
div.kick-kcm-settings .kick-kcm-cpc__switch__mark {
	border-radius: 0px;
}
div.kick-kcm-settings .kick-kcm-expander__container {
	gap: 4px;
}
div.kick-kcm-settings .kick-kcm-expander__headline {
	min-width: 0px;
	font-weight: 400;
}



/* KCM OPT-IN PLACEHOLDERS */
div.kick_gdpr_placeholder {
	width: 100%;
	font: var(--publisher_kcm_font, inherit);
	color: var(--publisher_kcm_text, inherit);
	box-sizing: border-box;
}
div.kick_gdpr_placeholder div.kick_gdpr_placeholder_content_wrapper {
	background: var(--publisher_kcm_surface, #ffffff);
	max-width: 100%;
	padding: 20px 20px 20px 20px;
	box-sizing: border-box;
}
div.kick_gdpr_placeholder div.kick_gdpr_placeholder_title,
div.kick_gdpr_placeholder div.kick_gdpr_placeholder_content {
	font: inherit;
	color: inherit;
	overflow-wrap: anywhere;
}
div.kick_gdpr_placeholder a.href_button_gdpr_placeholder {
	background: var(--publisher_kcm_button_surface, #BBBBBB);
	max-width: 100%;
	margin: 8px 0px 0px 0px;
	padding: 10px 14px 10px 14px;
	display: inline-block;
	font: inherit;
	color: var(--publisher_kcm_button_text, #ffffff);
	white-space: normal;
	overflow-wrap: anywhere;
	box-sizing: border-box;
}
@media (max-width: 480px) {

	div.kick-kcm-settings {
		width: calc(100vw - 16px);
		max-width: calc(100vw - 16px);
		max-height: calc(100vh - 16px);
		max-height: calc(100dvh - 16px);
	}
	div.kick-kcm-settings div.kick-kcm-settings__content {
		padding: 16px 16px 16px 16px;
	}

}