/*
Theme Name: Bad Vitals QA Kit
Theme URI: https://example.com/bad-vitals-qa-kit
Author: QA Test Fixture
Description: A deliberately poor-performing WordPress theme built for QA-testing Core Web Vitals auditing tools. Every failure mode (LCP, CLS, INP/FID, TTFB) is implemented as a toggle under Appearance > Bad Vitals Settings, so you can validate detection issue-by-issue or all at once before testing your optimization pipeline. NOT FOR PRODUCTION USE.
Version: 1.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
License: GPL v2 or later
Text Domain: bad-vitals
*/

/* Intentionally minimal / unoptimized base CSS.
   Additional render-blocking stylesheets are enqueued separately in functions.php
   to simulate multiple critical-path requests. */

body {
    margin: 0;
    font-family: 'Roboto', 'Open Sans', sans-serif; /* loaded via blocking @import below, no font-display */
    color: #222;
    background: #fff;
}

/* Deliberately not using font-display: swap/optional -> causes FOIT (CLS risk) */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700&display=auto');

.site-header, .site-footer {
    padding: 24px;
    background: #111;
    color: #fff;
}

.hero {
    width: 100%;
    /* no aspect-ratio / height reserved on purpose -> CLS when hero image loads */
}

.gallery {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.gallery img {
    max-width: 100%;
    height: auto;
    /* no width/height attributes reserved in markup either -> CLS */
}

#bv-cookie-banner {
    position: relative;
    background: #ffcc00;
    padding: 16px;
    font-weight: bold;
    text-align: center;
    /* injected late via JS with no reserved space -> classic CLS offender */
}

.bv-content {
    max-width: 800px;
    margin: 40px auto;
    padding: 0 16px;
    line-height: 1.6;
}