/* === GitShed Front Page Fixes === */

/* ---------- Row 1 Hero Image: Full Width ---------- */
.panel-row:first-of-type {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.panel-row:first-of-type .so-panel {
    width: 100% !important;
}

/* ---------- Row 2: Mobile spacing fix ---------- */
@media (max-width: 768px) {
    .panel-row:nth-of-type(2),
    .panel-row:nth-of-type(2) .panel-grid,
    .panel-row:nth-of-type(2) .panel-grid-cell {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        min-height: auto !important;
        height: auto !important;
    }
}

/* ---------- General Row & Column Alignment ---------- */
.panel-grid-cell {
    vertical-align: top !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* ---------- Images: Constrain and center ---------- */
.panel-grid-cell img,
.panel-grid img {
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* ---------- Buttons: Center and standardize ---------- */
button,
input[type="button"],
input[type="submit"],
a.button,
.button {
    display: inline-block !important;
    padding: 10px 20px !important;
    margin: 0 auto !important;
    text-align: center !important;
    vertical-align: middle !important;
    box-sizing: border-box !important;
}

/* ---------- Headings & Text Blocks ---------- */
.panel-grid h1,
.panel-grid h2,
.panel-grid h3,
.panel-grid h4,
.panel-grid h5,
.panel-grid h6,
.panel-grid p,
.panel-grid .text-block {
    text-align: center !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* ---------- Footer Centering ---------- */
.site-footer .copyright-area,
.site-footer .copyright-content,
.site-footer .text-copyright {
    width: 100% !important;
    text-align: center !important;
    margin: 0 !important;
    padding: 0 !important;
}
.site-footer .text-copyright a {
    display: inline-block !important;
    margin: 0 4px !important;
}

/* ---------- Responsive Fixes ---------- */
@media (max-width: 1024px) {
    .panel-row,
    .panel-grid,
    .panel-grid-cell {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    button,
    input[type="button"],
    input[type="submit"],
    a.button,
    .button {
        padding: 8px 16px !important;
        font-size: 90% !important;
    }
}