/*
 Theme Name:   SierraSentry Child
 Template:     homelancer
 Description:  SierraSentry child theme for Homelancer.
*/

/* Portal shortcode wrapper
 * 2026: Removes WordPress automatic top/bottom margin on the div the
 * plugin wraps around shortcode output, and on its direct children, so
 * every portal screen gets minimal spacing regardless of what it outputs
 * (table, form, div, paragraph, etc). Scoped to .ssp-portal-wrapper and its
 * immediate children only - does not touch anything outside the shortcode
 * (page headings, blocks edited in WP admin are untouched by this rule).
 */
.ssp-portal-wrapper {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
}

.ssp-portal-wrapper > *:first-child {
    margin-top: 0;
}

.ssp-portal-wrapper > *:last-child {
    margin-bottom: 0;
}

/* Legacy PHP app classes (originally defined in /sierra.css on beta/www)
 * 2026: The wordpress layout file (modules/layout/wordpress) outputs
 * content only - no <head>, no stylesheet links - since WordPress's theme
 * provides all of that. This means class names the PHP screens output
 * (report photos, headings, etc) that were only ever styled by the legacy
 * sierra.css render unstyled here unless redefined in this child theme.
 * Add more of these as they're found - do not guess at values, always
 * confirm the original rule from sierra.css first.
 */
.greenHeader {
    color: #24923A;
    font-size: 1.4em;
    font-weight: bold;
    margin-bottom: 15px;
    display: block;
}

.reportPhoto {
    margin: 2px;
}

/* Portal submit button
 * 2026: Used by create_account.php and other form screens to replace
 * image-based submit buttons with styled HTML buttons. Scoped to .ssp-submit,
 * only appears inside shortcode output.
 */
.ssp-submit {
    background-color: #24923A;
    color: #ffffff;
    border: none;
    padding: 5px 18px;
    cursor: pointer;
    font-size: 13px;
    border-radius: 2px;
    margin-top: 4px;
}

.ssp-submit:hover {
    background-color: #1c7530;
}

/* Create Account form layout
 * 2026: .ssp-form wrapper div is set in create_account.php around the form.
 * twoTextField()/twoFormField() output plain <td> with no classes, so we
 * target first-child cells without colspan (label cells only - the button
 * row uses colspan="2" and is excluded). Scoped to .ssp-form, only appears
 * inside shortcode output.
 */
.ssp-form {
    display: flex;
    justify-content: center;
}

.ssp-form table {
    margin: 0 auto;
}

.ssp-form td:first-child:not([colspan]) {
    text-align: right;
    padding-right: 8px;
    white-space: nowrap;
}

.ssp-form tr.ssp-group-gap td {
    height: 8px;
}

/* Create Account centered rows
 * 2026: Centers the password-requirement note and the submit button row.
 * Scoped to .ssp-form, only appears inside shortcode output - does not
 * touch anything edited in the WP page editor.
 */
.ssp-form tr.ssp-center td {
    text-align: center;
}

