/*
 * SUTI Festival theme — Bootstrap 3 components shared by the shop and the admin:
 * typography, buttons, forms, panels, tables, alerts, tabs, dropdowns, modals.
 * Needs suti-base.css first.
 */

/* ---------- Typography ---------- */
::selection { background: var(--suti-copper); color: #fff; }

a, .btn-link { color: var(--suti-copper-light); }
a:hover, a:focus, .btn-link:hover, .btn-link:focus { color: var(--suti-highlight); }
:focus-visible { outline: 2px solid var(--suti-highlight) !important; outline-offset: 2px; }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: var(--suti-font);
  color: var(--suti-text);
  font-weight: 700;
  line-height: 1.2;
}
.panel-body h3, .panel-body .h3 { font-weight: 700; font-size: 18px; }
.text-muted, .help-block, small, .small { color: var(--suti-text-muted); }
hr { border-top-color: var(--suti-border); }
strong, b { color: inherit; }
code { background: var(--suti-bg-lighter); color: var(--suti-highlight); }
pre { background: var(--suti-bg-light); color: var(--suti-text); border-color: var(--suti-border); }
.text-success { color: var(--suti-success); }
.text-danger { color: var(--suti-danger); }
.text-warning { color: var(--suti-warning); }
.text-info { color: var(--suti-info); }
.text-primary { color: var(--suti-copper-light); }
mark, .mark { background: var(--suti-warning-bg); color: var(--suti-text); }

