/*
 * Order.Web Custom CSS Overrides
 * This file contains custom styling overrides specific to the Order.Web application
 */

/* Fix for inverted table styling - override Semantic UI default dark background */
.ui.inverted.table {
    background: none !important;
    color: #000;
    border: none;
}

/* Additional responsive and styling improvements */
html {
    word-break: break-word;
}

body {
    margin-top: .6em;
}

.background.white {
    background-color: #fff8db !important;
}

.ui.text.compact.container {
    margin-bottom: .12em !important;
    margin-top: .12em !important;
}

@media only screen and (max-width: 730px) {
    .ui.text.compact.container {
        margin-left: .25em !important;
        margin-right: .25em !important;
    }
}

.ui.buttons .or:before {
    color: #545454 !important;
}

.no-padding {
    padding: 0 !important;
}