/**
 * Company section — About Us, Team, Factory, QA, Video pages.
 */

/* ── Section titles ────────────────────────────────────────────── */
body.jcproto-layout-company .jcproto-legacy-body-wrap [class*="sitewidget-title"] .sitewidget-hd > h1,
body.jcproto-layout-company .jcproto-legacy-body-wrap [class*="sitewidget-title"] .sitewidget-hd > h2,
body.jcproto-layout-company .jcproto-legacy-body-wrap [class*="sitewidget-title"] .sitewidget-hd > h3,
body.jcproto-layout-company .jcproto-page-shell .jcproto-page-title {
	font-family: var(--jcproto-font-display, inherit) !important;
	font-size: var(--type-section) !important;
	font-weight: 700 !important;
	line-height: 1.25 !important;
	color: var(--jcproto-text, #0a0a0a) !important;
	letter-spacing: -0.02em !important;
}

/* ── Body copy ─────────────────────────────────────────────────── */
body.jcproto-layout-company .jcproto-legacy-body-wrap .sitewidget-text .sitewidget-bd,
body.jcproto-layout-company .jcproto-legacy-body-wrap .sitewidget-text .sitewidget-bd p {
	font-size: var(--type-body);
	line-height: 1.7;
	color: var(--jcproto-text-body, #555555) !important;
	max-width: 72ch;
}

body.jcproto-layout-company .jcproto-legacy-body-wrap .sitewidget-text .sitewidget-bd p + p {
	margin-top: 0.75em;
}

/* Subsection labels (legacy gray bars) */
body.jcproto-layout-company .jcproto-legacy-body-wrap [class*="sitewidget-text"].sitewidget-text[style*="background-color: #eee"],
body.jcproto-layout-company .jcproto-legacy-body-wrap [class*="sitewidget-text"].sitewidget-text[style*="background-color:#eee"] {
	background: var(--jcproto-surface, #f8f8f8) !important;
	border-left: 4px solid var(--jcproto-primary, #0a0a0a) !important;
	border-radius: 0 var(--jcproto-radius, 8px) var(--jcproto-radius, 8px) 0 !important;
	padding: 10px 14px !important;
	margin: 18px 0 10px !important;
}

/* ── graphicNew team / photo tiles ─────────────────────────────── */
body.jcproto-layout-company .jcproto-legacy-body-wrap .sitewidget-graphicNew .graphicNewTitle {
	color: var(--jcproto-text, #0a0a0a) !important;
	font-weight: 600;
}

body.jcproto-layout-company .jcproto-legacy-body-wrap .sitewidget-graphicNew img {
	border-radius: var(--jcproto-radius-lg, 12px);
	box-shadow: var(--jcproto-shadow-sm, 0 1px 2px rgba(0, 0, 0, 0.06));
	transition: transform 0.25s ease, box-shadow 0.25s ease;
}

body.jcproto-layout-company .jcproto-legacy-body-wrap .sitewidget-graphicNew a:hover img {
	transform: translateY(-2px);
	box-shadow: var(--jcproto-shadow-md, 0 4px 16px rgba(0, 0, 0, 0.1));
}

/* ── pictureNew / touchgraphicslider galleries ─────────────────── */
body.jcproto-layout-company .jcproto-legacy-body-wrap .sitewidget-pictureNew .picture-wrap img,
body.jcproto-layout-company .jcproto-legacy-body-wrap .sitewidget-touchgraphicslider .sitewidget-touchgraphicslider-pic img {
	border-radius: var(--jcproto-radius-lg, 12px);
	box-shadow: var(--jcproto-shadow-md, 0 4px 16px rgba(0, 0, 0, 0.1));
}

body.jcproto-layout-company .jcproto-legacy-body-wrap .sitewidget-touchgraphicslider .owl-controls .owl-page.active span,
body.jcproto-layout-company .jcproto-legacy-body-wrap .sitewidget-touchgraphicslider .slider-responsive-wrap .slick-dots li.slick-active button:before {
	background: var(--jcproto-primary, #0a0a0a) !important;
	color: var(--jcproto-primary, #0a0a0a) !important;
}

/* ── Video listing page ────────────────────────────────────────── */
body.jcproto-layout-company .jcproto-article--video .entry-content iframe,
body.jcproto-layout-company .jcproto-article--video .sitewidget-video iframe,
body.jcproto-layout-company .jcproto-legacy-body-wrap .sitewidget-video iframe {
	max-width: 100%;
	border-radius: var(--jcproto-radius-lg, 12px);
	box-shadow: var(--jcproto-shadow-md, 0 4px 16px rgba(0, 0, 0, 0.1));
	aspect-ratio: 16 / 9;
}

/* ── 6-reasons / service hub on company pages ──────────────────── */
body.jcproto-layout-company .jcproto-legacy-body-wrap .service-section .service_box i,
body.jcproto-layout-company .jcproto-legacy-body-wrap .service-section .service_box:hover i {
	background: var(--jcproto-surface, #f8f8f8) !important;
	color: var(--jcproto-primary, #0a0a0a) !important;
	border-color: #fff !important;
	animation: none !important;
}

body.jcproto-layout-company .jcproto-legacy-body-wrap .service-section .service_box:hover i {
	background: var(--jcproto-primary, #0a0a0a) !important;
	color: #fff !important;
}

body.jcproto-layout-company .jcproto-legacy-body-wrap .service-section .info_btn a:hover {
	color: var(--jcproto-primary, #0a0a0a) !important;
}

body.jcproto-layout-company .jcproto-legacy-body-wrap .jcproto-dark-band .service-section .info_title,
body.jcproto-layout-company .jcproto-legacy-body-wrap .jcproto-dark-band .service-section .info_msg,
body.jcproto-layout-company .jcproto-legacy-body-wrap .jcproto-dark-band .service-section .midtext {
	color: #fff !important;
}

/* ── Gray / dark full-bleed bands ──────────────────────────────── */
body.jcproto-layout-company .jcproto-legacy-body-wrap #backstage-bodyArea > .outerContainer.jcproto-gray-band {
	background-color: var(--jcproto-section-gray, #f8f8f8) !important;
	width: 100vw;
	max-width: 100vw;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	padding-top: clamp(2rem, 3vw, 3rem);
	padding-bottom: clamp(2rem, 3vw, 3rem);
}

body.jcproto-layout-company .jcproto-legacy-body-wrap .jcproto-dark-band > .container,
body.jcproto-layout-company .jcproto-legacy-body-wrap .jcproto-dark-band > .container-opened {
	width: 100% !important;
	max-width: 100% !important;
	padding-left: clamp(1rem, 3vw, 2rem) !important;
	padding-right: clamp(1rem, 3vw, 2rem) !important;
}

/* ── Buttons & links ───────────────────────────────────────────── */
body.jcproto-layout-company .jcproto-legacy-body-wrap .backstage-component-btn {
	background: #fff !important;
	color: var(--jcproto-primary, #0a0a0a) !important;
	border: 1px solid var(--jcproto-primary, #0a0a0a) !important;
	border-radius: var(--jcproto-radius, 8px) !important;
	font-weight: 600 !important;
}

body.jcproto-layout-company .jcproto-legacy-body-wrap .backstage-component-btn:hover {
	background: var(--jcproto-primary, #0a0a0a) !important;
	color: #fff !important;
}

body.jcproto-layout-company .jcproto-legacy-body-wrap .sitewidget-bd a:not(.backstage-component-btn):not(.btn):not(.gbBgColor0) {
	color: var(--jcproto-text-body, #555555) !important;
}

body.jcproto-layout-company .jcproto-legacy-body-wrap .sitewidget-bd a:not(.backstage-component-btn):not(.btn):not(.gbBgColor0):hover {
	color: var(--jcproto-primary, #0a0a0a) !important;
}

/* ── FAQ / pagetab accordion ───────────────────────────────────── */
body.jcproto-layout-company .jcproto-legacy-body-wrap .bookmark18444 .title a {
	color: var(--jcproto-text, #0a0a0a) !important;
	font-weight: 600;
}

body.jcproto-layout-company .jcproto-legacy-body-wrap .bookmark18444 .cont,
body.jcproto-layout-company .jcproto-legacy-body-wrap .bookmark18444 .content {
	color: var(--jcproto-text-body, #555555);
	line-height: 1.7;
}