/* Uros Roleplay home page — shared forum visual language */
.uros-home-content {
    width: 100%;
    margin: 0 auto 40px;
}

.uros-home-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 300px;
    gap: 22px;
    align-items: start;
}

.uros-home-main,
.uros-home-sidebar {
    min-width: 0;
}

.uros-home-section-title {
    margin: 0 0 14px;
    padding: 0 0 0 14px;
    border-left: 3px solid #f0c75e;
    color: #f0c75e;
    font: 600 19px/1.4 'Cinzel', serif;
    letter-spacing: .035em;
    text-transform: uppercase;
}

.uros-home-announcement-list {
    display: grid;
    gap: 18px;
}

.uros-home-announcement,
.uros-home-widget,
.uros-home-panel {
    overflow: hidden;
    border: 1px solid rgba(240, 199, 94, .18);
    border-radius: 10px;
    background: linear-gradient(180deg, rgba(18, 19, 20, .98), rgba(9, 11, 13, .98));
    box-shadow: 0 12px 30px rgba(0, 0, 0, .30);
}

.uros-home-announcement-heading,
.uros-home-widget-heading,
.uros-home-panel-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 45px;
    padding: 11px 15px;
    border-bottom: 1px solid rgba(240, 199, 94, .17);
    background: linear-gradient(180deg, #1b1b1b, #111213);
    color: #f0c75e;
    font: 600 12px/1.35 'Cinzel', serif;
    letter-spacing: .035em;
    text-transform: uppercase;
}

.uros-home-announcement-heading h2 {
    min-width: 0;
    margin: 0;
    overflow: hidden;
    color: #eee8da;
    font: 600 14px/1.35 'Cinzel', serif;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.uros-home-announcement-heading time {
    flex: 0 0 auto;
    color: #8f887b;
    font: 400 10px/1.3 'Lato', sans-serif;
    text-transform: none;
}

.uros-home-announcement-body {
    padding: 22px 24px;
    color: #d9d3c7;
    font-size: 14px;
    line-height: 1.72;
}

.uros-home-announcement-body img,
.uros-home-announcement-body video,
.uros-home-announcement-body iframe {
    max-width: 100%;
    height: auto;
}

.uros-home-announcement > footer {
    padding: 9px 15px;
    border-top: 1px solid rgba(255, 255, 255, .05);
    background: rgba(0, 0, 0, .20);
    color: #777064;
    font-size: 10px;
    text-align: right;
}

.uros-home-announcement > footer span {
    color: #e4bd55;
}

.uros-home-empty,
.uros-home-widget-empty {
    padding: 24px 18px;
    color: #8f887b;
    text-align: center;
}

.uros-home-sidebar {
    display: grid;
    gap: 18px;
}

.uros-home-widget {
    margin: 0;
}

.uros-home-admin-widget {
    border-color: rgba(240, 199, 94, .42);
}

.uros-home-admin-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 9px;
    padding: 13px;
}

