/* --- 1. GLOBAL TEXTURE & VIBES (The "Tactile" Feel) --- */
body::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none; /* Lets you click through it */
  z-index: 9999;
  opacity: 0.03; /* Very subtle grain */
  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.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");
}

/* Glass effect for sticky headers (if used) */
.elementor-sticky--active {
  backdrop-filter: blur(10px);
  background-color: rgba(255, 255, 255, 0.9) !important;
}

/* --- 2. FIREBIRD CUSTOM FORM STYLES --- */
/* Input Fields (Tactile & Clear) */
.wpforms-container input[type=date],
.wpforms-container input[type=datetime],
.wpforms-container input[type=datetime-local],
.wpforms-container input[type=email],
.wpforms-container input[type=month],
.wpforms-container input[type=number],
.wpforms-container input[type=password],
.wpforms-container input[type=range],
.wpforms-container input[type=search],
.wpforms-container input[type=tel],
.wpforms-container input[type=text],
.wpforms-container input[type=time],
.wpforms-container input[type=url],
.wpforms-container input[type=week],
.wpforms-container select,
.wpforms-container textarea {
    background-color: #F9F9F9; /* Light grey background */
    border: 1px solid #E0DDD5; /* Full border */
    border-radius: 6px; /* Soft corners */
    color: #2B2B2B; /* Dark grey text */
    padding: 12px 15px; 
    font-size: 16px; 
    opacity: 1; /* FULL VISIBILITY for Seniors */
    transition: all 0.2s ease;
}

/* Focus State (The "Subtle Vibe") */
.wpforms-container input:focus,
.wpforms-container select:focus,
.wpforms-container textarea:focus {
    background-color: #ffffff;
    border-color: #BC5D36; /* RUST GLOW */
    outline: none;
    box-shadow: 0 0 0 3px rgba(188, 93, 54, 0.1); /* Subtle rust halo */
}

/* Message Box */
.wpforms-container textarea {
    resize: vertical;
    min-height: 120px;
}

/* Submit Button */
.wpforms-container button.wpforms-submit {
    background-color: #BC5D36 !important; /* Rust Background */
    color: #ffffff !important;
    border: none !important;
    border-radius: 6px !important;
    padding: 15px 35px !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: background 0.2s ease;
    width: 100%; /* Mobile width */
}

.wpforms-container button.wpforms-submit:hover {
    background-color: #a34e2c !important; /* Darker Rust */
    transform: translateY(-2px); /* Lift effect */
}

/* Desktop adjustment for button width */
@media (min-width: 768px) {
    .wpforms-container button.wpforms-submit {
        width: auto; 
    }
}

/* --- 3. LAYOUT FIXES --- */
/* Footer columns */
.ast-builder-grid-row-3-equal .ast-builder-grid-row {
    grid-template-columns: 3fr 1fr 3fr;
}

/* --- 4. PARTNER PAGE EMAIL MOCKUP --- */
.fb-mock-container {
  margin-top: 25px;
  background: #FFFFFF;
  border-radius: 8px;
  padding: 20px;
  box-shadow: 0 15px 40px rgba(0,0,0,0.4); /* Deeper shadow for pop */
  max-width: 300px; 
  border-left: 6px solid #BC5D36; /* The Firebird Brand Line */
  position: relative;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  transform: rotate(-2deg); /* Subtle tilt to make it look "tossed" onto the table */
  transition: transform 0.3s ease;
}

/* Interaction: Straighten up when hovered */
.fb-mock-container:hover {
  transform: rotate(0deg) scale(1.02);
  z-index: 10;
}

/* The "From" Header */
.fb-mock-header {
  display: flex; justify-content: space-between; align-items: center;
  margin-bottom: 12px; border-bottom: 1px solid #eee; padding-bottom: 8px;
}
.fb-mock-sender { font-size: 12px; font-weight: 700; color: #2B2B2B; }
.fb-mock-time { font-size: 10px; color: #999; }

/* The "Lure" - Status Badge */
.fb-mock-status-pill {
  background-color: #E8F5E9; color: #2E7D32;
  font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.5px;
  padding: 4px 8px; border-radius: 4px; display: inline-block; margin-bottom: 15px;
}

/* The Traffic Light Skeleton Blocks */
.fb-mock-block {
  padding: 10px; border-radius: 6px; margin-bottom: 8px;
  display: flex; flex-direction: column; gap: 6px;
}

/* Red Zone */
.fb-mock-red { background: #FFEBEE; }
.fb-mock-red-line { height: 6px; background: #EF9A9A; width: 60%; border-radius: 3px; }

/* Amber Zone */
.fb-mock-amber { background: #FFF3E0; }
.fb-mock-amber-line { height: 6px; background: #FFCC80; width: 80%; border-radius: 3px; }

/* Green Zone (The biggest block) */
.fb-mock-green { background: #E8F5E9; border: 1px solid #C8E6C9; }
.fb-mock-green-line { height: 6px; background: #A5D6A7; width: 90%; border-radius: 3px; }