/** * DIVEIN — Foxiz Parent Theme Overrides * * Global CSS rules that modify Foxiz parent theme output, third-party plugin * styles, and WordPress core block defaults. * * Lives in its own file (NOT design-tokens.css) so the token file stays pure * — CSS custom properties only. * * Loaded on the frontend by `inc/divein-design-tokens.php` via * `divein_enqueue_foxiz_overrides_frontend()` with `divein-design-tokens` * declared as a dependency, so this file always loads AFTER tokens and can * reference `var(--*)` freely. * * Frontend-only: these rules target Foxiz frontend selectors (`.rbct`, * `.single-header`, etc.) that don't exist in editor contexts. * * ============================================================================ * WHY THIS FILE EXISTS / WHAT BELONGS HERE * ============================================================================ * This file absorbs rules that used to live in WordPress Customizer * "Additional CSS" (migrated in v1.43.0). Adding a new parent-theme override? * Put it here in the appropriate section. Design tokens go in design-tokens.css. * Block-specific rules go in the block's own Code/dev/blocks/{block}/style.css. * * @package FoxizChild * @since 1.42.6 * @updated 1.43.0 — Absorbed Customizer "Additional CSS" rules */ /* ============================================================================ * 1. FOXIZ PARENT THEME CSS VARIABLE OVERRIDES * * Overrides variables defined in foxiz/assets/css/main.css (~line 87) to * enforce DIVEIN typography site-wide. Goal: Open Sans for body, Montserrat * for headings, kill Raleway and Lora entirely. * * NOTE: Foxiz and Elementor each have their own font settings stored in the * WordPress database that override these variables for navigation and * Elementor widgets respectively. Those settings are changed manually in * WP admin: * - Foxiz Customizer → Typography panels * - Elementor editor → Site Settings → Global Fonts * See CHANGELOG v1.43.0 for the full manual checklist. * * `:root` uses `!important` defensively because WP Customizer "Additional CSS" * (which loads LAST in ) historically contained competing `:root` * overrides. With Additional CSS cleared in v1.43.0 the `!important` may be * droppable, but it costs nothing to keep as armor. * ============================================================================ */ :root { /* Foxiz typography variables (Foxiz defaults: Oxygen body, Raleway headings) */ --body-family: 'Open Sans' !important; --body-fsize: 16px; --h1-family: 'Montserrat' !important; --h2-family: 'Montserrat' !important; --h3-family: 'Montserrat' !important; --h4-family: 'Montserrat' !important; --h5-family: 'Montserrat' !important; --h6-family: 'Montserrat' !important; --heading-family: 'Montserrat' !important; --meta-fsize: 11px; /* WP Gutenberg: kill the default content-width constraint — lets layout containers (Foxiz rb-wide-container etc.) fully control content width. */ --wp--style--global--content-size: unset !important; } /* ============================================================================ * 2. FOXIZ SINGLE HEADER + META * Post/review/page header byline, avatar, meta dates * ============================================================================ */ /* Multi-author avatar overlap — `!important` required because Foxiz sets * `.smeta-in > .meta-avatar img { margin-left: 0 !important }` which would * otherwise win due to its `!important` regardless of specificity. */ .meta-avatar.multiple-avatar img:not(:first-child) { margin-left: -10px !important; } /* Single-header meta avatar sizing (reset Foxiz left margin) */ .smeta-in > .meta-avatar img { width: 30px; height: 30px; margin-left: 0 !important; border-radius: var(--avatar-radius, 100%); } /* Meta row font size (10px intentional — below token scale) */ .single-header .smeta-sec div { font-size: 10px; } .smeta-sec { gap: 0 !important; } /* Top spacing on single-header — `!important` required because Foxiz has * layout-scoped rules like `.single-standard-1 .single-header { padding-top: 20px }` * with specificity (0,2,0) which beats our `.single-header` (0,1,0). */ .single-header { padding-top: var(--space-sm) !important; } /* ============================================================================ * 3. FOXIZ CONTAINER WIDTHS * Article/review/top-guide content container widths * ============================================================================ */ .rb-small-container, .type-review .rb-small-container, .top-guide-page .rb-small-container { max-width: 1080px; } .rb-wide-container, .type-review .rb-wide-container, .top-guide-page .rb-wide-container { max-width: 1280px; } /* ============================================================================ * 4. FOXIZ FEATURED IMAGE + GALLERY CAROUSEL * ============================================================================ */ .s-feat img { max-height: 650px; } .format-gallery-carousel .carousel-img-holder img { max-height: 450px; width: auto; } /* ============================================================================ * 5. FOXIZ BODY + LISTS * Body line height + re-enable list bullets (Foxiz removes them by default) * ============================================================================ */ body { line-height: var(--leading-loose); } /* Re-enable list bullets in article/comment/Elementor/rb-text contexts. * `list-style: unset !important` is needed because Foxiz base removes bullets * via `list-style: none` at high specificity. * * `:not(.list)` excludes DIVEIN custom-styled lists that use the `.list` base * class (review-data block's `.list-check` / `.list-cross` pros/cons lists and * review-grid block's same pattern). These lists render checkmark / X icons * via `::before` pseudo-elements AND set their own `list-style: none`. Without * this exclusion, our `.rbct ul` selector has higher specificity (0,1,1) than * the block's `.list-check` (0,1,0), wins the cascade, `list-style: unset` * resolves to browser default `disc`, and users see both a bullet dot AND the * checkmark icon on every pros/cons item. Bug reported + fixed in v1.43.3. * * CONVENTION for future DIVEIN blocks: any block that custom-styles a `