/* processpipingwi.com: legal pages, footer legal links, Do Not Sell form (2026-10-29). */

/* iubenda policy text sits in a white panel inside the green page (the site's own white text would vanish on it). */
.fsm-iub-panel { background: #ffffff; color: #222222; border-radius: 0.35em; padding: 1.5em 1.75em; margin: 0 0 2.5em 0; }
.fsm-iub-panel, .fsm-iub-panel #iub-legalDoc, .fsm-iub-panel #iub-legalDoc p, .fsm-iub-panel #iub-legalDoc li,
.fsm-iub-panel #iub-legalDoc h1, .fsm-iub-panel #iub-legalDoc h2, .fsm-iub-panel #iub-legalDoc h3,
.fsm-iub-panel #iub-legalDoc h4, .fsm-iub-panel #iub-legalDoc h5, .fsm-iub-panel #iub-legalDoc h6,
.fsm-iub-panel #iub-legalDoc strong, .fsm-iub-panel #iub-legalDoc span, .fsm-iub-panel #iub-legalDoc summary,
.fsm-iub-panel #iub-legalDoc td, .fsm-iub-panel #iub-legalDoc th, .fsm-iub-panel #iub-legalDoc div { color: #222222 !important; }
.fsm-iub-panel a, .fsm-iub-panel #iub-legalDoc a { color: #084F25 !important; border-bottom-color: #084F25 !important; }
.fsm-iub-panel #iub-legalDoc h1, .fsm-iub-panel #iub-legalDoc h2, .fsm-iub-panel #iub-legalDoc h3,
.fsm-iub-panel #iub-legalDoc h4, .fsm-iub-panel #iub-legalDoc h5, .fsm-iub-panel #iub-legalDoc h6 { letter-spacing: normal !important; text-transform: none !important; }
/* 2026-11-02: was "overflow-wrap: anywhere; min-width: 0" on every element, which let iubenda's service cards shrink until
   words broke letter by letter on phones ("Goog / le"). Break between words only; long strings still wrap. */
.fsm-iub-panel #iub-legalDoc, .fsm-iub-panel #iub-legalDoc * { overflow-wrap: break-word; min-width: 0; }
/* iubenda's service list (logo, name, company / place / data) on phones: smaller logo and padding, no logo under 360px,
   so the text column is wide enough for whole words. */
/* Our panel is narrower than iubenda's desktop layout: use iubenda's own stacked service row (its layout under 960px) at every width. */
.fsm-iub-panel #iub-legalDoc .legalDoc__accordion summary { align-items: flex-start; }
.fsm-iub-panel #iub-legalDoc .legalDoc__accordion summary .accordion__meta { flex-direction: column; align-items: flex-start; gap: 2px; }
@media screen and (max-width: 480px) {
	.fsm-iub-panel #iub-legalDoc .legalDoc__accordion { padding: 14px !important; }
	.fsm-iub-panel #iub-legalDoc .legalDoc__accordion summary { gap: 10px; }
	.fsm-iub-panel #iub-legalDoc .legalDoc__accordion summary figure { flex: 0 0 40px !important; width: 40px !important; height: 40px !important; }
	.fsm-iub-panel #iub-legalDoc .legalDoc__accordion summary figure img { width: 24px; height: 24px; }
	.fsm-iub-panel #iub-legalDoc .legalDoc__accordion summary .accordion__meta { font-size: 1rem !important; }
}
@media screen and (max-width: 359px) {
	.fsm-iub-panel #iub-legalDoc .legalDoc__accordion summary figure { display: none !important; }
}
.fsm-iub-panel #iub-legalDoc ul { list-style: disc; }
.fsm-iub-panel #iub-legalDoc .footer__first-row { grid-template-columns: minmax(0, 1fr) !important; }
.legal .fsm-iub-panel { max-width: none; }
@media screen and (max-width: 480px) { .fsm-iub-panel { padding: 1em 1em; } }

/* Footer: keep the statement link on one line. */
#footer a.fsm-nowrap { white-space: nowrap; }

/* Do Not Sell form */
.fsm-dns-form .fsm-hp { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.fsm-dns-msg { padding: 1em 1.25em; margin: 0 0 1.5em 0; border-left: 4px solid #ffffff; background: rgba(255, 255, 255, 0.1); }
.fsm-dns-msg.fsm-error { border-left-color: #ffd7d2; }
.fsm-dns-form select option { color: #222222; }

/* ---- FSM fixes 2026-11-02 (D1-D6). The template's main.css is left as it is; these rules restate or scope around it. ---- */

/* D1: main.css places the page next to the fixed sidebar with "#sidebar + #wrapper" and "#sidebar + #wrapper + #footer".
   iubenda's hidden __gppLocator iframe is sometimes added between those elements while the page loads, so those rules stop
   matching and the page slides under the sidebar. Same values, general sibling selectors. */
#sidebar ~ #wrapper { margin-left: 18em; }
#sidebar ~ #wrapper ~ #footer { margin-left: 18em; }
@media screen and (max-width: 1280px) {
	#sidebar ~ #wrapper { margin-left: 0; padding-top: 3.5em; }
	#sidebar ~ #wrapper ~ #footer { margin-left: 0; }
}
@media screen and (max-width: 736px) {
	#sidebar ~ #wrapper { padding-top: 0; }
}
iframe[name="__gppLocator"] { position: absolute !important; width: 0 !important; height: 0 !important; border: 0 !important; visibility: hidden !important; }

/* D2: main.css paints every button white (color #fff !important) and every strong white. On iubenda's light banner and
   its white "Notice at collection / Your Privacy Choices" box that text vanished. Scoped to iubenda's elements only. */
html #iubenda-cs-banner strong { color: inherit !important; }
html .iub__us-widget .iub__us-widget__link--privacy-choices {
	color: #595959 !important; background: transparent !important; border: 0 !important; border-radius: 0 !important;
	letter-spacing: normal !important; white-space: normal !important; height: auto !important; line-height: inherit !important;
	align-items: center !important; gap: 8px; cursor: pointer;
}
html .iub__us-widget .iub__us-widget__link--privacy-choices::after {
	position: static !important; opacity: 1 !important; transform: none !important; background: none !important;
	border-radius: 0 !important; width: 40px !important; height: 18px !important; flex: 0 0 40px !important; pointer-events: none;
}

/* D3 (and the same template rule inside the policy): iubenda's policy buttons ("Data we collect automatically",
   "Manage your privacy preferences", "Table of contents") got white text, capitals, wide letter spacing and no wrapping;
   on phones the summary buttons pushed the Privacy page wider than the screen. Give them back iubenda's own look. */
.fsm-iub-panel #iub-legalDoc button {
	color: #222222 !important; border-width: 1px !important; border-style: solid !important; border-color: #dfe3e8 !important;
	white-space: normal !important; text-transform: none !important; height: auto !important; line-height: 1.3 !important;
	letter-spacing: normal !important; max-width: 100%;
}
.fsm-iub-panel #iub-legalDoc .card-buttons-group .card-button:not(:last-child) { border-bottom-width: 0 !important; }
.fsm-iub-panel #iub-legalDoc .iub-legalDoc__tabs > button { border-style: none !important; }
.fsm-iub-panel #iub-legalDoc button::after {
	position: static !important; opacity: 1 !important; transform: none !important; background: none !important;
	width: auto !important; height: auto !important; border-radius: 0 !important;
}
.fsm-iub-panel #iub-legalDoc, .fsm-iub-panel #iub-pp-container { max-width: 100%; overflow-x: hidden; }
/* Button labels break between words only ("automatically" was split on phones); on phones the summary cards get a smaller
   icon and text, and under 360px no icon, so each word fits. */
.fsm-iub-panel #iub-legalDoc button, .fsm-iub-panel #iub-legalDoc button * { overflow-wrap: break-word !important; word-break: normal !important; }
@media screen and (max-width: 420px) {
	.fsm-iub-panel #iub-legalDoc .card-buttons-group .card-button { font-size: 15px !important; gap: 10px !important; padding: 12px !important; }
	.fsm-iub-panel #iub-legalDoc .card-buttons-group .card-button::before { flex: 0 0 32px !important; width: 32px !important; height: 32px !important; background-size: contain !important; }
}
@media screen and (max-width: 359px) {
	.fsm-iub-panel #iub-legalDoc .card-buttons-group .card-button::before { display: none !important; }
}

/* D4: policy titles split "processpipingwi.com" in the middle on phones. Break only between words, smaller titles on phones. */
.fsm-iub-panel #iub-legalDoc .main-header h1, .fsm-iub-panel #iub-legalDoc .main-header p { overflow-wrap: break-word !important; word-break: normal !important; hyphens: manual; }
@media screen and (max-width: 420px) {
	/* the title box is about 144px narrower than the screen; "processpipingwi.com" in bold is about 10.3 x the font size */
	.fsm-iub-panel #iub-legalDoc .main-header h1 { font-size: clamp(16px, calc((100vw - 144px) / 10.6), 26px) !important; line-height: 1.25 !important; }
	.fsm-iub-panel #iub-legalDoc .main-header p { font-size: 18px !important; }
	.fsm-iub-panel #iub-legalDoc h2 { font-size: 22px !important; }
	.fsm-iub-panel #iub-legalDoc h3 { font-size: 19px !important; }
	.fsm-iub-panel #iub-legalDoc h4 { font-size: 17px !important; }
}
@media screen and (max-width: 359px) {
	.fsm-iub-panel #iub-legalDoc .main-header p { font-size: 15px !important; }
	.fsm-iub-panel #iub-legalDoc h2 { font-size: 19px !important; }
	.fsm-iub-panel #iub-legalDoc h3 { font-size: 17px !important; }
	.fsm-iub-panel #iub-legalDoc h4 { font-size: 16px !important; }
}

/* D5: the AudioEye statement frame is transparent, so its black text sat on the dark green page. White frame. */
.fsm-ae-wrap iframe.fsm-ae-frame { background: #ffffff; border-radius: 0.35em; }

/* D6: on 320px phones the AudioEye button (fixed, lower right) sat over the end of "Do Not Sell or Share My Personal
   Information" at the page end. Extra space under the footer legal line on phones under 360px lifts the long links above
   the button's spot, with or without iubenda's US box (measured 2026-11-02). */
@media screen and (max-width: 359px) {
	#footer > .inner { padding-bottom: 115px !important; }
}