/**
 * Quote Block Style Variations
 * HIGH PRIORITY font rendering for all quote styles
 * Targets both editor and frontend contexts
 */

/* ===== QWIGLEY ===== */
.wp-block-quote.is-style-qwigley {
    font-family: "Qwigley", cursive !important;
    font-size: 1.5rem !important;
    font-weight: 400 !important;
    font-style: normal !important;
    position: relative !important;
    
    background-image: 
        linear-gradient(180deg, 
            transparent 0%, 
            transparent calc(100% - 30px), 
            rgba(255, 255, 255, 0) 100%),
        linear-gradient(90deg, 
            rgba(255, 255, 255, 0.65) 0%, 
            rgba(255, 255, 255, 0.3) 15%, 
            transparent 30%, 
            transparent 70%, 
            rgba(255, 255, 255, 0.3) 85%, 
            rgba(255, 255, 255, 0.65) 100%),
        url('/wp-content/themes/kahunatheelder/assets/images/ArnathiaBG7-middle.png') !important;
    background-size: 100% 100%, 100% 100%, 100% 100% !important;
    background-position: center, center, center !important;
    background-attachment: scroll !important;
    background-repeat: no-repeat !important;
    
    border: none !important;
    padding: 3rem 3rem !important;
    margin: 2rem 1rem !important;
    overflow: hidden !important;
}

.wp-block-quote.is-style-qwigley::before {
    content: '' !important;
    position: absolute !important;
    top: -30px !important;
    left: 0 !important;
    right: 0 !important;
    height: 30px !important;
    background-image: url('/wp-content/themes/kahunatheelder/assets/images/ArnathiaBG7-top-30px.png') !important;
    background-size: 100% 100% !important;
    background-repeat: no-repeat !important;
    pointer-events: none !important;
    z-index: 2 !important;
}

.wp-block-quote.is-style-qwigley::after {
    content: '' !important;
    position: absolute !important;
    bottom: -40px !important;
    left: 0 !important;
    right: 0 !important;
    height: 40px !important;
    background-image: url('/wp-content/themes/kahunatheelder/assets/images/ArnathiaBG7-bottom-40px.png') !important;
    background-size: 100% 100% !important;
    background-repeat: no-repeat !important;
    pointer-events: none !important;
    z-index: 2 !important;
}

.wp-block-quote.is-style-qwigley,
.wp-block-quote.is-style-qwigley * {
    font-family: "Qwigley", cursive !important;
    font-style: normal !important;
}

.wp-block-quote.is-style-qwigley p,
.wp-block-quote.is-style-qwigley > * {
    font-family: "Qwigley", cursive !important;
    font-size: 1.5rem !important;
    text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.4), 1px 1px 1px rgba(0, 0, 0, 0.3) !important;
    filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.3)) !important;
}

.wp-block-quote.is-style-qwigley cite {
    font-style: normal !important;
    font-family: inherit !important;
    display: block !important;
    text-align: right !important;
    margin-top: 0.5rem !important;
    text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.4), 1px 1px 1px rgba(0, 0, 0, 0.3) !important;
    filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.3)) !important;
}

/* ===== INGRID DARLING ===== */
.wp-block-quote.is-style-ingrid-darling {
    font-family: "Ingrid Darling", cursive !important;
    font-size: 1.4rem !important;
    font-weight: 400 !important;
    font-style: normal !important;
    position: relative !important;
    
    background-image: 
        linear-gradient(180deg, 
            transparent 0%, 
            transparent calc(100% - 30px), 
            rgba(255, 255, 255, 0) 100%),
        linear-gradient(90deg, 
            rgba(255, 255, 255, 0.65) 0%, 
            rgba(255, 255, 255, 0.3) 15%, 
            transparent 30%, 
            transparent 70%, 
            rgba(255, 255, 255, 0.3) 85%, 
            rgba(255, 255, 255, 0.65) 100%),
        url('/wp-content/themes/kahunatheelder/assets/images/ArnathiaBG7-middle.png') !important;
    background-size: 100% 100%, 100% 100%, 100% 100% !important;
    background-position: center, center, center !important;
    background-attachment: scroll !important;
    background-repeat: no-repeat !important;
    
    border: none !important;
    padding: 3rem 3rem !important;
    margin: 2rem 1rem !important;
    overflow: hidden !important;
}

