.WaGadgetCustomMenu.menuStyleNone .orientationHorizontal li a {
    display: inline-block;
    margin: 0 10px;
    color: #fff
}
.WaGadgetCustomMenu.menuStyleNone .orientationHorizontal li a:hover {
    color: #ff6c00 }
.container_12 {
    margin: 0 auto;
    width: 1060px;
}
/* =========================================================
   HCSSOCO — Donation form input height (corrected selectors)
   Container is .WaGadgetDonationForm; text inputs carry .typeText;
   field rows are <div class="fieldLabel">/<div class="fieldBody">
   ========================================================= */

/* A. Text inputs — primary path via .typeText (the actual class WA emits)
   Specificity: 0,3,1 (body + .WaGadgetDonationForm + .typeText + .typeText) */
body .WaGadgetDonationForm .typeText.typeText {
    height: 48px;
    min-height: 48px;
    padding: 10px 12px;
    font-size: 16px;
    line-height: 1.3;
    box-sizing: border-box;
}

/* B. Typed inputs — defensive, catches any input WA renders without .typeText
   Specificity: 0,2,1 */
body .WaGadgetDonationForm input[type="text"],
body .WaGadgetDonationForm input[type="email"],
body .WaGadgetDonationForm input[type="tel"],
body .WaGadgetDonationForm input[type="number"],
body .WaGadgetDonationForm input[type="password"] {
    height: 48px;
    min-height: 48px;
    padding: 10px 12px;
    font-size: 16px;
    line-height: 1.3;
    box-sizing: border-box;
}

/* C. Select dropdowns - match (appears at later wizard steps)
   Specificity: 0,1,1 */
body .WaGadgetDonationForm select {
    height: 48px;
    min-height: 48px;
    padding: 8px 12px;
    font-size: 16px;
    box-sizing: border-box;
}

/* D. Textareas (appears at later wizard steps)
   Specificity: 0,1,1 */
body .WaGadgetDonationForm textarea {
    min-height: 112px;
    padding: 10px 12px;
    font-size: 16px;
    line-height: 1.4;
    box-sizing: border-box;
}

/* E. "Other donation amount" — defensive: covers both legacy class
       and the typeText path used at the amount step.
   Specificity: 0,2,1 / 0,3,1 */
body .WaGadgetDonationForm input.donationOtherAmount,
body .WaGadgetDonationForm .donationOtherAmount.donationOtherAmount {
    height: 48px;
    min-height: 48px;
    padding: 10px 12px;
    font-size: 16px;
    box-sizing: border-box;
}

/* F. Row alignment — WA renders rows as DIVs here, not TDs.
   Specificity: 0,2,1 */
body .WaGadgetDonationForm .fieldLabel,
body .WaGadgetDonationForm .fieldBody {
    padding-top: 6px;
    padding-bottom: 6px;
    /* vertical-align removed — does nothing on block-level divs */
}
/* =========================================================
   HCSSOCO — Mobile / tablet horizontal-overflow guard
   Verified 390 / 768 / 1024 / 1280 viewports, headless Chromium 148
   ========================================================= */

/* G. Container — always cap at viewport so the theme's fixed
      1060px cannot exceed the available width.
   Specificity: 0,2,0  (no !important needed for max-width
   because max-width always wins over width per CSS spec) */
body .container_12 {
    max-width: 100% !important;
    box-sizing: border-box;
}

/* G2. Below the theme's natural width, drop the fixed width
       and add small gutters so content doesn't kiss the edge. */
@media (max-width: 1059px) {
    body .container_12 {
        width: auto !important;
        min-width: 0 !important;
        padding-left: 12px;
        padding-right: 12px;
    }
}

/* H. True mobile — stack the WA grid columns and the
      WaLayoutTable header block. Below 768px only. */
@media (max-width: 767px) {
    body [class*="s1_grid_"],
    body [class*="s2_grid_"] {
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        float: none !important;
        box-sizing: border-box;
    }
    body table.WaLayoutTable,
    body table.WaLayoutTable > tbody,
    body table.WaLayoutTable > tbody > tr {
        display: block !important;
        width: 100% !important;
    }
    body table.WaLayoutTable > tbody > tr > td.WaLayoutItem {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        padding: 8px 0 !important;
    }
}

/* I. Media safety — applies at every width, harmless on desktop. */
body img,
body video,
body iframe,
body embed,
body object {
    max-width: 100%;
    height: auto;
}