/* ============================================================
   Custom overrides — First African Dream Safaris
   Added to make Joomla system messages (contact-form success /
   error notices) clearly visible. Helix's default pins them to a
   tiny box in the bottom-right corner, behind the chat widget.
   ============================================================ */
#system-message-container {
    position: fixed;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    right: auto;
    bottom: auto;
    width: 92%;
    max-width: 640px;
    z-index: 100000;
}
#system-message-container .alert {
    font-size: 16px;
    line-height: 1.5;
    padding: 16px 44px 16px 20px;
    border: 0;
    border-radius: 8px;
    box-shadow: 0 8px 30px rgba(0, 0, 0, .28);
    font-weight: 500;
}
#system-message-container .alert .alert-heading {
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 4px;
}
#system-message-container .alert-success {
    background: #1e7e34;
    color: #fff;
}
#system-message-container .alert-danger {
    background: #c82333;
    color: #fff;
}
#system-message-container .alert .btn-close,
#system-message-container .alert .close {
    filter: brightness(0) invert(1);
    opacity: .9;
}