.wp-block-quote.is-style-ingrid-darling::before {
    content: '' !important;
    position: absolute !important;
    top: -30px !important;
    left: 0 !important;
    right: 0 !important;
    height: 30px !important;
    background-image: url('/wp-content/themes/kahunatheelder/assets/images/ArnathiaBG7-top-30px.png') !important;
    background-size: 100% 100% !important;
    background-repeat: no-repeat !important;
    pointer-events: none !important;
    z-index: 2 !important;
}

.wp-block-quote.is-style-ingrid-darling::after {
    content: '' !important;
    position: absolute !important;
    bottom: -40px !important;
    left: 0 !important;
    right: 0 !important;
    height: 40px !important;
    background-image: url('/wp-content/themes/kahunatheelder/assets/images/ArnathiaBG7-bottom-40px.png') !important;
    background-size: 100% 100% !important;
    background-repeat: no-repeat !important;
    pointer-events: none !important;
    z-index: 2 !important;
}

.wp-block-quote.is-style-ingrid-darling,
.wp-block-quote.is-style-ingrid-darling * {
    font-family: "Ingrid Darling", cursive !important;
    font-style: normal !important;
}

.wp-block-quote.is-style-ingrid-darling p,
.wp-block-quote.is-style-ingrid-darling > * {
    font-family: "Ingrid Darling", cursive !important;
    font-size: 1.4rem !important;
    text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.4), 1px 1px 1px rgba(0, 0, 0, 0.3) !important;
    filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.3)) !important;
}

.wp-block-quote.is-style-ingrid-darling cite {
    font-style: normal !important;
    font-family: inherit !important;
    display: block !important;
    text-align: right !important;
    margin-top: 0.5rem !important;
    text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.4), 1px 1px 1px rgba(0, 0, 0, 0.3) !important;
    filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.3)) !important;
}

/* ===== EAGLE LAKE ===== */
.wp-block-quote.is-style-eagle-lake {
    font-family: "Eagle Lake", cursive !important;
    font-size: 1.3rem !important;
    font-weight: 400 !important;
    font-style: normal !important;
    position: relative !important;
    
    /* Main parchment background - middle section fills vertically */
    background-image: 
        linear-gradient(180deg, 
            transparent 0%, 
            transparent calc(100% - 30px), 
            rgba(255, 255, 255, 0) 100%),
        linear-gradient(90deg, 
            rgba(255, 255, 255, 0.65) 0%, 
            rgba(255, 255, 255, 0.3) 15%, 
            transparent 30%, 
            transparent 70%, 
            rgba(255, 255, 255, 0.3) 85%, 
            rgba(255, 255, 255, 0.65) 100%),
        url('/wp-content/themes/kahunatheelder/assets/images/ArnathiaBG7-middle.png') !important;
    background-size: 100% 100%, 100% 100%, 100% 100% !important;
    background-position: center, center, center !important;
    background-attachment: scroll !important;
    background-repeat: no-repeat !important;
    
    border: none !important;
    padding: 3rem 3rem !important;
    margin: 2rem 1rem !important;
    overflow: hidden !important;
}

/* Top ragged edge */
.wp-block-quote.is-style-eagle-lake::before {
    content: '' !important;
    position: absolute !important;
    top: -30px !important;
    left: 0 !important;
    right: 0 !important;
    height: 30px !important;
    background-image: url('/wp-content/themes/kahunatheelder/assets/images/ArnathiaBG7-top-30px.png') !important;
    background-size: 100% 100% !important;
    background-repeat: no-repeat !important;
    pointer-events: none !important;
    z-index: 2 !important;
}
.wp-block-quote.is-style-eagle-lake::after {
    content: '' !important;
    position: absolute !important;
    bottom: -40px !important;
    left: 0 !important;
    right: 0 !important;
    height: 40px !important;
    background-image: url('/wp-content/themes/kahunatheelder/assets/images/ArnathiaBG7-bottom-40px.png') !important;
    background-size: 100% 100% !important;
    background-repeat: no-repeat !important;
    pointer-events: none !important;
    z-index: 2 !important;
}

.wp-block-quote.is-style-eagle-lake,
.wp-block-quote.is-style-eagle-lake * {
    font-family: "Eagle Lake", cursive !important;
    font-style: normal !important;
}

.wp-block-quote.is-style-eagle-lake p,
.wp-block-quote.is-style-eagle-lake > * {
    font-family: "Eagle Lake", cursive !important;
    font-size: 1.3rem !important;
    text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.4), 1px 1px 1px rgba(0, 0, 0, 0.3) !important;
    filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.3)) !important;
}

