@font-face {
    font-family: 'AuctionRulesObelix';
    src: url('/assets/fonts/Obelix.ttf') format('truetype');
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}

/* Применяем выбор и к вложенному форматированному тексту. */
body.auction-public-page #auctionPublicRules,
body.auction-admin-page #auctionRulesVisualEditor {
    --auction-rules-font-family: 'Newreg', sans-serif;
}

body.auction-public-page #auctionPublicRules[data-rules-font='obelix'],
body.auction-admin-page #auctionRulesVisualEditor[data-rules-font='obelix'] {
    --auction-rules-font-family: 'AuctionRulesObelix', 'Newreg', sans-serif;
}

body.auction-public-page #auctionPublicRules span[data-font='newreg'],
body.auction-admin-page #auctionRulesVisualEditor span[data-font='newreg'] {
    --auction-rules-font-family: 'Newreg', sans-serif;
}

body.auction-public-page #auctionPublicRules span[data-font='obelix'],
body.auction-admin-page #auctionRulesVisualEditor span[data-font='obelix'] {
    --auction-rules-font-family: 'AuctionRulesObelix', 'Newreg', sans-serif;
}

/* Переменная наследуется от ближайшего фрагмента, в том числе внутри жирного текста и ссылок. */
body.auction-public-page #auctionPublicRules,
body.auction-public-page #auctionPublicRules *,
body.auction-admin-page #auctionRulesVisualEditor,
body.auction-admin-page #auctionRulesVisualEditor * {
    font-family: var(--auction-rules-font-family, 'Newreg', sans-serif) !important;
}

/* Одинаковый размер выделенных фрагментов в редакторе и на публичной странице. */
body.auction-public-page #auctionPublicRules span.md-big,
body.auction-admin-page #auctionRulesVisualEditor span.md-big {
    font-size: 1.35em !important;
}

body.auction-public-page #auctionPublicRules span.md-small,
body.auction-admin-page #auctionRulesVisualEditor span.md-small {
    font-size: .82em !important;
}

/* Compatibility for sizes saved by earlier editor versions. New selections
 * use an exact data-font-size value and a sanitized inline pixel size. */
body.auction-public-page #auctionPublicRules span[data-size-level='1'],
body.auction-admin-page #auctionRulesVisualEditor span[data-size-level='1'] {
    font-size: 1.35em !important;
}

body.auction-public-page #auctionPublicRules span[data-size-level='2'],
body.auction-admin-page #auctionRulesVisualEditor span[data-size-level='2'] {
    font-size: 1.7em !important;
}

body.auction-public-page #auctionPublicRules span[data-size-level='3'],
body.auction-admin-page #auctionRulesVisualEditor span[data-size-level='3'] {
    font-size: 2.15em !important;
}

body.auction-public-page #auctionPublicRules span[data-size-level='-1'],
body.auction-admin-page #auctionRulesVisualEditor span[data-size-level='-1'] {
    font-size: .82em !important;
}

body.auction-public-page #auctionPublicRules span[data-size-level='-2'],
body.auction-admin-page #auctionRulesVisualEditor span[data-size-level='-2'] {
    font-size: .67em !important;
}

body.auction-public-page #auctionPublicRules span[data-size-level='-3'],
body.auction-admin-page #auctionRulesVisualEditor span[data-size-level='-3'] {
    font-size: .55em !important;
}

body.auction-public-page #auctionPublicRules span[data-size-level='-4'],
body.auction-admin-page #auctionRulesVisualEditor span[data-size-level='-4'] {
    font-size: .45em !important;
}

body.auction-public-page #auctionPublicRules span[data-size-level='-5'],
body.auction-admin-page #auctionRulesVisualEditor span[data-size-level='-5'] {
    font-size: .37em !important;
}

body.auction-public-page #auctionPublicRules span[data-size-level='-6'],
body.auction-admin-page #auctionRulesVisualEditor span[data-size-level='-6'] {
    font-size: .3em !important;
}

/* The interval is stored on individual text blocks, so one troublesome
 * paragraph/list item can be tightened without changing the whole rules card.
 * The matching block gap keeps consecutive Enter-created lines predictable. */
body.auction-public-page #auctionPublicRules :is(p, div, li, h2, h3, h4, blockquote)[data-line-height],
body.auction-admin-page #auctionRulesVisualEditor :is(p, div, li, h2, h3, h4, blockquote)[data-line-height] {
    line-height: var(--auction-rules-line-height, 1.3) !important;
    margin-top: 0 !important;
    margin-bottom: var(--auction-rules-block-gap, .5em) !important;
}

body.auction-public-page #auctionPublicRules [data-line-height='0.85'],
body.auction-admin-page #auctionRulesVisualEditor [data-line-height='0.85'] {
    --auction-rules-line-height: .85;
    --auction-rules-block-gap: .08em;
}

body.auction-public-page #auctionPublicRules [data-line-height='1'],
body.auction-admin-page #auctionRulesVisualEditor [data-line-height='1'] {
    --auction-rules-line-height: 1;
    --auction-rules-block-gap: .16em;
}

body.auction-public-page #auctionPublicRules [data-line-height='1.15'],
body.auction-admin-page #auctionRulesVisualEditor [data-line-height='1.15'] {
    --auction-rules-line-height: 1.15;
    --auction-rules-block-gap: .32em;
}

body.auction-public-page #auctionPublicRules [data-line-height='1.3'],
body.auction-admin-page #auctionRulesVisualEditor [data-line-height='1.3'] {
    --auction-rules-line-height: 1.3;
    --auction-rules-block-gap: .5em;
}

