a[href="https://rocket.chat/"] {
    display: none !important;
}

/* 1. Göm originaltexten och lägg till din egna rubrik (centrerad) */
body h2[data-qa-id="homepage-welcome-text"], 
h2[data-qa-id="homepage-welcome-text"] {
    font-size: 0px !important;
    line-height: 0px !important;
    display: block !important;
    text-align: center !important;
}

body h2[data-qa-id="homepage-welcome-text"]::before,
h2[data-qa-id="homepage-welcome-text"]::before {
    content: "Welcome to SweIRC ChitChat!" !important; /* Din text */
    font-size: 32px !important;
    line-height: normal !important;
    font-weight: bold !important;
    display: block !important;
    text-align: center !important;
    margin-bottom: 20px !important;
}

/* 2. Centrera själva huvudinnehållet på startsidan */
.homepage-content, 
main [data-qa-id*="home"]:not([data-qa-id="home-header"]) {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    width: 100% !important;
    max-width: 900px !important; /* Ökat något för att ge rutorna mer plats */
    margin: 0 auto !important; 
}

/* 3. Tvinga rutorna (korten) att ligga sida vid sida, 2 per rad */
.rcx-card-group {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important; /* Skapar exakt 2 jämna kolumner */
    gap: 20px !important; /* Mellanrum mellan rutorna */
    width: 100% !important;
    justify-content: center !important;
}

/* Fixar så att enskilda kort inte sträcks ut fult om det är udda antal */
.rcx-card-group__item {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
}

/* 4. Centrera textblock och knappar inuti själva rutorna */
.homepage-content *, 
[data-qa-id="homepage-welcome-text"] ~ * {
    text-align: center !important;
    justify-content: center !important;
    align-items: center !important;
}

/* 5. Tvinga "Home"-headern och dess döttrar till vänster */
[data-qa-id="home-header"],
.rcx-css-1rjww6t,
.rcx-css-vudvhl,
[data-qa-type="PageHeader-title"],
.rcx-css-19z81xy {
    text-align: left !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    align-self: flex-start !important;
    width: 100% !important;
    display: flex !important;
    margin: 0 !important;
    padding-left: 10px !important;
}