.wp-block-quote.is-style-eagle-lake cite {
    font-style: normal !important;
    font-family: inherit !important;
    display: block !important;
    text-align: right !important;
    margin-top: 0.5rem !important;
    text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.4), 1px 1px 1px rgba(0, 0, 0, 0.3) !important;
    filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.3)) !important;
}

/* ===== CINZEL ===== */
.wp-block-quote.is-style-cinzel {
    font-family: "Cinzel", serif !important;
    font-size: 1.3rem !important;
    font-weight: 700 !important;
    font-style: normal !important;
    letter-spacing: 0.05em !important;
    position: relative !important;
    
    background-image: 
        linear-gradient(180deg, 
            transparent 0%, 
            transparent calc(100% - 30px), 
            rgba(255, 255, 255, 0) 100%),
        linear-gradient(90deg, 
            rgba(255, 255, 255, 0.65) 0%, 
            rgba(255, 255, 255, 0.3) 15%, 
            transparent 30%, 
            transparent 70%, 
            rgba(255, 255, 255, 0.3) 85%, 
            rgba(255, 255, 255, 0.65) 100%),
        url('/wp-content/themes/kahunatheelder/assets/images/ArnathiaBG7-middle.png') !important;
    background-size: 100% 100%, 100% 100%, 100% 100% !important;
    background-position: center, center, center !important;
    background-attachment: scroll !important;
    background-repeat: no-repeat !important;
    
    border: none !important;
    padding: 3rem 3rem !important;
    margin: 2rem 1rem !important;
    overflow: hidden !important;
}

.wp-block-quote.is-style-cinzel::before {
    content: '' !important;
    position: absolute !important;
    top: -30px !important;
    left: 0 !important;
    right: 0 !important;
    height: 30px !important;
    background-image: url('/wp-content/themes/kahunatheelder/assets/images/ArnathiaBG7-top-30px.png') !important;
    background-size: 100% 100% !important;
    background-repeat: no-repeat !important;
    pointer-events: none !important;
    z-index: 2 !important;
}

.wp-block-quote.is-style-cinzel::after {
    content: '' !important;
    position: absolute !important;
    bottom: -40px !important;
    left: 0 !important;
    right: 0 !important;
    height: 40px !important;
    background-image: url('/wp-content/themes/kahunatheelder/assets/images/ArnathiaBG7-bottom-40px.png') !important;
    background-size: 100% 100% !important;
    background-repeat: no-repeat !important;
    pointer-events: none !important;
    z-index: 2 !important;
}

.wp-block-quote.is-style-cinzel,
.wp-block-quote.is-style-cinzel * {
    font-family: "Cinzel", serif !important;
    font-style: normal !important;
}

.wp-block-quote.is-style-cinzel p,
.wp-block-quote.is-style-cinzel > * {
    font-family: "Cinzel", serif !important;
    font-size: 1.3rem !important;
    font-weight: 700 !important;
    text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.4), 1px 1px 1px rgba(0, 0, 0, 0.3) !important;
    filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.3)) !important;
}

.wp-block-quote.is-style-cinzel cite {
    font-style: normal !important;
    font-family: inherit !important;
    display: block !important;
    text-align: right !important;
    margin-top: 0.5rem !important;
    text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.4), 1px 1px 1px rgba(0, 0, 0, 0.3) !important;
    filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.3)) !important;
}

/* ===== IBM PLEX MONO ===== */
.wp-block-quote.is-style-ibm-plex-mono {
    font-family: "IBM Plex Mono", monospace !important;
    font-size: 1rem !important;
    font-weight: 400 !important;
    font-style: normal !important;
    letter-spacing: 0.02em !important;
}

.wp-block-quote.is-style-ibm-plex-mono,
.wp-block-quote.is-style-ibm-plex-mono * {
    font-family: "IBM Plex Mono", monospace !important;
    font-style: normal !important;
}

.wp-block-quote.is-style-ibm-plex-mono p,
.wp-block-quote.is-style-ibm-plex-mono > * {
    font-family: "IBM Plex Mono", monospace !important;
    font-size: 1rem !important;
}

/* ===== SHARE TECH MONO ===== */
.wp-block-quote.is-style-share-tech-mono {
    font-family: "Share Tech Mono", monospace !important;
    font-size: 1.05rem !important;
    font-weight: 400 !important;
    font-style: normal !important;
    letter-spacing: 0.03em !important;
}

.wp-block-quote.is-style-share-tech-mono,
.wp-block-quote.is-style-share-tech-mono * {
    font-family: "Share Tech Mono", monospace !important;
    font-style: normal !important;
}

