/* histab — minimal static derivative of auctionbanner (ab).
   No JS: pure static HTML; the two inline elements flow (self-cascade)
   like ab 1.0. Element 1 = "baner" field; element 2 = the link, rendered
   only when both "link text" and "link URL" fields are set. */

/* the banner zone background = the site nav-strip brown, instead of black */
#header .banner { background: #5a3c0f; }

/* the banner zone is NOT the theme container width (1170px max) - a wider
   default so text + link/placeholder fit on one line on normal wide screens;
   on narrower screens it stays viewport-width (no overflow) */
#header .banner .container { max-width: 1400px; }

.hb-banner {
    background: #5a3c0f;
    color: #f2ecdf;
    text-align: center;
    padding: 10px 12px;
    font-family: Arial, sans-serif;
}
/* two centered boxes side by side in one frame: each box centers itself
   (no baseline fight between the two font sizes); when the combined width
   no longer fits (mobile), the boxes wrap and shrink to their text.
   column-gap 16px = the ab 1.0 start-date -> countdown spacing; row-gap
   keeps comfortable separation between wrapped rows. */
.hb-inner {
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 16px;
    row-gap: 14px;
    flex-wrap: wrap;
}

/* element 1 — ab v1.1.0 element-1 defaults, hardcoded (Arial, 24px);
   line-height 1.3 so wrapped rows do not kiss */
.hb-text {
    font-family: Arial, sans-serif;
    font-size: 24px;
    line-height: 1.3;
}

/* element 2 — ab v1.0 "Przejdź do aukcji" link, its own centered flex box
   next to the banner text; 16px (1px up from 15 so the ink is optically
   centered against the 24px line) */
.hb-link {
    text-align: center;
    font-family: Arial, sans-serif;
    font-size: 16px;
    line-height: 1.3;
    color: #ffd24a;
    text-decoration: underline;
}

/* link placeholder (feature 1): gray text in the link slot when the real link
   is not set - same size as the link, no underline, gray instead of orange,
   its own centered flex box like the link */
.hb-ph {
    text-align: center;
    font-family: Arial, sans-serif;
    font-size: 16px;
    line-height: 1.3;
    color: #999999;
}

/* %% countdown span (feature 3): inline in the text, same size as its element */
.hb-countdown { font-weight: 700; color: #ffd24a; font-variant-numeric: tabular-nums; }