/* Enlarge the help center logo */
.Header__logo {
    height: auto !important;
    max-height: 200px !important;
}

.Header__logo a,
.Header__logo img {
    height: 200px !important;
    max-height: 200px !important;
    width: auto !important;
    max-width: none !important;
}

/* Optional: give the header a bit more breathing room */
#headerContainer .Header__container,
#navBarContainer {
    min-height: 100px !important;
}

/* ===== 3-tile inline row: Knowledge Base + Tickets + Submit a Ticket ===== */

/* Make the Modules container a 3-column flex row */
.ModuleCont__moduleCont {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: flex-start !important;
}

/* Existing KB / Tickets tiles -> one-third width instead of half */
.ModuleCont__moduleCont .ContentBox__boxThree {
    width: 33.333% !important;
    max-width: none !important;
    flex: 0 0 33.333% !important;
    box-sizing: border-box !important;
}

/* Pull the custom Submit-a-Ticket widget into the same row */
.WidgetContainer__contentList:has(.submit-tile) {
    width: 33.333% !important;
    flex: 0 0 33.333% !important;
    margin-top: -260px !important;    /* tune to align tops */
    margin-left: 66.666% !important;  /* sit in the right column */
    box-sizing: border-box !important;
}

/* Style the Submit-a-Ticket tile to match KB / Tickets */
.submit-tile-wrapper {
    text-align: center;
    padding: 0 20px;
}

.submit-tile {
    display: block;
    text-decoration: none;
    color: inherit;
}

/* Icon drawn directly via CSS (no Font Awesome / no SVG inside HTML) */
.submit-tile__icon {
    width: 64px;
    height: 64px;
    margin: 0 auto 12px;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ef7b22' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><path d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/><polyline points='14 2 14 8 20 8'/><line x1='12' y1='18' x2='12' y2='12'/><line x1='9' y1='15' x2='15' y2='15'/></svg>");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.submit-tile__title {
    margin: 8px 0;
    font-weight: 600;
}

.submit-tile__desc {
    margin: 0;
}

/* Responsive: stack on small screens */
@media (max-width: 900px) {
    .ModuleCont__moduleCont .ContentBox__boxThree,
    .WidgetContainer__contentList:has(.submit-tile) {
        width: 100% !important;
        flex: 0 0 100% !important;
        margin-top: 0 !important;
        margin-left: 0 !important;
    }
}