body.auction-public-page #auctionPublicRules [data-line-height='1.5'],
body.auction-admin-page #auctionRulesVisualEditor [data-line-height='1.5'] {
    --auction-rules-line-height: 1.5;
    --auction-rules-block-gap: .75em;
}

body.auction-public-page #auctionPublicRules [data-line-height='1.75'],
body.auction-admin-page #auctionRulesVisualEditor [data-line-height='1.75'] {
    --auction-rules-line-height: 1.75;
    --auction-rules-block-gap: 1em;
}

.auction-rules-font-field,
.auction-rules-size-field,
.auction-rules-line-height-field {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    margin: 0;
}

.auction-rules-font-field select,
.auction-rules-size-field input,
.auction-rules-line-height-field select {
    width: auto;
    min-width: 110px;
}

.auction-rules-line-height-field select {
    min-width: 190px;
}

.auction-rules-size-field input {
    width: 82px;
    min-width: 82px;
}

.auction-rules-size-input {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
}

/* ===== Admin rules live preview V30 START ===== */
body.auction-admin-page #auctionRulesPreview {
    --auction-rules-font-family: 'Newreg', sans-serif;
}

body.auction-admin-page #auctionRulesPreview[data-rules-font='obelix'] {
    --auction-rules-font-family: 'AuctionRulesObelix', 'Newreg', sans-serif;
}

body.auction-admin-page #auctionRulesPreview span[data-font='newreg'] {
    --auction-rules-font-family: 'Newreg', sans-serif;
}

body.auction-admin-page #auctionRulesPreview span[data-font='obelix'] {
    --auction-rules-font-family: 'AuctionRulesObelix', 'Newreg', sans-serif;
}

body.auction-admin-page #auctionRulesPreview,
body.auction-admin-page #auctionRulesPreview * {
    font-family: var(--auction-rules-font-family, 'Newreg', sans-serif) !important;
}

body.auction-admin-page #auctionRulesPreview span.md-big,
body.auction-admin-page #auctionRulesPreview span[data-size-level='1'] {
    font-size: 1.35em !important;
}

body.auction-admin-page #auctionRulesPreview span.md-small,
body.auction-admin-page #auctionRulesPreview span[data-size-level='-1'] {
    font-size: .82em !important;
}

body.auction-admin-page #auctionRulesPreview span[data-size-level='2'] {
    font-size: 1.7em !important;
}

body.auction-admin-page #auctionRulesPreview span[data-size-level='3'] {
    font-size: 2.15em !important;
}

body.auction-admin-page #auctionRulesPreview span[data-size-level='-2'] {
    font-size: .67em !important;
}

body.auction-admin-page #auctionRulesPreview span[data-size-level='-3'] {
    font-size: .55em !important;
}

body.auction-admin-page #auctionRulesPreview span[data-size-level='-4'] {
    font-size: .45em !important;
}

body.auction-admin-page #auctionRulesPreview span[data-size-level='-5'] {
    font-size: .37em !important;
}

body.auction-admin-page #auctionRulesPreview span[data-size-level='-6'] {
    font-size: .3em !important;
}

body.auction-admin-page #auctionRulesPreview
:is(p, div, li, h2, h3, h4, blockquote)[data-line-height] {
    line-height: var(--auction-rules-line-height, 1.3) !important;
    margin-top: 0 !important;
    margin-bottom: var(--auction-rules-block-gap, .5em) !important;
}

body.auction-admin-page #auctionRulesPreview [data-line-height='0.85'] {
    --auction-rules-line-height: .85;
    --auction-rules-block-gap: .08em;
}

body.auction-admin-page #auctionRulesPreview [data-line-height='1'] {
    --auction-rules-line-height: 1;
    --auction-rules-block-gap: .16em;
}

body.auction-admin-page #auctionRulesPreview [data-line-height='1.15'] {
    --auction-rules-line-height: 1.15;
    --auction-rules-block-gap: .32em;
}

body.auction-admin-page #auctionRulesPreview [data-line-height='1.3'] {
    --auction-rules-line-height: 1.3;
    --auction-rules-block-gap: .5em;
}

body.auction-admin-page #auctionRulesPreview [data-line-height='1.5'] {
    --auction-rules-line-height: 1.5;
    --auction-rules-block-gap: .75em;
}

body.auction-admin-page #auctionRulesPreview [data-line-height='1.75'] {
    --auction-rules-line-height: 1.75;
    --auction-rules-block-gap: 1em;
}
/* ===== Admin rules live preview V30 END ===== */

/* ===== Auction tags V31 START ===== */
.auction-tag {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    min-height: 24px;
    padding: 4px 10px;
    border: 1px solid transparent;
    border-radius: 999px;
    font-family: 'Newreg', sans-serif !important;
    font-size: 12px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: .015em;
    text-align: center;
    text-transform: uppercase;
    white-space: nowrap;
}

.auction-tag[data-tone='purple'] {
    background: #2e1a3d;
    color: #f0a7ff;
}

.auction-tag[data-tone='blue'] {
    background: #082d40;
    color: #58cdf8;
}

.auction-tag[data-tone='pink'] {
    background: #3a1832;
    color: #f49ad9;
}

.auction-tag[data-tone='green'] {
    background: #0f3122;
    color: #57e99a;
}

.auction-tag[data-tone='gold'] {
    background: #322911;
    color: #ffd24a;
}

.auction-tag[data-tone='orange'] {
    background: #3b2310;
    color: #ffb15a;
}

.auction-tag[data-tone='red'] {
    background: #351416;
    color: #ff6969;
}

.auction-tag[data-tone='gold-outline'] {
    border-color: #f1bf00;
    background: rgba(20, 20, 20, .84);
    color: #ffd92e;
}
/* ===== Auction tags V31 END ===== */