/* Custom styles for block_infoannounce (Info & Announcements).
   Keep styling scoped to this block only. */

/* Remove the default block container frame/background (theme-dependent). */
.block_infoannounce {
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* Moodle core/theme usually renders the block title as .card-title (often <h5>).
   We cannot reliably change the tag from a plugin, but we can style it to match h3 sizing. */
.block_infoannounce .card-body h3.card-title {
    font-size: 1.6rem!important;
    font-weight: 300!important;
    color: black!important;
    margin: 0!important;
}

/* Remove frames/background from announcement cards. */
.block_infoannounce [data-io-announcement].card {
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* Ensure card body doesn't introduce a boxed look in some themes. */
.block_infoannounce [data-io-announcement] .card-body {
    background: transparent !important;
}

.io-announcement-rowimage {
    margin-right: 1rem;
}

/* Badges: unify to subtle grey background with dark text (theme-friendly via Bootstrap vars). */
.block_infoannounce [data-io-announcement] .badge.bg-warning,
.block_infoannounce [data-io-announcement] .badge.bg-info {
    background-color: #ced4da !important;
    color: #343a40 !important;
    border: 1px solid #adb5bd;
    font-weight: 500;
    margin-left: 1rem !important;
}