/* 1. Import Oleo Script from Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Oleo+Script:wght@400;700&display=swap');

/* 2. Apply Oleo Script to all Headings */
h1, h2, h3, h4, h5, h6, 
.site-title, 
.entry-title, 
.woocommerce-loop-product__title, 
.wc-block-grid__product-title {
    font-family: 'Oleo Script', system-ui, cursive !important;
    font-weight: 400;
    letter-spacing: 0.02em;
}

/* 3. Apply Arial/Helvetica to everything else */
body, p, span, a, li, input, button, .price {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    line-height: 1.6;
}

/* 4. Fine-tuning the Header Pattern */
/* This ensures your Nav Block in the pattern also follows the rule */
#faa-header-injection nav, 
#faa-header-injection a {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
}