/* ============================================================================
   fgf-bodytag.css -- Body Tag Analyzer styling (Body-Tag-owned)
   ----------------------------------------------------------------------------
   SCRIPT VERSION:  v1.0.0 - fgf-bodytag.css
   TITLE:           First Generation Firebird -- Body Tag Analyzer stylesheet
   DESCRIPTION:     The Body Tag Analyzer's own plate/form styling, moved out of
                    the shared /css/Main.css so it lives with this app and loads
                    LAST (wins the cascade over the Kadence theme + Main.css).
                    Same pattern as fgf-show.css (Car Show) and fgf-vin.css (VIN).

   HOW IT LOADS:    chrome_top.php reads $chrome_extra_css and emits a
                    cache-busted <link> for this file AFTER Main.css + fgf-show.css.
                    index.php sets:  $chrome_extra_css = ['/css/fgf-bodytag.css'];

   DEPENDS ON:      /css/Main.css for the SHARED base classes the Body Tag markup
                    also uses (.page_section, #center, .Section_Container, .row,
                    .center/.middle/.top/.bottom, .left/.right, .nowrap, .border_0,
                    .overflow, buttons, etc.). Main.css STAYS loaded; this file only
                    owns the Body-Tag-specific rules below.

   CREATED:         June 22, 2026
   UPDATED:         June 22, 2026
   CREATED BY:      Geoff Martin, geoff@firstgenfirebird.org
   WEBSITE:         http://FirstGenFirebird.org
   COPYRIGHT:       Copyright (c) Geoff Martin 1996-2026

   NOTE:            Rules moved verbatim from Main.css (the "BODY TAG APP" block
                    ~lines 887-947 and the Step 2 select/input override ~2163-2190).
                    The generic .select_label rule was intentionally LEFT in Main.css
                    (it is not Body-Tag-specific and is defined elsewhere there too).
   ============================================================================ */


/* PAGE TEXT STYLES AND FORMATTING -- BODY TAG APP
--------------------------------------------- */
	.round_box_BodyTag {
		background-color: white;
		margin: 24px;
		margin: 2.4rem;
		padding: 14px;
		padding: 1.4rem;
		border:1px solid;
		border-radius:25px;
		box-shadow: 10px 10px 5px #888888;
		text-align: justify;
		}
	.BodyTag_form_WRAPPER {
		width: 96%;
		clear: both;
		}
	.BodyTag_form_BORDER {
		border: 6px ridge;
		min-width: 400px;
		}
	.BodyTag_form_analyzer {
		background-color: #E8E8E8;
		}

	.BodyTag_sample, .BodyTag_form {
		background-color: #E8E8E8;
		}
	.Form_divsertype_focus {
		background-color: #FF9900;
		}
	.Form_unitnumber_focus {
		background-color: #FFE0BB;
		}
	.Form_seats_focus {
		background-color: #99FF66;
		}
	.Form_colorall_focus {
		background-color: #9999FF;
		}
	.Form_AccesCodeGrp_focus {
		background-color: #DDECFF;
		}
	/* NOTE: FORM OPTIONS SET FURTHER DOWN IN FORMS SECTION*/
	.BodyTag_FormRow_WRAPPER br{
		display: none;
		visibility: hidden;
		}
	.BodyTag_FormRow_WRAPPER p{
		display: inline;
		}
		.BodyTag_fieldset_WRAP{
			}
			.BodyTag_label_WRAP br {
				}
					.BodyTag_Year_select {
						}
		.BodyTag_submit {
			}


/* STEP 2 BODY TAG FORM -- menus AND text boxes.
   The global rules pin selects/inputs to height:25px, which clips the
   characters (worse in mobile Safari). This scoped override lets them
   grow taller and bumps the text size so the codes are easy to read,
   and makes the text-entry boxes match the pull-down menus.
   border-box so min-height is the true height on both, giving an
   identical box size whether it is a <select> or an <input>.
   Affects ONLY the body-tag analyzer table. */
	.page_section .BodyTag_form_analyzer select,
	.page_section .BodyTag_form_analyzer input[type="text"] {
		box-sizing: border-box;
		height: auto;
		min-height: 32px;
		padding: 3px 4px;
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 1.4;
		}
	/* Remove the native drop-down arrow -- on a phone it overlapped the
	   codes and was hard to read. appearance:none drops the arrow so the
	   menus look like the plain text boxes beside them. Users still tap the
	   box to open the menu. */
	.page_section .BodyTag_form_analyzer select {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		background-image: none;
		}