/*
Theme Name: Hampshire RPC Cinematic Template
Author: Hampshire Roleplay Community
Description: Dark modern FiveM community theme with homepage, branches, recruitment and community pages.
Version: 3.0.0
Requires at least: 6.4
Text Domain: hampshire-rpc
*/
:root{--bg:#0a111e;--panel:#111d30;--panel2:#16243a;--text:#f1f6ff;--muted:#a5b5ca;--blue:#438ff4;--line:#263750}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}a:hover{color:#80bbff}.wrap{width:min(1180px,92%);margin:auto}.topbar{background:#080e18;border-bottom:1px solid var(--line);font-size:12px;color:var(--muted)}.topbar .wrap{display:flex;justify-content:space-between;padding:7px 0}.site-header{position:sticky;top:0;z-index:50;background:#0b1423f2;border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}body.admin-bar .site-header{top:32px}.nav{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:flex;align-items:center;gap:12px;font-weight:850;letter-spacing:.04em;line-height:1.15}.brandmark{width:44px;height:44px;border:1px solid #568bd0;background:#142b4b;border-radius:12px;display:grid;place-items:center;font-size:23px;color:#8ac1ff}.brand small{display:block;color:var(--muted);font-size:10px;letter-spacing:.18em;margin-top:5px}.navlinks{display:flex;align-items:center;gap:21px;flex-wrap:wrap}.navlinks a{font-size:13px;color:#c4d1e4}.navlinks a:hover{color:#fff}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:9px;padding:12px 20px;font-weight:750;font-size:13px;background:var(--blue);color:#fff;border:1px solid var(--blue);transition:.2s}.btn:hover{background:#68a7ff;color:#fff;transform:translateY(-1px)}.btn.secondary{background:#152338;border-color:#38506d}.btn.secondary:hover{background:#233853}.hero{position:relative;min-height:590px;display:flex;align-items:center;overflow:hidden;background:linear-gradient(90deg,#081120 5%,#081120d9 44%,#08112060 100%),linear-gradient(0deg,#081120 0%,transparent 45%),url('assets/hero.jpg') center/cover no-repeat}.hero:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 75% 50%,#2c6cb12a,transparent 55%);pointer-events:none}.hero .wrap{position:relative;padding:90px 0}.eyebrow{color:#76b9ff;font-size:12px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.hero h1{font-size:clamp(42px,6vw,79px);line-height:1.06;letter-spacing:-.05em;max-width:750px;margin:18px 0}.hero p{color:#c0cfe0;max-width:590px;font-size:17px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:29px}.section{padding:82px 0}.section.alt{background:#0e1929}.sectionhead{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:30px}.section h2,.page-title{font-size:clamp(29px,4vw,43px);line-height:1.15;letter-spacing:-.03em;margin:10px 0}.sectionhead p,.lead{color:var(--muted);max-width:660px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.panel{background:linear-gradient(150deg,#17263b,#101c2d);border:1px solid var(--line);border-radius:15px;padding:26px;min-width:0}.panel h3{font-size:19px;margin:12px 0 8px}.panel p{color:var(--muted);font-size:14px;margin:0 0 15px}.panel .icon{display:grid;place-items:center;width:48px;height:48px;border-radius:12px;background:#213f65;color:#90c7ff;font-size:24px}.tag{display:inline-flex;border:1px solid #3b628d;background:#183354;color:#b8dcff;border-radius:30px;padding:4px 11px;font-size:11px;font-weight:750;letter-spacing:.06em;text-transform:uppercase}.status{display:flex;align-items:center;gap:9px;font-weight:700}.dot{width:9px;height:9px;border-radius:50%;background:#e4ae48;box-shadow:0 0 0 4px #e4ae4820}.dot.open{background:#46ce8b;box-shadow:0 0 0 4px #46ce8b20}.dot.closed{background:#ed6d74;box-shadow:0 0 0 4px #ed6d7420}.smalllink{color:#85beff;font-weight:750;font-size:13px}.branch{position:relative;overflow:hidden;min-height:220px;display:flex;flex-direction:column;justify-content:end}.branch:before{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0a1525,#152e4b66)}.branch>*{position:relative}.branch h3{margin:8px 0 3px}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.gallery img{width:100%;height:225px;object-fit:cover;border-radius:12px;border:1px solid var(--line)}.placeholder{height:225px;border:1px dashed #425979;border-radius:12px;background:linear-gradient(135deg,#172d49,#101c2d);display:grid;place-items:center;text-align:center;color:#8caccd;padding:25px}.pagehero{padding:80px 0 55px;background:linear-gradient(130deg,#142c4b,#0a111e 70%);border-bottom:1px solid var(--line)}.content{padding:55px 0 100px}.content .entry{max-width:900px;color:#d1deec}.entry a{color:#8bc4ff;text-decoration:underline}.entry h2,.entry h3{color:white}.entry img{max-width:100%;height:auto}.faq details{border-bottom:1px solid var(--line);padding:18px 0}.faq summary{font-weight:750;cursor:pointer}.faq p{color:var(--muted)}.site-footer{background:#080e18;border-top:1px solid var(--line);padding:55px 0 20px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}.site-footer p,.site-footer a{color:var(--muted);font-size:13px}.site-footer h4{margin:0 0 15px}.footer-links{display:grid;gap:7px}.copyright{border-top:1px solid var(--line);padding-top:18px;margin-top:35px;color:#74869e;font-size:12px}.menu-toggle{display:none}.wp-block-image img{border-radius:12px}@media(max-width:950px){.navlinks{gap:11px}.navlinks a{font-size:12px}.grid.four{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.menu-toggle{display:block;background:#152338;color:white;border:1px solid var(--line);border-radius:7px;padding:8px 12px}.navlinks{display:none;position:absolute;top:76px;left:0;right:0;background:#0b1423;padding:22px 4%;flex-direction:column;align-items:stretch}.navlinks.open{display:flex}.grid,.grid.four,.gallery,.footer-grid{grid-template-columns:1fr}.hero{min-height:540px}.section{padding:55px 0}.sectionhead{display:block}.gallery img{height:210px}.topbar{display:none}}

/* CINEMATIC EDITABLE TEMPLATE */
:root{--bg:#090e15;--panel:#121a24;--panel2:#151e29;--text:#f6f7f9;--muted:#b3bdc8;--blue:#285a85;--line:#303a45}
body{background:#090e15;font-family:Arial,'Segoe UI',sans-serif;line-height:1.55}.wrap{width:min(1320px,90%)}.topbar{background:#0a1017;border-color:#29313b}.topbar .wrap{padding:8px 0}.site-header{background:#0c131bed;border-color:#2b3541}.nav{min-height:82px}.brand{letter-spacing:.075em;font-size:15px}.brandmark{border-radius:2px;background:#152334;border:1px solid #7e9ab2;font-size:15px;font-weight:900;color:#e8f3fa}.brand small{font-size:9px}.navlinks{gap:17px}.navlinks a{font-size:12px}.btn{border-radius:2px;background:#f0f4f8;border-color:#f0f4f8;color:#101820;padding:14px 23px;font-weight:800;letter-spacing:.045em}.btn:hover{background:#d4e4f0;color:#101820}.btn.secondary{background:transparent;color:#fff;border:1px solid #8c9bad}.btn.secondary:hover{background:#26394a;color:#fff}
.cin-hero{background-image:linear-gradient(90deg,rgba(6,12,19,.97) 0%,rgba(6,12,19,.72) 49%,rgba(6,12,19,.20) 100%),linear-gradient(0deg,#090e15 0%,transparent 28%),var(--hero-photo,linear-gradient(125deg,#101e2c,#27384b 55%,#111923));background-size:cover;background-position:center;min-height:690px;display:flex;align-items:stretch}.cin-hero-inner{display:flex;flex-direction:column;justify-content:space-between;padding:145px 0 35px}.cin-hero-content{max-width:730px}.cin-eyebrow,.cin-kicker{font-size:11px;letter-spacing:.22em;font-weight:800;color:#a7bacb}.cin-line{display:inline-block;width:30px;height:2px;background:#9db5c9;vertical-align:middle;margin-right:12px}.cin-hero h1{font-size:clamp(52px,6.7vw,105px);line-height:.99;letter-spacing:-.055em;margin:25px 0;font-weight:900}.cin-hero p{max-width:530px;font-size:18px;color:#d0d7df}.cin-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.cin-hero-foot{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #ffffff4a;padding-top:20px;font-size:10px;letter-spacing:.17em;color:#c2ccd5}.cin-section{padding:105px 0}.cin-section h2,.cin-final h2{font-size:clamp(32px,4vw,57px);line-height:1.08;letter-spacing:-.045em;margin:16px 0 20px}.cin-intro{background:#f0f2f3;color:#131a22}.cin-intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.cin-intro .cin-kicker{color:#536575}.cin-intro p{font-size:19px;color:#4a535e}.cin-text-link{font-size:12px;font-weight:800;letter-spacing:.07em;border-bottom:1px solid currentColor;padding-bottom:8px;display:inline-block;margin-top:18px}.cin-intro .cin-text-link{color:#182f46}.cin-section-top{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:40px}.cin-section-top p{color:#aeb9c6;margin:0}.cin-branches{background:#101720}.cin-branch-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.cin-branch{grid-column:span 2;min-height:330px;background-image:linear-gradient(0deg,rgba(5,10,15,.98),rgba(6,12,20,.32)),var(--branch-photo,linear-gradient(135deg,#283c4e,#0d1723));background-size:cover;background-position:center;display:flex;flex-direction:column;justify-content:space-between;border:1px solid #344352;padding:24px;transition:transform .2s,border-color .2s}.cin-branch:nth-child(4),.cin-branch:nth-child(5){grid-column:span 3}.cin-branch:hover{transform:translateY(-4px);border-color:#a4b4c4;color:#fff}.cin-branch-num{font-size:11px;letter-spacing:.2em;color:#d4e0e9}.cin-branch h3{font-size:23px;line-height:1.1;margin:0 0 10px}.cin-branch p{color:#d3dbe2;font-size:13px;max-width:420px}.cin-branch-more{font-size:10px;font-weight:800;letter-spacing:.12em}.cin-recruit{background-image:linear-gradient(90deg,#111d29 5%,#111d29e9 55%,#111d29a6),var(--recruit-photo,linear-gradient(125deg,#122336,#23394c));background-size:cover;background-position:center}.cin-recruit-inner{display:grid;grid-template-columns:1.7fr 1fr;gap:90px;align-items:center}.cin-recruit p{color:#d2dbe4;max-width:620px}.cin-status{border-left:2px solid #9fb2c2;padding:25px 35px;background:#101923ba;display:grid;gap:10px}.cin-status small{font-size:10px;letter-spacing:.15em;color:#a6b6c6}.cin-status strong{font-size:20px;margin-bottom:20px}.cin-gallery-section{background:#0b1118}.cin-gallery{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:15px}.cin-gallery-photo,.cin-gallery-empty{height:290px;overflow:hidden;background:#1b2836;border:1px solid #35414e}.cin-gallery-photo img{width:100%;height:100%;object-fit:cover}.cin-gallery-empty{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;background:linear-gradient(135deg,#192b3a,#101821);color:#c2cfda}.cin-gallery-empty span{font-size:28px;font-weight:900}.cin-gallery-empty small{font-size:10px;letter-spacing:.15em}.cin-news{background:#f0f2f3;color:#17202a}.cin-news .cin-kicker{color:#516779}.cin-news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.cin-news-item{border-top:2px solid #283f55;padding-top:24px;display:block}.cin-news-item span,.cin-news-item b{font-size:11px;letter-spacing:.12em;color:#526679}.cin-news-item h3{font-size:23px;line-height:1.2}.cin-news-item p{color:#596570}.cin-final{text-align:center;padding:110px 0;background:linear-gradient(120deg,#101b27,#233447)}.cin-final p{color:#c5d1dd}.cin-final .cin-actions{justify-content:center}.site-footer{background:#070b10}
@media(max-width:1000px){.cin-branch-grid{grid-template-columns:repeat(2,1fr)}.cin-branch,.cin-branch:nth-child(4),.cin-branch:nth-child(5){grid-column:span 1}.cin-intro-grid{gap:35px}.cin-recruit-inner{gap:35px}}@media(max-width:700px){.cin-hero{min-height:620px}.cin-hero-inner{padding:105px 0 24px}.cin-hero h1{font-size:48px}.cin-hero-foot{font-size:8px}.cin-section{padding:70px 0}.cin-intro-grid,.cin-recruit-inner,.cin-news-grid,.cin-gallery,.cin-branch-grid{grid-template-columns:1fr}.cin-branch,.cin-branch:nth-child(4),.cin-branch:nth-child(5){grid-column:span 1}.cin-section-top{align-items:start;flex-direction:column}.cin-gallery-photo,.cin-gallery-empty{height:220px}.cin-status{margin-top:20px}}

/* v3 — editorial emergency-services visual language: restrained, photographic, not dashboard cards */
:root{--bg:#0b1015;--panel:#141c23;--panel2:#1b2730;--text:#f5f5f3;--muted:#aeb8bf;--blue:#386f92;--line:#2b363e}
body{font-family:Arial,Helvetica,sans-serif;letter-spacing:0;line-height:1.55}
.wrap{width:min(1320px,90%)}
.topbar{background:#e8ecee;color:#23313c;border:0;font-size:10px;letter-spacing:.07em;font-weight:700}
.topbar .wrap{padding:9px 0}
.site-header{background:#0b1117f7;border-bottom:1px solid #ffffff21;backdrop-filter:blur(12px)}
.nav{min-height:86px}.brand{font-weight:800;letter-spacing:.015em;font-size:17px}.brand small{font-size:9px;letter-spacing:.13em;color:#aebdc8}
.brandmark{border-radius:2px;width:48px;height:48px;border:1px solid #71838e;background:#17232d;color:#f1f4f5;font-size:17px;overflow:hidden}
.header-logo{display:block;width:100%;height:100%;object-fit:contain}
.navlinks{gap:17px}.navlinks a{font-size:12px;color:#dce2e5}.navlinks .btn{font-size:11px}
.btn{border-radius:2px;background:#e8ecee;border-color:#e8ecee;color:#0d1821;padding:14px 22px;text-transform:uppercase;letter-spacing:.09em;font-size:11px;box-shadow:none}
.btn:hover{background:#fff;color:#101820;transform:none}.btn.secondary{background:transparent;border-color:#bdc9d2;color:#f1f5f7}.btn.secondary:hover{background:#ffffff1b}
.cin-hero{min-height:720px;background-image:linear-gradient(90deg,#060b10f5 0%,#060b10b8 47%,#060b1050 100%),linear-gradient(0deg,#060b10a8 0%,transparent 55%),var(--hero-photo,linear-gradient(135deg,#111d26,#263947));background-size:cover;background-position:center}
.cin-hero-inner{padding:165px 0 36px}.cin-hero-content{max-width:760px}.cin-hero h1{font-size:clamp(48px,6vw,88px);letter-spacing:-.045em;font-weight:750;line-height:1.04;max-width:850px}
.cin-hero p{font-size:17px;line-height:1.75}.cin-eyebrow,.cin-kicker{font-size:10px;letter-spacing:.17em;color:#c6d4dc}
.cin-section{padding:100px 0}.cin-section h2,.cin-final h2{font-size:clamp(30px,3.5vw,51px);font-weight:750;letter-spacing:-.035em;text-transform:none}
.cin-intro{background:#f3f4f2;color:#17212a}.cin-intro .cin-kicker{color:#586e7d}.cin-intro p{font-size:18px;line-height:1.8}
.cin-branches{background:#101820}.cin-branch-grid{gap:8px}.cin-branch{min-height:380px;padding:25px;border:0;background-image:linear-gradient(0deg,#081017f5,#08101725 85%),var(--branch-photo,linear-gradient(145deg,#263746,#131c24))}.cin-branch:hover{transform:none;filter:brightness(1.12)}
.cin-branch h3{font-size:22px;font-weight:700;letter-spacing:-.02em}.cin-branch p{color:#d0d9df}.cin-branch-num{border-top:1px solid #c5d3db80;padding-top:12px}
.cin-recruit{background-image:linear-gradient(90deg,#111b24f7,#111b24bf 65%,#111b2480),var(--recruit-photo,linear-gradient(125deg,#1b2a34,#30404b))}.cin-status{background:transparent;border:0;border-top:1px solid #aebdc5;padding:24px 0}.cin-status strong{font-size:18px}
.cin-gallery-section{background:#0c1319}.cin-gallery{gap:8px}.cin-gallery-photo,.cin-gallery-empty{height:320px;border:0;background:#19242d}.cin-gallery-empty{background:#17232d;color:#a8bbc7;text-align:center;padding:20px}.cin-gallery-empty span{font-size:34px;font-weight:400}
.cin-news{background:#f3f4f2;color:#17212a}.cin-news-item{border-color:#7c909c}.cin-news-item h3{font-size:21px;font-weight:700}.cin-final{background:#14222c;text-align:left}.cin-final .cin-actions{justify-content:flex-start}
.site-footer{background:#080d12}
@media(max-width:700px){.cin-hero{min-height:610px}.cin-hero-inner{padding:110px 0 24px}.cin-hero h1{font-size:46px}.cin-gallery-photo,.cin-gallery-empty{height:230px}}