/* Brandable components shared across Events pages */
.buyer-logo { width: 150px; height: 150px; object-fit: contain; object-position: center; }
.buyer-logo-i { font-size: 3.5rem; }
.logo-buyer { width: 40px; height: 40px; object-fit: contain; object-position: center; }

.button-brand-primary { background-color: var(--brand-primary) !important; color: #fff !important; border-color: var(--brand-primary) !important; }
.breadcrumb-item-brand { color: var(--brand-primary) !important; }
.link-secondary:hover { color: var(--brand-primary) !important; text-decoration: underline; text-decoration-color: var(--brand-primary); }

.link-brand { color: #535353; }
.link-brand:hover { color: var(--brand-primary); }

.button-custom { text-decoration: none; background-color: #fff; padding: .6em; border-radius: 6%; font-size: .8rem; border: 2px solid transparent; color: black; }
.button-custom:hover { border-color: var(--brand-primary); }
.button-custom:active, .button-custom:focus { background-color: var(--brand-primary); color: #fff; }

.rounded-logo { width: 60px; height: 60px; object-fit: contain; object-position: center; }

/* Sub navigation */
.sub-menu { display: flex; border-bottom: 1px solid #c4c4c4; }
.sub-menu .wrapper { display: flex; justify-content: center; align-items: center; }
.sub-menu a { text-decoration: none; color: black; padding: 1em; margin: 0 .5em; text-align: center; }
.sub-menu a:hover { color: var(--brand-primary); }
.sub-menu a.active { font-weight: 700; border-bottom: 3px solid var(--brand-primary); }

/* Content helpers */
.event-description-snippet { max-height: 70px; overflow: hidden; }
.table-compact { font-size: .8rem; }
.event-description-flex { display: flex; align-items: baseline; }
.text-brand-secondary { color: var(--brand-secondary); }

/* Utility for full-width flex rows */
.full-width { width: 100%; }

/* Autocomplete helper */
.autocomplete { position: relative; width: 250px; }
.autocomplete input { width: 100%; padding: 8px; box-sizing: border-box; }
.autocomplete .suggestions { position: absolute; top: 100%; left: 0; right: 0; border: 1px solid #ccc; border-top: none; background: #fff; z-index: 10; max-height: 150px; overflow-y: auto; }
.autocomplete .suggestions div { padding: 8px; cursor: pointer; }
.autocomplete .suggestions div:hover { background: #f0f0f0; }

/* Buttons / links */
.disabled { pointer-events: none; }
.supplier-delete { background: none; border: none; background-color: #873F3F; color: #fff; }
.supplier-delete:hover { color: #fff; background-color: #ff0000; }