/* Theme Name: Rummen Child Theme URI: http://www.wpbingosite.com/rummen Author: wpbingo Description: This is a child theme for Rummen Version: 1.1.0 Author URI: http://wpbingosite.com Template: rummen Text Domain: rummen-child */ /*************** ADD YOUR CUSTOM CSS HERE ***************/ /*************** DESIGN TOKENS ***************/ /* Brand palette, verified across all 24 Figma screen exports. #0c1d32 and #bd9855 are also the Rummen parent palette — the design was built on it deliberately, so they are brand values, not demo leftovers. See docs/design-tokens.md. */ :root { --acw-dark: #0c1d32; /* headings, primary text */ --acw-brand: #345073; /* buttons, filter links */ --acw-brand-hover: #5d7ea5; --acw-gold: #bd9855; /* accents, sale badge, load more */ --acw-wine: #ad2c43; /* prices, HOT badge */ --acw-surface: #f8f5f1; /* filter panel backgrounds */ } /*************** HEADER — STICKY BAR ***************/ /* The bar the theme swaps in past 200px of scroll (rummen/js/functions.js:445). Trimmed from the theme's own 25px to 5px, which is what makes it 64px tall: 5 + 54 + 5, where 54px is the tallest column (.header-right, driven by the 27px account glyph against the global line-height:2). */ .bwp-header .header-sticky { padding: 5px 0 !important; } .bwp-header.header-v6.sticky .wpbingoLogo img { height: 50px !important; } /* White sticky bar everywhere except the homepage. * * The static header on inner pages is already white — the Customizer sets * `#bwp-header.header-v6 { background:#fff !important }`. But that rule matches the *
element, and .header-sticky is an opaque CHILD with its own background, so it * kept the theme's `.bwp-header.header-v6 .header-sticky { background:#000 }` * (template.css:2242, ungated). The result was a black bar holding content that had all * been recoloured dark for the white header — black nav text, an un-inverted black logo * and black icon glyphs, all invisible. Only the current item read, and only because it * gets a white pill behind it. * * Colouring the bar is the whole fix: every element inside is already correct for white, * including the black underline indicator and the gold cart badge. The theme's existing * `box-shadow: 1px 1px 10px rgba(0,0,0,.08)` (template.css:2077) was invisible on black * and now reads as the bottom edge. * * (0,4,1) beats template.css:2242's (0,3,0), and this sheet loads at priority 1001 — * after template.css — so no !important is needed. The homepage keeps its black bar. */ body:not(.home) .bwp-header.header-v6 .header-sticky { background: #fff; } /* Vertically centre the nav links. * * The row already centres its three columns — template.css:1570 gives * .header-center__inner { display:flex; align-items:center }. The trouble is that the * nav COLUMN is taller than the nav TEXT: .header-center is a bare block, so it picks * up a 26px Libre Baskerville strut (13px root font-size × the global line-height:2, * bootstrap.css:277 + template.css:14105), while the links inside are only 15px * (line-height:100%, from the Customizer's header-menu block). * * align-items:center then faithfully centres the 26px column, and the 15px of text sits * wherever the strut's baseline drops it — flush to the top in a real browser. Measured: * 21.3px above the caps against 32.0px below, in a 64px bar. * * Zeroing the line-height collapses the column to its own 15px of content, so there is * no slack left to sit at the top of and the existing align-items:center centres the * text itself. Measured after: 26.6 / 26.5. * * Safe to inherit: the eight wrapper divs down to the