/*
Theme Name: WolfCreek Roleplay
Theme URI: https://discord.gg/sqShHgpATw
Author: WolfCreek Roleplay
Description: Custom dark blue FiveM community theme with five department application forms.
Version: 1.1.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: wolfcreek-roleplay
License: GPL-2.0-or-later
*/
:root{--bg:#060d15;--panel:#0c1723;--blue:#1684ff;--text:#edf5ff;--muted:#a8b8ca}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Arial,sans-serif}a{color:inherit;text-decoration:none}a:hover{color:#61b2ff}.wrap{max-width:1180px;margin:auto;padding:0 24px}.site-header{position:sticky;top:0;z-index:50;background:#07111df5;border-bottom:1px solid #233245}.nav{min-height:83px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px;font-weight:900;letter-spacing:.04em}.brand img{width:58px;height:58px;object-fit:contain}.brand em{font-style:normal;color:var(--blue)}.nav-links{display:flex;align-items:center;gap:18px;font-size:13px;font-weight:700}.btn,.wp-block-button__link{display:inline-block;padding:13px 22px;border-radius:6px;background:var(--blue);color:white!important;font-weight:800;font-size:13px;border:1px solid var(--blue);cursor:pointer}.btn.alt{background:#091523;border-color:#557da6}.btn:hover{background:#0869d4;color:#fff}.mobile-toggle{display:none;background:transparent;border:1px solid #38536e;border-radius:5px;color:white;padding:8px 12px}.hero{min-height:580px;display:flex;align-items:center;background:linear-gradient(90deg,#050c15f5 0%,#07101add 40%,#07101a66 100%),url('assets/images/banner.png') center/cover}.hero h1{font-size:clamp(42px,6.5vw,78px);line-height:1.05;max-width:750px;margin:15px 0}.hero h1 span{color:var(--blue)}.hero p{max-width:590px;color:#d0dce9;line-height:1.8}.eyebrow{color:#44a8ff;font-size:12px;letter-spacing:3px;text-transform:uppercase;font-weight:900}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}section.section{padding:78px 0}.section-head{margin-bottom:28px}.section-head h2{font-size:clamp(27px,4vw,39px);margin:10px 0}.section-head p,.card p,.prose p,.muted{color:var(--muted);line-height:1.8}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.card{padding:26px;background:var(--panel);border:1px solid #263b51;border-radius:10px}.card h3{margin:12px 0}.card p{font-size:14px}.card .btn{margin-top:15px}.icon{font-size:33px}.features{background:#0a1521;border-block:1px solid #203246}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.feature{padding:18px}.feature strong{display:block;margin-bottom:8px}.join{text-align:center;background:linear-gradient(135deg,#102d4b,#07111c);border-block:1px solid #24415f}.page-head{padding:70px 0 40px;background:linear-gradient(120deg,#102944,#07111c)}.page-head h1{font-size:clamp(35px,5vw,54px);margin:10px 0}.content-area{min-height:360px;padding:55px 0 90px}.prose{max-width:850px;line-height:1.8}.prose a{color:#5eb4ff;text-decoration:underline}.prose h2,.prose h3{margin-top:30px}.prose ul{padding-left:25px}.form-panel{max-width:820px;background:var(--panel);border:1px solid #2b4661;padding:30px;border-radius:10px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{margin-bottom:18px}.field label{display:block;margin-bottom:7px;font-weight:700;font-size:14px}.field input,.field select,.field textarea{width:100%;background:#07111c;border:1px solid #43617e;color:#fff;border-radius:5px;padding:13px;font:inherit}.field textarea{min-height:135px}.field small{color:var(--muted)}.notice{padding:16px;border-radius:6px;border:1px solid #446587;background:#10263a;margin-bottom:25px}.notice.error{border-color:#c97777}.honeypot{position:absolute;left:-9999px}.footer{border-top:1px solid #263b51;padding:35px 0;color:#9caec0;font-size:13px}.footer .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.screen-reader-text{position:absolute;left:-9999px}.screen-reader-text:focus{left:8px;top:8px;z-index:99;background:white;color:black;padding:10px}.wp-block-image img{max-width:100%;height:auto}@media(max-width:850px){.mobile-toggle{display:block}.nav-links{display:none;position:absolute;top:83px;left:0;right:0;padding:20px;background:#081421;flex-direction:column;align-items:stretch}.nav-links.open{display:flex}.grid,.feature-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.grid,.feature-grid,.form-grid{grid-template-columns:1fr}.hero{min-height:500px}.brand img{height:46px;width:46px}.brand{font-size:13px}.form-panel{padding:18px}section.section{padding:55px 0}}
