/* style the announcement banner */
.phpbb_announcement {
    font-size: 0.85rem;
    background-color: #ecd5d8; /* default color */
    border-radius: 7px;
    position: relative;
    margin: 10px 0;
    padding: 10px;
    display: flex;
    align-items: center; /* align icon and text */
}

/* dark mode styles */
.dark .phpbb_announcement {
    background-color: #2e2231; /* dark mode background color */
    color: #f87171; /* dark mode text color */
}

/* insert the announcement icon before the message */
.phpbb_announcement::before {
    content: url('https://api.iconify.design/line-md:speedometer-loop.svg');
    width: 20px;
    height: 20px;
    margin-right: 10px; /* space between icon and text */
    transform: translateY(2px); /* move icon 2px lower */
}

/* dark mode icon color */
.dark .phpbb_announcement::before {
    filter: invert(49%) sepia(77%) saturate(2864%) hue-rotate(346deg) brightness(96%) contrast(98%);
}

/* zero out any text margins and scroll any overflow */
.phpbb_announcement div {
    font-size: 0.75rem;
    line-height: 1.25rem;
    overflow: auto hidden;
    margin: 0;
}

/* make posted images responsive */
.phpbb_announcement .postimage {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 100%;
}

/* style the close button */
.phpbb_announcement .close {
    opacity: 0.6;
    position: absolute;
    z-index: 999;
    top: 50%;
    right: 4px;
    left: auto;
    transform: translateY(-50%); /* pentru a centra pe verticală */
}

/* reposition close button for right-to-left languages */
.rtl .phpbb_announcement .close {
    right: auto;
    left: 4px;
}

/* hide close button on desktops by default */
.notouch .phpbb_announcement .close {
    opacity: 0;
    transition: opacity 0.5s;
}

/* display the close button on mouse-over of the banner */
.notouch .phpbb_announcement:hover .close {
    opacity: 0.6;
}

/* fix for lists, force them to display inside containing div */
.phpbb_announcement ul,
.phpbb_announcement ol {
    margin-left: 20px;
}

.rtl .phpbb_announcement ul,
.rtl .phpbb_announcement ol {
    margin-right: 20px;
    margin-left: 0;
}