.wp-block-quote.is-style-share-tech-mono p,
.wp-block-quote.is-style-share-tech-mono > * {
    font-family: "Share Tech Mono", monospace !important;
    font-size: 1.05rem !important;
}

/* ===== AUDIOWIDE ===== */
.wp-block-quote.is-style-audiowide {
    font-family: "Audiowide", sans-serif !important;
    font-size: 1.2rem !important;
    font-weight: 400 !important;
    font-style: normal !important;
    letter-spacing: 0.02em !important;
    text-transform: uppercase !important;
}

.wp-block-quote.is-style-audiowide,
.wp-block-quote.is-style-audiowide * {
    font-family: "Audiowide", sans-serif !important;
    font-style: normal !important;
    text-transform: uppercase !important;
}

.wp-block-quote.is-style-audiowide p,
.wp-block-quote.is-style-audiowide > * {
    font-family: "Audiowide", sans-serif !important;
    font-size: 1.2rem !important;
}

/* ===== VT323 (TERMINAL) ===== */
.wp-block-quote.is-style-vt323 {
    font-family: "VT323", monospace !important;
    font-size: 1.1rem !important;
    font-weight: 400 !important;
    font-style: normal !important;
    letter-spacing: 0.05em !important;
    background: #000 !important;
    color: #00ff00 !important;
    padding: 1rem !important;
    border-radius: 4px !important;
}

.wp-block-quote.is-style-vt323,
.wp-block-quote.is-style-vt323 * {
    font-family: "VT323", monospace !important;
    font-style: normal !important;
    color: #00ff00 !important;
}

.wp-block-quote.is-style-vt323 p,
.wp-block-quote.is-style-vt323 > * {
    font-family: "VT323", monospace !important;
    font-size: 1.1rem !important;
    color: #00ff00 !important;
}

/* ===== MAJOR MONO DISPLAY (STEEL SIGN) ===== */
.wp-block-quote.is-style-major-mono {
    font-family: "Major Mono Display", monospace !important;
    font-size: 1.3rem !important;
    font-weight: 700 !important;
    font-style: normal !important;
    letter-spacing: 0.05em !important;
    color: #ffd700 !important;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.9), 0 0 8px rgba(255, 215, 0, 0.3) !important;
}

.wp-block-quote.is-style-major-mono,
.wp-block-quote.is-style-major-mono * {
    font-family: "Major Mono Display", monospace !important;
    font-style: normal !important;
    color: #ffd700 !important;
}

.wp-block-quote.is-style-major-mono p,
.wp-block-quote.is-style-major-mono > * {
    font-family: "Major Mono Display", monospace !important;
    font-size: 1.3rem !important;
    color: #ffd700 !important;
    font-weight: 700 !important;
}

/* Ensure no italic override on any quote text */
.wp-block-quote.is-style-qwigley strong,
.wp-block-quote.is-style-ingrid-darling strong,
.wp-block-quote.is-style-eagle-lake strong,
.wp-block-quote.is-style-cinzel strong,
.wp-block-quote.is-style-ibm-plex-mono strong,
.wp-block-quote.is-style-share-tech-mono strong,
.wp-block-quote.is-style-audiowide strong,
.wp-block-quote.is-style-vt323 strong,
.wp-block-quote.is-style-major-mono strong {
    font-style: normal !important;
}

.wp-block-quote.is-style-qwigley em,
.wp-block-quote.is-style-ingrid-darling em,
.wp-block-quote.is-style-eagle-lake em,
.wp-block-quote.is-style-cinzel em,
.wp-block-quote.is-style-ibm-plex-mono em,
.wp-block-quote.is-style-share-tech-mono em,
.wp-block-quote.is-style-audiowide em,
.wp-block-quote.is-style-vt323 em,
.wp-block-quote.is-style-major-mono em {
    font-style: italic !important;
    font-family: inherit !important;
}

.wp-block-quote.is-style-qwigley cite,
.wp-block-quote.is-style-ingrid-darling cite,
.wp-block-quote.is-style-eagle-lake cite,
.wp-block-quote.is-style-cinzel cite,
.wp-block-quote.is-style-ibm-plex-mono cite,
.wp-block-quote.is-style-share-tech-mono cite,
.wp-block-quote.is-style-audiowide cite,
.wp-block-quote.is-style-vt323 cite,
.wp-block-quote.is-style-major-mono cite {
    font-style: normal !important;
    font-family: inherit !important;
    display: block !important;
    text-align: right !important;
    margin-top: 0.5rem !important;
}
