/*
Theme Name: Hello Elementor Child
Theme URI: https://jncoldroom.com/
Description: Child theme for jncoldroom.com maintenance customizations.
Author: JiangNan Chengxin Refrigeration
Template: hello-elementor
Version: 1.1.2
Text Domain: hello-elementor-child
*/

/* Use the verified factory WebP for the Blog hero on phones. */
@media (max-width: 767px) {
	body.blog .elementor-597 .elementor-element.elementor-element-5406309:not(.elementor-motion-effects-element-type-background),
	body.blog .elementor-597 .elementor-element.elementor-element-5406309 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
		background-image: url("https://jncoldroom.com/wp-content/uploads/2026/09/cold-room-panel-pu-foaming-line-1280x853-webp-q85-20260905.webp");
	}
}

/* Keep the Header contact list inside its Elementor mobile column. */
@media (max-width: 767px) {
	header.elementor-601 .elementor-element.elementor-element-74be5283 .elementor-icon-list-items.elementor-inline-items {
		box-sizing: border-box;
		width: 100%;
		max-width: 100%;
		margin-inline: 0 !important;
	}
}

/* Allow the PIR Panel one-column mobile grid to shrink inside the viewport. */
@media (max-width: 980px) {
	body.page-id-1955 .jn-layout {
		grid-template-columns: minmax(0, 1fr);
	}

	body.page-id-1955 .jn-layout > .jn-side,
	body.page-id-1955 .jn-layout > main {
		width: 100%;
		min-width: 0;
		max-width: 100%;
	}
}

/* Mobile responsive fixes verified at 320-430 px on 2026-09-02. */
@media (max-width: 980px) {
	body .jn-layout {
		grid-template-columns: minmax(0, 1fr);
	}

	body .jn-layout > * {
		min-width: 0;
		max-width: 100%;
	}

	body .jn-layout > .jn-side {
		width: 100%;
	}

	body .jn-spec-wrap {
		max-width: 100%;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}
}

@media (max-width: 767px) {
	header.elementor-601 .elementor-button {
		min-height: 44px;
	}

	body .elementor-form .elementor-field,
	body .elementor-form .elementor-field-textual,
	body .elementor-search-form .elementor-search-form__input {
		max-width: 100%;
		font-size: 16px;
	}
}


/* Keep post tables readable on narrow phones. */
@media (max-width: 767px) {
	body.single-post .elementor-widget-theme-post-content table {
		display: block;
		width: 100%;
		max-width: 100%;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}
}

/* About page mobile corrections verified at 320-430 px on 2026-09-03. */
@media (max-width: 767px) {
	body.page-id-664 .elementor-664 .elementor-element.elementor-element-2a2a2adb:not(.elementor-motion-effects-element-type-background),
	body.page-id-664 .elementor-664 .elementor-element.elementor-element-2a2a2adb > .elementor-motion-effects-container > .elementor-motion-effects-layer {
		background-size: auto 158%;
	}

	body.page-id-664 .elementor-664 .elementor-element.elementor-element-5a3e8270 > .elementor-widget-wrap {
		margin-top: 0;
	}
}


/* Compact single-row mobile Header: Logo | Quote | Menu. */
@media (max-width: 767px) {
	header.elementor-601 .elementor-element.elementor-element-6f49f064 {
		box-sizing: border-box;
		padding: 0 15px !important;
	}

	header.elementor-601 .elementor-element.elementor-element-6f49f064 > .elementor-container {
		display: flex !important;
		flex-wrap: nowrap !important;
		align-items: center !important;
		gap: 8px;
		width: 100%;
		max-width: none;
		min-height: 64px;
		margin: 0;
	}

	header.elementor-601 .elementor-element.elementor-element-6f49f064 > .elementor-container > .elementor-column {
		min-width: 0;
		height: auto;
	}

	header.elementor-601 .elementor-element.elementor-element-6f49f064 > .elementor-container > .elementor-column > .elementor-widget-wrap {
		align-items: center;
		padding: 0 !important;
	}

	header.elementor-601 .elementor-element.elementor-element-2dcfb223 {
		order: 1;
		flex: 1 1 auto;
		width: auto !important;
	}

	header.elementor-601 .elementor-element.elementor-element-79af065b {
		order: 2;
		flex: 0 0 auto;
		width: auto !important;
	}

	header.elementor-601 .elementor-element.elementor-element-7c57f1e9 {
		order: 3;
		flex: 0 0 44px;
		width: 44px !important;
		margin-left: 0;
	}

	header.elementor-601 .elementor-element.elementor-element-10f20a8f,
	header.elementor-601 .elementor-element.elementor-element-1e46eed8,
	header.elementor-601 .elementor-element.elementor-element-51a2dbd1 {
		width: auto !important;
		max-width: none;
		margin: 0 !important;
	}

	header.elementor-601 .elementor-element.elementor-element-10f20a8f img {
		display: block;
		width: auto !important;
		height: 38px !important;
		max-width: 116px !important;
		object-fit: contain;
	}

	header.elementor-601 .elementor-element.elementor-element-51a2dbd1 .elementor-button-wrapper {
		white-space: nowrap;
	}

	header.elementor-601 .elementor-element.elementor-element-51a2dbd1 .elementor-button {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		box-sizing: border-box;
		width: auto;
		height: 42px;
		min-height: 42px;
		padding: 0 12px !important;
		font-size: 12px !important;
		line-height: 1 !important;
		white-space: nowrap;
	}

	header.elementor-601 .elementor-element.elementor-element-1e46eed8 .elementor-menu-toggle {
		display: flex;
		align-items: center;
		justify-content: center;
		box-sizing: border-box;
		width: 44px !important;
		height: 44px !important;
		min-width: 44px;
		padding: 8px;
		margin: 0 0 0 auto;
	}
}


/* Fill the shared Blog article Banner on phones without gray bands. */
@media (max-width: 767px) {
	body.single-post .elementor-610 .elementor-element.elementor-element-409f542d:not(.elementor-motion-effects-element-type-background),
	body.single-post .elementor-610 .elementor-element.elementor-element-409f542d > .elementor-motion-effects-container > .elementor-motion-effects-layer {
		/* Crop the source image's white bands; keep enough width for landscape phones. */
		background-size: auto max(158%, 42vw) !important;
	}
}

/* September 2026 audit: visible editorial authorship and primary Project CTA. */
.single-post .jn-company-byline { font-size:14px; line-height:1.5; margin:0 0 20px; color:#566676; }
.jn-project-single a.jn-project-btn--primary,
.jn-project-single a.jn-project-btn--primary:visited { background:#cf242b; }
.jn-project-single a.jn-project-btn--primary:hover,
.jn-project-single a.jn-project-btn--primary:focus { background:#ad1f25; }

/* Product directory quick access, using existing section anchors. */
body.page-id-659 .jn-mobile-categories { display:none; }
@media(max-width:900px) {
  body.page-id-659 .jn-mobile-categories { display:flex; flex-wrap:wrap; gap:10px; margin:18px 0 26px; }
  body.page-id-659 .jn-mobile-categories a { display:inline-flex; align-items:center; min-height:44px; max-width:100%; padding:10px 16px; border:1px solid #e1e9ef; border-radius:6px; color:#b31f28; background:#fff; font-size:14px; line-height:1.4; text-decoration:none; overflow-wrap:break-word; }
  body.page-id-659 .jn-mobile-categories a:hover,
  body.page-id-659 .jn-mobile-categories a:focus-visible { border-color:#b31f28; text-decoration:underline; }
}