/*
Theme Name: SEO Gunslinger Vintage
Theme URI: https://seogunslinger.com
Description: A Full Frontier 1880s Old West child theme featuring weathered parchment, iron, and distressed wood aesthetics.
Author: Senior WP Architect
Template: twentytwentyfour 
Version: 1.0.0
*/

:root {
    --west-parchment: #F5E6BE;
    --west-iron: #2B2B2B;
    --west-blood-rust: #8B0000;
    --west-brass: #D4AF37;
    --font-headers: 'Rye', serif;
    --font-body: 'Special Elite', monospace;
}

body {
    background-color: var(--west-parchment);
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.12'/%3E%3C/svg%3E");
    color: var(--west-iron);
    font-family: var(--font-body);
    line-height: 1.6;
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-headers);
    color: var(--west-iron);
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 1rem;
}
h1 { font-size: 3.5rem; }
h2 { font-size: 2.5rem; }

.wp-block-group, .wp-block-columns, .frontier-panel {
    border: 6px double var(--west-iron);
    background-color: rgba(245, 230, 190, 0.85); 
    box-shadow: inset 0 0 40px rgba(43, 43, 43, 0.15); 
    padding: 3rem;
    margin-bottom: 2rem;
}

.wanted-btn {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background-color: transparent;
    color: var(--west-iron);
    border: 4px solid var(--west-iron);
    font-family: var(--font-headers);
    text-transform: uppercase;
    font-size: 1.25rem;
    padding: 12px 24px;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    box-shadow: 4px 4px 0px var(--west-iron); 
}

.wanted-btn:hover, .wanted-btn:focus {
    background-color: var(--west-iron);
    color: var(--west-brass);
    box-shadow: 2px 2px 0px var(--west-brass);
    transform: translate(2px, 2px);
}

.wanted-btn::before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%232B2B2B' d='M12 2C9.5 2 7 4 6.5 6.5C6 9 3 11 3 13.5C3 16 5.5 19 8 19.5C10.5 20 13 22 15 22C17.5 22 19 19.5 19.5 17C20 14.5 22 12 21 9.5C20 7 17.5 5 15.5 4.5C13.5 4 14.5 2 12 2ZM12 8C14.2 8 16 9.8 16 12C16 14.2 14.2 16 12 16C9.8 16 8 14.2 8 12C8 9.8 9.8 8 12 8Z'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    transition: filter 0.2s ease;
}

.wanted-btn:hover::before {
    filter: invert(75%) sepia(43%) saturate(668%) hue-rotate(3deg) brightness(96%) contrast(89%);
}

.frontier-alert {
    border-color: var(--west-blood-rust);
    color: var(--west-blood-rust);
}
.frontier-alert h1, .frontier-alert h2, .frontier-alert h3 {
    color: var(--west-blood-rust);
}

.hero-video-wrapper {
    position: relative;
    width: 100%;
    height: 80vh; 
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-bottom: 6px double var(--west-iron);
    margin-bottom: 3rem;
}

.hero-video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    transform: translateX(-50%) translateY(-50%);
    z-index: -2;
    filter: sepia(40%) contrast(110%);
}

.hero-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(43, 43, 43, 0.6); 
    z-index: -1;
}

.hero-content {
    position: relative;
    z-index: 1;
    text-align: center;
    max-width: 800px;
    margin: 0 20px;
    background-color: rgba(245, 230, 190, 0.95);
}