.uros-home-primary-button,
.uros-home-ip-button {
    border-color: #b89642 !important;
    background: linear-gradient(180deg, #f3cf69, #d9ad42) !important;
    color: #16120a !important;
    font-weight: 800 !important;
}

.uros-home-danger-button {
    border-color: rgba(201, 55, 55, .55) !important;
    background: rgba(165, 35, 35, .18) !important;
    color: #f2b6b6 !important;
}

.uros-home-server-widget {
    position: relative;
    min-height: 175px;
}

.uros-home-server-background {
    position: absolute;
    inset: -7px;
    background: url('../images/uros/background.webp') center/cover;
    filter: brightness(.32) blur(2px);
}

.uros-home-server-content {
    position: relative;
    z-index: 1;
    display: flex;
    min-height: 175px;
    padding: 18px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.uros-home-server-title {
    margin-bottom: 7px;
    color: #f0c75e;
    font: 600 17px/1.3 'Cinzel', serif;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.uros-home-server-state {
    color: #aaa18f;
    font-size: 24px;
    font-weight: 800;
    text-transform: uppercase;
}

.uros-home-server-state.is-online { color: #47d17b; }
.uros-home-server-state.is-offline { color: #df6666; }

.uros-home-server-players {
    margin: 2px 0 12px;
    color: #c7c0b3;
    font-size: 12px;
}

.uros-home-ip-button {
    min-height: 36px;
    padding: 7px 12px;
    border: 1px solid #b89642;
    border-radius: 6px;
    cursor: pointer;
    font-family: Consolas, monospace;
}

.uros-home-discussion-list {
    display: grid;
}

.uros-home-discussion {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr) auto;
    gap: 9px;
    align-items: center;
    padding: 10px 12px;
    border-bottom: 1px solid rgba(255, 255, 255, .055);
}

.uros-home-discussion:last-child { border-bottom: 0; }
.uros-home-discussion:hover { background: rgba(240, 199, 94, .035); }

.uros-home-discussion-avatar img {
    display: block;
    width: 34px;
    height: 34px;
    border: 1px solid rgba(240, 199, 94, .24);
    border-radius: 50%;
    object-fit: cover;
    background: #111315;
}

.uros-home-discussion-copy { min-width: 0; }

.uros-home-discussion-title {
    display: block;
    overflow: hidden;
    color: #ddd7ca !important;
    font-size: 11px;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.uros-home-discussion-meta {
    margin-top: 2px;
    overflow: hidden;
    color: #7f786d;
    font-size: 9px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.uros-home-discussion-meta a { text-decoration: none !important; }

.uros-home-discussion-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 24px;
    height: 24px;
    border: 1px solid rgba(240, 199, 94, .12);
    border-radius: 999px;
    background: #0b0d0e;
    color: #aaa18f;
    font-size: 9px;
}

.uros-home-discord-widget iframe {
    display: block;
    width: 100%;
    border: 0;
}

.uros-discord-consent {
    display: grid;
    justify-items: center;
    gap: 10px;
    min-height: 250px;
    padding: 34px 24px;
    border: 1px solid rgba(240, 199, 94, .18);
    border-radius: 8px;
    background: rgba(10, 12, 14, .88);
    color: #cfc8ba;
    text-align: center;
}

.uros-discord-consent > i {
    color: #7289da;
    font-size: 42px;
}

.uros-discord-consent strong {
    color: #e9c55e;
    font-family: Cinzel, serif;
    font-size: 16px;
}

.uros-discord-consent p {
    max-width: 310px;
    margin: 0;
    color: #999184;
    font-size: 11px;
    line-height: 1.55;
}

.uros-home-panel { width: 100%; }
.uros-home-panel-body { padding: 20px; }

.uros-home-form-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 110px;
    gap: 15px;
}

.uros-home-field {
    display: grid;
    gap: 7px;
    margin-bottom: 16px;
}

.uros-home-field > span {
    color: #e9c55e;
    font-size: 12px;
    font-weight: 700;
}

.uros-home-field input,
.uros-home-field textarea,
.uros-home-table input {
    box-sizing: border-box;
    width: 100%;
    min-height: 40px;
    padding: 9px 11px;
    border: 1px solid rgba(240, 199, 94, .22);
    border-radius: 8px;
    outline: 0;
    background: #111315;
    color: #eee8da;
}

.uros-home-field input:focus,
.uros-home-table input:focus {
    border-color: rgba(240, 199, 94, .62);
    box-shadow: 0 0 0 3px rgba(240, 199, 94, .10);
}

.uros-home-message-field > textarea {
    min-height: 360px;
}

.uros-home-editor-page .sceditor-container {
    --uros-editor-height: 430px;
}

.uros-home-form-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 18px;
}

.uros-home-errors {
    margin: 0 0 18px;
    padding: 13px 15px;
    border: 1px solid rgba(204, 63, 63, .48);
    border-radius: 8px;
    background: rgba(132, 31, 31, .18);
    color: #f0caca;
}

.uros-home-errors ul { margin: 7px 0 0 20px; }

.uros-home-table-wrap { overflow-x: auto; }

.uros-home-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
}

.uros-home-table th,
.uros-home-table td {
    padding: 12px;
    border-bottom: 1px solid rgba(255, 255, 255, .06);
    text-align: left;
}

.uros-home-table th {
    color: #f0c75e;
    font-size: 11px;
    text-transform: uppercase;
}

.uros-home-table td { color: #d7d0c4; }
.uros-home-table td:first-child { width: 82px; }
.uros-home-table input { min-height: 34px; padding: 6px 8px; }
.uros-home-table-actions { white-space: nowrap; text-align: right !important; }

@media (max-width: 900px) {
    .uros-home-layout { grid-template-columns: 1fr; }
    .uros-home-sidebar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .uros-home-discord-widget { grid-column: 1 / -1; }
}

@media (max-width: 620px) {
    .uros-home-sidebar { grid-template-columns: 1fr; }
    .uros-home-form-grid { grid-template-columns: 1fr; }
    .uros-home-panel-body { padding: 14px; }
    .uros-home-announcement-body { padding: 17px 15px; }
    .uros-home-announcement-heading { align-items: flex-start; flex-direction: column; }
    .uros-home-announcement-heading time { white-space: normal; }
    .uros-home-form-actions .button { width: 100%; }

    .uros-home-table thead { display: none; }
    .uros-home-table,
    .uros-home-table tbody,
    .uros-home-table tr,
    .uros-home-table td { display: block; width: 100% !important; }
    .uros-home-table tr { padding: 10px 0; border-bottom: 1px solid rgba(240, 199, 94, .12); }
    .uros-home-table td { display: grid; grid-template-columns: 95px minmax(0, 1fr); gap: 10px; border: 0; }
    .uros-home-table td::before { content: attr(data-label); color: #f0c75e; font-size: 10px; font-weight: 700; text-transform: uppercase; }
    .uros-home-table-actions { white-space: normal; text-align: left !important; }
}

/* Shared with the forum index activity component. */
.uros-home-sidebar .uros-home-latest-widget {
    width: 100%;
}

/* Home alignment with the forum category system. */
.uros-home-content {
    width: 100% !important;
    max-width: 100% !important;
}

.uros-home-layout {
    grid-template-columns: minmax(0, 1fr) var(--uros-sidebar-width, 320px) !important;
    gap: 24px !important;
}

.uros-home-announcement {
    overflow: hidden;
    border: 1px solid rgba(240, 199, 94, .16) !important;
    border-radius: 10px !important;
    background: rgba(15, 16, 17, .96) !important;
}

.uros-home-announcement-heading {
    min-height: 48px;
    padding: 12px 15px !important;
    border-bottom: 1px solid rgba(240, 199, 94, .62) !important;
    background: linear-gradient(180deg, rgba(25, 25, 25, .99), rgba(15, 15, 15, .99)) !important;
}

.uros-home-announcement-heading h2 {
    color: #f0c75e !important;
    font-family: 'Cinzel', serif !important;
    font-size: 14px !important;
    letter-spacing: .035em;
    text-transform: uppercase;
}

.uros-home-announcement-heading time {
    color: #aaa18f !important;
    font-size: 10px !important;
}

.uros-home-admin-widget {
    margin-top: 0 !important;
}

@media (max-width: 900px) {
    .uros-home-layout {
        grid-template-columns: 1fr !important;
    }
}

/* =========================================================
   Wider home alignment and shared sidebar components
   2026-08-03
   ========================================================= */

.uros-home-layout {
    align-items: start !important;
}

/* Align Server Status with the first announcement card, not the section label. */
.uros-home-sidebar {
    padding-top: 50px;
}

.uros-home-announcement-heading {
    min-height: 52px;
    padding: 13px 17px !important;
}

.uros-home-announcement-heading h2 {
    font-size: 15px !important;
}

.uros-home-announcement-heading time {
    font-size: 11px !important;
}

.uros-home-announcement-body {
    padding: 25px 28px;
    font-size: 15px;
    line-height: 1.78;
}

.uros-home-section-title {
    font-size: 21px;
}

.uros-home-admin-widget {
    order: 4;
}

@media (max-width: 900px) {
    .uros-home-sidebar {
        padding-top: 0;
    }

    .uros-home-sidebar {
        grid-template-columns: 1fr !important;
    }

    .uros-home-discord-widget,
    .uros-discord-widget {
        grid-column: auto !important;
    }
}

@media (max-width: 620px) {
    .uros-home-announcement-body {
        padding: 18px 16px;
        font-size: 14px;
    }
}


/* New-player conversion path. */
.uros-home-onboarding {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    margin: 0 0 24px;
    padding: 24px 26px;
    border: 1px solid rgba(240, 199, 94, .30);
    border-radius: 10px;
    background: linear-gradient(135deg, rgba(35, 29, 16, .94), rgba(12, 13, 14, .97));
    box-shadow: 0 14px 35px rgba(0, 0, 0, .25);
}

.uros-home-onboarding-copy { min-width: 0; }

.uros-home-onboarding-kicker {
    display: block;
    margin-bottom: 5px;
    color: #d9ad42;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .13em;
    text-transform: uppercase;
}

.uros-home-onboarding h1 {
    margin: 0 0 8px;
    color: #f0c75e;
    font: 700 24px/1.2 'Cinzel', serif;
}

.uros-home-onboarding p {
    max-width: 660px;
    margin: 0;
    color: #bdb5a7;
    font-size: 13px;
    line-height: 1.65;
}

.uros-home-onboarding-actions {
    display: flex;
    flex: 0 0 auto;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 9px;
}

.uros-home-onboarding-actions .button {
    display: inline-flex;
    min-height: 38px;
    align-items: center;
    justify-content: center;
    gap: 7px;
    white-space: nowrap;
}

@media (max-width: 1100px) {
    .uros-home-onboarding {
        align-items: flex-start;
        flex-direction: column;
    }

    .uros-home-onboarding-actions {
        justify-content: flex-start;
    }
}

@media (max-width: 620px) {
    .uros-home-onboarding {
        padding: 19px 16px;
    }

    .uros-home-onboarding h1 {
        font-size: 21px;
    }

    .uros-home-onboarding-actions,
    .uros-home-onboarding-actions .button {
        width: 100%;
    }
}