/* ==========================================================================
   FSS Home 2026 — sign preview (#sign) parity with the LIVE homepage.

   Child style.css (#top #sign …) and js/custom.js still drive the preview.
   On live, the rest of its look comes from Enfold's CSS, which this template
   dequeues — so those computed values are frozen here, measured on
   firesafesigns.com on 2026-10-07. Do not restyle the preview in this file;
   it only reproduces what live renders.
   ========================================================================== */

body#top.fss26 #sign {
	/* live: Enfold column → block, padding 20/0/10 & radius 5 from child style.css */
	display: block;
	float: none;
	margin: 0;
	width: 100%;
	min-height: 1px;
	font-family: "open sans", Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 26.4px;
	color: rgb(51, 51, 51);
	text-align: start;
}

/* custom.js pins #sign with position:fixed / right:10% while scrolling (built
   for the old two-column Enfold layout). Here the whole card is position:sticky
   instead, so keep #sign in its card. */
body#top.fss26 #sign {
	position: relative !important;
	top: auto !important;
	right: auto !important;
	left: auto !important;
	width: 100% !important;
}

body#top.fss26 #sign #stnumber {
	margin: 0;
	padding: 0 0 20px;
	color: #fff;
	text-align: center;
	line-height: 26.4px;
}

body#top.fss26 #sign #stnumber h2 {
	margin: 0;
	padding: 0;
	font-family: "Open Sans";
	font-weight: 300;
	letter-spacing: 1px;
	text-transform: uppercase;
	line-height: 1em;
	color: #fff;
	text-align: center;
	word-break: normal;
}

body#top.fss26 #sign .special-heading-border { display: none; }

body#top.fss26 #sign .avia_codeblock_section,
body#top.fss26 #sign .avia_codeblock { margin: 0; padding: 0; }

body#top.fss26 #sign #icons {
	margin: 0 20px;
	padding: 0;
	list-style: none;
	text-align: center;
	line-height: 26.4px;
}

body#top.fss26 #sign #icons li {
	margin: 0;
	padding: 3px 0;
	position: relative;
	vertical-align: baseline;
	line-height: 26.4px;
}

body#top.fss26 #sign #icons .truck::before {
	font-family: "open sans", Helvetica, Arial, sans-serif;
	line-height: 26.4px;
}

body#top.fss26 #sign #url {
	margin: 0;
	padding: 15px 0 0;
	font-size: 12px;
	line-height: 26.4px;
	color: #fff;
}

body#top.fss26 #sign #url .avia_textblock,
body#top.fss26 #sign #url p {
	font-size: 12px;
	line-height: 19.8px;
	color: #fff;
}

/* Requested change (2026-10-08): a little more room under "firesafesigns.com" so the
   bottom pre-drilled hole marker doesn't sit on the text. Web preview only — the PDF
   uses store/css_template.css and is unaffected. Live: padding 20px 0 10px. */
body#top.fss26 #sign { padding-bottom: 24px !important; }

/* Requested change (2026-10-08, Brant): the preview's size follows the chosen version.
   18 x 12 (street number, icons in 2 rows) share one size (3:2, never shorter than the
   street-number layout, 342px); 18 x 6 (icons, 1 row) keeps its content height, about half. Content keeps
   its live sizes and is centred. Web preview only — the PDF uses store/css_template.css. */
body#top.fss26 #sign { display: flex; flex-direction: column; box-sizing: border-box; }
body#top.fss26 #sign:not(.only_icons) { aspect-ratio: 3 / 2; min-height: 342px; }
body#top.fss26 #sign.only_icons { aspect-ratio: auto; } /* its content (one icon row + url) is already ~half the 18 x 12 height */
body#top.fss26 #sign > #stnumber,
body#top.fss26 #sign:is(.only_icons, .only_icons_row) > #stnumber + *,
body#top.fss26 #sign > #url { margin-top: auto; }

/* Requested change (2026-10-12): the clearance-height label ("< 10ft" … "16ft+", "∞") wrapped onto two lines
   on narrow previews (fixed 32% box + style.css breakpoint offsets). Vertical text centred on the truck's height
   arrow instead, so any value sits in the same place at every width. Web preview only — PDF uses css_template.css. */
body#top.fss26 #sign #icons .truck::before,
body#top.fss26 #sign #icons .truck.sus_infinit::before {
	left: 1%;
	top: 45%;
	width: auto;
	height: auto;
	white-space: nowrap;
	line-height: 1;
	text-indent: 0;
	writing-mode: vertical-rl;
	transform: translate(-50%, -50%) rotate(180deg);
}