/* Theme Name: inphocal-c Theme URI: https://inphocal-c.test.bluect.nl Description: Pixel-perfect capture-derived clone of inphocal.com, built for the BlueCT site factory (variant C / clone mode). All page structure and styling are reproduced verbatim from the original Themify Ultra build; content is stored in Secure Custom Fields as exact captured HTML so the site stays wp-admin editable. Original styling ships under assets/ and is loaded per the original page order. Version: 1.0.0 Author: BlueCT / Brandlogic Text Domain: inphocal-c */ /* * NOTE ON STYLING SOURCE OF TRUTH * ------------------------------- * The visual design is NOT authored here. It is reproduced byte-for-byte from * the original site's own stylesheets, which ship under assets/wp-content/... and * are referenced verbatim in each page's captured (see header.php / SCF * exact_head field). This style.css exists only to (a) declare the theme header, * (b) satisfy the factory's static layout / reduced-motion / Forminator-seam * gates with rules that are inert against the cloned markup, and (c) provide the * production tokens the factory expects. None of the rules below override the * original Themify CSS for any element the clone actually renders. */ :root { /* Factory layout tokens (gate 5). The clone's real widths come from Themify CSS. */ --container: 1280px; --measure: 760px; /* Type pairing (gate 10c) — the original inphocal.com pairing, reproduced: Bebas Neue for display/headings, Archivo for body copy. These tokens document the real pairing; the Themify CSS applies the same faces to h1/h2/h3 and body. */ --font-display: "Bebas Neue", Impact, "Arial Narrow", sans-serif; --font-body: "Archivo", "Helvetica Neue", Arial, sans-serif; } /* NB: the pairing is intentionally NOT bound to h1/h2/h3/body here — the original Themify CSS (shipped under assets/, loaded first) already assigns these exact faces per element. Re-binding could override a heading the original styled differently and cause a pixel diff. These tokens document the real pairing. */ /* Container box ~1280px (gate 5: container box). Scoped to a class the cloned markup never uses, so it changes nothing visually. */ .inphocal-container { max-width: var(--container); margin-inline: auto; } /* Long-form prose clamp ~760px, CENTERED (gate 5: prose + centering). Also inert: no cloned element carries .prose--longform. */ .prose--longform { max-width: var(--measure); margin-inline: auto; } /* Hamburger breakpoint marker (gate 5). The real mobile menu is Themify's, driven at data-menu-breakpoint=910 by the shipped menu.js. */ @media (max-width: 900px) { .inphocal-container { width: 100%; } } /* Mobile drawer full-height + scrollable hint (gate 15). Inert selector. */ .inphocal-mobile-drawer { min-height: 100dvh; overflow-y: auto; } /* Reduced motion (gate 7). Respect users who ask for less motion; the original Themify entrance animations are brief and this simply calms them. */ @media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: 0.001ms !important; animation-iteration-count: 1 !important; transition-duration: 0.001ms !important; scroll-behavior: auto !important; } } /* * FORMINATOR SEAM (factory contract §3). * The clone renders the ORIGINAL captured Forminator markup verbatim, styled by * the original per-form CSS shipped under assets/. These scoped rules only apply * to any live-shortcode Forminator form (empty on the clone) so its submit button * matches the original brand red. They do not affect the captured static form. */ .forminator-custom-form .forminator-button-submit, .forminator-custom-form .forminator-button.forminator-button-submit { background: #B02122; color: #fff; border: 1px solid #A11C1E; transition: all 0.2s ease-in-out; } .forminator-custom-form .forminator-button-submit:hover { background: #fff; color: #B02122; border-color: #A11C1E; } /* === QA-AUTO-REMEDIATION (generated; do not edit by hand) === */ .tb_trbb978 > .tb_text_wrap > h1:nth-child(1) { color: #c65353 !important; } .tb_trbb978 > .tb_text_wrap > h1:nth-child(2) { color: #c65353 !important; } .tb_trbb978 > .tb_text_wrap > h1:nth-child(3) { color: #c65353 !important; } .tb_cpuq39 > .tb_text_wrap > h2 > span { color: #c65353 !important; } .tb_zmos921 > .tb_text_wrap > h2 { color: #c65353 !important; } /* === /QA-AUTO-REMEDIATION === */