/*
 * The frame of the information pages of the master web (BST-413): the squared paper, the wide column, the breadcrumbs, the ad slots
 * and the footer. The look of the blocks is in basta-master.css (the same file as in the Storybook of the game).
 */
/* the squared paper of the game (theme.css of dist-basta.css), the tile is served by the master web */
:root { --body-bg-tile: url("/c/resources/main-bg.png"); }
@media (max-width: 991px) { .NavBar-module__logo small.hidden-xs { display: none; } }
.bm-page { max-width: 70rem; margin: 0 auto; padding: 0 1rem 1.5rem; }
.bm-page > .bm, .bm-page > main.bm { display: block; }
/* the catalog styles of the top navigation must not touch the blocks */
.bm h1 { margin: 0 0 0.875rem; padding: 0; border: 0; }
.bm ul, .bm ol { padding-left: 0; }
.bm-ad, .bm-ad ins { background: transparent; text-decoration: none; }
.bm-ad { min-height: 0; margin: -1.5rem 0 1.625rem; text-align: center; overflow: hidden; }
/* the same space around the ad as between the blocks (1.625rem): the block above has its own margin (1.625rem) and the padding of .bm (1.5rem),
   which the top margin of the ad takes away; the first block under the top ad is pulled up by 8px (the toc), so + 0.5rem */
.bm-ad--top { max-height: 6.5rem; margin: -1.5rem 0 2.125rem; }
.bm-footer a { border: 0; }
/* the links on the squared paper stay readable: the half transparent background of the original footer and breadcrumbs (basta.css) */
.bm-footer .hidden-print a, .Breadcrumbs-module__breadcrumb a, .Breadcrumbs-module__breadcrumb li[aria-current] span { background: var(--readable-on-page-bg, #F8F8F8); }
.bm-footer img { vertical-align: middle; }
.bm-footer p { margin: 0 0 0.5rem; }

/* the PDF generator works in Chrome only (see templateMaster.xhtml): the links to it are hidden in the other browsers */
html.bm-no-chrome .bm-chrome-only, html.bm-no-chrome a.bm-btn[data-chrome-only] { display: none !important; }
html.bm-no-chrome a[data-chrome-only] { pointer-events: none; color: inherit; text-decoration: none; cursor: text; }
.bm-not-chrome { display: none; }
html.bm-no-chrome .bm-not-chrome { display: block; }

/* hall of fame (stats.xhtml): the row of the logged-in player and the chosen filters */
.bm-stats tr.bm-me td { background: var(--bm-panel); font-weight: 600; }
.bm-filterlist a.is-active { border-color: var(--bm-accent); color: var(--bm-on-fill) !important; background: var(--bm-fill); }
.bm-hof .bm-flaglink.is-active { border-color: var(--bm-accent); background: var(--bm-panel); }

/* the modals of the login (the markup of the other pages, the Bootstrap is not loaded): closed until the button opens them */
.modal:not(.is-open) { display: none; }

/* the plain lists in a section (the catalog: what it is for): the bullets inside the width of the heading, not left of it */
.bm-section > ul:not([class]), .bm-section > ol:not([class]) { padding-left: 1.5rem; }
.bm-section > ul:not([class]) li + li, .bm-section > ol:not([class]) li + li { margin-top: 0.375rem; }

/* the messages of the login dialog (the errors of the login, the hint of the ad blocker): the Bootstrap alerts of the other pages */
.alert { padding: 0.75rem 1rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: 0.25rem; }
.alert > p, .alert > ul { margin-bottom: 0; }
.alert-success { background-color: #dff0d8; border-color: #d6e9c6; color: #3c763d; }
.alert-info { background-color: #d9edf7; border-color: #bce8f1; color: #31708f; }
.alert-warning { background-color: #fcf8e3; border-color: #faebcc; color: #8a6d3b; }
.alert-danger { background-color: #f2dede; border-color: #ebccd1; color: #a94442; }
html[theme="dark"] .alert-success, html.dark .alert-success { background-color: #1f3a22; border-color: #2c5a31; color: #a5d6a7; }
html[theme="dark"] .alert-info, html.dark .alert-info { background-color: #153446; border-color: #1f566f; color: #90caf9; }
html[theme="dark"] .alert-warning, html.dark .alert-warning { background-color: #3a3317; border-color: #5a4e1f; color: #ffe082; }
html[theme="dark"] .alert-danger, html.dark .alert-danger { background-color: #3d1d1d; border-color: #6b2a2a; color: #ef9a9a; }

/* the download page: the language of the prepared PDFs and the list of them (the logic of the original page, the new look) */
.bm-download-head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 0.75rem; }
.bm-download-head h2 { margin: 0; }
.bm-download-head small { font-weight: 400; font-size: 0.6em; opacity: 0.7; }
.bm-select { min-width: 12rem; padding: 0.5rem 0.75rem; border: 1px solid var(--bm-line); border-radius: 0.5rem; background: var(--bm-surface); color: var(--bm-ink); font: inherit; }
.bm-grid--download { grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr)); }
.bm-download-thumb { display: block; width: 100%; height: auto; margin-bottom: 0.75rem; border: 1px solid var(--bm-line); border-radius: 0.5rem; }
.bm-download-cats { font-size: 0.875rem; }
/* the section in the form (the download page) is the first one of its box: no line above it */
.bm-box-content--group > form:first-child > .bm-section:first-of-type { border-top: 0; }

/* the call to the main action of the page, at the end of the content (the same as the button in the top banner) */

/* the profile: the pencil next to the data the owner can edit */
.bm-edit { margin-left: 0.5rem; font-size: 0.6em; opacity: 0.7; }

/* the configurator of the PDFs inside the page (iframe: it keeps its own styles and its own print rules) */
.bm-generator { margin: 0 0 2rem; }
.bm-generator__box { overflow: hidden; margin: 0 auto; max-width: 100%; }
.bm-generator iframe { display: block; width: 1160px; max-width: none; height: 900px; border: 0; background: #fff; transform-origin: 0 0; }