/* ---------- Buttons: pill + copper, like the site ---------- */
.btn {
  border-radius: var(--suti-radius-full);
  font-weight: 600;
  transition: background-color 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease, color 0.25s ease;
}
.btn-lg { padding-left: 28px; padding-right: 28px; }
.btn-primary,
.btn-primary:focus,
.btn-primary.focus {
  color: #fff;
  background: linear-gradient(180deg, var(--suti-copper), var(--suti-copper-dark));
  border: 1px solid var(--suti-copper-light);
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.open > .btn-primary.dropdown-toggle,
.btn-primary:active:hover,
.btn-primary:active:focus {
  color: #fff;
  background: linear-gradient(180deg, var(--suti-copper-light), var(--suti-copper));
  border-color: var(--suti-highlight);
  box-shadow: var(--suti-glow);
}
.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover, .btn-primary[disabled]:hover {
  background: var(--suti-bg-lighter);
  border-color: var(--suti-border);
  color: var(--suti-text-dim);
  box-shadow: none;
}
.btn-default,
.btn-default:focus,
.btn-default.focus,
.btn-primary-if-active {
  color: var(--suti-text);
  background: hsla(25, 15%, 15%, 0.55);
  border: 1px solid rgba(163, 110, 57, 0.45);
}
.btn-default:hover,
.btn-default:active,
.btn-default.active,
.btn-default:active:hover,
.btn-default:active:focus,
.open > .btn-default.dropdown-toggle,
.btn-primary-if-active:hover,
.btn-primary-if-active:focus {
  color: #fff;
  background: rgba(163, 110, 57, 0.28);
  border-color: var(--suti-copper-light);
  box-shadow: var(--suti-glow);
}
.btn-primary-if-active.active,
.btn-primary-if-active:active {
  color: #fff;
  background: var(--suti-copper);
  border-color: var(--suti-copper-light);
}
.btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default,
.btn-default.disabled:hover, .btn-default[disabled]:hover, .btn-default.disabled:focus {
  background: transparent;
  border-color: var(--suti-border);
  color: var(--suti-text-dim);
}
.btn-success, .btn-success:focus {
  color: #0f1a12;
  background: var(--suti-success);
  border-color: var(--suti-success);
}
.btn-success:hover, .btn-success:active { color: #0f1a12; background: hsl(140, 50%, 66%); border-color: hsl(140, 50%, 66%); }
.btn-danger, .btn-danger:focus {
  color: var(--suti-danger);
  background: var(--suti-danger-bg);
  border-color: hsla(8, 80%, 66%, 0.55);
}
.btn-danger:hover, .btn-danger:active { color: #fff; background: hsl(8, 65%, 48%); border-color: var(--suti-danger); }
.btn-info, .btn-info:focus { color: var(--suti-bg); background: var(--suti-info); border-color: var(--suti-info); }
.btn-warning, .btn-warning:focus { color: var(--suti-bg); background: var(--suti-warning); border-color: var(--suti-warning); }
.btn-link { border-color: transparent; background: transparent; }
.btn .badge, .btn-primary .badge { background: rgba(0, 0, 0, 0.35); color: #fff; }

/* Button groups (List / Week / Month / Day): one pill, square inner corners */
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius: 0; }
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { border-top-right-radius: 0; border-bottom-right-radius: 0; }
.btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; }
.btn-group > .btn + .btn { margin-left: -1px; }

/* Quantity steppers (-  0  +) on the product list */
.input-item-count-group .btn,
.input-group-btn > .btn,
.input-item-count-dec,
.input-item-count-inc {
  border-radius: var(--suti-radius-full);
  min-width: 38px;
  box-shadow: none;
}
.input-item-count-group .input-group-btn:first-child > .btn,
.input-item-count-dec { border-top-right-radius: 0; border-bottom-right-radius: 0; }
.input-item-count-group .input-group-btn:last-child > .btn,
.input-item-count-inc { border-top-left-radius: 0; border-bottom-left-radius: 0; }
.input-item-count-dec[disabled], .input-item-count-inc[disabled],
.input-item-count-dec[disabled]:hover, .input-item-count-inc[disabled]:hover {
  background: transparent;
  color: var(--suti-text-dim);
}
.input-item-count-group .form-control,
input.input-item-count {
  text-align: center;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}

/* ---------- Forms ---------- */
.form-control,
select.form-control,
.input-group-addon {
  color: var(--suti-text);
  background-color: hsla(25, 15%, 6%, 0.6);
  border: 1px solid var(--suti-border-strong);
  box-shadow: none;
}
.form-control { border-radius: var(--suti-radius-md); }
.form-control::placeholder { color: var(--suti-text-dim); opacity: 1; }
.form-control:focus {
  border-color: var(--suti-copper-light);
  box-shadow: 0 0 0 3px rgba(196, 139, 85, 0.25);
  background-color: hsla(25, 15%, 6%, 0.8);
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
  background-color: hsla(25, 10%, 18%, 0.5);
  color: var(--suti-text-muted);
}
select.form-control option,
select.form-control optgroup { background: var(--suti-bg-light); color: var(--suti-text); }
.input-group-addon { color: var(--suti-text-muted); }
.input-group .form-control:first-child, .input-group-addon:first-child { border-top-left-radius: var(--suti-radius-md); border-bottom-left-radius: var(--suti-radius-md); }
.input-group .form-control:last-child, .input-group-addon:last-child { border-top-right-radius: var(--suti-radius-md); border-bottom-right-radius: var(--suti-radius-md); }
label, .control-label, legend { color: var(--suti-text); }
legend { border-bottom-color: var(--suti-border); }
.form-horizontal .control-label { color: var(--suti-text-muted); }
.label-required, .optional { color: var(--suti-text-dim); }
input[type="checkbox"], input[type="radio"] { accent-color: var(--suti-copper); }

/* Validation states */
.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox,
.has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label { color: var(--suti-danger); }
.has-error .form-control { border-color: var(--suti-danger); }
.has-error .form-control:focus { border-color: var(--suti-danger); box-shadow: 0 0 0 3px hsla(8, 80%, 66%, 0.25); }
.has-error .input-group-addon { color: var(--suti-danger); background: var(--suti-danger-bg); border-color: var(--suti-danger); }
.has-success .help-block, .has-success .control-label { color: var(--suti-success); }
.has-success .form-control { border-color: var(--suti-success); }
.has-warning .help-block, .has-warning .control-label { color: var(--suti-warning); }
.has-warning .form-control { border-color: var(--suti-warning); }

/* "Checkbox as button" (e.g. choose one variation / free add-on) */
.btn-checkbox { color: var(--suti-text); }
.btn-checkbox.btn-checkbox-checked {
  background: rgba(163, 110, 57, 0.28);
  border-color: var(--suti-copper-light);
  color: #fff;
}
.checkbox-group-legend > span { background: transparent; color: var(--suti-text-muted); }

/* ---------- Panels (cart, checkout sections, order details) ---------- */
.panel {
  background: var(--suti-glass-soft);
  border: 1px solid var(--suti-border);
  border-radius: var(--suti-radius-xl);
  box-shadow: none;
  color: var(--suti-text);
  overflow: hidden;
}
.panel > .panel-heading,
.panel > legend > .panel-heading,
.panel-default > .panel-heading,
.panel-default > legend > .panel-heading {
  color: var(--suti-text);
  background: hsla(35, 30%, 60%, 0.08);
  border-bottom: 1px solid var(--suti-border);
  border-top-left-radius: calc(var(--suti-radius-xl) - 1px);
  border-top-right-radius: calc(var(--suti-radius-xl) - 1px);
}
.panel-title, .panel-title > a, .panel-heading a { color: var(--suti-text); }
.panel-default .panel-title a[data-toggle="collapse"]:hover { background: hsla(35, 30%, 60%, 0.08); color: #fff; }
.panel-heading .panel-title a:hover { color: var(--suti-highlight); }
.panel-footer {
  background: hsla(35, 30%, 60%, 0.05);
  border-top-color: var(--suti-border);
  color: var(--suti-text-muted);
}
.panel-subhead { background: hsla(35, 30%, 60%, 0.05); color: var(--suti-text-muted); }
.panel-primary { border-color: var(--suti-copper); }
.panel-primary > .panel-heading,
.panel-primary > legend > .panel-heading {
  color: #fff;
  background: linear-gradient(135deg, var(--suti-copper), var(--suti-copper-dark));
  border-color: var(--suti-copper);
}
.panel-primary > .panel-heading a { color: #fff; }
.panel-success { border-color: hsla(140, 50%, 58%, 0.5); }
.panel-success > .panel-heading { color: var(--suti-success); background: var(--suti-success-bg); border-color: hsla(140, 50%, 58%, 0.4); }
.panel-danger { border-color: hsla(8, 80%, 66%, 0.5); }
.panel-danger > .panel-heading { color: var(--suti-danger); background: var(--suti-danger-bg); border-color: hsla(8, 80%, 66%, 0.4); }
.panel-warning { border-color: hsla(35, 85%, 62%, 0.5); }
.panel-warning > .panel-heading { color: var(--suti-warning); background: var(--suti-warning-bg); border-color: hsla(35, 85%, 62%, 0.4); }
.panel-info { border-color: hsla(185, 55%, 62%, 0.5); }
.panel-info > .panel-heading { color: var(--suti-info); background: var(--suti-info-bg); border-color: hsla(185, 55%, 62%, 0.4); }
.panel-group .panel + .panel { margin-top: 10px; }
.panel-group .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel-heading + .panel-collapse > .list-group { border-top-color: var(--suti-border); }

.well {
  background: var(--suti-glass-soft);
  border: 1px solid var(--suti-border);
  border-radius: var(--suti-radius-xl);
  box-shadow: none;
}
.list-group-item {
  background: transparent;
  border-color: var(--suti-border);
  color: var(--suti-text);
}
a.list-group-item, button.list-group-item { color: var(--suti-text); }
a.list-group-item:hover, a.list-group-item:focus, button.list-group-item:hover, button.list-group-item:focus {
  background: var(--suti-glass-hover);
  color: #fff;
}
.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
  background: var(--suti-copper);
  border-color: var(--suti-copper);
}


/* ---------- Dividers: every hard-coded light border in presale.css ---------- */
hr, .page-header, blockquote, legend, .nav-tabs, .tab-content, .table-responsive,
.table > tbody + tbody, .panel > hr, .panel-default,
.panel > .panel-body + .table, .panel > .panel-body + .table-responsive,
.panel > .table + .panel-body, .panel > .table-responsive + .panel-body,
.panel-group .panel-footer + .panel-collapse .panel-body,
.panel-default > .panel-heading + .panel-collapse > .panel-body,
.panel-default > legend > .panel-heading + .panel-collapse > .panel-body,
.panel-default > .panel-footer + .panel-collapse > .panel-body,
.panel-default > .accordion-radio + .panel-collapse > .panel-body,
.product-appendix-row, .product-row.total, .cart .cart-rowgroup-total,
.full-width-list > li + li, .full-width-list > .row + .row,
.checkbox-group-legend, .profile-add-on, .fa-border,
.table-calendar h3, .week-calendar h3, .day-calendar h3, .ticks li {
  border-color: var(--suti-border);
}
.product-row::before,
.product-row.headline::before,
.product-row.simple::before,
article.item-with-variations:last-child::after,
.product-row:last-child::after {
  border-color: var(--suti-border);
}
.table-calendar h3, .week-calendar h3, .day-calendar h3 { color: var(--suti-text-muted); }
blockquote { color: var(--suti-text-muted); }

/* ---------- Tables (cart, order positions, calendar list) ---------- */
.table { color: var(--suti-text); background: transparent; }
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th,
.table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
  border-color: var(--suti-border);
}
.table > thead > tr > th { border-bottom-color: var(--suti-border-strong); color: var(--suti-text-muted); }
.table-striped > tbody > tr:nth-of-type(odd) { background: hsla(35, 30%, 60%, 0.04); }
.table-hover > tbody > tr:hover { background: var(--suti-glass-hover); }
.table > thead > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr.active > td,
.table > tbody > tr.active > th, .table > tfoot > tr.active > td, .table > tfoot > tr.active > th,
.table > tbody > tr > td.active, .table > tbody > tr > th.active { background: hsla(35, 30%, 60%, 0.08); }
.table-bordered, .table-bordered > thead > tr > th, .table-bordered > tbody > tr > td { border-color: var(--suti-border); }

/* ---------- Alerts / labels / badges ---------- */
.alert {
  border-radius: var(--suti-radius-lg);
  border-width: 1px;
  color: var(--suti-text);
}
.alert-info { background: var(--suti-info-bg); border-color: hsla(185, 55%, 62%, 0.35); }
.alert-success { background: var(--suti-success-bg); border-color: hsla(140, 50%, 58%, 0.35); }
.alert-warning { background: var(--suti-warning-bg); border-color: hsla(35, 85%, 62%, 0.35); }
.alert-danger { background: var(--suti-danger-bg); border-color: hsla(8, 80%, 66%, 0.4); }
.alert a, .alert .alert-link { color: var(--suti-highlight); }
.alert-legal { background: var(--suti-glass-soft); border-color: var(--suti-border); }
.label { border-radius: var(--suti-radius-full); padding: 0.3em 0.75em; font-weight: 600; }
.label-default { background: var(--suti-bg-lighter); color: var(--suti-text); }
.label-primary { background: var(--suti-copper); }
.label-success { background: var(--suti-success-bg); color: var(--suti-success); }
.label-warning { background: var(--suti-warning-bg); color: var(--suti-warning); }
.label-danger { background: var(--suti-danger-bg); color: var(--suti-danger); }
.label-info { background: var(--suti-info-bg); color: var(--suti-info); }
.badge { background: var(--suti-bg-lighter); color: var(--suti-text); }
/* ---------- Tabs / pills / pagination / dropdowns ---------- */
.nav-tabs { border-bottom-color: var(--suti-border); }
.nav-tabs > li > a { color: var(--suti-text-muted); border-radius: var(--suti-radius-md) var(--suti-radius-md) 0 0; }
.nav-tabs > li > a:hover { background: var(--suti-glass-hover); border-color: transparent; color: #fff; }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
  background: hsla(35, 30%, 60%, 0.08);
  color: var(--suti-highlight);
  border-color: var(--suti-border);
  border-bottom-color: transparent;
}
.nav > li > a:hover, .nav > li > a:focus, .nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background: var(--suti-glass-hover); }
.nav-pills > li > a { border-radius: var(--suti-radius-full); color: var(--suti-text-muted); }
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { background: var(--suti-copper); color: #fff; }
.pagination > li > a, .pagination > li > span, .pager li > a, .pager li > span {
  background: hsla(25, 15%, 15%, 0.55);
  border-color: var(--suti-border);
  color: var(--suti-text);
}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pager li > a:hover {
  background: rgba(163, 110, 57, 0.28);
  border-color: var(--suti-copper-light);
  color: #fff;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover,
.pagination > li.page-current > a, .pagination > li.page-current > a:hover { background: var(--suti-copper); border-color: var(--suti-copper); color: #fff; }
.pagination > .disabled > a, .pagination > .disabled > span, .pager .disabled > a, .pager .disabled > span {
  background: transparent;
  border-color: var(--suti-border);
  color: var(--suti-text-dim);
}
.dropdown-menu {
  background: var(--suti-bg-light);
  border-color: var(--suti-border-strong);
  border-radius: var(--suti-radius-lg);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.5);
}
.dropdown-menu > li > a { color: var(--suti-text); }
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { background: var(--suti-glass-hover); color: #fff; }
.dropdown-menu .divider, .nav .nav-divider { background: var(--suti-border); }
.popover { background: var(--suti-bg-light); border-color: var(--suti-border-strong); color: var(--suti-text); }
.popover-title { background: var(--suti-bg-lighter); border-bottom-color: var(--suti-border); }
.tooltip-inner { background: var(--suti-bg-lighter); color: var(--suti-text); }

/* ---------- Modals (pretix "modal-card" dialogs) ---------- */
dialog.modal-card,
.modal-wrapper .modal-card,
.modal-content {
  background: var(--suti-glass-strong);
  -webkit-backdrop-filter: blur(24px);
  backdrop-filter: blur(24px);
  color: var(--suti-text);
  border: 1px solid var(--suti-border-strong);
  border-radius: var(--suti-radius-2xl);
  box-shadow: 0 30px 80px rgba(0, 0, 0, 0.6);
}
dialog.modal-card::backdrop { background: rgba(10, 8, 6, 0.65); }
.modal-wrapper { background: rgba(10, 8, 6, 0.65); }
.modal-card-icon { background: linear-gradient(180deg, var(--suti-copper), var(--suti-copper-dark)); }
.modal-card-icon, .modal-card-icon .fa, .modal-card .big-icon { color: #fff; }
.modal-card-title { color: #fff; }
.modal-card-description, .modal-card-content { color: var(--suti-text-muted); }
.modal-header, .modal-footer { border-color: var(--suti-border); }
.close { color: var(--suti-text); text-shadow: none; opacity: 0.7; }
.close:hover { color: #fff; opacity: 1; }
.overlay, #loadingmodal, #ajaxerr { background: rgba(10, 8, 6, 0.8); color: var(--suti-text); }
#loadingmodal .modal-card, #ajaxerr .modal-card { color: var(--suti-text); }

/* ---------- Date pickers, sliders, lightbox, autofill ---------- */
/* Date / time pickers */
.bootstrap-datetimepicker-widget.dropdown-menu { background: var(--suti-bg-light); }
.bootstrap-datetimepicker-widget table td, .bootstrap-datetimepicker-widget table th { color: var(--suti-text); }
.bootstrap-datetimepicker-widget table td.day:hover,
.bootstrap-datetimepicker-widget table td.hour:hover,
.bootstrap-datetimepicker-widget table td.minute:hover,
.bootstrap-datetimepicker-widget table td span:hover,
.bootstrap-datetimepicker-widget table thead tr:first-child th:hover { background: var(--suti-glass-hover); }
.bootstrap-datetimepicker-widget table td.old, .bootstrap-datetimepicker-widget table td.new { color: var(--suti-text-dim); }
.bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td span.active { background: var(--suti-copper); color: #fff; }

/* Slider (e.g. "pay what you want") */
.slider-track, .slider-selection, .slider-tick { background: hsla(35, 30%, 60%, 0.18); background-image: none; }
.slider-selection { background: var(--suti-copper); }
.slider-handle { background: var(--suti-copper-light); background-image: none; }

/* Lightbox */
.lb-outerContainer { background: var(--suti-bg-light); }

/* Browser autofill would otherwise paint fields pale yellow/blue */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
select:-webkit-autofill,
textarea:-webkit-autofill {
  -webkit-text-fill-color: var(--suti-text);
  -webkit-box-shadow: 0 0 0 1000px var(--suti-bg-light) inset;
  caret-color: var(--suti-text);
  transition: background-color 9999s ease-in-out 0s;
}


/* ---------- Alert icon columns: SUTI tints + recoloured pretix icons (info/legal in copper, not cyan) ---------- */
.alert-info::before { background-color: rgba(163, 110, 57, 0.35); background-image: url("data:image/svg+xml,%3Csvg%20viewBox='0%200%2036%2036'%20xmlns='http://www.w3.org/2000/svg'%20xml:space='preserve'%3E%3Ccircle%20cx='18'%20cy='18'%20r='16'%20fill='%23c48b55'/%3E%3Cpath%20d='M21.74%2022.66a.7.7%200%200%200-.7-.7h-.7v-6.28a.7.7%200%200%200-.7-.7h-4.19a.7.7%200%200%200-.7.7v1.4c0%20.38.32.7.7.7h.7v4.19h-.7a.7.7%200%200%200-.7.7v1.4c0%20.37.32.7.7.7h5.6a.7.7%200%200%200%20.69-.7v-1.4Zm-1.4-12.57a.7.7%200%200%200-.7-.7h-2.8a.7.7%200%200%200-.69.7v2.1c0%20.38.32.7.7.7h2.8a.7.7%200%200%200%20.7-.7v-2.1Z'%20fill='%2317130f'/%3E%3C/svg%3E%0A"); }
.alert-legal::before { background-color: rgba(163, 110, 57, 0.35); background-image: url("data:image/svg+xml,%3Csvg%20viewBox='0%200%2036%2036'%20xmlns='http://www.w3.org/2000/svg'%20xml:space='preserve'%3E%3Ccircle%20cx='18'%20cy='18'%20r='16'%20fill='%23c48b55'/%3E%3Cpath%20d='M19.41%2011.55c0-.43.2-.79.58-1.08-.42-.27-.99-.4-1.7-.4-.62%200-1.1.13-1.46.4-.36.26-.54.62-.54%201.08%200%20.42.13.76.38%201.01.18.15.5.33.95.57l1.77.85c1.04.48%201.79.9%202.25%201.25.51.36.88.8%201.1%201.3h-.02c.18.38.27.76.27%201.14%200%201.1-.62%202.18-1.85%203.22.48.46.81.9%201%201.3a3.84%203.84%200%200%201-.05%203.07c-.22.5-.54.91-.95%201.26-.42.34-.92.61-1.5.8a6.45%206.45%200%200%201-3.91%200%205.44%205.44%200%200%201-1.6-.79%203.67%203.67%200%200%201-1.1-1.22%203.11%203.11%200%200%201-.36-1.5c0-.66.17-1.2.52-1.59.36-.39.83-.59%201.42-.59.46%200%20.87.16%201.22.48.36.32.53.7.53%201.16%200%20.56-.33%201.03-1%201.41.03.05.07.1.13.13l.2.16a3.24%203.24%200%200%200%201.9.53c.67%200%201.2-.15%201.6-.46.38-.3.58-.7.58-1.22%200-.37-.13-.69-.38-.96a4.46%204.46%200%200%200-1.16-.82l-.9-.44A24.66%2024.66%200%200%201%2015%2020.44a7.7%207.7%200%200%201-.9-.6c-.86-.73-1.29-1.54-1.29-2.45%200-1.16.62-2.23%201.87-3.22a4.7%204.7%200%200%201-.79-1.16%203.38%203.38%200%200%201%20.95-3.98A5.02%205.02%200%200%201%2018.14%208c1.3%200%202.37.3%203.21.91V8.9c.92.6%201.37%201.38%201.37%202.33%200%20.51-.16.93-.49%201.27-.33.34-.75.5-1.26.5a1.6%201.6%200%200%201-1.12-.4c-.3-.28-.44-.62-.44-1.04Zm-1.27%204.66a26.2%2026.2%200%200%201-1.73-.84c-.6.6-.89%201.13-.89%201.6%200%20.34.13.63.39.87.17.15.42.31.74.5a30.57%2030.57%200%200%200%201.93%201l.85.45c.58-.58.87-1.14.87-1.68%200-.36-.15-.67-.46-.94-.3-.27-.87-.6-1.7-.96Z'%20fill='%2317130f'/%3E%3C/svg%3E"); }
.alert-success::before { background-color: hsla(140, 50%, 45%, 0.3); background-image: url("data:image/svg+xml,%3Csvg%20viewBox='0%200%2036%2036'%20xmlns='http://www.w3.org/2000/svg'%20xml:space='preserve'%3E%3Crect%20x='5'%20y='5'%20width='26'%20height='26'%20fill='%2361c282'/%3E%3Cpath%20d='M25.57%2014.65c0-.23-.1-.46-.26-.62l-1.24-1.24a.89.89%200%200%200-1.24%200l-5.98%206-2.68-2.7a.89.89%200%200%200-1.24%200l-1.24%201.24a.88.88%200%200%200%200%201.24l4.54%204.54a.88.88%200%200%200%201.24%200l7.84-7.84c.17-.16.26-.4.26-.62Z'%20fill='%2317130f'/%3E%3C/svg%3E%0A"); }
.alert-warning::before { background-color: hsla(35, 80%, 55%, 0.3); background-image: url("data:image/svg+xml,%3Csvg%20viewBox='0%200%2036%2036'%20xmlns='http://www.w3.org/2000/svg'%20xml:space='preserve'%3E%3Cpath%20d='M20.04%202.89a2.2%202.2%200%200%200-3.87%200L2.88%2027.24a2.22%202.22%200%200%200%201.94%203.27h26.57a2.22%202.22%200%200%200%201.94-3.27L20.04%202.89Z'%20fill='%23f0ac4c'/%3E%3Cpath%20d='M19.92%2025.22c0%20.26-.2.47-.45.47h-2.73a.46.46%200%200%201-.45-.47v-2.7c0-.25.2-.46.45-.46h2.73c.25%200%20.45.21.45.47v2.7Zm-.02-5.31c-.02.19-.24.33-.5.33h-2.62c-.27%200-.48-.14-.48-.33l-.24-6.48c0-.09.04-.23.14-.3.09-.07.21-.16.34-.16h3.12c.13%200%20.26.09.35.16.1.07.14.18.14.27l-.26%206.51Z'%20fill='%2317130f'/%3E%3C/svg%3E"); }
.alert-danger::before { background-color: hsla(8, 70%, 50%, 0.32); }
.alert-info, .alert-legal { background: rgba(163, 110, 57, 0.12); border-color: rgba(196, 139, 85, 0.35); color: var(--suti-text); }