/*
Theme Name: UFO Identified
Theme URI: http://ufo-identified.local
Author: UFO Identified
Description: A custom documentary and research theme for UFO Identified.
Version: 1.0
*/

body {
    background-color: #0d1117;
    color: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
}

header {
    padding: 20px;
    border-bottom: 1px solid #333;
}

main {
    padding: 40px;
}

footer {
    padding: 20px;
    border-top: 1px solid #333;
    text-align: center;
}.archive-dashboard {

    max-width:1200px;
    margin:auto;
    padding:40px 20px;

}


.archive-hero {

    text-align:center;
    padding:80px 20px;

}


.archive-hero h1 {

    font-size:60px;
    letter-spacing:5px;

}


.archive-hero h2 {

    font-size:28px;

}


.archive-hero p {

    max-width:700px;
    margin:30px auto;
    font-size:18px;

}


.explore-button,
.case-button {

    display:inline-block;
    padding:12px 25px;
    border-radius:6px;
    border:1px solid white;

}


.archive-stats {

    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
    gap:20px;
    margin:50px 0;

}


.stat-box {

    padding:30px;
    text-align:center;
    border:1px solid #333;
    border-radius:12px;

}


.stat-box h3 {

    font-size:35px;
    margin:0;

}


.sighting-grid {

    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
    gap:25px;

}


.case-card {

    padding:30px;
    border:1px solid #333;
    border-radius:15px;

    transition:0.3s;

}


.case-card:hover {

    transform:translateY(-5px);

}


.case-number {

    font-size:20px;
    font-weight:bold;
    margin-bottom:20px;

}


.case-location {

    margin-bottom:20px;

}


.case-info {

    display:flex;
    gap:20px;
    margin-bottom:25px;

}.database-page {

max-width:1100px;
margin:auto;
padding:40px 20px;

}



.database-header {

text-align:center;
padding:70px 20px;

}



.database-header h1 {

font-size:48px;
letter-spacing:4px;

}



.database-header h2 {

font-size:28px;

}



.database-header p {

font-size:18px;
max-width:650px;
margin:25px auto;

}



.database-search input {

width:80%;
max-width:600px;
padding:18px;
font-size:18px;
border-radius:8px;
border:1px solid #444;

}



.database-cases h2 {

margin-bottom:30px;

}



.case-list {

display:flex;
flex-direction:column;
gap:20px;

}



.archive-case {

padding:30px;
border:1px solid #333;
border-radius:12px;

}



.archive-case h3 {

font-size:22px;
margin-top:0;

}



.case-location,
.case-date {

margin:10px 0;

}



.case-tags {

display:flex;
gap:15px;
margin:20px 0;

}



.case-tags span {

border:1px solid #444;
padding:8px 12px;
border-radius:20px;

}



.view-case {

display:inline-block;
padding:12px 20px;
border:1px solid white;
border-radius:6px;

}.database-filters {

display:flex;
flex-wrap:wrap;
gap:15px;
justify-content:center;
margin-top:30px;

}


.database-filters input,
.database-filters select,
.database-filters button {

padding:14px;
border-radius:8px;
border:1px solid #444;
font-size:16px;

}


.database-filters button {

cursor:pointer;

}.database-filters select,
.database-filters input {

background:#111;
color:white;

}


.database-filters button {

background:#1e88ff;
color:white;
border:none;
padding:14px 25px;

}


.database-filters button:hover {

opacity:0.8;

}.archive-pagination {

text-align:center;
margin:50px 0;

}


.archive-pagination a,
.archive-pagination span {

display:inline-block;
padding:10px 15px;
margin:5px;
border:1px solid #444;
border-radius:6px;
text-decoration:none;

}


.archive-pagination .current {

background:#1e88ff;
color:white;

}.database-stats {

display:grid;
grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
gap:20px;
margin:30px 0;

}


.stat-card {

padding:30px;
border:1px solid #333;
border-radius:12px;
text-align:center;
background:#111;

}


.stat-card h3 {

font-size:36px;
margin:0 0 10px;

}


.stat-card p {

margin:0;
opacity:0.8;

}.map-page {

max-width:1200px;
margin:auto;
padding:40px 20px;

}


#ufo-map {

height:700px;
width:100%;
border-radius:15px;

}#ufo-map {
    height: 700px;
    width: 100%;
    margin-top: 30px;
    border-radius: 15px;
}#ufo-map {
    height: 700px !important;
    width: 100% !important;
    display: block;
}#ufo-map {
    height:700px;
    width:100%;
}document.getElementById('ufo-map').offsetHeight
#ufo-map {
    height:700px !important;
    width:100%;
    margin-top:30px;
    border-radius:15px;
}#map-loading {

    text-align:center;
    font-size:18px;
    padding:20px;
    font-weight:600;

}.ufo-popup {
    width: 250px;
    font-family: Arial, sans-serif;
}

.ufo-popup h3 {
    margin: 0 0 12px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
    font-size: 17px;
    line-height: 1.3;
}

.ufo-meta {
    font-size: 13px;
    line-height: 1.8;
}

.ufo-meta div {
    margin-bottom: 5px;
}


.ufo-case-button {
    display: block;
    margin-top: 15px;
    padding: 10px;
    background: #111;
    color: #fff !important;
    text-align: center;
    border-radius: 5px;
    text-decoration: none;
    font-weight: bold;
}


.ufo-case-button:hover {
    background: #00e5ff;
    color: #111 !important;
}/* UFO Identified Popup */

.leaflet-popup-content-wrapper {
    background: #111;
    color: #fff;
    border-radius: 12px;
}

.leaflet-popup-tip {
    background: #111;
}


.leaflet-popup-content {
    margin: 16px;
}


.ufo-popup {
    width: 250px;
    font-family: Arial, sans-serif;
}


.ufo-popup h3 {
    margin: 0 0 14px;
    padding-bottom: 10px;
    border-bottom: 1px solid #00e5ff;
    color: #00e5ff;
    font-size: 18px;
}


.ufo-meta {
    font-size: 13px;
    line-height: 1.8;
    color: #eee;
}


.ufo-meta div {
    margin-bottom: 7px;
}


.ufo-case-button {
    display: block;
    margin-top: 16px;
    padding: 10px;
    background: #00e5ff;
    color: #111 !important;
    text-align: center;
    border-radius: 6px;
    text-decoration: none;
    font-weight: bold;
}


.ufo-case-button:hover {
    background: #fff;
    color: #111 !important;
}/* UFO Identified Leaflet Popup */

.leaflet-popup-content-wrapper {
    background: #1b1b1b !important;
    color: #ffffff !important;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.4);
}

.leaflet-popup-tip {
    background: #1b1b1b !important;
}


.leaflet-popup-content {
    margin: 18px !important;
    color: #ffffff !important;
}


.ufo-popup {
    width: 200px;
    font-family: Arial, sans-serif;
}


.ufo-popup h3 {
    margin: 0 0 14px !important;
    padding-bottom: 10px;
    border-bottom: 1px solid #00e5ff;
    color: #00e5ff !important;
    font-size: 18px;
}


.ufo-meta {
    color: #ffffff !important;
    font-size: 13px;
    line-height: 1.8;
}


.ufo-meta strong {
    color: #00e5ff;
}


.ufo-case-button {
    display: block;
    margin-top: 16px;
    padding: 10px;
    background: #00e5ff !important;
    color: #111 !important;
    text-align: center;
    border-radius: 6px;
    text-decoration: none;
    font-weight: bold;
}


.ufo-case-button:hover {
    background: #ffffff !important;
    color: #111 !important;
}.ufo-map-header {
    background: #111;
    padding: 25px;
    text-align: center;
    color: #fff;
    border-bottom: 2px solid #00e5ff;
    border-radius: 12px 12px 0 0;
}


.ufo-map-title {
    font-size: 32px;
    font-weight: bold;
    color: #00e5ff;
    letter-spacing: 2px;
}


.ufo-map-subtitle {
    margin-top: 8px;
    font-size: 20px;
}


.ufo-map-stats {
    margin-top: 10px;
    color: #aaa;
    font-size: 14px;
}#ufo-map {
    height: 700px;
    border-radius: 0 0 12px 12px;
    overflow: hidden;
}.ufo-filters {
    background: #111;
    padding: 15px;
    color: white;
    text-align: center;
    border-bottom: 1px solid #00e5ff;
}


.ufo-filters label {
    margin-right: 10px;
    color: #00e5ff;
}


#year-filter {
    padding: 6px 12px;
    border-radius: 5px;
    border: none;
}.ufo-filters {
    background: #111;
    padding: 15px;
    display: flex;
    gap: 20px;
    justify-content: center;
    flex-wrap: wrap;
    color: white;
    border-bottom: 1px solid #00e5ff;
}


.ufo-filters label {
    color: #00e5ff;
    font-weight: bold;
}


.ufo-filters select {
    margin-left: 5px;
    padding: 6px 10px;
    border-radius: 5px;
    border: none;
}#sighting-count {
    width: 100%;
    margin-top: 10px;
    color: #aaa;
    font-size: 14px;
}.case-page {
    max-width: 1100px;
    margin: 40px auto;
}


.case-header {
    background: #111;
    color: white;
    padding: 30px;
    text-align: center;
    border-bottom: 2px solid #00e5ff;
    border-radius: 12px;
}


.case-brand {
    color: #00e5ff;
    font-size: 20px;
    letter-spacing: 2px;
}


.case-header h1 {
    margin: 15px 0;
    color: white;
}


.case-number {
    color: #aaa;
}



.case-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(300px,1fr));
    gap: 20px;
    margin-top: 25px;
}



.case-card {
    background: #111;
    color: white;
    padding: 25px;
    border-radius: 12px;
    margin-top: 20px;
}


.case-card h2 {
    color: #00e5ff;
    margin-top: 0;
}


.case-card strong {
    color: #00e5ff;
}



.witness-report {
    line-height: 1.8;
    color: #ddd;
}



.back-map-button {
    display: inline-block;
    margin-top: 25px;
    padding: 12px 20px;
    background: #00e5ff;
    color: #111 !important;
    border-radius: 6px;
    font-weight: bold;
    text-decoration: none;
}.case-number span {
    display: block;
    font-size: 14px;
    color: #aaa;
    letter-spacing: 3px;
    margin-bottom: 5px;
}


.case-number {
    font-size: 32px;
    color: #00e5ff;
    font-weight: bold;
}#case-map {
    height: 350px;
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
}.nearby-case {

    background:#151515;

    padding:15px;

    margin-top:12px;

    border-radius:8px;

}


.nearby-case a {

    color:#00e5ff;

    font-weight:bold;

    text-decoration:none;

}.nearby-card {
    width: 50%;
}.nearby-card {
    width: 50%;
    box-sizing: border-box;
}@media (max-width: 768px) {

    .nearby-card {
        width: 100%;
    }

}.case-card.nearby-card {
    width: 50%;
    max-width: 50%;
}.case-card.nearby-card {
    width: 50% !important;
    flex: 0 0 50%;
}.nearby-card {
    grid-column: auto;
}.case-navigation {

    display:flex;

    justify-content:space-between;

    align-items:center;

    margin-top:40px;

    padding:20px;

    background:#111;

    border-radius:10px;

}


.case-navigation a {

    color:#00e5ff;

    text-decoration:none;

    font-weight:bold;

}


.case-navigation a:hover {

    text-decoration:underline;

}



@media(max-width:768px){

    .case-navigation {

        flex-direction:column;

        gap:15px;

        text-align:center;

    }

}.back-map-button {

    display:inline-block;

    padding:12px 28px;

    background:#00e5ff;

    color:#000 !important;

    border-radius:8px;

    font-size:18px;

    font-weight:bold;

    text-decoration:none;

    transition:0.3s;

}


.back-map-button:hover {

    background:#ffffff;

    transform:scale(1.05);

}.case-map-row {

    display:flex;

    gap:20px;

    margin-top:30px;

}


.map-card,
.nearby-card {

    width:50%;

}



#case-map {

    height:350px;

    border-radius:10px;

}



@media(max-width:768px){

    .case-map-row {

        flex-direction:column;

    }


    .map-card,
    .nearby-card {

        width:100%;

    }

}
.navigation-centre {

    display:flex;
    gap:12px;
    justify-content:center;
    align-items:center;

}


.back-archive-button,
.back-map-button {

    display:inline-flex;

    align-items:center;

    justify-content:center;

    width:auto;

    min-height:50px;

    padding:0 28px;

    border-radius:8px;

    font-size:18px;

    font-weight:bold;

    line-height:1;

    text-decoration:none;

    box-sizing:border-box;

}


.back-archive-button {

    background:#00e5ff;

    color:#fff !important;

}


.back-map-button {

    background:#00e5ff;

    color:#fff !important;

}


.back-archive-button:hover,
.back-map-button:hover {

    transform:scale(1.05);

    background:#fff;

}
.clear-filters {
    display: inline-block;
    margin-left: 10px;
    padding: 10px 18px;
    text-decoration: none;
}
.active-filters {
    margin: 20px 0;
    padding: 15px;
    border-left: 3px solid #00ffff;
}

.active-filters p {
    margin: 5px 0;
}
.archive-case {

    padding: 25px;
    margin-bottom: 25px;
    border: 1px solid rgba(255,255,255,0.15);
    background: rgba(0,0,0,0.35);

}


.archive-case-header h3 {

    margin-top:0;

}


.case-meta-location {

    opacity:0.8;

}



.archive-case-details {

    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:15px;
    margin:20px 0;

}


.archive-case-details div {

    padding:12px;
    background:rgba(255,255,255,0.05);

}



.archive-summary {

    margin:20px 0;
    line-height:1.6;
    opacity:0.9;

}


.view-case {

    display:inline-block;
    padding:12px 20px;

}
.archive-case {

    margin-bottom:30px;
    padding:25px;
    border:1px solid rgba(255,255,255,0.15);
    background:rgba(0,0,0,0.35);

}



.archive-case-header {

    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:20px;

}



.archive-brand {

    font-weight:bold;
    letter-spacing:2px;

}



.archive-case-number {

    text-align:right;
    font-size:0.9rem;

}



.archive-case h3 {

    margin-bottom:20px;

}



.archive-case-grid {

    display:grid;
    grid-template-columns:1fr 1fr;
    gap:20px;

}



.archive-info-card {

    padding:20px;
    background:rgba(255,255,255,0.05);

}



.archive-info-card h4,
.archive-witness h4 {

    margin-top:0;

}



.archive-witness {

    margin-top:20px;
    padding:20px;
    background:rgba(255,255,255,0.04);

}



.view-case {

    display:inline-flex;
    align-items:center;
    justify-content:center;

    margin-top:15px;
    padding:10px 22px;

    border:1px solid rgba(255,255,255,0.25);
    background:rgba(255,255,255,0.05);

    color:#ffffff;
    text-decoration:none;

    font-size:0.9rem;
    letter-spacing:1px;
    text-transform:uppercase;

    transition:all 0.3s ease;

}



.view-case:hover {

    background:rgba(255,255,255,0.15);
    border-color:rgba(255,255,255,0.5);

    transform:translateX(3px);

}
.archive-case {

    margin-bottom:20px;

}


.archive-case-header {

    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:15px;

}


.archive-case h3 {

    margin:10px 0 15px;

}



.archive-case-grid {

    display:grid;
    grid-template-columns:1fr 1fr;
    gap:15px;

}



.archive-case .case-card {

    padding:15px;

}



.archive-case .case-card h2 {

    font-size:1rem;

}



.archive-case .case-card p {

    font-size:0.9rem;

}



.archive-case .view-case {

    margin-top:15px;

}
.archive-case {

    padding:20px;
    margin-bottom:20px;
    background:rgba(0,0,0,0.35);
    border:1px solid rgba(255,255,255,0.15);

}


.archive-case-top {

    margin-bottom:10px;

}


.archive-case .case-number {

    font-size:0.85rem;
    opacity:0.8;
    letter-spacing:1px;

}



.archive-case h3 {

    margin:8px 0 15px;
    font-size:1.2rem;

}



.archive-meta p {

    margin:8px 0;
    font-size:0.95rem;

}



.archive-case .view-case {

    display:inline-block;
    margin-top:10px;

}
.archive-case h3 {

    color: #00aaff;

}
.database-header h1

 {

    color: #00e5ff;

}
.random-sighting {

    display:flex;
    width:max-content;

    margin:25px auto;

    align-items:center;
    justify-content:center;

    padding:12px 28px;

    border:1px solid #00aaff;
    background:rgba(0,170,255,0.12);

    color:#00aaff;
    text-decoration:none;

    font-size:0.9rem;
    letter-spacing:1.5px;
    text-transform:uppercase;

    transition:all 0.3s ease;

}



.random-sighting {

    display:flex;
    width:max-content;

    margin:10px auto;

    align-items:center;
    justify-content:center;
    gap:8px;

    padding:14px 32px;

    border-radius:4px;

    border:1px solid #00aaff;

    background:linear-gradient(
        135deg,
        rgba(0,170,255,0.25),
        rgba(0,170,255,0.08)
    );

    color:#00aaff;

    text-decoration:none;

    font-size:0.95rem;
    font-weight:600;

    letter-spacing:1.5px;
    text-transform:uppercase;

    box-shadow:
        0 0 10px rgba(0,170,255,0.15);

    transition:all 0.3s ease;

}



.random-sighting:hover {

    background:#00aaff;

    color:#000;

    box-shadow:
        0 0 20px rgba(0,170,255,0.5);

    transform:translateY(-2px);

}
.database-header {

    padding-top:20px;

}


.database-header h1 {

    margin-top:0;

}
.site-logo img {

    width:180px;
    height:auto;

}
.site-header {

    background:#060b0d;

}
.site-header {

    background:#050a12;

    border-bottom:1px solid rgba(0,170,255,0.25);

    padding:15px 40px;

}.site-logo img {

    width:180px;

    display:block;

}
.site-header {

    background:#050a12;

    padding:20px 40px;

}
header {
    background:#050a12;
}
.random-intro {

    text-align:center;

    margin-top:20px;
    margin-bottom:5px;

}


.random-intro p {

    color:rgba(255,255,255,0.75);

    font-size:0.95rem;

    letter-spacing:0.5px;

}
.random-intro {

    text-align:center;

    margin-top:5px;
    margin-bottom:5px;

}


.random-intro p {

    margin-top:0;
    margin-bottom:5px;

    color:rgba(255,255,255,0.75);

    font-size:0.95rem;

    letter-spacing:0.5px;

}
.random-sighting {

    margin-top:5px;

}
.site-logo img {

    width:140px;
    height:auto;

}
.site-header {

    padding:10px 30px;

    background:#050a12;

    border-bottom:1px solid rgba(0,170,255,0.25);

}


.site-logo img {

    width:140px;
    height:auto;

}
/* =========================================
   UFO IDENTIFIED - FRONT PAGE
   Matching Archive / Map / Database Style
========================================= */


.home-page {

    max-width:1200px;
    margin:auto;
    padding:40px 20px;

}


/* ---------- HERO ---------- */


.home-header {

    text-align:center;
    padding:70px 20px;

    background:#111;

    border:1px solid rgba(255,255,255,0.15);

    border-radius:12px;

}


.home-header h1 {

    font-size:56px;

    letter-spacing:5px;

    margin:0;

    color:#00e5ff;

}


.home-header h2 {

    font-size:28px;

    margin-top:15px;

}


.home-header p {

    max-width:700px;

    margin:25px auto;

    color:#ccc;

    font-size:18px;

}



/* ---------- MAIN BUTTONS ---------- */


.home-buttons {

    margin-top:35px;

}


.home-button {

    display:inline-block;

    padding:12px 25px;

    margin:10px;

    border:1px solid #00e5ff;

    border-radius:6px;

    color:#ffffff;

    text-decoration:none;

    text-transform:uppercase;

    letter-spacing:1px;

    transition:.3s;

}


.home-button:hover {

    background:#00e5ff;

    color:#111;

}



/* ---------- DATABASE NUMBERS ---------- */


.home-stats {

    display:grid;

    grid-template-columns:
    repeat(auto-fit,minmax(220px,1fr));

    gap:20px;

    margin:40px 0;

}



.home-stat-card {

    background:#111;

    border:1px solid #333;

    border-radius:12px;

    padding:30px;

    text-align:center;

}



.home-stat-card h3 {

    margin:0;

    font-size:38px;

    color:#00e5ff;

}


.home-stat-card p {

    margin-top:10px;

    color:#aaa;

}



/* ---------- FEATURED INVESTIGATION ---------- */


.featured-case {

    background:#111;

    border:1px solid #333;

    border-radius:12px;

    padding:30px;

    margin-bottom:30px;

}



.featured-case h2 {

    color:#00e5ff;

}



.featured-case p {

    color:#ccc;

}



/* ---------- SEARCH PANEL ---------- */


.home-search {

    background:#111;

    padding:30px;

    border:1px solid #333;

    border-radius:12px;

    margin-bottom:40px;

}



.home-search h2 {

    color:#00e5ff;

}



.home-search input {

    width:100%;

    padding:15px;

    background:#0d1117;

    color:white;

    border:1px solid #444;

    border-radius:6px;

}



/* ---------- LATEST CASES ---------- */


.latest-grid {

    display:grid;

    grid-template-columns:
    repeat(auto-fit,minmax(300px,1fr));

    gap:20px;

}



.latest-case {

    background:#111;

    border:1px solid #333;

    border-radius:12px;

    padding:25px;

    transition:.3s;

}



.latest-case:hover {

    border-color:#00e5ff;

    transform:translateY(-5px);

}



.latest-case h3 {

    color:#00e5ff;

}



.latest-case p {

    color:#ccc;

}



/* ---------- MAP PREVIEW ---------- */


.home-map {

    margin-top:40px;

    background:#111;

    border:1px solid #333;

    border-radius:12px;

    padding:25px;

    text-align:center;

}



.home-map h2 {

    color:#00e5ff;

}



/* ---------- MOBILE ---------- */


@media(max-width:768px){


.home-header h1 {

    font-size:36px;

}


.home-header {

    padding:40px 20px;

}


}
.site-logo {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
}

.site-logo img {
    display: block;
    width: 190px;
    height: auto;
    max-width: 100%;
}

@media (max-width: 768px) {
    .site-logo img {
        width: 135px;
    }
}
/* =========================
   SITE HEADER
========================= */

/* =========================
   OVERLAPPING HEADER LOGO
========================= */

.site-header {
    width: 100%;
    height: 110px;

    background: #05090d;
    border-bottom: 1px solid rgba(255,255,255,0.08);

    position: relative;
    z-index: 1000;
    overflow: visible;
}

.header-inner {
    width: 100%;
    height: 110px;

    padding: 0 4vw;

    display: flex;
    align-items: center;

    gap: 24px;
}

/* LOGO */

.site-logo {
    position: relative;

    width: 190px;
    height: 110px;

    flex: 0 0 190px;

    z-index: 20;
}

.site-logo img {
    position: absolute;

    width: 290px;
    height: auto;

    top: -3px;
    left: -70px;

    max-width: none;
    display: block;

    filter:
        drop-shadow(0 12px 28px rgba(0,0,0,0.8))
        drop-shadow(0 0 20px rgba(22,140,255,0.22));
}

/* NAV */

.main-navigation {
    display: flex;
    align-items: center;

    gap: 28px;

    margin-left: 10px;
    margin-right: auto;
}

.main-navigation a {
    color: #f1f5f9;
    text-decoration: none;

    font-size: 18px;
    font-weight: 600;

    padding: 14px 0;

    white-space: nowrap;
}

.main-navigation a:hover {
    color: #58b2ff;
}

/* ACTIONS */

.header-actions {
    display: flex;
    align-items: center;

    gap: 12px;

    margin-left: 10px;
}

.header-search-button {
    width: 46px;
    height: 46px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;
    border: 1px solid rgba(255,255,255,0.12);

    background: rgba(255,255,255,0.03);
    color: #58b2ff;

    font-size: 18px;
}

.random-sighting-button {
    min-height: 46px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 0 20px;

    background: #168cff;
    color: white;

    border-radius: 7px;

    text-decoration: none;
    font-size: 15px;
    font-weight: 700;

    white-space: nowrap;
}

@media (max-width: 850px) {

    .header-inner {
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .main-navigation {
        order: 3;
        width: 100%;
        margin-left: 0;

        justify-content: center;
        flex-wrap: wrap;

        padding-top: 10px;
    }
}

@media (max-width: 600px) {

    .header-inner {
        padding: 14px 18px;
    }

    .site-logo img {
        width: 135px;
    }

    .main-navigation {
        gap: 14px 20px;
    }

    .main-navigation a {
        font-size: 13px;
    }

    .header-search-button {
        display: none;
    }

    .random-sighting-button {
        min-height: 42px;
        padding: 0 14px;
        font-size: 13px;
    }
}
/* =========================
   HOMEPAGE HERO
========================= */

.hero-section {
    position: relative;
    z-index: 1;

    min-height: 620px;

    display: flex;
    align-items: center;

    background:
        radial-gradient(
            circle at 70% 40%,
            rgba(0, 160, 255, 0.18),
            transparent 35%
        ),
        linear-gradient(
            90deg,
            rgba(3, 8, 13, 0.98) 0%,
            rgba(3, 8, 13, 0.88) 30%,
            rgba(3, 8, 13, 0.45) 58%,
            rgba(3, 8, 13, 0.08) 100%
        ),
        url('/wp-content/themes/ufo-identified-theme/images/hero-ufo.png');

    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;

    overflow: hidden;
}

.hero-overlay {
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            to bottom,
            rgba(5, 9, 13, 0) 65%,
            #05090d 100%
        );

    pointer-events: none;
}

.hero-content {
    position: relative;
    z-index: 2;

    width: 100%;
    max-width: none;

    margin: 0;

    padding: 170px 5vw 70px;
}

.hero-kicker {
    margin: 0 0 18px;

    color: #168cff;
    text-transform: uppercase;
    letter-spacing: 3px;

    font-size: 13px;
    font-weight: 700;
}

.hero-content h1 {
    max-width: 850px;

    margin: 0;

    font-size: clamp(44px, 5vw, 78px);
    line-height: 1.02;
    letter-spacing: -2px;

    font-weight: 800;
}

.hero-content h1 span {
    display: block;
    color: #168cff;
}

.hero-intro {
    max-width: 700px;

    margin: 28px 0 0;

    color: #b9c5d2;

    font-size: 19px;
    line-height: 1.7;
}

.hero-buttons {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;

    margin-top: 36px;
}

.hero-button {
    min-height: 52px;
    padding: 0 28px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    border-radius: 7px;

    text-decoration: none;
    font-weight: 700;

    transition:
        transform 0.2s ease,
        background 0.2s ease,
        border-color 0.2s ease;
}

.hero-button:hover {
    transform: translateY(-2px);
}

.hero-button-primary {
    background: #168cff;
    color: #ffffff;
}

.hero-button-primary:hover {
    background: #329cff;
}

.hero-button-secondary {
    border: 1px solid rgba(255, 255, 255, 0.25);

    background: rgba(255, 255, 255, 0.04);
    color: #ffffff;

    backdrop-filter: blur(8px);
}

.hero-button-secondary:hover {
    border-color: #168cff;
    background: rgba(22, 140, 255, 0.08);
}

/* Mobile */

@media (max-width: 768px) {

    .hero-section {
        min-height: 560px;
        background-position: 65% center;
    }

    .hero-content {
        padding: 60px 20px;
    }

    .hero-content h1 {
        font-size: 46px;
    }

    .hero-intro {
        font-size: 17px;
    }
}

@media (max-width: 500px) {

    .hero-content h1 {
        font-size: 38px;
    }

    .hero-buttons {
        flex-direction: column;
    }

    .hero-button {
        width: 100%;
    }
}
url('/wp-content/themes/ufo-identified/images/hero-ufo.png');

.hero-section {
    position: relative;
    min-height: 620px;
    overflow: hidden;

    display: flex;
    align-items: center;

    background: #05090d;
}

.hero-artwork {
    position: absolute;

    top: 0;
    right: 0;

    width: auto;
    height: 100%;

    max-width: none;

    object-fit: contain;

    z-index: 0;
}

.hero-overlay {
    position: absolute;
    inset: 0;

    z-index: 1;

    background:
        linear-gradient(
            90deg,
            rgba(3, 8, 13, 1) 0%,
            rgba(3, 8, 13, 0.96) 35%,
            rgba(3, 8, 13, 0.65) 55%,
            rgba(3, 8, 13, 0.05) 85%
        ),
        linear-gradient(
            to bottom,
            transparent 65%,
            #05090d 100%
        );
}

.hero-content {
    position: relative;
    z-index: 2;

    width: 100%;
    max-width: none;

    margin: 0;

    padding: 170px 5vw 70px;
}
.hero-content h1 {
    max-width: 800px;
}

.hero-intro {
    max-width: 650px;
}
@media (max-width: 1200px) {

    .hero-content {
        padding-left: 8vw;
    }
}

@media (max-width: 768px) {

    .hero-content {
        padding: 90px 20px 60px;
    }
}
/* =========================
   HOMEPAGE STATS
========================= */

.homepage-stats {
    background: #05090d;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.stats-inner {
    width: 100%;
    max-width: none;
    margin: 0;
    padding-left: 5vw;
    padding-right: 5vw;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}

.stat-card {
    position: relative;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    min-height: 120px;

    text-align: center;
}

.stat-card:not(:last-child)::after {
    content: "";
    position: absolute;

    top: 20%;
    right: 0;

    width: 1px;
    height: 60%;

    background: rgba(255, 255, 255, 0.08);
}

.stat-number {
    color: #168cff;

    font-size: clamp(32px, 3vw, 48px);
    line-height: 1;

    font-weight: 800;
}

.stat-label {
    margin-top: 10px;

    color: #9aa8b7;

    font-size: 14px;
    font-weight: 600;

    text-transform: uppercase;
    letter-spacing: 1px;
}

@media (max-width: 800px) {

    .stats-inner {
        grid-template-columns: repeat(2, 1fr);
        padding: 20px;
    }

    .stat-card {
        min-height: 110px;
    }

    .stat-card::after {
        display: none;
    }

    .stat-card:nth-child(1),
    .stat-card:nth-child(2) {
        border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    }
}

@media (max-width: 500px) {

    .stats-inner {
        grid-template-columns: 1fr 1fr;
        padding: 12px;
    }

    .stat-number {
        font-size: 30px;
    }

    .stat-label {
        font-size: 11px;
        letter-spacing: 0.5px;
    }
}

/* =========================
   RECENT SIGHTINGS
========================= */

.recent-sightings {
    background: #080d12;
    padding: 80px 32px;
}

.recent-sightings-inner {
    width: 100%;
    max-width: none;
    margin: 0;
}

.section-heading {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 30px;

    margin-bottom: 32px;
}

.section-kicker {
    margin: 0 0 8px;

    color: #168cff;

    font-size: 12px;
    font-weight: 700;

    text-transform: uppercase;
    letter-spacing: 2px;
}

.section-heading h2 {
    margin: 0;

    color: #ffffff;

    font-size: clamp(30px, 4vw, 46px);
    line-height: 1.1;
}

.section-link {
    color: #58b2ff;
    text-decoration: none;
    font-weight: 600;
}

.section-link:hover {
    color: #ffffff;
}

.recent-sightings-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 14px;
}

.recent-sighting-card {
    position: relative;

    display: flex;
    flex-direction: column;

    min-height: 240px;
    padding: 22px;

    background: #0d141c;

    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 10px;

    transition:
        transform 0.2s ease,
        border-color 0.2s ease,
        background 0.2s ease;
}

.recent-sighting-card:hover {
    transform: translateY(-4px);

    border-color: rgba(22, 140, 255, 0.5);
    background: #101923;
}

.recent-card-top {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 12px;
    margin-bottom: 26px;
}

.recent-case-number {
    color: #168cff;

    font-size: 13px;
    font-weight: 800;

    letter-spacing: 0.5px;
}

.recent-shape {
    padding: 5px 9px;

    background: rgba(22, 140, 255, 0.08);

    border: 1px solid rgba(22, 140, 255, 0.25);
    border-radius: 999px;

    color: #8ac7ff;

    font-size: 11px;
    font-weight: 700;

    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.recent-card-content {
    flex: 1;
}

.recent-date {
    margin: 0 0 8px;

    color: #8997a6;

    font-size: 13px;
}

.recent-card-content h3 {
    margin: 0;

    color: #ffffff;

    font-size: 21px;
    line-height: 1.3;
}

.recent-evidence {
    margin: 18px 0 0;

    color: #8997a6;

    font-size: 13px;
}

.recent-evidence strong {
    color: #d6dee8;
}

.recent-view-case {
    display: inline-flex;
    align-items: center;

    width: fit-content;
    margin-top: 26px;

    color: #58b2ff;

    text-decoration: none;
    font-weight: 700;

    font-size: 14px;
}

.recent-view-case::after {
    content: "→";
    margin-left: 8px;

    transition: transform 0.2s ease;
}

.recent-view-case:hover::after {
    transform: translateX(4px);
}

.no-sightings {
    color: #8997a6;
}

@media (max-width: 1000px) {

    .recent-sightings-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 650px) {

    .recent-sightings {
        padding: 60px 20px;
    }

    .section-heading {
        align-items: flex-start;
        flex-direction: column;
    }

    .recent-sightings-grid {
        grid-template-columns: 1fr;
    }
}
/* =========================
   EXPLORE DATABASE
========================= */

.explore-database {
    background: #05090d;
    padding: 90px 32px;
}

.explore-database-inner {
    width: 100%;
    max-width: none;
    margin: 0;
}

.explore-heading {
    align-items: flex-end;
}

.explore-intro {
    max-width: 470px;
    margin: 0;

    color: #8e9cab;

    font-size: 16px;
    line-height: 1.7;
}

.explore-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;

    margin-top: 38px;
}

.explore-card {
    position: relative;

    display: flex;
    flex-direction: column;

    min-height: 330px;
    padding: 34px;

    overflow: hidden;

    background:
        radial-gradient(
            circle at top right,
            rgba(22, 140, 255, 0.12),
            transparent 35%
        ),
        #0d141c;

    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 14px;

    color: inherit;
    text-decoration: none;

    transition:
        transform 0.25s ease,
        border-color 0.25s ease,
        background 0.25s ease;
}

.explore-card:hover {
    transform: translateY(-6px);

    border-color: rgba(22, 140, 255, 0.55);

    background:
        radial-gradient(
            circle at top right,
            rgba(22, 140, 255, 0.2),
            transparent 40%
        ),
        #101923;
}

.explore-card::before {
    content: "";

    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 3px;

    background: linear-gradient(
        90deg,
        #168cff,
        #58b2ff,
        transparent
    );

    opacity: 0;
    transition: opacity 0.25s ease;
}

.explore-card:hover::before {
    opacity: 1;
}

.explore-icon {
    width: 58px;
    height: 58px;

    display: flex;
    align-items: center;
    justify-content: center;

    margin-bottom: 28px;

    background: rgba(22, 140, 255, 0.08);

    border: 1px solid rgba(22, 140, 255, 0.18);
    border-radius: 12px;

    font-size: 27px;
}

.explore-card h3 {
    margin: 0;

    color: #ffffff;

    font-size: 25px;
}

.explore-card p {
    margin: 16px 0 30px;

    color: #8e9cab;

    font-size: 15px;
    line-height: 1.7;
}

.explore-link {
    margin-top: auto;

    color: #58b2ff;

    font-size: 14px;
    font-weight: 700;
}

.explore-card:hover .explore-link {
    color: #ffffff;
}


/* Responsive */

@media (max-width: 900px) {

    .explore-grid {
        grid-template-columns: 1fr;
    }

    .explore-card {
        min-height: 250px;
    }
}

@media (max-width: 650px) {

    .explore-database {
        padding: 65px 20px;
    }

    .explore-heading {
        align-items: flex-start;
    }

    .explore-intro {
        max-width: 100%;
    }

    .explore-card {
        padding: 26px;
    }
}
.site-logo img {
    filter:
        drop-shadow(0 8px 18px rgba(0, 0, 0, 0.7))
        drop-shadow(0 0 14px rgba(22, 140, 255, 0.18));
}
@media (max-width: 768px) {

    .site-logo {
        width: 150px;
        height: 85px;
        flex-basis: 150px;
    }

    .site-logo img {
        width: 180px;
        top: 0;
    }

    .hero-content {
        padding: 100px 20px 60px;
    }
}

/* ==================================================
   NEW SITE HEADER
   ================================================== */

.site-header {
    position: relative !important;

    width: 100% !important;
    height: 110px !important;

    background: #05090d !important;

    border-bottom: 1px solid rgba(255, 255, 255, 0.08);

    overflow: visible !important;

    z-index: 1000;
}


/* --------------------------
   LARGE FLOATING LOGO
-------------------------- */

.site-header .site-logo {
    position: absolute !important;

    top: 20px !important;
    left: 60px !important;

    width: 400px !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    z-index: 50;
}


.site-header .site-logo img {
    position: static !important;

    display: block !important;

    width: 400px !important;
    height: auto !important;

    max-width: none !important;

    margin: 0 !important;

    filter:
        drop-shadow(0 12px 28px rgba(0, 0, 0, 0.8))
        drop-shadow(0 0 20px rgba(22, 140, 255, 0.22));
}


/* --------------------------
   NAVIGATION AREA
-------------------------- */

.site-header .header-content {
    width: 100%;
    height: 110px;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 28px !important;

    margin: 0 !important;

    /*
     * Leaves room for the floating logo.
     */
    padding: 0 30px 0 285px !important;
}


/* --------------------------
   NAVIGATION LINKS
-------------------------- */

.site-header .main-navigation {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 30px !important;

    width: auto !important;

    margin: 0 !important;
    padding: 0 !important;
}


.site-header .main-navigation a {
    display: inline-flex !important;

    align-items: center;

    color: #f1f5f9 !important;

    font-size: 30px !important;
    font-weight: 650 !important;
    letter-spacing: 0.2px;

    line-height: 1 !important;

    text-decoration: none !important;

    white-space: nowrap;

    padding: 15px 0 !important;
}


.site-header .main-navigation a:hover {
    color: #58b2ff !important;
}


/* --------------------------
   SEARCH + RANDOM
-------------------------- */

.site-header .header-actions {
    display: flex !important;

    align-items: center !important;
    justify-content: flex-start !important;

    gap: 12px !important;

    width: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    flex-shrink: 0;
}


.site-header .header-search-button {
    width: 52px !important;
    height: 52px !important;
    flex: 0 0 52px;

    display: inline-flex !important;
    align-items: center;
    justify-content: center;

    padding: 0 !important;

    background: rgba(255, 255, 255, 0.04) !important;

    border: 1px solid rgba(88, 178, 255, 0.35) !important;
    border-radius: 50%;

    color: #58b2ff !important;
    font-size: 20px !important;

    cursor: pointer;

    transition: all 0.2s ease;
}

.site-header .header-search-button:hover {
    background: rgba(88, 178, 255, 0.12) !important;
    border-color: #58b2ff !important;
    transform: translateY(-2px);
}


.site-header .random-sighting-button {
    height: 52px !important;

    display: inline-flex !important;
    align-items: center;
    justify-content: center;

    padding: 0 24px !important;

    background: #168cff !important;

    border: 1px solid #168cff !important;
    border-radius: 7px;

    color: #ffffff !important;

    font-size: 24px !important;
    font-weight: 700 !important;

    line-height: 1 !important;
    text-decoration: none !important;
    white-space: nowrap;

    box-shadow: 0 0 18px rgba(22, 140, 255, 0.18);

    transition: all 0.2s ease;
}

.site-header .random-sighting-button:hover {
    background: #2998ff !important;
    border-color: #58b2ff !important;

    transform: translateY(-2px);

    box-shadow: 0 0 24px rgba(22, 140, 255, 0.35);
}

/* =========================================
   HOMEPAGE STATS ALIGNMENT FIX
========================================= */

.homepage-stats {
    width: 100%;
    max-width: 100%;
    
    background: #05090d;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);

    overflow: hidden;
}

.stats-inner {
    width: 100%;
    max-width: none;

    margin: 0;
    padding: 28px 32px;

    box-sizing: border-box;

    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.stat-card {
    min-width: 0;
    min-height: 110px;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    text-align: center;
}
/* Compact Recent Sightings cards */

.recent-sighting-card {
    min-width: 0;
    min-height: 185px;
    padding: 16px;
}

.recent-card-top {
    gap: 8px;
}

.recent-case-number {
    font-size: 12px;
}

.recent-shape {
    font-size: 11px;
    padding: 5px 8px;
}

.recent-card-content {
    margin-top: 14px;
}

.recent-date {
    font-size: 13px;
    margin-bottom: 7px;
}

.recent-card-content h3 {
    font-size: 17px;
    line-height: 1.25;
    margin-bottom: 8px;
}

.recent-evidence {
    font-size: 12px;
}

.recent-view-case {
    font-size: 13px;
    margin-top: 14px;
}
/* Larger text inside Recent Sightings cards */

.recent-case-number {
    font-size: 16px !important;
    font-weight: 700;
}

.recent-shape {
    font-size: 15px !important;
    font-weight: 600;
    padding: 6px 10px;
}

.recent-date {
    font-size: 17px !important;
}

.recent-card-content h3 {
    font-size: 23px !important;
    line-height: 1.25;
}

.recent-evidence {
    font-size: 16px !important;
}

.recent-view-case {
    font-size: 17px !important;
    font-weight: 700;
}

/* Extra spacing around header action buttons */

/* Bigger gap between Contact and Search */
.site-header .header-actions {
    margin-left: 20px !important;
}

/* Bigger gap between Search and Random Sighting */
.site-header .header-actions {
    gap: 35px !important;
}
/* =========================================
   HEADER DATABASE SEARCH
========================================= */

.header-search-panel {
    position: absolute;
    top: 100%;
    left: 0;

    width: 100%;

    padding: 0 5vw;

    background: rgba(5, 9, 13, 0.98);

    border-top: 1px solid rgba(255,255,255,0.05);
    border-bottom: 1px solid rgba(88,178,255,0.25);

    box-shadow: 0 18px 35px rgba(0,0,0,0.55);

    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);

    transition:
        opacity 0.2s ease,
        transform 0.2s ease,
        visibility 0.2s ease;

    z-index: 900;
}

.header-search-panel.is-open {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.header-search-form {
    width: 100%;
    max-width: 1100px;

    margin: 0 auto;
    padding: 24px 0;

    display: flex;
    align-items: center;
    gap: 16px;
}

.header-search-icon {
    font-size: 24px;
    flex-shrink: 0;
}

.header-search-form input {
    flex: 1;

    height: 54px;

    padding: 0 18px;

    background: #0d141c;

    border: 1px solid rgba(255,255,255,0.12);
    border-radius: 7px;

    color: #ffffff;

    font-size: 18px;

    outline: none;
}

.header-search-form input::placeholder {
    color: #7f8b99;
}

.header-search-form input:focus {
    border-color: #168cff;

    box-shadow: 0 0 0 3px rgba(22,140,255,0.12);
}

.header-search-form button {
    height: 54px;

    padding: 0 25px;

    background: #168cff;

    border: none;
    border-radius: 7px;

    color: #ffffff;

    font-size: 16px;
    font-weight: 700;

    cursor: pointer;

    white-space: nowrap;
}

.header-search-form button:hover {
    background: #2998ff;
}

/* =========================================
   HEADER DATABASE SEARCH PANEL
========================================= */

.header-search-panel {
    position: absolute;
    top: 100%;
    left: 0;

    width: 100%;

    padding: 0 5vw;

    background: rgba(5, 9, 13, 0.98);

    border-top: 1px solid rgba(255,255,255,0.05);
    border-bottom: 1px solid rgba(88,178,255,0.25);

    box-shadow: 0 18px 35px rgba(0,0,0,0.55);

    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);

    transition:
        opacity 0.2s ease,
        transform 0.2s ease,
        visibility 0.2s ease;

    z-index: 900;
}

.header-search-panel.is-open {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.header-search-form {
    width: 100%;
    max-width: 1100px;

    margin: 0 auto;
    padding: 24px 0;

    display: flex;
    align-items: center;
    gap: 16px;
}

.header-search-icon {
    font-size: 24px;
    flex-shrink: 0;
}

.header-search-form input {
    flex: 1;

    height: 54px;

    padding: 0 18px;

    background: #0d141c;

    border: 1px solid rgba(255,255,255,0.12);
    border-radius: 7px;

    color: #ffffff;

    font-size: 18px;

    outline: none;
}

.header-search-form input::placeholder {
    color: #7f8b99;
}

.header-search-form input:focus {
    border-color: #168cff;

    box-shadow: 0 0 0 3px rgba(22,140,255,0.12);
}

.header-search-form button {
    height: 54px;

    padding: 0 25px;

    background: #168cff;

    border: none;
    border-radius: 7px;

    color: #ffffff;

    font-size: 16px;
    font-weight: 700;

    cursor: pointer;

    white-space: nowrap;
}

.header-search-form button:hover {
    background: #2998ff;
}

background:
    radial-gradient(
        circle at 70% 40%,
        rgba(0, 160, 255, 0.18),
        transparent 35%
    ),
    linear-gradient(
        90deg,
        rgba(3, 8, 13, 0.98) 0%,
        rgba(3, 8, 13, 0.88) 30%,
        rgba(3, 8, 13, 0.45) 58%,
        rgba(3, 8, 13, 0.08) 100%
    ),
    url('/wp-content/themes/ufo-identified-theme/images/hero-ufo.jpg.png');

background-size: cover;
background-repeat: no-repeat;
background-position: center;

/* =========================================
   HEADER OVER HERO
========================================= */

.site-header {
    position: absolute !important;
    top: 0;
    left: 0;

    width: 100% !important;

    background: linear-gradient(
        to bottom,
        rgba(3, 8, 13, 0.85) 0%,
        rgba(3, 8, 13, 0.45) 65%,
        rgba(3, 8, 13, 0) 100%
    ) !important;

    border-bottom: none !important;

    z-index: 1000;
}
/* Pull hero underneath the transparent header */

.hero-section {
    margin-top: -110px;
    padding-top: 110px;
}
.site-header {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100% !important;

    background: linear-gradient(
        to bottom,
        rgba(3, 8, 13, 0.85) 0%,
        rgba(3, 8, 13, 0.45) 65%,
        rgba(3, 8, 13, 0) 100%
    ) !important;

    border-bottom: none !important;

    z-index: 1000;
}
.site-header {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100% !important;

    background: linear-gradient(
        to bottom,
        rgba(3, 8, 13, 0.85) 0%,
        rgba(3, 8, 13, 0.45) 65%,
        rgba(3, 8, 13, 0) 100%
    ) !important;

    border-bottom: none !important;

    z-index: 1000;
}

.hero-section {
    margin-top: -110px;
    padding-top: 110px;
}

.hero-content {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 70px 5vw;
}
/* Hero text position */

.hero-content {
    padding-left: 24vw !important;
}
/* Move header logo down slightly */
.site-header .site-logo {
    top: 60px !important;
    left: 80px !important;
}
/* Larger hero buttons */

.hero-button {
    min-height: 64px !important;
    padding: 0 34px !important;

    font-size: 20px !important;
    font-weight: 700 !important;

    border-radius: 8px !important;
}

.hero-buttons {
    gap: 20px !important;
}
/* =========================================
   HOMEPAGE IMAGE STAT CARDS
========================================= */

.stats-inner {
    gap: 16px;
}


/* Base card */

.stats-inner .stat-card {
    position: relative;

    min-height: 230px;

    padding: 0;

    display: flex;
    align-items: flex-end;
    justify-content: center;

    overflow: hidden;

    border: 1px solid rgba(22, 140, 255, 0.30);
    border-radius: 10px;

    background-size: cover;
    background-position: center;

    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.30);
}


/* Individual background images */

.stat-reports {
    background-image:
        linear-gradient(
            to bottom,
            rgba(3, 8, 13, 0.10) 0%,
            rgba(3, 8, 13, 0.35) 40%,
            rgba(3, 8, 13, 0.96) 100%
        ),
        url('/wp-content/themes/ufo-identified-theme/images/stats-reports.png');
}

.stat-years {
    background-image:
        linear-gradient(
            to bottom,
            rgba(3, 8, 13, 0.10) 0%,
            rgba(3, 8, 13, 0.35) 40%,
            rgba(3, 8, 13, 0.96) 100%
        ),
        url('/wp-content/themes/ufo-identified-theme/images/stats-years.png');
}

.stat-locations {
    background-image:
        linear-gradient(
            to bottom,
            rgba(3, 8, 13, 0.10) 0%,
            rgba(3, 8, 13, 0.35) 40%,
            rgba(3, 8, 13, 0.96) 100%
        ),
        url('/wp-content/themes/ufo-identified-theme/images/stats-locations.png');
}

.stat-shapes {
    background-image:
        linear-gradient(
            to bottom,
            rgba(3, 8, 13, 0.10) 0%,
            rgba(3, 8, 13, 0.35) 40%,
            rgba(3, 8, 13, 0.96) 100%
        ),
        url('/wp-content/themes/ufo-identified-theme/images/stats-shapes.png');
}


/* Live statistic text */

.stat-content {
    position: relative;
    z-index: 2;

    width: 100%;

    padding: 25px 18px;

    text-align: center;
}


.stat-number {
    color: #ffffff;

    font-size: clamp(34px, 3vw, 50px);
    font-weight: 800;

    line-height: 1;

    text-shadow:
        0 0 12px rgba(22, 140, 255, 0.8),
        0 3px 10px rgba(0, 0, 0, 0.9);
}


.stat-label {
    margin-top: 10px;

    color: #c9e6ff;

    font-size: 15px;
    font-weight: 700;

    text-transform: uppercase;
    letter-spacing: 1.5px;

    text-shadow: 0 2px 8px rgba(0, 0, 0, 1);
}


/* Small hover effect */

.stats-inner .stat-card {
    transition:
        transform 0.25s ease,
        border-color 0.25s ease,
        box-shadow 0.25s ease;
}

.stats-inner .stat-card:hover {
    transform: translateY(-4px);

    border-color: rgba(22, 140, 255, 0.65);

    box-shadow:
        0 14px 35px rgba(0, 0, 0, 0.40),
        0 0 20px rgba(22, 140, 255, 0.10);
}
/* =========================================
   POLISHED RECENT SIGHTINGS CARDS
========================================= */

.recent-sightings-grid {
    gap: 16px !important;
}

.recent-sighting-card {
    position: relative;

    min-height: 235px;
    padding: 18px;

    display: flex;
    flex-direction: column;

    overflow: hidden;

    background:
        linear-gradient(
            180deg,
            rgba(13, 20, 28, 0.96) 0%,
            rgba(7, 12, 18, 0.98) 100%
        );

    border: 1px solid rgba(22, 140, 255, 0.28);
    border-radius: 10px;

    box-shadow:
        0 10px 28px rgba(0, 0, 0, 0.32),
        inset 0 1px 0 rgba(255, 255, 255, 0.025);

    transition:
        transform 0.25s ease,
        border-color 0.25s ease,
        box-shadow 0.25s ease;
}

.recent-sighting-card::before {
    content: "";

    position: absolute;
    inset: 0;

    background:
        radial-gradient(
            circle at 80% 15%,
            rgba(22, 140, 255, 0.12),
            transparent 35%
        );

    pointer-events: none;
}

.recent-sighting-card:hover {
    transform: translateY(-4px);

    border-color: rgba(22, 140, 255, 0.62);

    box-shadow:
        0 14px 34px rgba(0, 0, 0, 0.42),
        0 0 20px rgba(22, 140, 255, 0.10);
}


/* Top line */

.recent-card-top {
    position: relative;
    z-index: 2;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 10px;
}

.recent-case-number {
    color: #9fd2ff !important;

    font-size: 16px !important;
    font-weight: 800 !important;

    letter-spacing: 0.4px;
}

.recent-shape {
    padding: 6px 10px !important;

    background: rgba(22, 140, 255, 0.10);

    border: 1px solid rgba(88, 178, 255, 0.34);
    border-radius: 999px;

    color: #d9efff !important;

    font-size: 14px !important;
    font-weight: 700 !important;
}


/* Main content */

.recent-card-content {
    position: relative;
    z-index: 2;

    margin-top: 18px;

    flex: 1;
}

.recent-date {
    margin-bottom: 8px !important;

    color: #9aa9b7 !important;

    font-size: 16px !important;
    font-weight: 600;
}

.recent-card-content h3 {
    margin: 0 0 12px !important;

    color: #ffffff !important;

    font-size: 22px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
}

.recent-evidence {
    margin: 0 !important;

    color: #aebbc7 !important;

    font-size: 15px !important;
}

.recent-evidence strong {
    color: #d8e8f5;
}


/* View Case link */

.recent-view-case {
    position: relative;
    z-index: 2;

    margin-top: 18px !important;

    min-height: 42px;

    display: inline-flex !important;
    align-items: center;
    justify-content: center;

    padding: 0 14px !important;

    background: rgba(22, 140, 255, 0.10);

    border: 1px solid rgba(22, 140, 255, 0.28);
    border-radius: 7px;

    color: #58b2ff !important;

    font-size: 15px !important;
    font-weight: 800 !important;

    text-decoration: none !important;

    transition:
        background 0.2s ease,
        border-color 0.2s ease,
        color 0.2s ease;
}

.recent-view-case:hover {
    background: #168cff;

    border-color: #168cff;

    color: #ffffff !important;
}
/* =========================================
   RECENT SIGHTINGS META ICONS
========================================= */

.recent-meta-row,
.recent-location {
    display: flex;
    align-items: center;
    gap: 8px;
}

.recent-meta-icon {
    width: 19px;
    height: 19px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    flex: 0 0 19px;

    color: #58b2ff;
}

.recent-meta-icon svg {
    width: 100%;
    height: 100%;
    display: block;
}

.recent-location {
    color: #ffffff !important;
}

.recent-location .recent-meta-icon {
    color: #168cff;
}

.recent-date .recent-meta-icon {
    color: #7fc5ff;
}

.recent-evidence .recent-meta-icon {
    color: #7fc5ff;
}
/* =========================================
   POLISHED EXPLORE DATABASE CARDS
========================================= */

.explore-database-grid {
    gap: 18px !important;
}

.explore-card {
    position: relative;

    min-height: 250px;

    padding: 28px;

    display: flex;
    flex-direction: column;

    overflow: hidden;

    background:
        linear-gradient(
            180deg,
            rgba(13, 20, 28, 0.96) 0%,
            rgba(7, 12, 18, 0.98) 100%
        );

    border: 1px solid rgba(22, 140, 255, 0.28);
    border-radius: 12px;

    box-shadow:
        0 12px 32px rgba(0, 0, 0, 0.32),
        inset 0 1px 0 rgba(255, 255, 255, 0.025);

    text-decoration: none !important;

    transition:
        transform 0.25s ease,
        border-color 0.25s ease,
        box-shadow 0.25s ease;
}

.explore-card::before {
    content: "";

    position: absolute;
    inset: 0;

    background:
        radial-gradient(
            circle at 80% 15%,
            rgba(22, 140, 255, 0.16),
            transparent 38%
        );

    pointer-events: none;
}

.explore-card:hover {
    transform: translateY(-5px);

    border-color: rgba(22, 140, 255, 0.65);

    box-shadow:
        0 16px 38px rgba(0, 0, 0, 0.42),
        0 0 24px rgba(22, 140, 255, 0.12);
}


/* Icon area */

.explore-card-icon {
    position: relative;
    z-index: 2;

    width: 64px;
    height: 64px;

    display: flex;
    align-items: center;
    justify-content: center;

    margin-bottom: 22px;

    border-radius: 14px;

    background: rgba(22, 140, 255, 0.10);

    border: 1px solid rgba(88, 178, 255, 0.30);

    color: #58b2ff;

    font-size: 30px;
}


/* Text */

.explore-card h3 {
    position: relative;
    z-index: 2;

    margin: 0 0 12px;

    color: #ffffff;

    font-size: 26px;
    font-weight: 800;
}

.explore-card p {
    position: relative;
    z-index: 2;

    margin: 0;

    color: #aebbc7;

    font-size: 17px;
    line-height: 1.6;
}


/* CTA line */

.explore-card-link {
    position: relative;
    z-index: 2;

    margin-top: auto;
    padding-top: 22px;

    color: #58b2ff;

    font-size: 16px;
    font-weight: 800;
}
/* =========================================
   EXPLORE DATABASE SVG ICONS
========================================= */

.explore-card-icon svg {
    width: 34px;
    height: 34px;

    display: block;

    color: #58b2ff;

    filter: drop-shadow(
        0 0 6px rgba(22, 140, 255, 0.35)
    );
}

.explore-card:hover .explore-card-icon {
    background: rgba(22, 140, 255, 0.16);

    border-color: rgba(88, 178, 255, 0.60);

    box-shadow:
        0 0 20px rgba(22, 140, 255, 0.12);
}

.explore-card:hover .explore-card-icon svg {
    color: #8dceff;
}

/* =========================================================
   UFO SIGHTING ARCHIVE - REDESIGN
========================================================= */

.archive-redesign {
    background: #05090d;
    color: #ffffff;
    min-height: 100vh;
}


/* =========================================================
   ARCHIVE HERO
========================================================= */

.archive-hero {
    position: relative;

    padding:
        165px 5vw
        55px;

    overflow: hidden;

    background:
        radial-gradient(
            circle at 50% 0%,
            rgba(22, 140, 255, 0.14),
            transparent 38%
        ),
        linear-gradient(
            180deg,
            #071019 0%,
            #05090d 100%
        );

    border-bottom:
        1px solid rgba(255, 255, 255, 0.06);
}


.archive-hero::before {
    content: "";

    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            90deg,
            rgba(88, 178, 255, 0.025) 1px,
            transparent 1px
        ),
        linear-gradient(
            rgba(88, 178, 255, 0.025) 1px,
            transparent 1px
        );

    background-size: 48px 48px;

    mask-image:
        linear-gradient(
            to bottom,
            rgba(0, 0, 0, 0.6),
            transparent
        );

    pointer-events: none;
}


.archive-hero-inner {
    position: relative;
    z-index: 2;

    width: 100%;
    max-width: 1300px;

    margin: 0 auto;
}


.archive-kicker,
.archive-section-kicker {
    color: #58b2ff;

    font-size: 13px;
    font-weight: 800;

    letter-spacing: 3px;
    text-transform: uppercase;
}


.archive-hero h1 {
    margin:
        8px 0
        12px;

    color: #ffffff;

    font-size:
        clamp(
            42px,
            5vw,
            68px
        );

    line-height: 1;

    font-weight: 850;

    letter-spacing: -1.5px;
}


.archive-intro {
    max-width: 760px;

    margin:
        0 0
        32px;

    color: #aebbc7;

    font-size: 18px;
    line-height: 1.65;
}


/* =========================================================
   DATABASE SEARCH PANEL
========================================================= */

.archive-search-panel {
    padding: 20px;

    background:
        rgba(
            11,
            18,
            26,
            0.92
        );

    border:
        1px solid
        rgba(
            88,
            178,
            255,
            0.22
        );

    border-radius: 12px;

    box-shadow:
        0 18px 40px
        rgba(0, 0, 0, 0.32);
}


.archive-main-search {
    position: relative;

    display: flex;
    align-items: center;
}


.archive-search-icon {
    position: absolute;
    left: 18px;

    width: 22px;
    height: 22px;

    color: #58b2ff;

    pointer-events: none;
}


.archive-search-icon svg {
    width: 100%;
    height: 100%;
}


.archive-main-search input {
    width: 100%;
    height: 62px;

    padding:
        0 20px
        0 54px;

    background: #080e14;

    border:
        1px solid
        rgba(
            255,
            255,
            255,
            0.10
        );

    border-radius: 8px;

    outline: none;

    color: #ffffff;

    font-size: 18px;

    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease;
}


.archive-main-search input::placeholder {
    color: #6f7d89;
}


.archive-main-search input:focus {
    border-color: #168cff;

    box-shadow:
        0 0 0 3px
        rgba(
            22,
            140,
            255,
            0.10
        );
}


/* Filters */

.archive-filter-grid {
    margin-top: 14px;

    display: grid;

    grid-template-columns:
        repeat(4, minmax(0, 1fr))
        auto
        auto;

    gap: 10px;
}


.archive-filter-grid select {
    min-width: 0;
    height: 50px;

    padding:
        0 40px
        0 14px;

    background: #0d141c;

    border:
        1px solid
        rgba(
            255,
            255,
            255,
            0.10
        );

    border-radius: 7px;

    color: #dbe8f2;

    font-size: 15px;

    outline: none;
}


.archive-filter-grid select:focus {
    border-color: #168cff;
}


.archive-search-submit,
.archive-clear-button {
    min-height: 50px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 0 22px;

    border-radius: 7px;

    font-size: 15px;
    font-weight: 800;

    text-decoration: none;

    white-space: nowrap;

    cursor: pointer;
}


.archive-search-submit {
    background: #168cff;

    border:
        1px solid
        #168cff;

    color: #ffffff;

    box-shadow:
        0 0 18px
        rgba(
            22,
            140,
            255,
            0.14
        );
}


.archive-search-submit:hover {
    background: #2998ff;
}


.archive-clear-button {
    background:
        rgba(
            255,
            255,
            255,
            0.035
        );

    border:
        1px solid
        rgba(
            255,
            255,
            255,
            0.10
        );

    color: #9eaab5;
}


.archive-clear-button:hover {
    border-color:
        rgba(
            88,
            178,
            255,
            0.38
        );

    color: #ffffff;
}


/* =========================================================
   STATS BAR
========================================================= */

.archive-stats {
    width: 100%;

    border-bottom:
        1px solid
        rgba(
            255,
            255,
            255,
            0.06
        );

    background: #05090d;
}


.archive-stats-inner {
    width: 100%;
    max-width: 1300px;

    margin: 0 auto;

    display: grid;

    grid-template-columns:
        repeat(
            4,
            minmax(0, 1fr)
        );
}


.archive-stat {
    position: relative;

    min-height: 125px;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    text-align: center;
}


.archive-stat:not(:last-child)::after {
    content: "";

    position: absolute;

    right: 0;
    top: 28%;

    width: 1px;
    height: 44%;

    background:
        rgba(
            255,
            255,
            255,
            0.08
        );
}


.archive-stat strong {
    color: #ffffff;

    font-size: 34px;
    font-weight: 850;

    line-height: 1;

    text-shadow:
        0 0 15px
        rgba(
            22,
            140,
            255,
            0.35
        );
}


.archive-stat span {
    margin-top: 9px;

    color: #778592;

    font-size: 12px;
    font-weight: 800;

    letter-spacing: 1.4px;

    text-transform: uppercase;
}


/* =========================================================
   RESULTS AREA
========================================================= */

.archive-results {
    padding:
        58px 5vw
        80px;
}


.archive-results-inner {
    width: 100%;
    max-width: 1300px;

    margin: 0 auto;
}


.archive-results-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;

    gap: 20px;

    margin-bottom: 20px;
}


.archive-results-header h2 {
    margin:
        5px 0
        0;

    color: #ffffff;

    font-size: 34px;
    font-weight: 850;
}


.archive-result-count {
    padding:
        9px 14px;

    background:
        rgba(
            22,
            140,
            255,
            0.08
        );

    border:
        1px solid
        rgba(
            88,
            178,
            255,
            0.20
        );

    border-radius: 999px;

    color: #9fd2ff;

    font-size: 14px;
    font-weight: 700;
}


/* =========================================================
   ACTIVE FILTER PILLS
========================================================= */

.archive-active-filters {
    display: flex;
    flex-wrap: wrap;

    gap: 8px;

    margin-bottom: 20px;
}


.archive-filter-pill {
    display: inline-flex;
    align-items: center;

    min-height: 34px;

    padding:
        0 12px;

    background:
        rgba(
            22,
            140,
            255,
            0.09
        );

    border:
        1px solid
        rgba(
            88,
            178,
            255,
            0.22
        );

    border-radius: 999px;

    color: #b9ddfb;

    font-size: 13px;
    font-weight: 700;
}


/* =========================================================
   RANDOM CASE
========================================================= */

.archive-random-row {
    margin-bottom: 26px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 16px;

    padding:
        13px 16px;

    background:
        rgba(
            255,
            255,
            255,
            0.025
        );

    border:
        1px solid
        rgba(
            255,
            255,
            255,
            0.06
        );

    border-radius: 8px;

    color: #7e8b96;

    font-size: 14px;
}


.archive-random-button {
    display: inline-flex;
    align-items: center;

    gap: 8px;

    color: #58b2ff;

    font-weight: 800;

    text-decoration: none;
}


.archive-random-button svg {
    width: 18px;
    height: 18px;
}


.archive-random-button:hover {
    color: #8dceff;
}


/* =========================================================
   CASE GRID
========================================================= */

.archive-case-grid {
    display: grid;

    grid-template-columns:
        repeat(
            3,
            minmax(0, 1fr)
        );

    gap: 18px;
}


/* =========================================================
   CASE CARD
========================================================= */

.archive-case-card {
    position: relative;

    min-width: 0;
    min-height: 330px;

    padding: 22px;

    display: flex;
    flex-direction: column;

    overflow: hidden;

    background:
        linear-gradient(
            180deg,
            rgba(
                13,
                20,
                28,
                0.97
            )
            0%,
            rgba(
                7,
                12,
                18,
                0.99
            )
            100%
        );

    border:
        1px solid
        rgba(
            22,
            140,
            255,
            0.25
        );

    border-radius: 11px;

    box-shadow:
        0 12px 30px
        rgba(
            0,
            0,
            0,
            0.30
        );

    transition:
        transform 0.25s ease,
        border-color 0.25s ease,
        box-shadow 0.25s ease;
}


.archive-case-card::before {
    content: "";

    position: absolute;
    inset: 0;

    background:
        radial-gradient(
            circle at 85% 12%,
            rgba(
                22,
                140,
                255,
                0.13
            ),
            transparent 33%
        );

    pointer-events: none;
}


.archive-case-card:hover {
    transform:
        translateY(-4px);

    border-color:
        rgba(
            88,
            178,
            255,
            0.58
        );

    box-shadow:
        0 16px 38px
        rgba(
            0,
            0,
            0,
            0.40
        ),
        0 0 20px
        rgba(
            22,
            140,
            255,
            0.09
        );
}


/* Heading */

.archive-case-heading {
    position: relative;
    z-index: 2;

    display: flex;
    align-items: flex-start;
    justify-content: space-between;

    gap: 12px;
}


.archive-case-label {
    display: block;

    margin-bottom: 5px;

    color: #667582;

    font-size: 10px;
    font-weight: 800;

    letter-spacing: 1.8px;

    text-transform: uppercase;
}


.archive-case-number {
    color: #ffffff;

    font-size: 19px;
    font-weight: 850;

    line-height: 1.2;
}


.archive-shape-pill {
    flex-shrink: 0;

    max-width: 135px;

    padding:
        6px 10px;

    overflow: hidden;

    background:
        rgba(
            22,
            140,
            255,
            0.09
        );

    border:
        1px solid
        rgba(
            88,
            178,
            255,
            0.28
        );

    border-radius: 999px;

    color: #bfe3ff;

    font-size: 12px;
    font-weight: 800;

    white-space: nowrap;
    text-overflow: ellipsis;
}


.archive-case-divider {
    position: relative;
    z-index: 2;

    height: 1px;

    margin:
        19px 0;

    background:
        linear-gradient(
            90deg,
            rgba(
                88,
                178,
                255,
                0.22
            ),
            rgba(
                255,
                255,
                255,
                0.035
            )
        );
}


/* Metadata */

.archive-case-meta {
    position: relative;
    z-index: 2;

    display: flex;
    flex-direction: column;

    gap: 15px;
}


.archive-meta-row {
    display: flex;
    align-items: center;

    gap: 11px;
}


.archive-meta-icon {
    width: 34px;
    height: 34px;

    flex:
        0 0
        34px;

    display: flex;
    align-items: center;
    justify-content: center;

    background:
        rgba(
            22,
            140,
            255,
            0.07
        );

    border:
        1px solid
        rgba(
            88,
            178,
            255,
            0.15
        );

    border-radius: 7px;

    color: #58b2ff;
}


.archive-meta-icon svg {
    width: 18px;
    height: 18px;
}


.archive-meta-row > div {
    min-width: 0;

    display: flex;
    flex-direction: column;
}


.archive-meta-label {
    margin-bottom: 2px;

    color: #687681;

    font-size: 10px;
    font-weight: 800;

    letter-spacing: 1px;

    text-transform: uppercase;
}


.archive-meta-row strong {
    overflow: hidden;

    color: #dce8f1;

    font-size: 14px;
    font-weight: 700;

    white-space: nowrap;
    text-overflow: ellipsis;
}


/* View Case Button */

.archive-view-case {
    position: relative;
    z-index: 2;

    min-height: 45px;

    margin-top: auto;
    padding:
        0 15px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    background:
        rgba(
            22,
            140,
            255,
            0.08
        );

    border:
        1px solid
        rgba(
            88,
            178,
            255,
            0.20
        );

    border-radius: 7px;

    color: #58b2ff;

    font-size: 14px;
    font-weight: 800;

    text-decoration: none;

    transition:
        background 0.2s ease,
        border-color 0.2s ease,
        color 0.2s ease;
}


.archive-view-case:hover {
    background: #168cff;

    border-color: #168cff;

    color: #ffffff;
}


/* =========================================================
   NO RESULTS
========================================================= */

.archive-no-results {
    padding:
        55px 30px;

    text-align: center;

    background:
        rgba(
            255,
            255,
            255,
            0.025
        );

    border:
        1px solid
        rgba(
            255,
            255,
            255,
            0.07
        );

    border-radius: 10px;
}


.archive-no-results h3 {
    margin:
        0 0
        8px;

    color: #ffffff;

    font-size: 25px;
}


.archive-no-results p {
    margin:
        0 0
        20px;

    color: #8795a1;
}


.archive-no-results a {
    display: inline-flex;

    min-height: 44px;

    align-items: center;

    padding:
        0 18px;

    background: #168cff;

    border-radius: 7px;

    color: #ffffff;

    font-weight: 800;

    text-decoration: none;
}


/* =========================================================
   PAGINATION
========================================================= */

.archive-pagination {
    margin-top: 42px;

    display: flex;
    align-items: center;
    justify-content: center;

    flex-wrap: wrap;

    gap: 7px;
}


.archive-pagination .page-numbers {
    min-width: 42px;
    height: 42px;

    padding:
        0 12px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    background:
        rgba(
            255,
            255,
            255,
            0.03
        );

    border:
        1px solid
        rgba(
            255,
            255,
            255,
            0.08
        );

    border-radius: 7px;

    color: #9baab6;

    font-size: 14px;
    font-weight: 700;

    text-decoration: none;
}


.archive-pagination .page-numbers:hover {
    border-color:
        rgba(
            88,
            178,
            255,
            0.40
        );

    color: #ffffff;
}


.archive-pagination .page-numbers.current {
    background: #168cff;

    border-color: #168cff;

    color: #ffffff;
}


/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 1100px) {

    .archive-filter-grid {
        grid-template-columns:
            repeat(
                2,
                minmax(0, 1fr)
            );
    }

    .archive-search-submit,
    .archive-clear-button {
        width: 100%;
    }


    .archive-case-grid {
        grid-template-columns:
            repeat(
                2,
                minmax(0, 1fr)
            );
    }
}


@media (max-width: 700px) {

    .archive-hero {
        padding:
            145px 20px
            40px;
    }


    .archive-results {
        padding:
            42px 20px
            65px;
    }


    .archive-search-panel {
        padding: 14px;
    }


    .archive-filter-grid {
        grid-template-columns: 1fr;
    }


    .archive-stats-inner {
        grid-template-columns:
            repeat(
                2,
                minmax(0, 1fr)
            );
    }


    .archive-stat:nth-child(2)::after {
        display: none;
    }


    .archive-stat {
        min-height: 105px;
    }


    .archive-results-header {
        align-items: flex-start;
        flex-direction: column;
    }


    .archive-random-row {
        align-items: flex-start;
        flex-direction: column;
    }


    .archive-case-grid {
        grid-template-columns: 1fr;
    }


    .archive-case-card {
        min-height: 315px;
    }
}
/* =========================================================
   ARCHIVE - WIDER DESKTOP LAYOUT
========================================================= */

.archive-hero-inner,
.archive-results-inner {
    max-width: 1600px !important;
}

.archive-stats-inner {
    max-width: 1600px !important;
}


/* Give the main sections more horizontal room */

.archive-hero {
    padding-left: 3vw !important;
    padding-right: 3vw !important;
}

.archive-results {
    padding-left: 3vw !important;
    padding-right: 3vw !important;
}


/* Slightly widen the case grid feel */

.archive-case-grid {
    gap: 20px !important;
}


/* Let the search panel feel more substantial */

.archive-search-panel {
    width: 100%;
}


/* Wide screens */

@media (min-width: 1500px) {

    .archive-hero-inner,
    .archive-results-inner,
    .archive-stats-inner {
        max-width: 1750px !important;
    }

}
/* =========================================================
   ARCHIVE FULL WIDTH FIX
   Break out of old archive/container CSS
========================================================= */

body.post-type-archive-sightings .database-page.archive-redesign {
    width: 100vw !important;
    max-width: none !important;

    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;

    padding-left: 0 !important;
    padding-right: 0 !important;
}


/* HERO */

body.post-type-archive-sightings .archive-hero {
    width: 100% !important;
    max-width: none !important;

    padding-left: 4vw !important;
    padding-right: 4vw !important;
}

body.post-type-archive-sightings .archive-hero-inner {
    width: 100% !important;
    max-width: none !important;

    margin-left: 0 !important;
    margin-right: 0 !important;
}


/* SEARCH PANEL */

body.post-type-archive-sightings .archive-search-panel {
    width: 100% !important;
    max-width: none !important;

    box-sizing: border-box !important;
}


/* STATS */

body.post-type-archive-sightings .archive-stats {
    width: 100% !important;
    max-width: none !important;
}

body.post-type-archive-sightings .archive-stats-inner {
    width: 92% !important;
    max-width: none !important;

    margin-left: auto !important;
    margin-right: auto !important;
}


/* RESULTS */

body.post-type-archive-sightings .archive-results {
    width: 100% !important;
    max-width: none !important;

    padding-left: 4vw !important;
    padding-right: 4vw !important;

    box-sizing: border-box !important;
}

body.post-type-archive-sightings .archive-results-inner {
    width: 100% !important;
    max-width: none !important;

    margin-left: 0 !important;
    margin-right: 0 !important;
}


/* CASE GRID */

body.post-type-archive-sightings .archive-case-grid {
    width: 100% !important;
    max-width: none !important;

    grid-template-columns:
        repeat(3, minmax(0, 1fr)) !important;

    gap: 20px !important;
}


/* Cards must be allowed to fill their grid columns */

body.post-type-archive-sightings .archive-case-card {
    width: 100% !important;
    max-width: none !important;

    box-sizing: border-box !important;
}
/* =========================================================
   ARCHIVE SEARCH - CENTRED WIDTH
========================================================= */

body.post-type-archive-sightings .archive-hero-inner {
    width: 100% !important;
    max-width: 1450px !important;

    margin-left: auto !important;
    margin-right: auto !important;
}

body.post-type-archive-sightings .archive-search-panel {
    width: 100% !important;
    max-width: 1350px !important;

    margin-left: auto !important;
    margin-right: auto !important;
}


/* Centre the hero heading/text with the search */

body.post-type-archive-sightings .archive-kicker,
body.post-type-archive-sightings .archive-hero h1,
body.post-type-archive-sightings .archive-intro {
    margin-left: auto !important;
    margin-right: auto !important;

    text-align: center;
}

body.post-type-archive-sightings .archive-intro {
    max-width: 750px !important;
}
/* =========================================================
   ARCHIVE LUCKY DIP
========================================================= */

.archive-lucky-dip {
    width: 100%;
    max-width: 1350px;

    margin: 14px auto 0;

    display: flex;
    align-items: center;
    justify-content: center;

    gap: 14px;

    color: #74828e;

    font-size: 14px;
}

.archive-lucky-dip-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: 8px;

    min-height: 40px;

    padding: 0 15px;

    background: rgba(22, 140, 255, 0.07);

    border: 1px solid rgba(88, 178, 255, 0.20);
    border-radius: 7px;

    color: #58b2ff;

    font-size: 14px;
    font-weight: 800;

    text-decoration: none;

    transition:
        background 0.2s ease,
        border-color 0.2s ease,
        color 0.2s ease,
        transform 0.2s ease;
}

.archive-lucky-dip-button svg {
    width: 17px;
    height: 17px;
}

.archive-lucky-dip-button:hover {
    background: rgba(22, 140, 255, 0.14);

    border-color: rgba(88, 178, 255, 0.48);

    color: #8dceff;

    transform: translateY(-1px);
}


@media (max-width: 700px) {

    .archive-lucky-dip {
        flex-direction: column;
        gap: 9px;
    }

}

/* =========================================================
   ARCHIVE TYPOGRAPHY - LARGER / EASIER TO READ
========================================================= */


/* Main archive intro */

body.post-type-archive-sightings .archive-kicker {
    font-size: 15px !important;
}

body.post-type-archive-sightings .archive-hero h1 {
    font-size: clamp(48px, 5vw, 72px) !important;
}

body.post-type-archive-sightings .archive-intro {
    font-size: 20px !important;
    line-height: 1.65 !important;
}


/* Main search box */

body.post-type-archive-sightings .archive-main-search input {
    font-size: 20px !important;
}


/* Dropdown filters */

body.post-type-archive-sightings .archive-filter-grid select {
    font-size: 17px !important;
}


/* Search / Clear buttons */

body.post-type-archive-sightings .archive-search-submit,
body.post-type-archive-sightings .archive-clear-button {
    font-size: 17px !important;
}


/* Lucky Dip */

body.post-type-archive-sightings .archive-lucky-dip {
    font-size: 16px !important;
}

body.post-type-archive-sightings .archive-lucky-dip-button {
    font-size: 16px !important;
}


/* Stats */

body.post-type-archive-sightings .archive-stat strong {
    font-size: 40px !important;
}

body.post-type-archive-sightings .archive-stat span {
    font-size: 14px !important;
}


/* Case Files heading */

body.post-type-archive-sightings .archive-section-kicker {
    font-size: 14px !important;
}

body.post-type-archive-sightings .archive-results-header h2 {
    font-size: 40px !important;
}

body.post-type-archive-sightings .archive-result-count {
    font-size: 16px !important;
}


/* Active filter pills */

body.post-type-archive-sightings .archive-filter-pill {
    font-size: 15px !important;
}


/* =========================================
   CASE CARDS
========================================= */

body.post-type-archive-sightings .archive-case-label {
    font-size: 12px !important;
}

body.post-type-archive-sightings .archive-case-number {
    font-size: 22px !important;
}

body.post-type-archive-sightings .archive-shape-pill {
    font-size: 14px !important;
}


/* Date / Location / Evidence labels */

body.post-type-archive-sightings .archive-meta-label {
    font-size: 12px !important;
}


/* Actual Date / Location / Evidence */

body.post-type-archive-sightings .archive-meta-row strong {
    font-size: 17px !important;
}


/* Slightly bigger icons */

body.post-type-archive-sightings .archive-meta-icon {
    width: 38px !important;
    height: 38px !important;
    flex-basis: 38px !important;
}

body.post-type-archive-sightings .archive-meta-icon svg {
    width: 20px !important;
    height: 20px !important;
}


/* View Case button */

body.post-type-archive-sightings .archive-view-case {
    min-height: 50px !important;
    font-size: 16px !important;
}


/* Pagination */

body.post-type-archive-sightings .archive-pagination .page-numbers {
    min-width: 46px !important;
    height: 46px !important;

    font-size: 16px !important;
}
/* =========================================================
   ARCHIVE OBJECT SHAPE BADGE
========================================================= */

body.post-type-archive-sightings .archive-shape-badge {
    flex-shrink: 0;

    display: flex;
    align-items: center;

    gap: 11px;

    padding: 8px 13px 8px 8px;

    background:
        linear-gradient(
            135deg,
            rgba(22, 140, 255, 0.14),
            rgba(22, 140, 255, 0.05)
        );

    border: 1px solid rgba(88, 178, 255, 0.35);

    border-radius: 999px;

    box-shadow:
        0 0 18px rgba(22, 140, 255, 0.08);
}


/* Large circular visual */

body.post-type-archive-sightings .archive-shape-visual {
    width: 48px;
    height: 48px;

    flex: 0 0 48px;

    display: flex;
    align-items: center;
    justify-content: center;

    background:
        radial-gradient(
            circle,
            rgba(22, 140, 255, 0.22) 0%,
            rgba(22, 140, 255, 0.08) 65%,
            rgba(22, 140, 255, 0.03) 100%
        );

    border: 1px solid rgba(88, 178, 255, 0.45);

    border-radius: 50%;

    color: #70c0ff;

    box-shadow:
        inset 0 0 12px rgba(22, 140, 255, 0.10),
        0 0 14px rgba(22, 140, 255, 0.12);
}


body.post-type-archive-sightings .archive-shape-visual svg {
    width: 28px;
    height: 28px;

    filter:
        drop-shadow(
            0 0 5px rgba(22, 140, 255, 0.45)
        );
}


/* Shape wording */

body.post-type-archive-sightings .archive-shape-text {
    min-width: 0;

    display: flex;
    flex-direction: column;

    line-height: 1.1;
}


body.post-type-archive-sightings .archive-shape-text small {
    margin-bottom: 4px;

    color: #718493;

    font-size: 10px;
    font-weight: 800;

    letter-spacing: 1.3px;
}


body.post-type-archive-sightings .archive-shape-text strong {
    max-width: 120px;

    overflow: hidden;

    color: #d7efff;

    font-size: 15px;
    font-weight: 850;

    white-space: nowrap;
    text-overflow: ellipsis;

    text-transform: uppercase;
}


/* Hover makes the object badge come alive */

body.post-type-archive-sightings
.archive-case-card:hover
.archive-shape-visual {

    border-color: #58b2ff;

    background:
        radial-gradient(
            circle,
            rgba(22, 140, 255, 0.30),
            rgba(22, 140, 255, 0.08)
        );

    box-shadow:
        0 0 20px rgba(22, 140, 255, 0.22);
}
/* =========================================================
   DYNAMIC UFO SHAPE - ENHANCED
========================================================= */

body.post-type-archive-sightings .archive-shape-badge {
    min-width: 175px;

    padding: 9px 14px 9px 9px;

    gap: 12px;
}


body.post-type-archive-sightings .archive-shape-visual {
    width: 58px !important;
    height: 58px !important;

    flex: 0 0 58px !important;

    background:
        radial-gradient(
            circle,
            rgba(22, 140, 255, 0.28) 0%,
            rgba(22, 140, 255, 0.10) 55%,
            rgba(22, 140, 255, 0.03) 100%
        );

    border:
        1px solid
        rgba(88, 178, 255, 0.55);

    box-shadow:
        inset 0 0 14px
        rgba(22, 140, 255, 0.12),

        0 0 18px
        rgba(22, 140, 255, 0.12);
}


body.post-type-archive-sightings .archive-shape-visual svg {
    width: 34px !important;
    height: 34px !important;
}


body.post-type-archive-sightings .archive-shape-text small {
    font-size: 11px !important;
}


body.post-type-archive-sightings .archive-shape-text strong {
    max-width: 135px;

    font-size: 17px !important;

    letter-spacing: 0.3px;
}


/* Extra hover glow */

body.post-type-archive-sightings
.archive-case-card:hover
.archive-shape-badge {

    border-color:
        rgba(88, 178, 255, 0.65);

    box-shadow:
        0 0 22px
        rgba(22, 140, 255, 0.12);
}


body.post-type-archive-sightings
.archive-case-card:hover
.archive-shape-visual {

    color: #9bd6ff;

    transform: scale(1.04);
}


body.post-type-archive-sightings .archive-shape-visual {
    transition:
        transform 0.2s ease,
        color 0.2s ease,
        border-color 0.2s ease,
        box-shadow 0.2s ease;
}
/* =========================================================
   ARCHIVE CASE BUTTON SPACING
========================================================= */

body.post-type-archive-sightings .archive-view-case {
    margin-top: 32px !important;
}
/* =========================================================
   SINGLE SIGHTING - CASE FILE REDESIGN
========================================================= */

body.single-sightings .case-redesign {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;

    background: #05090d;
    color: #dce8f0;
}


/* =========================================================
   HERO
========================================================= */

body.single-sightings .case-hero {
    position: relative;

    padding: 165px 4vw 65px;

    overflow: hidden;

    background:
        radial-gradient(
            circle at 78% 40%,
            rgba(0, 153, 255, 0.14),
            transparent 28%
        ),
        linear-gradient(
            180deg,
            #071019 0%,
            #05090d 100%
        );

    border-bottom: 1px solid rgba(88, 178, 255, 0.12);
}

body.single-sightings .case-hero::before {
    content: "";

    position: absolute;
    inset: 0;

    opacity: .13;

    background-image:
        linear-gradient(
            rgba(88, 178, 255, .08) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(88, 178, 255, .08) 1px,
            transparent 1px
        );

    background-size: 48px 48px;

    pointer-events: none;
}

body.single-sightings .case-hero-inner {
    position: relative;
    z-index: 2;

    width: 100%;
    max-width: 1450px;

    margin: 0 auto;
}


/* Top buttons */

body.single-sightings .case-top-actions {
    display: flex;
    justify-content: space-between;
    align-items: center;

    margin-bottom: 45px;
}

body.single-sightings .case-back-button,
body.single-sightings .case-map-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: 9px;

    min-height: 44px;
    padding: 0 17px;

    color: #9cc9e9;

    background: rgba(20, 88, 140, .10);

    border: 1px solid rgba(88, 178, 255, .22);
    border-radius: 8px;

    font-size: 15px;
    font-weight: 750;

    text-decoration: none;

    transition: .2s ease;
}

body.single-sightings .case-map-button svg {
    width: 19px;
    height: 19px;
}

body.single-sightings .case-back-button:hover,
body.single-sightings .case-map-button:hover {
    color: #fff;

    border-color: rgba(88, 178, 255, .6);

    background: rgba(22, 140, 255, .15);

    transform: translateY(-1px);
}


/* Hero layout */

body.single-sightings .case-hero-grid {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        290px;

    gap: 70px;

    align-items: center;
}

body.single-sightings .case-kicker {
    margin-bottom: 11px;

    color: #58b2ff;

    font-size: 14px;
    font-weight: 900;

    letter-spacing: 3px;
}

body.single-sightings .case-file-label {
    color: #758997;

    font-size: 15px;
    font-weight: 800;

    letter-spacing: 2px;
}

body.single-sightings .case-identity h1 {
    margin: 8px 0 32px;

    color: #f1f8fc;

    font-size: clamp(44px, 5vw, 70px);
    font-weight: 900;

    line-height: 1;

    letter-spacing: -2px;
}


/* Hero metadata */

body.single-sightings .case-hero-meta {
    display: flex;
    flex-wrap: wrap;

    gap: 18px 32px;
}

body.single-sightings .case-hero-meta-item {
    display: flex;
    align-items: center;

    gap: 11px;
}

body.single-sightings .case-hero-meta-item svg {
    width: 25px;
    height: 25px;

    color: #58b2ff;
}

body.single-sightings .case-hero-meta-item div {
    display: flex;
    flex-direction: column;

    gap: 3px;
}

body.single-sightings .case-hero-meta-item span {
    color: #708493;

    font-size: 10px;
    font-weight: 850;

    letter-spacing: 1.4px;
}

body.single-sightings .case-hero-meta-item strong {
    color: #dceaf3;

    font-size: 17px;
}


/* =========================================================
   BIG DYNAMIC OBJECT
========================================================= */

body.single-sightings .case-object-panel {
    display: flex;
    flex-direction: column;
    align-items: center;

    padding: 25px;

    background:
        radial-gradient(
            circle at center,
            rgba(22, 140, 255, .13),
            rgba(7, 17, 25, .72)
        );

    border: 1px solid rgba(88, 178, 255, .25);
    border-radius: 18px;

    box-shadow:
        0 0 35px rgba(22, 140, 255, .08),
        inset 0 0 30px rgba(22, 140, 255, .04);
}

body.single-sightings .case-object-label {
    margin-bottom: 18px;

    color: #718695;

    font-size: 11px;
    font-weight: 850;

    letter-spacing: 1.7px;
}

body.single-sightings .case-object-visual {
    width: 150px;
    height: 150px;

    display: flex;
    align-items: center;
    justify-content: center;

    margin-bottom: 17px;

    color: #68bdff;

    background:
        radial-gradient(
            circle,
            rgba(22, 140, 255, .22),
            rgba(22, 140, 255, .06) 60%,
            transparent 70%
        );

    border: 1px solid rgba(88, 178, 255, .32);
    border-radius: 50%;

    box-shadow:
        0 0 32px rgba(22, 140, 255, .15),
        inset 0 0 25px rgba(22, 140, 255, .08);
}

body.single-sightings .case-object-visual svg {
    width: 95px;
    height: 95px;

    filter:
        drop-shadow(
            0 0 9px rgba(22, 140, 255, .42)
        );
}

body.single-sightings .case-object-name {
    color: #e3f3ff;

    font-size: 22px;
    font-weight: 900;

    text-transform: uppercase;
}

body.single-sightings .case-object-caption {
    margin-top: 5px;

    color: #6f8392;

    font-size: 12px;
}


/* =========================================================
   CONTENT WIDTH
========================================================= */

body.single-sightings .case-content-width {
    width: 92%;
    max-width: 1450px;

    margin: 0 auto;
}


/* =========================================================
   QUICK SUMMARY
========================================================= */

body.single-sightings .case-summary {
    padding: 35px 0;

    background: #070c11;

    border-bottom: 1px solid rgba(88, 178, 255, .10);
}

body.single-sightings .case-summary-grid {
    display: grid;

    grid-template-columns: repeat(4, minmax(0, 1fr));

    gap: 15px;
}

body.single-sightings .case-summary-card {
    min-height: 115px;

    display: grid;

    grid-template-columns: 48px 1fr;

    grid-template-rows: auto auto;

    column-gap: 13px;

    align-content: center;

    padding: 18px;

    background:
        linear-gradient(
            145deg,
            rgba(12, 24, 34, .92),
            rgba(7, 14, 21, .96)
        );

    border: 1px solid rgba(88, 178, 255, .17);
    border-radius: 11px;
}

body.single-sightings .case-summary-icon {
    grid-row: 1 / 3;

    width: 48px;
    height: 48px;

    display: flex;
    align-items: center;
    justify-content: center;

    color: #58b2ff;

    background: rgba(22, 140, 255, .09);

    border: 1px solid rgba(88, 178, 255, .2);
    border-radius: 50%;
}

body.single-sightings .case-summary-icon svg {
    width: 23px;
    height: 23px;
}

body.single-sightings .case-summary-card > span {
    align-self: end;

    color: #6f8391;

    font-size: 10px;
    font-weight: 850;

    letter-spacing: 1.4px;
}

body.single-sightings .case-summary-card > strong {
    align-self: start;

    margin-top: 5px;

    color: #e2edf4;

    font-size: 17px;
}


/* =========================================================
   MAIN CONTENT
========================================================= */

body.single-sightings .case-main-content {
    padding: 45px 0 80px;
}

body.single-sightings .case-information-grid,
body.single-sightings .case-map-grid {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap: 20px;

    margin-bottom: 20px;
}


/* Main panels */

body.single-sightings .case-panel {
    padding: 27px;

    background:
        linear-gradient(
            145deg,
            rgba(12, 23, 32, .94),
            rgba(7, 14, 20, .97)
        );

    border: 1px solid rgba(88, 178, 255, .18);
    border-radius: 13px;

    box-shadow:
        0 10px 30px rgba(0, 0, 0, .15);
}

body.single-sightings .case-panel-heading {
    display: flex;
    align-items: center;

    gap: 14px;

    margin-bottom: 24px;
}

body.single-sightings .case-panel-icon {
    width: 48px;
    height: 48px;

    flex: 0 0 48px;

    display: flex;
    align-items: center;
    justify-content: center;

    color: #58b2ff;

    background: rgba(22, 140, 255, .09);

    border: 1px solid rgba(88, 178, 255, .22);
    border-radius: 10px;
}

body.single-sightings .case-panel-icon svg {
    width: 25px;
    height: 25px;
}

body.single-sightings .case-panel-heading span {
    color: #668091;

    font-size: 10px;
    font-weight: 850;

    letter-spacing: 1.5px;
}

body.single-sightings .case-panel-heading h2 {
    margin: 3px 0 0;

    color: #eaf5fb;

    font-size: 25px;
    font-weight: 850;
}


/* Data rows */

body.single-sightings .case-data-list {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap: 1px;

    overflow: hidden;

    border: 1px solid rgba(88, 178, 255, .10);
    border-radius: 8px;
}

body.single-sightings .case-data-list > div {
    display: flex;
    flex-direction: column;

    gap: 6px;

    min-height: 82px;

    padding: 17px;

    background: rgba(255, 255, 255, .018);
}

body.single-sightings .case-data-list span {
    color: #718491;

    font-size: 11px;
    font-weight: 750;

    text-transform: uppercase;

    letter-spacing: .9px;
}

body.single-sightings .case-data-list strong {
    color: #dce9f1;

    font-size: 17px;
}


/* =========================================================
   WITNESS REPORT
========================================================= */

body.single-sightings .case-witness-panel {
    margin-bottom: 20px;
}

body.single-sightings .case-witness-report {
    position: relative;

    padding: 30px 34px;

    color: #d5e1e9;

    background:
        linear-gradient(
            90deg,
            rgba(22, 140, 255, .055),
            rgba(255, 255, 255, .012)
        );

    border-left: 3px solid #369ff1;
    border-radius: 0 8px 8px 0;

    font-size: 19px;
    line-height: 1.8;
}

body.single-sightings .case-witness-report p {
    margin-top: 0;
}

body.single-sightings .case-witness-report p:last-child {
    margin-bottom: 0;
}


/* =========================================================
   MAP / NEARBY
========================================================= */

body.single-sightings #case-map {
    width: 100%;
    height: 410px;

    overflow: hidden;

    border-radius: 9px;

    border: 1px solid rgba(88, 178, 255, .18);
}

body.single-sightings #nearby-sightings {
    min-height: 410px;

    color: #b7c7d2;

    font-size: 16px;
    line-height: 1.6;
}


/* =========================================================
   SOURCE
========================================================= */

body.single-sightings .case-source-panel {
    margin-bottom: 20px;
}

body.single-sightings .case-source-content {
    padding: 18px 20px;

    color: #b9c9d4;

    background: rgba(255, 255, 255, .018);

    border-radius: 8px;

    font-size: 16px;
    line-height: 1.7;
}


/* =========================================================
   NAVIGATION
========================================================= */

body.single-sightings .case-navigation-redesign {
    display: grid;

    grid-template-columns:
        1fr auto 1fr;

    align-items: center;

    gap: 20px;

    margin-top: 35px;
    padding-top: 30px;

    border-top: 1px solid rgba(88, 178, 255, .14);
}

body.single-sightings .case-navigation-side a {
    display: inline-flex;
    align-items: center;

    gap: 13px;

    color: #9ec8e6;

    text-decoration: none;
}

body.single-sightings .case-navigation-side small {
    display: block;

    margin-bottom: 3px;

    color: #617887;

    font-size: 10px;
    font-weight: 800;

    letter-spacing: 1.2px;
}

body.single-sightings .case-navigation-side strong {
    font-size: 16px;
}

body.single-sightings .case-navigation-next {
    text-align: right;
}

body.single-sightings .case-navigation-next a {
    justify-content: flex-end;
}

body.single-sightings .case-navigation-centre a {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 46px;

    padding: 0 20px;

    color: #d7efff;

    background: rgba(22, 140, 255, .10);

    border: 1px solid rgba(88, 178, 255, .3);
    border-radius: 8px;

    font-size: 15px;
    font-weight: 800;

    text-decoration: none;
}

body.single-sightings .case-navigation-side a:hover,
body.single-sightings .case-navigation-centre a:hover {
    color: #fff;
}


/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 1050px) {

    body.single-sightings .case-hero-grid {
        grid-template-columns: 1fr 240px;
        gap: 35px;
    }

    body.single-sightings .case-summary-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

}


@media (max-width: 800px) {

    body.single-sightings .case-hero-grid,
    body.single-sightings .case-information-grid,
    body.single-sightings .case-map-grid {
        grid-template-columns: 1fr;
    }

    body.single-sightings .case-object-panel {
        max-width: 400px;
    }

    body.single-sightings .case-navigation-redesign {
        grid-template-columns: 1fr 1fr;
    }

    body.single-sightings .case-navigation-centre {
        grid-column: 1 / -1;
        grid-row: 1;

        text-align: center;
    }

}


@media (max-width: 600px) {

    body.single-sightings .case-hero {
        padding:
            145px
            20px
            45px;
    }

    body.single-sightings .case-top-actions {
        align-items: stretch;
        flex-direction: column;

        gap: 10px;
    }

    body.single-sightings .case-back-button,
    body.single-sightings .case-map-button {
        width: 100%;
    }

    body.single-sightings .case-identity h1 {
        font-size: 39px;

        letter-spacing: -1px;
    }

    body.single-sightings .case-summary-grid,
    body.single-sightings .case-data-list {
        grid-template-columns: 1fr;
    }

    body.single-sightings .case-content-width {
        width: calc(100% - 30px);
    }

    body.single-sightings .case-panel {
        padding: 20px;
    }

    body.single-sightings .case-witness-report {
        padding: 23px 20px;

        font-size: 17px;
    }

    body.single-sightings .case-navigation-redesign {
        grid-template-columns: 1fr;
    }

    body.single-sightings .case-navigation-side,
    body.single-sightings .case-navigation-next {
        text-align: center;
    }

    body.single-sightings .case-navigation-side a,
    body.single-sightings .case-navigation-next a {
        justify-content: center;
    }

}

/* =========================================================
   CASE INFORMATION - REDESIGN
========================================================= */

body.single-sightings .case-information-panel {
    margin-bottom: 24px;
}


/* Main layout */

body.single-sightings .case-info-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(300px, .8fr);

    gap: 22px;
}


/* LEFT SIDE */

body.single-sightings .case-info-main {
    display: flex;
    flex-direction: column;

    gap: 12px;
}


body.single-sightings .case-info-row {
    display: flex;
    align-items: center;

    gap: 16px;

    min-height: 90px;

    padding: 18px 20px;

    background:
        linear-gradient(
            135deg,
            rgba(18, 31, 42, .9),
            rgba(8, 16, 23, .95)
        );

    border: 1px solid rgba(88, 178, 255, .15);
    border-radius: 10px;
}


body.single-sightings .case-info-icon {
    width: 50px;
    height: 50px;

    flex: 0 0 50px;

    display: flex;
    align-items: center;
    justify-content: center;

    color: #58b2ff;

    background: rgba(22, 140, 255, .09);

    border: 1px solid rgba(88, 178, 255, .25);
    border-radius: 50%;
}


body.single-sightings .case-info-icon svg {
    width: 25px;
    height: 25px;
}


body.single-sightings .case-info-row > div:last-child {
    display: flex;
    flex-direction: column;

    gap: 5px;
}


body.single-sightings .case-info-row span {
    color: #728899;

    font-size: 11px;
    font-weight: 850;

    letter-spacing: 1.3px;
}


body.single-sightings .case-info-row strong {
    color: #edf7fd;

    font-size: 20px;
    font-weight: 800;

    line-height: 1.35;
}


/* RIGHT SIDE */

body.single-sightings .case-info-side {
    display: grid;
    grid-template-columns: 1fr;

    gap: 12px;
}


body.single-sightings .case-info-stat {
    min-height: 90px;

    display: flex;
    flex-direction: column;
    justify-content: center;

    gap: 7px;

    padding: 18px 20px;

    background:
        linear-gradient(
            135deg,
            rgba(16, 27, 38, .95),
            rgba(8, 15, 22, .98)
        );

    border: 1px solid rgba(88, 178, 255, .14);
    border-radius: 10px;

    position: relative;
    overflow: hidden;
}


body.single-sightings .case-info-stat::before {
    content: "";

    position: absolute;

    left: 0;
    top: 16px;
    bottom: 16px;

    width: 3px;

    background: #399ff0;

    border-radius: 0 3px 3px 0;
}


body.single-sightings .case-info-stat span {
    color: #718899;

    font-size: 11px;
    font-weight: 850;

    letter-spacing: 1.2px;
}


body.single-sightings .case-info-stat strong {
    color: #dcebf4;

    font-size: 20px;
    font-weight: 850;

    line-height: 1.35;
}


/* Hover */

body.single-sightings .case-info-row:hover,
body.single-sightings .case-info-stat:hover {
    border-color: rgba(88, 178, 255, .35);

    background:
        linear-gradient(
            135deg,
            rgba(17, 35, 49, .98),
            rgba(9, 18, 27, .98)
        );
}


/* TABLET */

@media (max-width: 950px) {

    body.single-sightings .case-info-layout {
        grid-template-columns: 1fr;
    }

    body.single-sightings .case-info-side {
        grid-template-columns: repeat(3, 1fr);
    }

}


/* MOBILE */

@media (max-width: 650px) {

    body.single-sightings .case-info-side {
        grid-template-columns: 1fr;
    }

    body.single-sightings .case-info-row strong,
    body.single-sightings .case-info-stat strong {
        font-size: 18px;
    }

}
/* =========================================================
   SINGLE CASE - NEARBY SIGHTINGS REDESIGN
========================================================= */

body.single-sightings #nearby-sightings {
    min-height: 410px;
    display: flex;
    flex-direction: column;
    gap: 12px;

    color: #b7c7d2;
}


/* Individual nearby sighting tile */

body.single-sightings #nearby-sightings > div {
    position: relative;

    padding: 17px 18px;

    background:
        linear-gradient(
            135deg,
            rgba(17, 31, 42, .96),
            rgba(8, 16, 23, .98)
        ) !important;

    border: 1px solid rgba(88, 178, 255, .16) !important;
    border-radius: 10px !important;

    box-shadow:
        0 6px 18px rgba(0, 0, 0, .13);

    transition:
        transform .2s ease,
        border-color .2s ease,
        background .2s ease,
        box-shadow .2s ease;
}


/* Blue case-file accent */

body.single-sightings #nearby-sightings > div::before {
    content: "";

    position: absolute;

    left: 0;
    top: 14px;
    bottom: 14px;

    width: 3px;

    background: #399ff0;

    border-radius: 0 3px 3px 0;

    opacity: .8;
}


/* Hover */

body.single-sightings #nearby-sightings > div:hover {
    transform: translateY(-2px);

    border-color: rgba(88, 178, 255, .42) !important;

    background:
        linear-gradient(
            135deg,
            rgba(18, 38, 53, .98),
            rgba(9, 19, 28, .98)
        ) !important;

    box-shadow:
        0 10px 25px rgba(0, 0, 0, .2),
        0 0 18px rgba(22, 140, 255, .06);
}


/* Case number / title */

body.single-sightings #nearby-sightings h3,
body.single-sightings #nearby-sightings h4 {
    margin: 0 0 8px !important;

    color: #e8f5fd !important;

    font-size: 18px !important;
    font-weight: 850 !important;

    line-height: 1.25;
}


/* General text */

body.single-sightings #nearby-sightings p {
    margin: 4px 0 !important;

    color: #8fa5b4 !important;

    font-size: 14px !important;
    line-height: 1.5 !important;
}


/* Links */

body.single-sightings #nearby-sightings a {
    color: #58b2ff !important;

    font-weight: 750;

    text-decoration: none !important;

    transition: color .2s ease;
}

body.single-sightings #nearby-sightings a:hover {
    color: #9bd6ff !important;
}


/* If the old cards use .nearby-card */

body.single-sightings #nearby-sightings .nearby-card,
body.single-sightings #nearby-sightings .nearby-sighting {
    position: relative;

    padding: 17px 18px !important;

    background:
        linear-gradient(
            135deg,
            rgba(17, 31, 42, .96),
            rgba(8, 16, 23, .98)
        ) !important;

    border: 1px solid rgba(88, 178, 255, .16) !important;
    border-radius: 10px !important;

    color: #b7c7d2 !important;
}


/* Buttons inside nearby cases */

body.single-sightings #nearby-sightings .nearby-card a,
body.single-sightings #nearby-sightings .nearby-sighting a {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 36px;

    margin-top: 10px;
    padding: 0 13px;

    background: rgba(22, 140, 255, .08);

    border: 1px solid rgba(88, 178, 255, .22);
    border-radius: 6px;

    color: #70c0ff !important;

    font-size: 13px;
    font-weight: 800;

    text-decoration: none !important;
}

body.single-sightings #nearby-sightings .nearby-card a:hover,
body.single-sightings #nearby-sightings .nearby-sighting a:hover {
    background: rgba(22, 140, 255, .16);

    border-color: rgba(88, 178, 255, .5);

    color: #fff !important;
}
body.single-sightings .case-top-actions,
body.single-sightings .case-map-button,
body.single-sightings .case-back-button {
    position: relative;
    z-index: 20;
    pointer-events: auto;
}
/* =========================================================
   UFO SIGHTINGS MAP - REDESIGN
========================================================= */

body.page-template .map-page-redesign {
    width: 100%;
    max-width: none;

    margin: 0;
    padding: 0;

    background: #05090d;
    color: #dce8f0;
}


/* =========================================================
   HERO
========================================================= */

.map-page-redesign .map-hero {
    position: relative;

    padding:
        175px 4vw
        70px;

    overflow: hidden;

    background:
        radial-gradient(
            circle at 72% 35%,
            rgba(22, 140, 255, .13),
            transparent 32%
        ),
        linear-gradient(
            180deg,
            #071019 0%,
            #05090d 100%
        );

    border-bottom:
        1px solid rgba(88, 178, 255, .11);
}


/* subtle database grid */

.map-page-redesign .map-hero::before {
    content: "";

    position: absolute;
    inset: 0;

    opacity: .13;

    background-image:
        linear-gradient(
            rgba(88, 178, 255, .08) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(88, 178, 255, .08) 1px,
            transparent 1px
        );

    background-size:
        48px 48px;

    pointer-events: none;
}


.map-page-redesign .map-hero-inner {
    position: relative;
    z-index: 2;

    width: 92%;
    max-width: 1450px;

    margin: 0 auto;
}


.map-page-redesign .map-hero-kicker {
    margin-bottom: 12px;

    color: #58b2ff;

    font-size: 14px;
    font-weight: 900;

    letter-spacing: 3px;
}


.map-page-redesign .map-hero h1 {
    max-width: 900px;

    margin:
        0 0 18px;

    color: #f0f8fd;

    font-size:
        clamp(
            44px,
            5vw,
            68px
        );

    font-weight: 900;
    line-height: 1.04;

    letter-spacing: -2px;
}


.map-page-redesign .map-hero-description {
    max-width: 780px;

    margin: 0;

    color: #8fa5b4;

    font-size: 18px;
    line-height: 1.7;
}


/* =========================================================
   MAIN INTERFACE
========================================================= */

.map-page-redesign .map-interface {
    padding:
        38px 0
        80px;

    background:
        linear-gradient(
            180deg,
            #05090d,
            #060b10
        );
}


.map-page-redesign .map-interface-inner {
    width: 92%;
    max-width: 1450px;

    margin: 0 auto;
}


/* =========================================================
   CONTROL PANEL
========================================================= */

.map-page-redesign .map-control-panel {
    margin-bottom: 20px;
    padding: 25px;

    background:
        linear-gradient(
            145deg,
            rgba(13, 25, 35, .96),
            rgba(7, 14, 20, .98)
        );

    border:
        1px solid rgba(88, 178, 255, .18);

    border-radius: 13px;

    box-shadow:
        0 10px 30px rgba(0, 0, 0, .16);
}


.map-page-redesign .map-control-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 25px;

    margin-bottom: 24px;
}


.map-page-redesign .map-control-title {
    display: flex;
    align-items: center;

    gap: 14px;
}


.map-page-redesign .map-control-icon {
    width: 48px;
    height: 48px;

    flex: 0 0 48px;

    display: flex;
    align-items: center;
    justify-content: center;

    color: #58b2ff;

    background:
        rgba(22, 140, 255, .09);

    border:
        1px solid rgba(88, 178, 255, .22);

    border-radius: 10px;
}


.map-page-redesign .map-control-icon svg {
    width: 25px;
    height: 25px;
}


.map-page-redesign .map-control-title span {
    color: #668091;

    font-size: 10px;
    font-weight: 850;

    letter-spacing: 1.5px;
}


.map-page-redesign .map-control-title h2 {
    margin: 3px 0 0;

    color: #eaf5fb;

    font-size: 25px;
    font-weight: 850;
}


/* =========================================================
   LIVE SIGHTING COUNTER
========================================================= */

.map-page-redesign .map-sighting-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 42px;

    padding: 0 16px;

    color: #83caff;

    background:
        rgba(22, 140, 255, .08);

    border:
        1px solid rgba(88, 178, 255, .22);

    border-radius: 999px;

    font-size: 13px;
    font-weight: 800;

    white-space: nowrap;
}


/* =========================================================
   FILTERS
========================================================= */

.map-page-redesign .map-filter-grid {
    display: grid !important;

    grid-template-columns:
        repeat(3, minmax(0, 1fr))
        170px;

    gap: 14px;

    align-items: end;

    margin: 0 !important;
    padding: 0 !important;

    background: none !important;
    border: none !important;
}


.map-page-redesign .map-filter,
.map-page-redesign .map-reset-wrap {
    display: flex;
    flex-direction: column;

    gap: 8px;
}


.map-page-redesign .map-filter > span,
.map-page-redesign .map-reset-wrap > span {
    color: #6d8494;

    font-size: 10px;
    font-weight: 900;

    letter-spacing: 1.3px;
}


/* select wrapper */

.map-page-redesign .map-select-wrap {
    position: relative;
}


.map-page-redesign .map-select-wrap::after {
    content: "⌄";

    position: absolute;

    right: 15px;
    top: 50%;

    transform:
        translateY(-56%);

    color: #58b2ff;

    font-size: 17px;

    pointer-events: none;
}


.map-page-redesign .map-filter select {
    width: 100%;
    height: 50px;

    padding:
        0 42px
        0 15px;

    appearance: none;
    -webkit-appearance: none;

    color: #d8e8f2;

    background:
        #09131c !important;

    border:
        1px solid rgba(88, 178, 255, .18) !important;

    border-radius:
        8px !important;

    outline: none;

    font-size: 14px;
    font-weight: 700;

    cursor: pointer;

    transition:
        border-color .2s ease,
        box-shadow .2s ease;
}


.map-page-redesign .map-filter select:hover,
.map-page-redesign .map-filter select:focus {
    border-color:
        rgba(88, 178, 255, .48) !important;

    box-shadow:
        0 0 0 3px
        rgba(22, 140, 255, .05);
}


/* =========================================================
   RESET BUTTON
========================================================= */

.map-page-redesign .map-reset-button {
    width: 100%;
    height: 50px;

    padding: 0 15px;

    color: #8fcfff;

    background:
        rgba(22, 140, 255, .07);

    border:
        1px solid rgba(88, 178, 255, .22);

    border-radius: 8px;

    font-size: 13px;
    font-weight: 850;

    cursor: pointer;

    transition:
        color .2s ease,
        background .2s ease,
        border-color .2s ease;
}


.map-page-redesign .map-reset-button:hover {
    color: #fff;

    background:
        rgba(22, 140, 255, .15);

    border-color:
        rgba(88, 178, 255, .5);
}


/* =========================================================
   MAP FRAME
========================================================= */

.map-page-redesign .map-frame {
    overflow: hidden;

    background:
        linear-gradient(
            145deg,
            rgba(12, 23, 32, .96),
            rgba(6, 13, 19, .99)
        );

    border:
        1px solid rgba(88, 178, 255, .2);

    border-radius: 14px;

    box-shadow:
        0 18px 45px rgba(0, 0, 0, .25),
        0 0 28px rgba(22, 140, 255, .035);
}


.map-page-redesign .map-frame-top {
    min-height: 55px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 20px;

    padding:
        0 20px;

    border-bottom:
        1px solid rgba(88, 178, 255, .12);
}


.map-page-redesign .map-frame-status {
    display: flex;
    align-items: center;

    gap: 9px;

    color: #8fcdf8;

    font-size: 11px;
    font-weight: 900;

    letter-spacing: 1.3px;
}


.map-page-redesign .map-live-dot {
    width: 8px;
    height: 8px;

    background: #58b2ff;

    border-radius: 50%;

    box-shadow:
        0 0 10px rgba(88, 178, 255, .8);
}


.map-page-redesign .map-frame-hint {
    color: #607887;

    font-size: 12px;
    font-weight: 650;
}


/* =========================================================
   MAP
========================================================= */

.map-page-redesign .map-container-wrap {
    position: relative;
}


.map-page-redesign #ufo-map {
    width: 100% !important;
    height: 720px !important;

    margin: 0 !important;

    border: none !important;
    border-radius: 0 !important;
}


/* =========================================================
   LOADING INDICATOR
========================================================= */

.map-page-redesign #map-loading {
    position: absolute;

    z-index: 500;

    top: 18px;
    left: 50%;

    transform:
        translateX(-50%);

    padding:
        10px 17px;

    color: #b8ddf6;

    background:
        rgba(5, 13, 20, .92);

    border:
        1px solid rgba(88, 178, 255, .28);

    border-radius: 999px;

    box-shadow:
        0 5px 20px rgba(0, 0, 0, .25);

    font-size: 12px;
    font-weight: 800;

    white-space: nowrap;
}


/* =========================================================
   LEAFLET CONTROLS
========================================================= */

.map-page-redesign .leaflet-control-zoom {
    overflow: hidden;

    border:
        1px solid rgba(88, 178, 255, .28) !important;

    border-radius:
        8px !important;

    box-shadow:
        0 6px 20px rgba(0, 0, 0, .2) !important;
}


.map-page-redesign .leaflet-control-zoom a {
    color: #b9def7 !important;

    background:
        #09141d !important;

    border-bottom:
        1px solid rgba(88, 178, 255, .15) !important;
}


.map-page-redesign .leaflet-control-zoom a:hover {
    color: #fff !important;

    background:
        #102536 !important;
}


/* =========================================================
   POPUPS
========================================================= */

.map-page-redesign .leaflet-popup-content-wrapper {
    color: #d9e7ef;

    background:
        #0a151e;

    border:
        1px solid rgba(88, 178, 255, .25);

    border-radius:
        10px;

    box-shadow:
        0 12px 35px rgba(0, 0, 0, .35);
}


.map-page-redesign .leaflet-popup-tip {
    background:
        #0a151e;
}


.map-page-redesign .ufo-popup {
    min-width: 220px;
}


.map-page-redesign .ufo-popup h3 {
    margin:
        0 0 12px;

    color: #edf8ff;

    font-size: 17px;
    font-weight: 850;
}


.map-page-redesign .ufo-meta {
    display: flex;
    flex-direction: column;

    gap: 7px;

    color: #9db1be;

    font-size: 13px;
    line-height: 1.45;
}


.map-page-redesign .ufo-meta strong {
    color: #c9dae5;
}


.map-page-redesign .ufo-case-button {
    display: flex;
    align-items: center;
    justify-content: center;

    min-height: 38px;

    margin-top: 14px;

    padding:
        0 13px;

    color: #72c2ff !important;

    background:
        rgba(22, 140, 255, .09);

    border:
        1px solid rgba(88, 178, 255, .23);

    border-radius: 6px;

    font-size: 13px;
    font-weight: 850;

    text-decoration: none !important;
}


.map-page-redesign .ufo-case-button:hover {
    color: #fff !important;

    background:
        rgba(22, 140, 255, .17);
}


/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 1000px) {

    .map-page-redesign .map-filter-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

}


@media (max-width: 700px) {

    .map-page-redesign .map-hero {
        padding:
            150px 20px
            50px;
    }


    .map-page-redesign .map-hero-inner,
    .map-page-redesign .map-interface-inner {
        width:
            calc(100% - 30px);
    }


    .map-page-redesign .map-hero h1 {
        font-size: 40px;

        letter-spacing: -1px;
    }


    .map-page-redesign .map-hero-description {
        font-size: 16px;
    }


    .map-page-redesign .map-control-heading {
        align-items: flex-start;
        flex-direction: column;
    }


    .map-page-redesign .map-sighting-count {
        align-self: stretch;
    }


    .map-page-redesign .map-filter-grid {
        grid-template-columns:
            1fr;
    }


    .map-page-redesign .map-frame-top {
        align-items: flex-start;
        flex-direction: column;

        padding:
            15px 18px;
    }


    .map-page-redesign #ufo-map {
        height:
            600px !important;
    }

}

/* =========================================================
   MAP PAGE - SIZE & TYPOGRAPHY POLISH
========================================================= */

/* Make the actual map taller */

.map-page-redesign #ufo-map {
    height: 1200px !important;
}


/* Hero intro */

.map-page-redesign .map-hero-kicker {
    font-size: 16px !important;
}

.map-page-redesign .map-hero h1 {
    font-size: clamp(50px, 5.5vw, 76px) !important;
}

.map-page-redesign .map-hero-description {
    max-width: 850px;
    font-size: 20px !important;
    line-height: 1.7;
}


/* Filter panel heading */

.map-page-redesign .map-control-title span {
    font-size: 12px !important;
}

.map-page-redesign .map-control-title h2 {
    font-size: 29px !important;
}


/* Live counter */

.map-page-redesign .map-sighting-count {
    min-height: 46px;
    padding: 0 19px;
    font-size: 15px !important;
}


/* Filter labels */

.map-page-redesign .map-filter > span,
.map-page-redesign .map-reset-wrap > span {
    font-size: 12px !important;
}


/* Dropdown text */

.map-page-redesign .map-filter select {
    height: 54px;
    font-size: 16px !important;
}


/* Reset button */

.map-page-redesign .map-reset-button {
    height: 54px;
    font-size: 15px !important;
}


/* Top bar above map */

.map-page-redesign .map-frame-top {
    min-height: 62px;
}

.map-page-redesign .map-frame-status {
    font-size: 13px !important;
}

.map-page-redesign .map-frame-hint {
    font-size: 14px !important;
}


/* Popup */

.map-page-redesign .ufo-popup {
    min-width: 250px;
}

.map-page-redesign .ufo-popup h3 {
    font-size: 19px !important;
}

.map-page-redesign .ufo-meta {
    font-size: 15px !important;
    line-height: 1.55;
}

.map-page-redesign .ufo-case-button {
    min-height: 42px;
    font-size: 14px !important;
}


/* Loading indicator */

.map-page-redesign #map-loading {
    font-size: 14px !important;
}


/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 700px) {

    .map-page-redesign .map-hero h1 {
        font-size: 42px !important;
    }

    .map-page-redesign .map-hero-description {
        font-size: 17px !important;
    }

    .map-page-redesign #ufo-map {
        height: 700px !important;
    }

}

/* =========================================================
   POSTCODE SEARCH
========================================================= */

.map-page-redesign .postcode-search-panel {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(360px, .8fr);
    gap: 30px;
    align-items: center;

    margin-top: 20px;
    padding: 24px 26px;

    background:
        linear-gradient(
            145deg,
            rgba(12, 24, 34, .97),
            rgba(7, 15, 22, .98)
        );

    border:
        1px solid rgba(88, 178, 255, .18);

    border-radius: 12px;
}


.map-page-redesign .postcode-search-copy span {
    color: #58b2ff;

    font-size: 11px;
    font-weight: 900;

    letter-spacing: 1.5px;
}


.map-page-redesign .postcode-search-copy h3 {
    margin: 5px 0 7px;

    color: #eef8fd;

    font-size: 24px;
    font-weight: 850;
}


.map-page-redesign .postcode-search-copy p {
    max-width: 650px;

    margin: 0;

    color: #8ca2b1;

    font-size: 16px;
    line-height: 1.6;
}


.map-page-redesign .postcode-search-form {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        auto;

    gap: 10px;
}


.map-page-redesign #postcode-search {
    height: 52px;

    padding: 0 16px;

    color: #e3f1f9;

    background: #09131c;

    border:
        1px solid rgba(88, 178, 255, .2);

    border-radius: 8px;

    outline: none;

    font-size: 16px;
    font-weight: 700;

    text-transform: uppercase;
}


.map-page-redesign #postcode-search::placeholder {
    color: #647986;
}


.map-page-redesign #postcode-search:focus {
    border-color:
        rgba(88, 178, 255, .55);

    box-shadow:
        0 0 0 3px
        rgba(22, 140, 255, .06);
}


.map-page-redesign #postcode-search-button {
    min-width: 155px;
    height: 52px;

    padding: 0 20px;

    color: #dff3ff;

    background:
        rgba(22, 140, 255, .13);

    border:
        1px solid rgba(88, 178, 255, .32);

    border-radius: 8px;

    font-size: 14px;
    font-weight: 850;

    cursor: pointer;
}


.map-page-redesign #postcode-search-button:hover {
    background:
        rgba(22, 140, 255, .22);

    border-color:
        rgba(88, 178, 255, .58);
}


.map-page-redesign .postcode-search-message {
    grid-column: 2;

    min-height: 18px;

    color: #8fcfff;

    font-size: 13px;
    font-weight: 700;
}


/* mobile */

@media (max-width: 800px) {

    .map-page-redesign .postcode-search-panel {
        grid-template-columns: 1fr;
    }

    .map-page-redesign .postcode-search-form {
        grid-template-columns: 1fr;
    }

    .map-page-redesign .postcode-search-message {
        grid-column: 1;
    }

}

/* =========================================================
   POSTCODE MAP MARKER
========================================================= */

.map-page-redesign .postcode-map-popup {
    display: flex;
    flex-direction: column;
    gap: 5px;

    min-width: 180px;

    padding: 3px;
}

.map-page-redesign .postcode-map-popup span {
    color: #58b2ff;

    font-size: 10px;
    font-weight: 900;

    letter-spacing: 1.3px;
}

.map-page-redesign .postcode-map-popup strong {
    color: #eef8fd;

    font-size: 20px;
    font-weight: 900;
}

.map-page-redesign .postcode-map-popup small {
    margin-top: 3px;

    color: #91a6b4;

    font-size: 12px;
    line-height: 1.5;
}


/* Searching state */

.map-page-redesign #postcode-search-button:disabled {
    opacity: .55;
    cursor: wait;
}
/* =========================================================
   POSTCODE SEARCH RESULT
========================================================= */

.map-page-redesign .postcode-search-message {
    margin-top: 8px;

    color: #91a9b8;

    font-size: 15px;
    line-height: 1.5;
}

.map-page-redesign .postcode-search-message strong {
    color: #58b2ff;

    font-size: 17px;
    font-weight: 900;
}
/* =========================================================
   MAP CONTROLS - SIDE BY SIDE
========================================================= */

/* Turn the main map interface into a 2-column control area */
.map-page-redesign .map-interface-inner {
    display: grid;
    grid-template-columns: minmax(0, 1.6fr) minmax(360px, .8fr);
    gap: 20px;
    align-items: stretch;
}


/* Filter panel */
.map-page-redesign .map-control-panel {
    margin-bottom: 0 !important;
}


/* Postcode panel */
.map-page-redesign .postcode-search-panel {
    margin-top: 0 !important;

    display: flex;
    flex-direction: column;
    justify-content: space-between;

    gap: 20px;
}


/* Postcode form fills its tile nicely */
.map-page-redesign .postcode-search-form {
    grid-template-columns: 1fr;
}


/* Postcode button full width */
.map-page-redesign #postcode-search-button {
    width: 100%;
}


/* Result message no longer needs old grid positioning */
.map-page-redesign .postcode-search-message {
    grid-column: auto !important;
    margin-top: 0;
}


/* =========================================================
   MAP FRAME
   Make the actual map span BOTH columns
========================================================= */

.map-page-redesign .map-frame {
    grid-column: 1 / -1;
}


/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 1050px) {

    .map-page-redesign .map-interface-inner {
        grid-template-columns: 1fr;
    }

    .map-page-redesign .map-control-panel,
    .map-page-redesign .postcode-search-panel,
    .map-page-redesign .map-frame {
        grid-column: 1;
    }

}
/* =========================================================
   MAP - DATABASE SEARCH
========================================================= */

.map-page-redesign .map-database-search {
    margin-top: 22px;
    padding-top: 20px;

    border-top:
        1px solid rgba(88, 178, 255, .12);
}


.map-page-redesign .map-database-search-heading {
    margin-bottom: 9px;
}


.map-page-redesign .map-database-search-heading span {
    color: #6d8494;

    font-size: 12px;
    font-weight: 900;

    letter-spacing: 1.3px;
}


.map-page-redesign .map-database-search-form {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        auto;

    gap: 10px;
}


.map-page-redesign .map-database-search-input {
    position: relative;
}


.map-page-redesign .map-database-search-input svg {
    position: absolute;

    left: 16px;
    top: 50%;

    width: 21px;
    height: 21px;

    transform: translateY(-50%);

    color: #58b2ff;

    pointer-events: none;
}


.map-page-redesign .map-database-search-input input {
    width: 100%;
    height: 54px;

    padding:
        0 16px
        0 48px;

    color: #e3f1f9;

    background: #09131c;

    border:
        1px solid rgba(88, 178, 255, .2);

    border-radius: 8px;

    outline: none;

    font-size: 16px;
    font-weight: 650;
}


.map-page-redesign .map-database-search-input input::placeholder {
    color: #647986;
}


.map-page-redesign .map-database-search-input input:focus {
    border-color:
        rgba(88, 178, 255, .55);

    box-shadow:
        0 0 0 3px
        rgba(22, 140, 255, .06);
}


.map-page-redesign .map-database-search-form button {
    min-width: 165px;
    height: 54px;

    padding: 0 20px;

    color: #dff3ff;

    background:
        rgba(22, 140, 255, .13);

    border:
        1px solid rgba(88, 178, 255, .32);

    border-radius: 8px;

    font-size: 14px;
    font-weight: 850;

    cursor: pointer;

    transition: .2s ease;
}


.map-page-redesign .map-database-search-form button:hover {
    color: #fff;

    background:
        rgba(22, 140, 255, .22);

    border-color:
        rgba(88, 178, 255, .58);
}


@media (max-width: 650px) {

    .map-page-redesign .map-database-search-form {
        grid-template-columns: 1fr;
    }

    .map-page-redesign .map-database-search-form button {
        width: 100%;
    }

}
/* =========================================================
   MAP SEARCH BAR - BIGGER
========================================================= */

.map-page-redesign .map-database-search {
    width: 100%;
}

.map-page-redesign .map-database-search-form {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 140px !important;
    gap: 10px;
    width: 100%;
}

.map-page-redesign .map-database-search-input {
    width: 100%;
    min-width: 0;
}

.map-page-redesign .map-database-search-input input {
    display: block;
    width: 100% !important;
    min-width: 0 !important;
    height: 58px !important;

    padding: 0 18px 0 50px !important;

    font-size: 17px !important;
    line-height: 58px;

    color: #eaf6fd !important;
    background: #09131c !important;

    border: 1px solid rgba(88, 178, 255, .28) !important;
    border-radius: 8px !important;

    box-sizing: border-box;
}

.map-page-redesign .map-database-search-input input::placeholder {
    color: #738b9a !important;
    opacity: 1;
}

.map-page-redesign .map-database-search-input input:focus {
    border-color: rgba(88, 178, 255, .65) !important;

    box-shadow:
        0 0 0 3px rgba(22, 140, 255, .07),
        0 0 18px rgba(22, 140, 255, .06);
}

.map-page-redesign #map-search-clear {
    width: 140px;
    height: 58px !important;

    padding: 0 15px;

    font-size: 14px;
    font-weight: 850;

    white-space: nowrap;
}


/* MOBILE */

@media (max-width: 650px) {

    .map-page-redesign .map-database-search-form {
        grid-template-columns: 1fr !important;
    }

    .map-page-redesign #map-search-clear {
        width: 100%;
    }

}
/* =========================================================
   FORCE MAP SEARCH TO FULL WIDTH
========================================================= */

.map-page-redesign .map-control-panel .map-database-search {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
}

.map-page-redesign .map-control-panel .map-database-search-form {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;

    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;

    gap: 12px !important;
}

.map-page-redesign .map-control-panel .map-database-search-input {
    display: block !important;

    flex: 1 1 auto !important;

    width: auto !important;
    max-width: none !important;
    min-width: 300px !important;
}

.map-page-redesign .map-control-panel #map-search {
    display: block !important;

    width: 100% !important;
    max-width: none !important;
    min-width: 300px !important;

    height: 58px !important;

    padding: 0 18px 0 50px !important;

    box-sizing: border-box !important;

    color: #eaf6fd !important;
    background: #09131c !important;

    font-size: 17px !important;
}

.map-page-redesign .map-control-panel #map-search-clear {
    flex: 0 0 145px !important;

    width: 145px !important;
    min-width: 145px !important;
    height: 58px !important;
}


/* MOBILE */

@media (max-width: 700px) {

    .map-page-redesign .map-control-panel .map-database-search-form {
        flex-direction: column !important;
    }

    .map-page-redesign .map-control-panel .map-database-search-input,
    .map-page-redesign .map-control-panel #map-search {
        width: 100% !important;
        min-width: 0 !important;
    }

    .map-page-redesign .map-control-panel #map-search-clear {
        flex: none !important;
        width: 100% !important;
        min-width: 0 !important;
    }

}
/* =========================================================
   UFO MAP POPUPS - REDESIGN
========================================================= */

.map-page-redesign .leaflet-popup-content-wrapper {
    padding: 0 !important;

    background:
        linear-gradient(
            145deg,
            rgba(12, 23, 32, .99),
            rgba(6, 13, 19, .99)
        ) !important;

    border:
        1px solid rgba(88, 178, 255, .3) !important;

    border-radius: 13px !important;

    box-shadow:
        0 14px 40px rgba(0, 0, 0, .45),
        0 0 24px rgba(22, 140, 255, .08) !important;
}


.map-page-redesign .leaflet-popup-content {
    width: 290px !important;

    margin: 0 !important;
}


.map-page-redesign .leaflet-popup-tip {
    background: #09141d !important;
}


.map-page-redesign .ufo-popup-redesign {
    width: 100%;
    overflow: hidden;

    border-radius: 12px;
}


/* header */

.map-page-redesign .ufo-popup-header {
    padding: 18px 20px 16px;

    background:
        linear-gradient(
            90deg,
            rgba(22, 140, 255, .11),
            rgba(22, 140, 255, .025)
        );

    border-bottom:
        1px solid rgba(88, 178, 255, .12);
}


.map-page-redesign .ufo-popup-kicker {
    margin-bottom: 4px;

    color: #58b2ff;

    font-size: 9px;
    font-weight: 900;

    letter-spacing: 1.5px;
}


.map-page-redesign .ufo-popup-redesign h3 {
    margin: 0 !important;

    color: #f0f8fd !important;

    font-size: 19px !important;
    font-weight: 900 !important;
    line-height: 1.25 !important;
}


/* detail rows */

.map-page-redesign .ufo-popup-details {
    display: flex;
    flex-direction: column;

    padding: 10px 14px;
}


.map-page-redesign .ufo-popup-row {
    display: flex;
    align-items: center;

    gap: 11px;

    min-height: 54px;

    padding: 8px 4px;

    border-bottom:
        1px solid rgba(88, 178, 255, .08);
}


.map-page-redesign .ufo-popup-row:last-child {
    border-bottom: none;
}


.map-page-redesign .ufo-popup-icon {
    width: 34px;
    height: 34px;

    flex: 0 0 34px;

    display: flex;
    align-items: center;
    justify-content: center;

    color: #58b2ff;

    background:
        rgba(22, 140, 255, .08);

    border:
        1px solid rgba(88, 178, 255, .18);

    border-radius: 8px;
}


.map-page-redesign .ufo-popup-icon svg {
    width: 19px;
    height: 19px;
}


.map-page-redesign .ufo-popup-row > div:last-child {
    display: flex;
    flex-direction: column;

    gap: 2px;

    min-width: 0;
}


.map-page-redesign .ufo-popup-row span {
    color: #6f8594;

    font-size: 9px;
    font-weight: 900;

    letter-spacing: 1.1px;
}


.map-page-redesign .ufo-popup-row strong {
    color: #dceaf3;

    font-size: 14px;
    font-weight: 800;
    line-height: 1.3;
}


/* button */

.map-page-redesign .ufo-popup-redesign .ufo-case-button {
    display: flex !important;
    align-items: center;
    justify-content: space-between;

    min-height: 46px;

    margin: 10px 14px 14px !important;

    padding: 0 15px !important;

    color: #dff3ff !important;

    background:
        rgba(22, 140, 255, .11) !important;

    border:
        1px solid rgba(88, 178, 255, .27) !important;

    border-radius: 7px;

    font-size: 13px !important;
    font-weight: 850 !important;

    text-decoration: none !important;
}


.map-page-redesign .ufo-popup-redesign .ufo-case-button:hover {
    color: #fff !important;

    background:
        rgba(22, 140, 255, .2) !important;

    border-color:
        rgba(88, 178, 255, .5) !important;
}


.map-page-redesign .ufo-popup-redesign .ufo-case-button span {
    color: #58b2ff;

    font-size: 18px;
}


/* close button */

.map-page-redesign .leaflet-popup-close-button {
    top: 9px !important;
    right: 9px !important;

    width: 28px !important;
    height: 28px !important;

    color: #7890a0 !important;

    font-size: 20px !important;
    line-height: 26px !important;
}


.map-page-redesign .leaflet-popup-close-button:hover {
    color: #fff !important;
}


/* =========================================================
   MAP SEARCH + DATE - SAME ROW
========================================================= */

/* Main text search takes the first 3 columns */
.map-page-redesign .map-filter-grid > .map-database-search {
    grid-column: 1 / 4 !important;
    grid-row: 2 !important;

    width: 100% !important;
    min-width: 0 !important;

    margin: 18px 0 0 !important;
    padding-top: 18px !important;
}


/* Date search sits beside it */
.map-page-redesign .map-filter-grid > .map-date-search-inline {
    grid-column: 4 / 5 !important;
    grid-row: 2 !important;

    width: 100% !important;
    min-width: 0 !important;

    margin: 18px 0 0 !important;
    padding-top: 18px !important;

    border-top: 1px solid rgba(88, 178, 255, .12);
}


/* Date heading */
.map-page-redesign .map-date-search-inline
.map-database-search-heading {
    margin-bottom: 9px;
}


/* Date controls */
.map-page-redesign .map-date-search-controls {
    display: flex !important;
    width: 100% !important;

    gap: 7px;
}


/* Calendar */
.map-page-redesign #map-date-filter {
    flex: 1 1 auto;

    width: 100%;
    min-width: 0;

    height: 58px;

    padding: 0 10px;

    box-sizing: border-box;

    color: #eaf6fd;
    background: #09131c;

    border: 1px solid rgba(88, 178, 255, .28);
    border-radius: 8px;

    color-scheme: dark;
}


/* Clear date */
.map-page-redesign #map-date-clear {
    flex: 0 0 55px;

    width: 55px;
    min-width: 55px;

    height: 58px;

    padding: 0 6px;

    color: #dff3ff;

    background: rgba(22, 140, 255, .13);

    border: 1px solid rgba(88, 178, 255, .32);
    border-radius: 8px;

    font-size: 12px;
    font-weight: 850;

    cursor: pointer;
}


/* Tablet/mobile - stack them */
@media (max-width: 1000px) {

    .map-page-redesign .map-filter-grid > .map-database-search,
    .map-page-redesign .map-filter-grid > .map-date-search-inline {
        grid-column: 1 / -1 !important;
        grid-row: auto !important;
    }

}
/* =========================================================
   MAP SEARCH / DATE WIDTH BALANCE
========================================================= */

.map-page-redesign .map-filter-grid {
    grid-template-columns:
        minmax(0, 1fr)
        minmax(0, 1fr)
        minmax(0, 1fr)
        minmax(0, 1fr) !important;
}


/* Search box - roughly 65% */
.map-page-redesign .map-filter-grid > .map-database-search {
    grid-column: 1 / 3 !important;
}


/* Date selector - roughly 35% */
.map-page-redesign .map-filter-grid > .map-date-search-inline {
    grid-column: 3 / 5 !important;
}
/* =========================================================
   MAP SEARCH / DATE WIDTH BALANCE - 50/50
========================================================= */

.map-page-redesign .map-filter-grid {
    grid-template-columns:
        repeat(4, minmax(0, 1fr)) !important;
}

/* Left half */
.map-page-redesign .map-filter-grid > .map-database-search {
    grid-column: 1 / 3 !important;
}

/* Right half */
.map-page-redesign .map-filter-grid > .map-date-search-inline {
    grid-column: 3 / 5 !important;
}
/* =========================================================
   MAP SEARCH / DATE WIDTH BALANCE - 60/40
========================================================= */

.map-page-redesign .map-filter-grid {
    grid-template-columns:
        minmax(0, 3fr)
        minmax(0, 3fr)
        minmax(0, 2fr)
        minmax(0, 2fr) !important;
}

/* Search - 60% */
.map-page-redesign .map-filter-grid > .map-database-search {
    grid-column: 1 / 3 !important;
}

/* Date - 40% */
.map-page-redesign .map-filter-grid > .map-date-search-inline {
    grid-column: 3 / 5 !important;
}
/* DATABASE DATE SELECTOR */

.map-page-redesign .map-date-search-controls {
    display: grid !important;
    grid-template-columns:
        0.7fr
        1fr
        1fr
        70px;
    gap: 8px !important;
    width: 100% !important;
}

.map-page-redesign #map-date-day,
.map-page-redesign #map-date-month,
.map-page-redesign #map-date-year {
    width: 100% !important;
    min-width: 0 !important;
    height: 58px !important;

    padding: 0 10px;

    box-sizing: border-box;

    color: #eaf6fd;
    background: #09131c;

    border: 1px solid rgba(88, 178, 255, .28);
    border-radius: 8px;

    font-size: 14px;
    cursor: pointer;
}

.map-page-redesign #map-date-clear {
    width: 70px !important;
    min-width: 70px !important;
    height: 58px !important;
}
/* =========================================================
   DESKTOP TYPOGRAPHY - NORMALISED FOR 100% BROWSER ZOOM
========================================================= */

@media (min-width: 1001px) {

    /* HEADER */

    .site-header .main-navigation a {
        font-size: 18px !important;
    }

    .site-header .random-sighting-button {
        font-size: 15px !important;
    }


    /* HOMEPAGE HERO */

    .hero-content h1 {
        font-size: clamp(42px, 4vw, 62px) !important;
    }

    .hero-intro {
        font-size: 17px !important;
        line-height: 1.6;
    }

    .hero-button {
        min-height: 52px !important;
        padding: 0 26px !important;
        font-size: 16px !important;
    }


    /* HOMEPAGE SECTION HEADINGS */

    .section-heading h2 {
        font-size: clamp(30px, 3vw, 40px) !important;
    }

    .explore-intro {
        font-size: 15px !important;
    }


    /* RECENT SIGHTINGS */

    .recent-case-number {
        font-size: 14px !important;
    }

    .recent-shape {
        font-size: 12px !important;
    }

    .recent-date {
        font-size: 14px !important;
    }

    .recent-card-content h3 {
        font-size: 19px !important;
    }

    .recent-evidence {
        font-size: 14px !important;
    }

    .recent-view-case {
        font-size: 14px !important;
    }


    /* EXPLORE DATABASE */

    .explore-card h3 {
        font-size: 22px !important;
    }

    .explore-card p {
        font-size: 15px !important;
    }

    .explore-card-link {
        font-size: 14px !important;
    }


    /* ARCHIVE HERO */

    body.post-type-archive-sightings .archive-kicker {
        font-size: 13px !important;
    }

    body.post-type-archive-sightings .archive-hero h1 {
        font-size: clamp(42px, 4vw, 60px) !important;
    }

    body.post-type-archive-sightings .archive-intro {
        font-size: 17px !important;
    }


    /* ARCHIVE SEARCH */

    body.post-type-archive-sightings .archive-main-search input {
        font-size: 17px !important;
    }

    body.post-type-archive-sightings .archive-filter-grid select,
    body.post-type-archive-sightings .archive-search-submit,
    body.post-type-archive-sightings .archive-clear-button {
        font-size: 15px !important;
    }


    /* ARCHIVE CASE CARDS */

    body.post-type-archive-sightings .archive-case-number {
        font-size: 19px !important;
    }

    body.post-type-archive-sightings .archive-meta-row strong {
        font-size: 15px !important;
    }

    body.post-type-archive-sightings .archive-view-case {
        font-size: 14px !important;
    }


    /* SINGLE CASE */

    body.single-sightings .case-identity h1 {
        font-size: clamp(42px, 4vw, 60px) !important;
    }

    body.single-sightings .case-hero-meta-item strong {
        font-size: 15px !important;
    }

    body.single-sightings .case-panel-heading h2 {
        font-size: 22px !important;
    }

    body.single-sightings .case-data-list strong {
        font-size: 15px !important;
    }

    body.single-sightings .case-witness-report {
        font-size: 17px !important;
    }


    /* MAP */

    .map-page-redesign .map-hero-kicker {
        font-size: 13px !important;
    }

    .map-page-redesign .map-hero h1 {
        font-size: clamp(42px, 4vw, 60px) !important;
    }

    .map-page-redesign .map-hero-description {
        font-size: 17px !important;
    }

    .map-page-redesign .map-control-title h2 {
        font-size: 23px !important;
    }

    .map-page-redesign .map-filter select {
        font-size: 14px !important;
    }

    .map-page-redesign .map-reset-button {
        font-size: 13px !important;
    }

    .map-page-redesign .map-sighting-count {
        font-size: 13px !important;
    }

}
/* FINAL DESKTOP LOGO SIZE */

@media (min-width: 1001px) {

    .site-header .site-logo {
        width: 175px !important;
        flex: 0 0 175px !important;
    }

    .site-header .site-logo img {
        width: 330px !important;
        max-width: none !important;

        top: 0 !important;
        left: -60px !important;
    }

}
/* =========================================================
   MAP PAGE - 100% ZOOM POLISH
========================================================= */

@media (min-width: 1001px) {

    /* -----------------------------------------
       CENTRE MAP HERO
    ----------------------------------------- */

    .map-page-redesign .map-hero-inner {
        text-align: center !important;
    }

    .map-page-redesign .map-hero h1 {
        max-width: 900px !important;
        margin: 0 auto 16px !important;
    }

    .map-page-redesign .map-hero-description {
        max-width: 760px !important;
        margin: 0 auto !important;
    }


    /* -----------------------------------------
       COMPACT MAIN FILTER PANEL
    ----------------------------------------- */

    .map-page-redesign .map-control-panel {
        padding: 20px !important;
    }

    .map-page-redesign .map-control-heading {
        margin-bottom: 18px !important;
    }

    .map-page-redesign .map-control-icon {
        width: 42px !important;
        height: 42px !important;
        flex-basis: 42px !important;
    }

    .map-page-redesign .map-control-icon svg {
        width: 21px !important;
        height: 21px !important;
    }


    /* Year / County / Shape / Reset */

    .map-page-redesign .map-filter-grid {
        gap: 10px !important;
    }

    .map-page-redesign .map-filter select,
    .map-page-redesign .map-reset-button {
        height: 46px !important;
    }


    /* -----------------------------------------
       COMPACT DATABASE SEARCH
    ----------------------------------------- */

    .map-page-redesign .map-filter-grid > .map-database-search {
        margin-top: 12px !important;
        padding-top: 14px !important;
    }

    .map-page-redesign .map-control-panel #map-search {
        height: 48px !important;
        min-height: 48px !important;

        padding-left: 46px !important;

        font-size: 14px !important;
    }

    .map-page-redesign .map-control-panel #map-search-clear {
        height: 48px !important;

        flex-basis: 120px !important;
        width: 120px !important;
        min-width: 120px !important;

        font-size: 13px !important;
    }


    /* -----------------------------------------
       COMPACT DATE SEARCH
    ----------------------------------------- */

    .map-page-redesign .map-filter-grid > .map-date-search-inline {
        margin-top: 12px !important;
        padding-top: 14px !important;
    }

    .map-page-redesign #map-date-day,
    .map-page-redesign #map-date-month,
    .map-page-redesign #map-date-year {
        height: 48px !important;

        font-size: 13px !important;
    }

    .map-page-redesign #map-date-clear {
        width: 60px !important;
        min-width: 60px !important;
        height: 48px !important;

        font-size: 11px !important;
    }

    .map-page-redesign .map-date-search-controls {
        grid-template-columns:
            .7fr
            1fr
            1fr
            60px !important;

        gap: 6px !important;
    }


    /* -----------------------------------------
       COMPACT POSTCODE TILE
    ----------------------------------------- */

    .map-page-redesign .postcode-search-panel {
        padding: 20px !important;
        gap: 14px !important;
    }

    .map-page-redesign .postcode-search-copy h3 {
        font-size: 20px !important;
    }

    .map-page-redesign .postcode-search-copy p {
        font-size: 14px !important;
    }

    .map-page-redesign #postcode-search,
    .map-page-redesign #postcode-search-button {
        height: 46px !important;
    }

}
/* =========================================================
   MAP PAGE - EXTRA COMPACT CONTROL TILES
========================================================= */

@media (min-width: 1001px) {

    /* Main left filter tile */
    .map-page-redesign .map-control-panel {
        padding: 14px 16px !important;
        min-height: 0 !important;
        height: auto !important;
    }

    /* Right postcode tile */
    .map-page-redesign .postcode-search-panel {
        padding: 14px 16px !important;
        min-height: 0 !important;
        height: auto !important;

        justify-content: flex-start !important;
        gap: 10px !important;
    }

    /* Stop the two-column grid stretching tiles vertically */
    .map-page-redesign .map-interface-inner {
        align-items: start !important;
    }


    /* CONTROL PANEL HEADING */

    .map-page-redesign .map-control-heading {
        margin-bottom: 10px !important;
    }

    .map-page-redesign .map-control-icon {
        width: 34px !important;
        height: 34px !important;
        flex: 0 0 34px !important;
    }

    .map-page-redesign .map-control-icon svg {
        width: 17px !important;
        height: 17px !important;
    }

    .map-page-redesign .map-control-title h2 {
        font-size: 19px !important;
        margin-bottom: 2px !important;
    }

    .map-page-redesign .map-sighting-count {
        font-size: 12px !important;
    }


    /* YEAR / COUNTY / SHAPE / RESET */

    .map-page-redesign .map-filter-grid {
        gap: 8px !important;
    }

    .map-page-redesign .map-filter label {
        font-size: 11px !important;
        margin-bottom: 5px !important;
    }

    .map-page-redesign .map-filter select,
    .map-page-redesign .map-reset-button {
        height: 40px !important;
        min-height: 40px !important;
        font-size: 13px !important;
    }


    /* SEARCH + DATE SECTIONS */

    .map-page-redesign .map-filter-grid > .map-database-search,
    .map-page-redesign .map-filter-grid > .map-date-search-inline {
        margin-top: 8px !important;
        padding-top: 10px !important;
    }

    .map-page-redesign .map-database-search-heading {
        margin-bottom: 6px !important;
    }

    .map-page-redesign .map-database-search-heading span {
        font-size: 11px !important;
    }


    /* DATABASE SEARCH */

    .map-page-redesign .map-control-panel #map-search {
        height: 40px !important;
        min-height: 40px !important;
        font-size: 13px !important;
    }

    .map-page-redesign .map-control-panel #map-search-clear {
        height: 40px !important;
        width: 105px !important;
        min-width: 105px !important;
        flex-basis: 105px !important;
        font-size: 12px !important;
    }


    /* DATE SEARCH */

    .map-page-redesign #map-date-day,
    .map-page-redesign #map-date-month,
    .map-page-redesign #map-date-year {
        height: 40px !important;
        min-height: 40px !important;
        font-size: 12px !important;
    }

    .map-page-redesign #map-date-clear {
        width: 55px !important;
        min-width: 55px !important;
        height: 40px !important;
        font-size: 10px !important;
    }

    .map-page-redesign .map-date-search-controls {
        grid-template-columns:
            .7fr
            1fr
            1fr
            55px !important;
    }


    /* POSTCODE PANEL */

    .map-page-redesign .postcode-search-copy h3 {
        font-size: 18px !important;
        margin-bottom: 4px !important;
    }

    .map-page-redesign .postcode-search-copy p {
        font-size: 13px !important;
        line-height: 1.45 !important;
        margin-bottom: 8px !important;
    }

    .map-page-redesign #postcode-search,
    .map-page-redesign #postcode-search-button {
        height: 40px !important;
        min-height: 40px !important;
        font-size: 13px !important;
    }

}
/* =========================================================
   MAP HEIGHT - DESKTOP
========================================================= */

@media (min-width: 1001px) {

    .map-page-redesign #ufo-map {
        height: 750px !important;
    }

    .map-page-redesign .map-frame {
        height: 750px !important;
        min-height: 650px !important;
    }

}
/* =========================================================
   MAP PAGE - ARCHIVE CTA
========================================================= */

.map-archive-cta {
    max-width: 1200px;
    margin: 45px auto 60px;
    padding: 0 24px;
    text-align: center;
}

.map-archive-cta {
    max-width: 1200px;
    margin: 5px auto 50px;
    padding: 0 24px;
    text-align: center;
}

.map-archive-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;

    min-height: 48px;
    padding: 0 24px;

    border: 1px solid rgba(0, 229, 255, 0.45);
    border-radius: 8px;

    background: rgba(0, 229, 255, 0.07);
    color: #ffffff;

    font-size: 15px;
    font-weight: 700;
    text-decoration: none;

    transition:
        background 0.2s ease,
        border-color 0.2s ease,
        transform 0.2s ease;
}

.map-archive-button:hover {
    background: rgba(0, 229, 255, 0.14);
    border-color: #00e5ff;
    color: #ffffff;
    transform: translateY(-2px);
}

.map-archive-button span {
    color: #00e5ff;
    font-size: 18px;
}
/* Make archive CTA blend into map page */
.map-archive-cta {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}
/* MAP ARCHIVE CTA - BLEND WITH MAP SECTION */

.map-archive-cta {
    max-width: none !important;
    width: 100% !important;
    box-sizing: border-box !important;
    background: #050a0f !important;
    margin: 0 !important;
    padding: 16px 24px 50px !important;
    text-align: center;
}
/* =========================================================
   ARCHIVE PAGE - COMPACT DESKTOP TYPOGRAPHY
========================================================= */

@media (min-width: 1001px) {

    /* HERO */

    body.post-type-archive-sightings .archive-kicker {
        font-size: 11px !important;
        letter-spacing: 2px !important;
    }

    body.post-type-archive-sightings .archive-hero h1 {
        font-size: 46px !important;
        line-height: 1.08 !important;
    }

    body.post-type-archive-sightings .archive-intro {
        font-size: 15px !important;
        line-height: 1.6 !important;
    }


    /* ARCHIVE STAT CARDS */

    body.post-type-archive-sightings .archive-stat-number {
        font-size: 28px !important;
    }

    body.post-type-archive-sightings .archive-stat-label {
        font-size: 11px !important;
        letter-spacing: 1px !important;
    }


    /* SEARCH AREA */

    body.post-type-archive-sightings .archive-search-heading h2 {
        font-size: 21px !important;
    }

    body.post-type-archive-sightings .archive-search-heading p {
        font-size: 13px !important;
    }

    body.post-type-archive-sightings .archive-main-search input {
        font-size: 14px !important;
        height: 46px !important;
    }

    body.post-type-archive-sightings .archive-filter-grid label {
        font-size: 11px !important;
    }

    body.post-type-archive-sightings .archive-filter-grid select {
        font-size: 13px !important;
        height: 42px !important;
    }

    body.post-type-archive-sightings .archive-search-submit,
    body.post-type-archive-sightings .archive-clear-button {
        font-size: 13px !important;
        min-height: 42px !important;
    }


    /* RESULTS HEADING */

    body.post-type-archive-sightings .archive-results-heading h2 {
        font-size: 23px !important;
    }

    body.post-type-archive-sightings .archive-results-count {
        font-size: 13px !important;
    }


    /* CASE CARDS */

    body.post-type-archive-sightings .archive-case-number {
        font-size: 16px !important;
    }

    body.post-type-archive-sightings .archive-shape-badge {
        font-size: 11px !important;
    }

    body.post-type-archive-sightings .archive-meta-row {
        font-size: 13px !important;
    }

    body.post-type-archive-sightings .archive-meta-row strong {
        font-size: 13px !important;
    }

    body.post-type-archive-sightings .archive-view-case {
        font-size: 12px !important;
    }


    /* LUCKY DIP / RANDOM CASE */

    body.post-type-archive-sightings .archive-random-section h2 {
        font-size: 22px !important;
    }

    body.post-type-archive-sightings .archive-random-section p {
        font-size: 14px !important;
    }

    body.post-type-archive-sightings .archive-random-button {
        font-size: 13px !important;
    }


    /* PAGINATION */

    body.post-type-archive-sightings .page-numbers {
        font-size: 13px !important;
    }

}
/* =========================================================
   ARCHIVE PAGE - COMPACT LAYOUT / MOVE CONTENT UP
========================================================= */

@media (min-width: 1001px) {

    /* -----------------------------------------
       MOVE ARCHIVE HERO CONTENT UP
    ----------------------------------------- */

    body.post-type-archive-sightings .archive-hero {
        padding-top: 105px !important;
        padding-bottom: 20px !important;
    }

    body.post-type-archive-sightings .archive-hero-inner {
        max-width: 1100px !important;
        margin: 0 auto !important;
    }

    body.post-type-archive-sightings .archive-hero h1 {
        margin-bottom: 10px !important;
    }

    body.post-type-archive-sightings .archive-intro {
        margin-bottom: 0 !important;
    }


    /* -----------------------------------------
       MAKE STATS TILES SMALLER
    ----------------------------------------- */

    body.post-type-archive-sightings .archive-stats-grid {
        gap: 10px !important;
        margin-top: 18px !important;
    }

    body.post-type-archive-sightings .archive-stat-card {
        padding: 14px 16px !important;
        min-height: 0 !important;
    }

    body.post-type-archive-sightings .archive-stat-number {
        font-size: 24px !important;
        line-height: 1.1 !important;
        margin-bottom: 3px !important;
    }

    body.post-type-archive-sightings .archive-stat-label {
        font-size: 10px !important;
    }


    /* -----------------------------------------
       THINNER FILTER / SEARCH BAR
    ----------------------------------------- */

    body.post-type-archive-sightings .archive-search-panel {
        margin-top: 18px !important;
        padding: 14px 16px !important;
    }

    body.post-type-archive-sightings .archive-search-heading {
        margin-bottom: 10px !important;
    }

    body.post-type-archive-sightings .archive-search-heading h2 {
        font-size: 19px !important;
        margin-bottom: 2px !important;
    }

    body.post-type-archive-sightings .archive-search-heading p {
        font-size: 12px !important;
        margin-bottom: 0 !important;
    }

    body.post-type-archive-sightings .archive-main-search {
        margin-bottom: 10px !important;
    }

    body.post-type-archive-sightings .archive-main-search input {
        height: 40px !important;
        min-height: 40px !important;
        font-size: 13px !important;
    }

    body.post-type-archive-sightings .archive-filter-grid {
        gap: 8px !important;
    }

    body.post-type-archive-sightings .archive-filter-grid label {
        font-size: 10px !important;
        margin-bottom: 4px !important;
    }

    body.post-type-archive-sightings .archive-filter-grid select {
        height: 38px !important;
        min-height: 38px !important;
        font-size: 12px !important;
    }

    body.post-type-archive-sightings .archive-search-submit,
    body.post-type-archive-sightings .archive-clear-button {
        min-height: 38px !important;
        height: 38px !important;
        font-size: 12px !important;
        padding: 0 14px !important;
    }


    /* -----------------------------------------
       MAKE CASE TILES SMALLER
    ----------------------------------------- */

    body.post-type-archive-sightings .archive-results-grid {
        gap: 12px !important;
    }

    body.post-type-archive-sightings .archive-case-card {
        padding: 14px 16px !important;
        min-height: 0 !important;
    }

    body.post-type-archive-sightings .archive-case-header {
        margin-bottom: 10px !important;
    }

    body.post-type-archive-sightings .archive-case-number {
        font-size: 15px !important;
    }

    body.post-type-archive-sightings .archive-meta-row {
        margin-bottom: 5px !important;
        line-height: 1.4 !important;
    }

    body.post-type-archive-sightings .archive-view-case {
        margin-top: 10px !important;
        min-height: 36px !important;
        padding: 0 14px !important;
    }

}
/* =========================================================
   ARCHIVE - COMPACT STATS + LUCKY DIP
========================================================= */

@media (min-width: 1001px) {

    /* -----------------------------------------
       STATS SECTION
    ----------------------------------------- */

    body.post-type-archive-sightings .archive-stats {
        padding-top: 18px !important;
        padding-bottom: 18px !important;
    }

    body.post-type-archive-sightings .archive-stats-grid {
        gap: 8px !important;
        margin-top: 10px !important;
    }

    body.post-type-archive-sightings .archive-stat-card {
        padding: 10px 14px !important;
        min-height: 0 !important;
    }

    body.post-type-archive-sightings .archive-stat-number {
        font-size: 21px !important;
        line-height: 1.1 !important;
        margin-bottom: 2px !important;
    }

    body.post-type-archive-sightings .archive-stat-label {
        font-size: 9px !important;
        line-height: 1.3 !important;
    }


    /* -----------------------------------------
       LUCKY DIP SECTION
    ----------------------------------------- */

    body.post-type-archive-sightings .archive-random-section {
        padding-top: 24px !important;
        padding-bottom: 30px !important;
    }

    body.post-type-archive-sightings .archive-random-section h2 {
        font-size: 19px !important;
        margin-bottom: 5px !important;
    }

    body.post-type-archive-sightings .archive-random-section p {
        font-size: 12px !important;
        line-height: 1.5 !important;
        margin-bottom: 12px !important;
    }

    body.post-type-archive-sightings .archive-random-button {
        min-height: 38px !important;
        padding: 0 18px !important;
        font-size: 12px !important;
    }

}
/* =========================================================
   ARCHIVE - FINAL COMPACT LUCKY DIP + STATS
========================================================= */

@media (min-width: 1001px) {

    /* LUCKY DIP */

    body.post-type-archive-sightings .archive-lucky-dip {
        margin-top: 10px !important;
        gap: 10px !important;
        font-size: 12px !important;
    }

    body.post-type-archive-sightings .archive-lucky-dip-button {
        min-height: 34px !important;
        padding: 0 12px !important;
        font-size: 12px !important;
        gap: 6px !important;
    }

    body.post-type-archive-sightings .archive-lucky-dip-button svg {
        width: 14px !important;
        height: 14px !important;
    }


    /* STATS */

    body.post-type-archive-sightings .archive-stat {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }

    body.post-type-archive-sightings .archive-stat strong {
        font-size: 28px !important;
        line-height: 1 !important;
    }

    body.post-type-archive-sightings .archive-stat span {
        font-size: 10px !important;
        letter-spacing: 1.5px !important;
    }

}
/* =========================================================
   ARCHIVE - COMPACT STATS STRIP
========================================================= */

@media (min-width: 1001px) {

    /* Reduce height of entire stats section */
    body.post-type-archive-sightings .archive-stats {
        padding-top: 15px !important;
        padding-bottom: 22px !important;
        min-height: 0 !important;
    }

    /* Keep stats vertically compact */
    body.post-type-archive-sightings .archive-stats-inner {
        min-height: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    /* Individual stats */
    body.post-type-archive-sightings .archive-stat {
        min-height: 0 !important;
        padding: 8px 20px !important;
    }

    body.post-type-archive-sightings .archive-stat strong {
        margin-bottom: 5px !important;
    }

}
/* =========================================================
   ARCHIVE STATS - IMAGE TILES
========================================================= */

body.post-type-archive-sightings .archive-stats {
    padding: 0 0 28px !important;
    background: #05090d !important;
}

body.post-type-archive-sightings .archive-stats-inner {
    width: 92% !important;
    max-width: 1500px !important;

    margin: 0 auto !important;

    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;

    gap: 14px !important;
}

body.post-type-archive-sightings .archive-stat-image {
    position: relative;

    min-height: 145px !important;

    padding: 18px !important;

    display: flex !important;
    align-items: flex-end !important;
    justify-content: flex-start !important;

    overflow: hidden;

    border:
        1px solid
        rgba(88, 178, 255, 0.24);

    border-radius: 12px;

   background-size: cover !important;
background-position: center !important;
background-repeat: no-repeat !important;

    box-shadow:
        inset 0 0 30px rgba(0, 0, 0, 0.45),
        0 12px 28px rgba(0, 0, 0, 0.18);

    text-align: left !important;

    transition:
        transform 0.2s ease,
        border-color 0.2s ease,
        box-shadow 0.2s ease;
}

body.post-type-archive-sightings .archive-stat-image:hover {
    transform: translateY(-3px);

    border-color:
        rgba(88, 178, 255, 0.55);

    box-shadow:
        inset 0 0 30px rgba(0, 0, 0, 0.40),
        0 16px 34px rgba(0, 0, 0, 0.24),
        0 0 22px rgba(22, 140, 255, 0.10);
}


/* Remove old divider lines */

body.post-type-archive-sightings
.archive-stat-image::after {
    display: none !important;
}


/* Text content */

body.post-type-archive-sightings
.archive-stat-content {
    position: relative;
    z-index: 2;

    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

body.post-type-archive-sightings
.archive-stat-content strong {
    font-size: 30px !important;
    line-height: 1 !important;

    color: #ffffff !important;

    text-shadow:
        0 0 16px
        rgba(22, 140, 255, 0.45);
}

body.post-type-archive-sightings
.archive-stat-content span {
    margin-top: 6px !important;

    font-size: 10px !important;
    font-weight: 800 !important;

    letter-spacing: 1.5px !important;

    color: #a8bac8 !important;

    text-transform: uppercase;
}


/* Responsive */

@media (max-width: 1000px) {

    body.post-type-archive-sightings .archive-stats-inner {
        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;
    }

}

@media (max-width: 600px) {

    body.post-type-archive-sightings .archive-stats-inner {
        grid-template-columns: 1fr !important;
    }

}
/* =========================================================
   ARCHIVE STATS - TEXT BOTTOM RIGHT
========================================================= */

body.post-type-archive-sightings
.archive-stat-content {
    position: relative;
    z-index: 2;

    margin-left: auto !important;
    margin-top: auto !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: flex-end !important;

    text-align: right !important;

    padding: 10px 12px !important;

    background: rgba(4, 10, 16, 0.72) !important;

    border:
        1px solid
        rgba(0, 229, 255, 0.22) !important;

    border-radius: 8px !important;

    backdrop-filter: blur(4px);

    box-shadow:
        0 6px 18px rgba(0, 0, 0, 0.28),
        0 0 16px rgba(0, 229, 255, 0.06);
}

body.post-type-archive-sightings
.archive-stat-content strong {
    font-size: 28px !important;
    color: #ffffff !important;
    line-height: 1 !important;

    text-shadow:
        0 0 12px rgba(0, 229, 255, 0.35);
}

body.post-type-archive-sightings
.archive-stat-content span {
    margin-top: 5px !important;

    font-size: 10px !important;
    color: #9fdfff !important;

    letter-spacing: 1.4px !important;
}
/* =========================================================
   ARCHIVE CASE FILES - COMPACT
========================================================= */

@media (min-width: 1001px) {

    /* Bring Case Files section up */
    body.post-type-archive-sightings .archive-results {
        padding-top: 16px !important;
    }

    body.post-type-archive-sightings .archive-results-inner {
        margin-top: 0 !important;
    }

    body.post-type-archive-sightings .archive-results-header {
        margin-bottom: 14px !important;
    }

    body.post-type-archive-sightings .archive-section-kicker {
        font-size: 10px !important;
        letter-spacing: 1.5px !important;
    }

    body.post-type-archive-sightings .archive-results-header h2 {
        font-size: 22px !important;
        margin-top: 2px !important;
        margin-bottom: 0 !important;
    }

    body.post-type-archive-sightings .archive-result-count {
        font-size: 12px !important;
    }


    /* Smaller card grid */
    body.post-type-archive-sightings .archive-case-grid {
        gap: 10px !important;
    }

    body.post-type-archive-sightings .archive-case-card {
        padding: 12px 14px !important;
        min-height: 0 !important;
    }


    /* Card heading */
    body.post-type-archive-sightings .archive-case-heading {
        margin-bottom: 8px !important;
    }

    body.post-type-archive-sightings .archive-case-label {
        font-size: 9px !important;
        letter-spacing: 1.2px !important;
    }

    body.post-type-archive-sightings .archive-case-number {
        font-size: 14px !important;
        line-height: 1.2 !important;
    }


    /* Shape badge */
    body.post-type-archive-sightings .archive-shape-badge {
        padding: 5px 8px !important;
        gap: 6px !important;
    }

    body.post-type-archive-sightings .archive-shape-visual {
        width: 24px !important;
        height: 24px !important;
    }

    body.post-type-archive-sightings .archive-shape-text small {
        font-size: 8px !important;
    }

    body.post-type-archive-sightings .archive-shape-text strong {
        font-size: 10px !important;
    }


    /* Divider */
    body.post-type-archive-sightings .archive-case-divider {
        margin: 8px 0 !important;
    }


    /* Metadata rows */
    body.post-type-archive-sightings .archive-case-meta {
        gap: 6px !important;
    }

    body.post-type-archive-sightings .archive-meta-row {
        gap: 8px !important;
        margin-bottom: 4px !important;
    }

    body.post-type-archive-sightings .archive-meta-icon {
        width: 22px !important;
        height: 22px !important;
    }

    body.post-type-archive-sightings .archive-meta-icon svg {
        width: 14px !important;
        height: 14px !important;
    }

    body.post-type-archive-sightings .archive-meta-label {
        font-size: 9px !important;
    }

    body.post-type-archive-sightings .archive-meta-row strong {
        font-size: 12px !important;
        line-height: 1.3 !important;
    }


    /* View Case button */
    body.post-type-archive-sightings .archive-view-case {
        margin-top: 8px !important;
        min-height: 32px !important;
        padding: 0 12px !important;
        font-size: 11px !important;
    }

}
/* =========================================================
   ARCHIVE CASE GRID - 4 PER ROW
========================================================= */

@media (min-width: 1200px) {

    body.post-type-archive-sightings .archive-case-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }

    body.post-type-archive-sightings .archive-case-card {
        padding: 10px 12px !important;
        min-height: 0 !important;
    }

    body.post-type-archive-sightings .archive-case-number {
        font-size: 13px !important;
    }

    body.post-type-archive-sightings .archive-case-label {
        font-size: 8px !important;
    }

    body.post-type-archive-sightings .archive-shape-badge {
        padding: 4px 6px !important;
        gap: 5px !important;
    }

    body.post-type-archive-sightings .archive-shape-visual {
        width: 20px !important;
        height: 20px !important;
    }

    body.post-type-archive-sightings .archive-shape-text small {
        font-size: 7px !important;
    }

    body.post-type-archive-sightings .archive-shape-text strong {
        font-size: 9px !important;
    }

    body.post-type-archive-sightings .archive-meta-row {
        gap: 6px !important;
        margin-bottom: 3px !important;
    }

    body.post-type-archive-sightings .archive-meta-icon {
        width: 18px !important;
        height: 18px !important;
    }

    body.post-type-archive-sightings .archive-meta-icon svg {
        width: 12px !important;
        height: 12px !important;
    }

    body.post-type-archive-sightings .archive-meta-label {
        font-size: 8px !important;
    }

    body.post-type-archive-sightings .archive-meta-row strong {
        font-size: 11px !important;
    }

    body.post-type-archive-sightings .archive-view-case {
        min-height: 30px !important;
        margin-top: 6px !important;
        padding: 0 10px !important;
        font-size: 10px !important;
    }

}
/* =========================================================
   ARCHIVE PAGE - MAP CTA
========================================================= */

.archive-map-cta {
    width: 100%;
    box-sizing: border-box;

    margin: 0 !important;
    padding: 18px 24px 44px !important;

    text-align: center;

    background: #05090d;
}

.archive-map-cta p {
    margin: 0 0 12px;

    font-size: 13px;

    color: rgba(255, 255, 255, 0.65);
}

.archive-map-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: 8px;

    min-height: 42px;
    padding: 0 18px;

    border: 1px solid rgba(0, 229, 255, 0.42);
    border-radius: 8px;

    background: rgba(0, 229, 255, 0.07);

    color: #ffffff;

    font-size: 13px;
    font-weight: 700;

    text-decoration: none;

    transition:
        background 0.2s ease,
        border-color 0.2s ease,
        transform 0.2s ease;
}

.archive-map-button:hover {
    background: rgba(0, 229, 255, 0.14);
    border-color: #00e5ff;
    color: #ffffff;

    transform: translateY(-2px);
}

.archive-map-button span {
    color: #00e5ff;
    font-size: 16px;
}
/* =========================================================
   SINGLE CASE PAGE - COMPACT DESKTOP LAYOUT
========================================================= */

@media (min-width: 1001px) {

    /* -----------------------------------------
       HERO / MAIN CASE HEADING
    ----------------------------------------- */

    body.single-sightings .case-hero {
        padding-top: 125px !important;
        padding-bottom: 24px !important;
    }

    body.single-sightings .case-hero-inner {
        max-width: 1100px !important;
        margin: 0 auto !important;
        padding-left: 120px !important;
        padding-right: 40px !important;
        box-sizing: border-box !important;
    }

    body.single-sightings .case-identity h1 {
        font-size: 44px !important;
        line-height: 1.08 !important;
        margin-bottom: 10px !important;
    }

    body.single-sightings .case-kicker,
    body.single-sightings .case-label {
        font-size: 10px !important;
        letter-spacing: 1.5px !important;
    }

    body.single-sightings .case-hero-meta {
        gap: 14px !important;
        margin-top: 12px !important;
    }

    body.single-sightings .case-hero-meta-item {
        padding: 10px 12px !important;
    }

    body.single-sightings .case-hero-meta-item span {
        font-size: 9px !important;
    }

    body.single-sightings .case-hero-meta-item strong {
        font-size: 13px !important;
    }


    /* -----------------------------------------
       MAIN CONTENT WIDTH / POSITION
    ----------------------------------------- */

    body.single-sightings .case-content,
    body.single-sightings .case-main,
    body.single-sightings .case-content-inner {
        max-width: 1100px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }


    /* -----------------------------------------
       PANELS
    ----------------------------------------- */

    body.single-sightings .case-panel {
        padding: 14px 16px !important;
    }

    body.single-sightings .case-panel-heading {
        margin-bottom: 10px !important;
    }

    body.single-sightings .case-panel-heading h2 {
        font-size: 19px !important;
    }

    body.single-sightings .case-panel-heading p {
        font-size: 12px !important;
    }


    /* -----------------------------------------
       DATA / INFORMATION
    ----------------------------------------- */

    body.single-sightings .case-data-list {
        gap: 8px !important;
    }

    body.single-sightings .case-data-list span,
    body.single-sightings .case-data-label {
        font-size: 9px !important;
    }

    body.single-sightings .case-data-list strong {
        font-size: 12px !important;
        line-height: 1.35 !important;
    }

    body.single-sightings .case-data-item {
        padding: 8px 10px !important;
    }


    /* -----------------------------------------
       WITNESS REPORT
    ----------------------------------------- */

    body.single-sightings .case-witness-report {
        font-size: 14px !important;
        line-height: 1.65 !important;
    }


    /* -----------------------------------------
       MAP / NEARBY
    ----------------------------------------- */

    body.single-sightings .case-map-section,
    body.single-sightings .case-nearby-section {
        padding: 14px !important;
    }

    body.single-sightings .nearby-sighting-card {
        padding: 10px 12px !important;
    }

    body.single-sightings .nearby-case-number {
        font-size: 12px !important;
    }

    body.single-sightings .nearby-sighting-card p,
    body.single-sightings .nearby-sighting-card span {
        font-size: 11px !important;
    }


    /* -----------------------------------------
       SOURCE / NAVIGATION BUTTONS
    ----------------------------------------- */

    body.single-sightings .case-source {
        font-size: 12px !important;
    }

    body.single-sightings .case-navigation a,
    body.single-sightings .case-back-button {
        min-height: 36px !important;
        padding: 0 14px !important;
        font-size: 11px !important;
    }

}
/* =========================================================
   SINGLE CASE PAGE - COMPACT TILES
========================================================= */

@media (min-width: 1001px) {

    /* General panels */
    body.single-sightings .case-panel {
        padding: 10px 12px !important;
        border-radius: 10px !important;
    }

    body.single-sightings .case-panel-heading {
        margin-bottom: 8px !important;
    }


    /* Case information tiles */
    body.single-sightings .case-data-item {
        padding: 6px 8px !important;
        min-height: 0 !important;
    }

    body.single-sightings .case-data-list {
        gap: 6px !important;
    }


    /* Hero metadata tiles */
    body.single-sightings .case-hero-meta {
        gap: 8px !important;
    }

    body.single-sightings .case-hero-meta-item {
        padding: 7px 9px !important;
        min-height: 0 !important;
    }


    /* Map / nearby cards */
    body.single-sightings .case-map-section,
    body.single-sightings .case-nearby-section {
        padding: 10px 12px !important;
    }

    body.single-sightings .nearby-sighting-card {
        padding: 8px 10px !important;
        min-height: 0 !important;
    }


    /* Reduce spacing between major sections */
    body.single-sightings .case-section,
    body.single-sightings .case-panel-section {
        margin-bottom: 14px !important;
    }

}
/* =========================================================
   SINGLE CASE PAGE - STRONG COMPACT TILE REDUCTION
========================================================= */

@media (min-width: 1001px) {

    /* MAIN PANELS */
    body.single-sightings .case-panel {
        padding: 7px 8px !important;
        border-radius: 8px !important;
        min-height: 0 !important;
    }

    body.single-sightings .case-panel-heading {
        margin-bottom: 5px !important;
    }


    /* HERO META TILES */
    body.single-sightings .case-hero-meta {
        gap: 5px !important;
        margin-top: 8px !important;
    }

    body.single-sightings .case-hero-meta-item {
        padding: 5px 6px !important;
        min-height: 0 !important;
        height: auto !important;
    }


    /* CASE INFORMATION TILES */
    body.single-sightings .case-data-list {
        gap: 4px !important;
    }

    body.single-sightings .case-data-item {
        padding: 4px 6px !important;
        min-height: 0 !important;
        height: auto !important;
    }


    /* WITNESS REPORT PANEL */
    body.single-sightings .case-witness-panel {
        padding: 8px 10px !important;
    }


    /* MAP + NEARBY PANELS */
    body.single-sightings .case-map-section,
    body.single-sightings .case-nearby-section {
        padding: 7px 8px !important;
        min-height: 0 !important;
    }


    /* NEARBY SIGHTING CARDS */
    body.single-sightings .nearby-sighting-card {
        padding: 5px 7px !important;
        min-height: 0 !important;
        height: auto !important;
    }


    /* REDUCE SPACE BETWEEN SECTIONS */
    body.single-sightings .case-section,
    body.single-sightings .case-panel-section {
        margin-bottom: 9px !important;
    }

}
/* =========================================================
   SINGLE CASE PAGE - ACTUAL TILE SIZE FIX
========================================================= */

@media (min-width: 1001px) {

    /* QUICK SUMMARY TILES */

    body.single-sightings .case-summary {
        padding: 20px 0 !important;
    }

    body.single-sightings .case-summary-grid {
        gap: 10px !important;
    }

    body.single-sightings .case-summary-card {
        min-height: 75px !important;
        height: auto !important;

        grid-template-columns: 34px 1fr !important;
        column-gap: 9px !important;

        padding: 10px 12px !important;
    }

    body.single-sightings .case-summary-icon {
        width: 34px !important;
        height: 34px !important;
    }

    body.single-sightings .case-summary-icon svg {
        width: 17px !important;
        height: 17px !important;
    }

    body.single-sightings .case-summary-card > span {
        font-size: 8px !important;
        letter-spacing: 1px !important;
    }

    body.single-sightings .case-summary-card > strong {
        margin-top: 2px !important;
        font-size: 13px !important;
    }


    /* CASE INFORMATION ROW TILES */

    body.single-sightings .case-info-layout {
        gap: 14px !important;
    }

    body.single-sightings .case-info-main {
        gap: 8px !important;
    }

    body.single-sightings .case-info-row {
        min-height: 58px !important;
        height: auto !important;

        gap: 10px !important;

        padding: 9px 12px !important;
    }

    body.single-sightings .case-info-icon {
        width: 34px !important;
        height: 34px !important;
        flex: 0 0 34px !important;
    }

    body.single-sightings .case-info-icon svg {
        width: 17px !important;
        height: 17px !important;
    }


    /* MAIN CONTENT SPACING */

    body.single-sightings .case-main-content {
        padding-top: 28px !important;
        padding-bottom: 55px !important;
    }

    body.single-sightings .case-information-grid,
    body.single-sightings .case-map-grid {
        gap: 12px !important;
        margin-bottom: 12px !important;
    }

}
/* =========================================================
   SINGLE CASE - FIX STRETCHED INFORMATION PANEL
========================================================= */

@media (min-width: 1001px) {

    /* Stop the two columns stretching to equal height */
    body.single-sightings .case-info-layout {
        align-items: start !important;
    }

    /* Keep left side only as tall as its content */
    body.single-sightings .case-info-main {
        align-self: start !important;
        height: auto !important;
        min-height: 0 !important;
    }

    /* Keep right side compact too */
    body.single-sightings .case-info-side {
        align-self: start !important;
        height: auto !important;
        min-height: 0 !important;
        gap: 8px !important;
    }

    /* Make right-side tiles match the new compact scale */
    body.single-sightings .case-info-stat {
        min-height: 58px !important;
        height: auto !important;

        padding: 9px 12px !important;
        gap: 4px !important;
    }

    body.single-sightings .case-info-stat span {
        font-size: 9px !important;
    }

    body.single-sightings .case-info-stat strong {
        font-size: 14px !important;
    }

}
/* =========================================================
   SINGLE CASE - SOURCE UNDER MAP
========================================================= */

body.single-sightings .case-map-column {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

body.single-sightings .case-source-panel {
    margin: 0 !important;
}

body.single-sightings .case-source-content {
    padding: 10px 12px !important;
    font-size: 13px !important;
}
/* =========================================================
   SINGLE CASE - MAP / SOURCE / NEARBY POLISH
========================================================= */

@media (min-width: 1001px) {

    /* More breathing room between map and source */
    body.single-sightings .case-map-column {
        gap: 16px !important;
    }

    /* Keep source snug */
    body.single-sightings .case-source-panel {
        margin-top: 0 !important;
    }


    /* Nearby sightings container */
    body.single-sightings .case-nearby-column {
        gap: 10px !important;
    }

    /* Smaller nearby sighting tiles */
    body.single-sightings .nearby-sighting-card {
        padding: 9px 12px !important;
        min-height: 0 !important;
        height: auto !important;
    }

    body.single-sightings .nearby-sighting-card + .nearby-sighting-card {
        margin-top: 8px !important;
    }

    body.single-sightings .nearby-sighting-card a,
    body.single-sightings .nearby-case-number {
        font-size: 12px !important;
    }

    body.single-sightings .nearby-sighting-card p,
    body.single-sightings .nearby-sighting-card span {
        font-size: 10px !important;
        line-height: 1.35 !important;
    }

    /* Reduce internal spacing in nearby cards */
    body.single-sightings .nearby-sighting-card > * {
        margin-bottom: 3px !important;
    }

    body.single-sightings .nearby-sighting-card > *:last-child {
        margin-bottom: 0 !important;
    }

}
/* =========================================================
   SINGLE CASE - MAP / SOURCE / NEARBY FINAL POLISH
========================================================= */

@media (min-width: 1001px) {

    /* Add a proper gap under the map */
    body.single-sightings #case-map {
        margin-bottom: 14px !important;
    }

    /* Keep source tucked neatly under it */
    body.single-sightings .case-source-panel {
        margin-top: 0 !important;
    }


    /* Remove the forced tall nearby column */
    body.single-sightings #nearby-sightings {
        min-height: 0 !important;
        height: auto !important;

        gap: 8px !important;

        font-size: 12px !important;
        line-height: 1.4 !important;
    }


    /* Actual nearby sighting tiles */
    body.single-sightings #nearby-sightings > div,
    body.single-sightings #nearby-sightings .nearby-case {
        padding: 9px 12px !important;

        min-height: 0 !important;
        height: auto !important;

        border-radius: 8px !important;

        font-size: 12px !important;
        line-height: 1.4 !important;
    }


    /* Smaller case link */
    body.single-sightings #nearby-sightings .nearby-case a {
        font-size: 12px !important;
        line-height: 1.3 !important;
    }


    /* Tighten blue accent */
    body.single-sightings #nearby-sightings > div::before {
        top: 9px !important;
        bottom: 9px !important;
    }

}
/* =========================================================
   NEARBY CASES - CLEAN ICON STYLE
========================================================= */

@media (min-width: 1001px) {

    body.single-sightings #nearby-sightings {
        gap: 10px !important;
    }

    body.single-sightings .nearby-case {
        padding: 14px 16px !important;
        min-height: 112px !important;
        box-sizing: border-box !important;
    }

    body.single-sightings .nearby-case-link {
        display: block;
        text-decoration: none;
        color: inherit;
    }

    body.single-sightings .nearby-case-title {
        display: flex;
        align-items: center;
        gap: 8px;
        margin-bottom: 8px;
    }

    body.single-sightings .nearby-case-title strong {
        font-size: 13px !important;
        color: #38a9ff !important;
    }

    body.single-sightings .nearby-case-meta {
        display: flex;
        flex-direction: column;
        gap: 5px;
    }

    body.single-sightings .nearby-case-meta > div {
        display: flex;
        align-items: center;
        gap: 8px;

        font-size: 11px !important;
        line-height: 1.35 !important;
    }

    body.single-sightings .nearby-icon {
        width: 15px;
        height: 15px;

        flex: 0 0 15px;

        display: inline-flex;
        align-items: center;
        justify-content: center;

        color: #38a9ff;
    }

    body.single-sightings .nearby-icon svg {
        width: 15px;
        height: 15px;
        display: block;
    }

}
/* =========================================================
   SINGLE CASE - MATCH LEFT / RIGHT INFO TILES
========================================================= */

@media (min-width: 1001px) {

    /* Make both columns' value text identical */
    body.single-sightings .case-info-row strong,
    body.single-sightings .case-info-stat strong {
        font-size: 18px !important;
        line-height: 1.2 !important;
        font-weight: 700 !important;
    }

    /* Make labels identical too */
    body.single-sightings .case-info-row span,
    body.single-sightings .case-info-stat span {
        font-size: 9px !important;
        letter-spacing: 1px !important;
    }


    /* Make right-side tiles feel the same size as left */
    body.single-sightings .case-info-stat {
        min-height: 58px !important;
        padding: 9px 12px !important;
        box-sizing: border-box !important;
    }

    body.single-sightings .case-info-side {
        gap: 8px !important;
    }


    /* Slightly rebalance the two-column layout */
    body.single-sightings .case-info-layout {
        grid-template-columns: 1fr 1fr !important;
        gap: 12px !important;
    }

}
/* =========================================================
   SINGLE CASE - EVEN LEFT / RIGHT INFO TILES
========================================================= */

@media (min-width: 1001px) {

    /* Keep the two columns aligned from the top */
    body.single-sightings .case-info-layout {
        align-items: stretch !important;
    }

    /* Left column */
    body.single-sightings .case-info-main {
        display: grid !important;
        grid-template-rows: repeat(3, 1fr) !important;
        gap: 8px !important;
        height: 100% !important;
    }

    /* Right column */
    body.single-sightings .case-info-side {
        display: grid !important;
        grid-template-rows: repeat(3, 1fr) !important;
        gap: 8px !important;
        height: 100% !important;
    }

    /* Make both tile types fill their grid row */
    body.single-sightings .case-info-row,
    body.single-sightings .case-info-stat {
        min-height: 0 !important;
        height: 100% !important;
        box-sizing: border-box !important;
    }

    /* Match internal spacing */
    body.single-sightings .case-info-row,
    body.single-sightings .case-info-stat {
        padding: 10px 12px !important;
    }

    /* Match value text exactly */
    body.single-sightings .case-info-row strong,
    body.single-sightings .case-info-stat strong {
        font-size: 18px !important;
        line-height: 1.2 !important;
        font-weight: 700 !important;
    }

    /* Match labels exactly */
    body.single-sightings .case-info-row span,
    body.single-sightings .case-info-stat span {
        font-size: 9px !important;
        letter-spacing: 1px !important;
    }

}
/* =========================================================
   SINGLE CASE - BACK TO ARCHIVE / MAP BUTTONS
========================================================= */

body.single-sightings .case-navigation-actions {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    flex-wrap: wrap;
}

body.single-sightings .case-back-map-button {
    border-color: rgba(0, 229, 255, 0.45) !important;
    background: rgba(0, 229, 255, 0.07) !important;
}

body.single-sightings .case-back-map-button:hover {
    border-color: #00e5ff !important;
    background: rgba(0, 229, 255, 0.14) !important;
}
/* =========================================================
   SINGLE CASE - FIX BOTTOM NAVIGATION
========================================================= */

@media (min-width: 1001px) {

    body.single-sightings .case-navigation {
        display: grid !important;
        grid-template-columns: 1fr auto 1fr !important;
        align-items: center !important;
        gap: 20px !important;
    }

    /* Previous stays left */
    body.single-sightings .case-navigation > :first-child {
        justify-self: start !important;
    }

    /* Archive + Map buttons stay centred */
    body.single-sightings .case-navigation-actions {
        justify-self: center !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        gap: 10px !important;
        flex-wrap: nowrap !important;
    }

    /* Next stays right */
    body.single-sightings .case-navigation > :last-child {
        justify-self: end !important;
        text-align: right !important;
    }

    /* Match the two centre buttons */
    body.single-sightings .case-navigation-actions .case-back-button {
        min-height: 38px !important;
        padding: 0 16px !important;
        white-space: nowrap !important;
    }

}
/* =========================================================
   SINGLE CASE - BOTTOM NAVIGATION ALIGNMENT
========================================================= */

@media (min-width: 1001px) {

    body.single-sightings .case-navigation-redesign {
        display: grid !important;
        grid-template-columns: 1fr auto 1fr !important;
        align-items: center !important;
        gap: 20px !important;
    }

    body.single-sightings .case-navigation-side {
        justify-self: start !important;
    }

    body.single-sightings .case-navigation-next {
        justify-self: end !important;
        text-align: right !important;
    }

    body.single-sightings .case-navigation-centre {
        justify-self: center !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        gap: 10px !important;
        flex-wrap: nowrap !important;
    }

    body.single-sightings .case-navigation-centre .case-back-button {
        min-height: 38px !important;
        padding: 0 16px !important;

        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;

        white-space: nowrap !important;
    }

}
/* =========================================================
   SINGLE CASE - FIX PREVIOUS / CENTRE / NEXT POSITIONS
========================================================= */

@media (min-width: 1001px) {

    body.single-sightings .case-navigation-redesign {
        display: grid !important;
        grid-template-columns: 1fr auto 1fr !important;
        align-items: center !important;
        gap: 20px !important;
    }

    /* Previous */
    body.single-sightings .case-navigation-redesign > .case-navigation-side:first-child {
        grid-column: 1 !important;
        justify-self: start !important;
    }

    /* Centre buttons */
    body.single-sightings .case-navigation-centre {
        grid-column: 2 !important;
        justify-self: center !important;

        display: flex !important;
        align-items: center !important;
        gap: 10px !important;
    }

    /* Next */
    body.single-sightings .case-navigation-next {
        grid-column: 3 !important;
        justify-self: end !important;
        text-align: right !important;
    }

}
/* =========================================================
   SINGLE CASE - FINAL BOTTOM NAVIGATION
========================================================= */

@media (min-width: 1001px) {

    body.single-sightings .case-navigation-redesign {
        display: grid !important;
        grid-template-columns: 1fr auto 1fr !important;
        align-items: center !important;
        gap: 20px !important;
    }

    body.single-sightings .case-navigation-side {
        grid-column: 1 !important;
        justify-self: start !important;
    }

    body.single-sightings .case-navigation-centre {
        grid-column: 2 !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        gap: 10px !important;

        justify-self: center !important;
    }

    body.single-sightings .case-navigation-next {
        grid-column: 3 !important;
        justify-self: end !important;
        text-align: right !important;
    }

    body.single-sightings .case-navigation-next a {
        justify-content: flex-end !important;
    }

    body.single-sightings .case-navigation-centre a {
        min-height: 38px !important;
        padding: 0 16px !important;
        white-space: nowrap !important;
    }

}
/* =========================================================
   SINGLE CASE - FINAL BOTTOM NAV FLEX FIX
========================================================= */

@media (min-width: 1001px) {

    body.single-sightings .case-navigation-redesign {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;

        width: 100% !important;
        gap: 20px !important;
    }


    /* Previous + Next take equal space */

    body.single-sightings .case-navigation-side {
        display: flex !important;

        flex: 1 1 0 !important;
        min-width: 0 !important;

        visibility: visible !important;
        opacity: 1 !important;
    }


    /* Previous stays left */

    body.single-sightings
    .case-navigation-side:first-child {
        justify-content: flex-start !important;
    }


    /* Next stays right */

    body.single-sightings .case-navigation-next {
        display: flex !important;
        justify-content: flex-end !important;

        visibility: visible !important;
        opacity: 1 !important;
    }

    body.single-sightings .case-navigation-next a {
        display: flex !important;
        justify-content: flex-end !important;
        text-align: right !important;
    }


    /* Centre buttons */

    body.single-sightings .case-navigation-centre {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        flex: 0 0 auto !important;

        gap: 10px !important;
    }

    body.single-sightings .case-navigation-centre a {
        min-height: 38px !important;
        padding: 0 16px !important;

        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;

        white-space: nowrap !important;
    }

}
/* =========================================================
   ARCHIVE - DATE SEARCH
========================================================= */

@media (min-width: 1001px) {

    body.post-type-archive-sightings
    .archive-date-search {
        margin-top: 10px !important;
        padding-top: 10px !important;

        border-top:
            1px solid
            rgba(255, 255, 255, 0.07);
    }

    body.post-type-archive-sightings
    .archive-date-search-label {
        margin-bottom: 6px;

        font-size: 10px;
        font-weight: 800;

        letter-spacing: 1.2px;
        text-transform: uppercase;

        color: rgba(255, 255, 255, 0.55);
    }

    body.post-type-archive-sightings
    .archive-date-search-controls {
        display: grid;

        grid-template-columns:
            0.7fr
            1.2fr
            1fr
            auto
            auto;

        gap: 8px;

        align-items: center;
    }

    body.post-type-archive-sightings
    .archive-date-search select {
        height: 38px !important;
        min-height: 38px !important;

        padding: 0 10px;

        font-size: 12px !important;

        border:
            1px solid
            rgba(255, 255, 255, 0.12);

        border-radius: 7px;

        background: #0a1016;
        color: #ffffff;
    }

    body.post-type-archive-sightings
    .archive-date-submit,
    body.post-type-archive-sightings
    .archive-date-clear {
        height: 38px !important;
        min-height: 38px !important;

        padding: 0 14px;

        display: inline-flex;
        align-items: center;
        justify-content: center;

        border-radius: 7px;

        font-size: 12px !important;
        font-weight: 700;

        text-decoration: none;
        white-space: nowrap;
    }

    body.post-type-archive-sightings
    .archive-date-submit {
        border:
            1px solid
            rgba(0, 229, 255, 0.45);

        background:
            rgba(0, 229, 255, 0.08);

        color: #ffffff;
    }

    body.post-type-archive-sightings
    .archive-date-clear {
        border:
            1px solid
            rgba(255, 255, 255, 0.12);

        background:
            rgba(255, 255, 255, 0.04);

        color:
            rgba(255, 255, 255, 0.72);
    }

}
/* =========================================================
   ARCHIVE - STATS ABOVE FILTERS
========================================================= */

body.post-type-archive-sightings .archive-hero .archive-stats {
    padding: 14px 0 16px !important;
    background: transparent !important;
}

body.post-type-archive-sightings .archive-hero .archive-stats-inner {
    width: 100% !important;
    max-width: none !important;
}

body.post-type-archive-sightings .archive-search-panel {
    margin-top: 10px !important;
}
/* =========================================================
   ARCHIVE - MOVE EVERYTHING UP
========================================================= */

@media (min-width: 1001px) {

    body.post-type-archive-sightings .archive-hero {
        padding-top: 80px !important;
        padding-bottom: 14px !important;
    }

    body.post-type-archive-sightings .archive-intro {
        margin-bottom: 8px !important;
    }

    body.post-type-archive-sightings
    .archive-hero .archive-stats {
        padding-top: 6px !important;
        padding-bottom: 10px !important;
    }

    body.post-type-archive-sightings
    .archive-search-panel {
        margin-top: 4px !important;
    }

    body.post-type-archive-sightings
    .archive-lucky-dip {
        margin-top: 6px !important;
    }

}
/* =========================================================
   ARCHIVE - LEFT HEADING / CENTRED RESULT BADGE
========================================================= */

@media (min-width: 1001px) {

    body.post-type-archive-sightings .archive-results-header {
        position: relative !important;

        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;

        text-align: left !important;

        margin-bottom: 16px !important;
    }

    /* Keep heading on the left */
    body.post-type-archive-sightings
    .archive-results-header > div:first-child {
        text-align: left !important;
    }

    /* Centre only the results badge */
    body.post-type-archive-sightings .archive-result-count {
        position: absolute !important;
        left: 50% !important;
        transform: translateX(-50%) !important;

        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;

        min-height: 34px !important;
        padding: 0 14px !important;

        border: 1px solid rgba(0, 229, 255, 0.35) !important;
        border-radius: 999px !important;

        background: rgba(0, 229, 255, 0.07) !important;

        color: #dffaff !important;

        font-size: 13px !important;
        font-weight: 700 !important;

        white-space: nowrap !important;
    }

}
/* =========================================================
   ARCHIVE - LIVE FILTER LOADING
========================================================= */

.archive-results {
    transition:
        opacity 0.18s ease;
}

.archive-results-loading {
    opacity: 0.45;
    pointer-events: none;
}
/* =========================================================
   ARCHIVE FILTERS - MATCH MAP PAGE STYLE
========================================================= */

@media (min-width: 1001px) {

    /* Main filter panel */
    body.post-type-archive-sightings .archive-search-panel {
        padding: 14px 16px !important;

        background:
            linear-gradient(
                180deg,
                rgba(9, 16, 23, 0.96),
                rgba(5, 10, 15, 0.96)
            ) !important;

        border:
            1px solid
            rgba(88, 178, 255, 0.18) !important;

        border-radius: 10px !important;

        box-shadow:
            0 10px 28px rgba(0, 0, 0, 0.22) !important;
    }


    /* Main search box */
    body.post-type-archive-sightings .archive-main-search {
        margin-bottom: 10px !important;
    }

    body.post-type-archive-sightings .archive-main-search input {
        height: 40px !important;
        min-height: 40px !important;

        padding: 0 14px 0 42px !important;

        background: #081018 !important;

        border:
            1px solid
            rgba(255, 255, 255, 0.12) !important;

        border-radius: 7px !important;

        color: #ffffff !important;

        font-size: 13px !important;
    }

    body.post-type-archive-sightings .archive-main-search input:focus {
        outline: none !important;

        border-color:
            rgba(0, 229, 255, 0.55) !important;

        box-shadow:
            0 0 0 2px
            rgba(0, 229, 255, 0.08) !important;
    }

    body.post-type-archive-sightings .archive-search-icon {
        width: 16px !important;
        height: 16px !important;

        color: #38a9ff !important;
    }


    /* Main dropdown row */
    body.post-type-archive-sightings .archive-filter-grid {
        gap: 8px !important;
    }

    body.post-type-archive-sightings .archive-filter-grid select {
        height: 38px !important;
        min-height: 38px !important;

        padding: 0 10px !important;

        background: #081018 !important;

        border:
            1px solid
            rgba(255, 255, 255, 0.12) !important;

        border-radius: 7px !important;

        color: #ffffff !important;

        font-size: 12px !important;
    }

    body.post-type-archive-sightings .archive-filter-grid select:focus {
        outline: none !important;

        border-color:
            rgba(0, 229, 255, 0.55) !important;
    }


    /* Clear Filters button */
    body.post-type-archive-sightings .archive-clear-button {
        height: 38px !important;
        min-height: 38px !important;

        padding: 0 14px !important;

        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;

        background:
            rgba(255, 255, 255, 0.035) !important;

        border:
            1px solid
            rgba(255, 255, 255, 0.12) !important;

        border-radius: 7px !important;

        color:
            rgba(255, 255, 255, 0.72) !important;

        font-size: 12px !important;
        font-weight: 700 !important;

        text-decoration: none !important;
    }

    body.post-type-archive-sightings .archive-clear-button:hover {
        border-color:
            rgba(0, 229, 255, 0.4) !important;

        color: #ffffff !important;

        background:
            rgba(0, 229, 255, 0.06) !important;
    }


    /* Date search separator */
    body.post-type-archive-sightings .archive-date-search {
        margin-top: 10px !important;
        padding-top: 10px !important;

        border-top:
            1px solid
            rgba(255, 255, 255, 0.07) !important;
    }


    /* Date heading */
    body.post-type-archive-sightings .archive-date-search-label {
        margin-bottom: 6px !important;

        font-size: 10px !important;
        font-weight: 800 !important;

        letter-spacing: 1.2px !important;
        text-transform: uppercase !important;

        color:
            rgba(255, 255, 255, 0.52) !important;
    }


    /* Date controls */
    body.post-type-archive-sightings .archive-date-search-controls {
        display: grid !important;

        grid-template-columns:
            .7fr
            1.2fr
            1fr !important;

        gap: 8px !important;
    }

    body.post-type-archive-sightings .archive-date-search select {
        height: 38px !important;
        min-height: 38px !important;

        padding: 0 10px !important;

        background: #081018 !important;

        border:
            1px solid
            rgba(255, 255, 255, 0.12) !important;

        border-radius: 7px !important;

        color: #ffffff !important;

        font-size: 12px !important;
    }

    body.post-type-archive-sightings .archive-date-search select:focus {
        outline: none !important;

        border-color:
            rgba(0, 229, 255, 0.55) !important;
    }

}
/* =========================================================
   ARCHIVE FILTER HEADING - MATCH MAP PANEL
========================================================= */

@media (min-width: 1001px) {

    body.post-type-archive-sightings
    .archive-filter-heading {
        display: flex !important;
        align-items: center !important;

        gap: 10px !important;

        margin-bottom: 12px !important;
    }


    body.post-type-archive-sightings
    .archive-filter-heading-icon {
        width: 36px !important;
        height: 36px !important;

        flex: 0 0 36px !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        border:
            1px solid
            rgba(0, 229, 255, 0.28) !important;

        border-radius: 8px !important;

        background:
            rgba(0, 229, 255, 0.06) !important;

        color: #38a9ff !important;
    }


    body.post-type-archive-sightings
    .archive-filter-heading-icon svg {
        width: 18px !important;
        height: 18px !important;
    }


    body.post-type-archive-sightings
    .archive-filter-heading-copy {
        min-width: 0;
    }


    body.post-type-archive-sightings
    .archive-filter-heading-copy span {
        display: block;

        margin-bottom: 2px;

        font-size: 9px !important;
        font-weight: 800 !important;

        letter-spacing: 1.4px !important;

        color:
            rgba(56, 169, 255, 0.8) !important;
    }


    body.post-type-archive-sightings
    .archive-filter-heading-copy h2 {
        margin: 0 !important;

        font-size: 18px !important;
        line-height: 1.15 !important;

        color: #ffffff !important;
    }


    body.post-type-archive-sightings
    .archive-filter-heading-copy p {
        margin: 3px 0 0 !important;

        font-size: 11px !important;
        line-height: 1.4 !important;

        color:
            rgba(255, 255, 255, 0.52) !important;
    }

}
/* =========================================================
   STATISTICS HOLDING PAGE
========================================================= */

.statistics-holding-page {
    min-height: 100vh;
    background: #05090d;
}

.statistics-holding-hero {
    min-height: calc(100vh - 110px);

    display: flex;
    align-items: center;

    padding: 150px 24px 80px;
}

.statistics-holding-inner {
    width: 100%;
    max-width: 1050px;

    margin: 0 auto;

    text-align: center;
}

.statistics-holding-kicker {
    margin-bottom: 10px;

    font-size: 11px;
    font-weight: 800;

    letter-spacing: 2px;

    color: #38a9ff;
}

.statistics-holding-inner h1 {
    margin: 0;

    font-size: clamp(44px, 5vw, 68px);
    line-height: 1.05;

    color: #ffffff;
}

.statistics-holding-intro {
    max-width: 700px;

    margin: 18px auto 34px;

    font-size: 16px;
    line-height: 1.65;

    color: rgba(255, 255, 255, 0.66);
}


/* Main coming soon panel */

.statistics-holding-panel {
    display: grid;
    grid-template-columns: 90px 1fr;

    gap: 22px;

    max-width: 820px;

    margin: 0 auto;

    padding: 26px;

    text-align: left;

    background:
        linear-gradient(
            180deg,
            rgba(10, 18, 26, 0.96),
            rgba(5, 10, 15, 0.96)
        );

    border: 1px solid rgba(56, 169, 255, 0.22);
    border-radius: 14px;

    box-shadow:
        0 18px 50px rgba(0, 0, 0, 0.28);
}

.statistics-holding-icon {
    width: 72px;
    height: 72px;

    display: flex;
    align-items: center;
    justify-content: center;

    border: 1px solid rgba(0, 229, 255, 0.3);
    border-radius: 12px;

    background: rgba(0, 229, 255, 0.06);

    color: #38a9ff;
}

.statistics-holding-icon svg {
    width: 34px;
    height: 34px;
}

.statistics-holding-copy > span {
    display: block;

    margin-bottom: 5px;

    font-size: 10px;
    font-weight: 800;

    letter-spacing: 1.5px;

    color: #38a9ff;
}

.statistics-holding-copy h2 {
    margin: 0 0 10px;

    font-size: 24px;

    color: #ffffff;
}

.statistics-holding-copy p {
    margin: 0;

    font-size: 14px;
    line-height: 1.6;

    color: rgba(255, 255, 255, 0.62);
}


/* Future features */

.statistics-coming-list {
    display: grid;
    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap: 8px;

    margin-top: 18px;
}

.statistics-coming-list div {
    padding: 9px 11px;

    border:
        1px solid
        rgba(255, 255, 255, 0.08);

    border-radius: 7px;

    background:
        rgba(255, 255, 255, 0.025);

    font-size: 12px;

    color:
        rgba(255, 255, 255, 0.72);
}


/* Buttons */

.statistics-holding-actions {
    display: flex;
    align-items: center;
    justify-content: center;

    gap: 10px;

    margin-top: 26px;
}

.statistics-primary-button,
.statistics-secondary-button {
    min-height: 42px;

    padding: 0 18px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: 8px;

    border-radius: 8px;

    font-size: 13px;
    font-weight: 700;

    text-decoration: none;

    transition:
        transform .2s ease,
        background .2s ease,
        border-color .2s ease;
}

.statistics-primary-button {
    border: 1px solid rgba(0, 229, 255, 0.5);

    background:
        rgba(0, 229, 255, 0.09);

    color: #ffffff;
}

.statistics-secondary-button {
    border:
        1px solid
        rgba(255, 255, 255, 0.13);

    background:
        rgba(255, 255, 255, 0.035);

    color:
        rgba(255, 255, 255, 0.82);
}

.statistics-primary-button:hover,
.statistics-secondary-button:hover {
    transform: translateY(-2px);
}


/* Mobile */

@media (max-width: 700px) {

    .statistics-holding-hero {
        padding: 125px 18px 60px;
    }

    .statistics-holding-panel {
        grid-template-columns: 1fr;
        text-align: center;
    }

    .statistics-holding-icon {
        margin: 0 auto;
    }

    .statistics-coming-list {
        grid-template-columns: 1fr;
    }

    .statistics-holding-actions {
        flex-direction: column;
    }

}
/* =========================================================
   GENERIC WORDPRESS PAGES
========================================================= */

.generic-page {
    min-height: 100vh;
    background: #05090d;
}

.generic-page-hero {
    padding: 140px 24px 35px;
}

.generic-page-inner {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
}

.generic-page-kicker {
    margin-bottom: 8px;

    font-size: 10px;
    font-weight: 800;

    letter-spacing: 1.8px;

    color: #38a9ff;
}

.generic-page h1 {
    margin: 0;

    font-size: 44px;
    line-height: 1.08;

    color: #ffffff;
}

.generic-page-content {
    padding: 0 24px 70px;
}

.generic-page-content .generic-page-inner {
    color: rgba(255,255,255,0.78);

    font-size: 15px;
    line-height: 1.7;
}

/* =========================================================
   BLOG PAGE
========================================================= */

.blog-page {
    min-height: 100vh;
    background: #05090d;
}

.blog-hero {
    padding: 135px 24px 35px;
}

.blog-inner {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

.blog-kicker {
    margin-bottom: 8px;

    font-size: 10px;
    font-weight: 800;

    letter-spacing: 1.8px;

    color: #38a9ff;
}

.blog-hero h1 {
    margin: 0;

    font-size: 44px;
    line-height: 1.08;

    color: #ffffff;
}

.blog-hero p {
    max-width: 650px;

    margin: 12px 0 0;

    font-size: 15px;
    line-height: 1.6;

    color: rgba(255, 255, 255, 0.65);
}


.blog-content {
    padding: 10px 24px 70px;
}

.blog-grid {
    display: grid;
    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap: 16px;
}

.blog-card {
    overflow: hidden;

    border: 1px solid rgba(88, 178, 255, 0.16);
    border-radius: 12px;

    background:
        linear-gradient(
            180deg,
            rgba(10, 17, 24, 0.96),
            rgba(6, 11, 16, 0.96)
        );

    box-shadow:
        0 12px 28px rgba(0, 0, 0, 0.22);

    transition:
        transform .2s ease,
        border-color .2s ease;
}

.blog-card:hover {
    transform: translateY(-3px);

    border-color:
        rgba(88, 178, 255, 0.38);
}

.blog-card-image {
    display: block;
    aspect-ratio: 16 / 9;
    overflow: hidden;
}

.blog-card-image img {
    width: 100%;
    height: 100%;

    object-fit: cover;
    display: block;
}

.blog-card-content {
    padding: 16px;
}

.blog-card-date {
    margin-bottom: 6px;

    font-size: 10px;
    font-weight: 700;

    letter-spacing: 1px;

    color: #38a9ff;
}

.blog-card h2 {
    margin: 0 0 8px;

    font-size: 19px;
    line-height: 1.3;
}

.blog-card h2 a {
    color: #ffffff;
    text-decoration: none;
}

.blog-card p {
    margin: 0;

    font-size: 13px;
    line-height: 1.6;

    color: rgba(255, 255, 255, 0.64);
}

.blog-read-more {
    display: inline-block;

    margin-top: 12px;

    font-size: 12px;
    font-weight: 700;

    color: #38a9ff;

    text-decoration: none;
}

.blog-pagination {
    margin-top: 30px;
    text-align: center;
}

.blog-empty {
    padding: 60px 20px;
    text-align: center;
}

.blog-empty h2 {
    color: #ffffff;
}

.blog-empty p {
    color: rgba(255, 255, 255, 0.6);
}


@media (max-width: 900px) {

    .blog-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

}

@media (max-width: 600px) {

    .blog-grid {
        grid-template-columns: 1fr;
    }

}
/* =========================================================
   GENERIC + BLOG PAGES - CENTRE CONTENT AWAY FROM LOGO
========================================================= */

@media (min-width: 1001px) {

    /* ABOUT + CONTACT */

    .generic-page .generic-page-inner {
        max-width: 1100px !important;
        margin-left: auto !important;
        margin-right: auto !important;

        padding-left: 140px !important;
        padding-right: 40px !important;

        box-sizing: border-box !important;
    }


    /* BLOG */

    .blog-page .blog-inner {
        max-width: 1200px !important;
        margin-left: auto !important;
        margin-right: auto !important;

        padding-left: 140px !important;
        padding-right: 40px !important;

        box-sizing: border-box !important;
    }


    /* Keep headings aligned nicely */

    .generic-page-hero,
    .blog-hero {
        text-align: left !important;
    }

}

/* =========================================================
   SINGLE BLOG POST
========================================================= */

.single-blog-page {
    min-height: 100vh;
    background: #05090d;
}

.single-blog-article {
    padding: 140px 24px 80px;
}

.single-blog-inner {
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
}

.single-blog-kicker {
    margin-bottom: 8px;

    font-size: 10px;
    font-weight: 800;

    letter-spacing: 1.8px;

    color: #38a9ff;
}

.single-blog-inner h1 {
    margin: 0;

    font-size: 42px;
    line-height: 1.1;

    color: #ffffff;
}

.single-blog-meta {
    margin-top: 10px;

    font-size: 12px;

    color: rgba(255,255,255,0.5);
}

.single-blog-image {
    margin-top: 26px;

    overflow: hidden;

    border-radius: 12px;
}

.single-blog-image img {
    width: 100%;
    height: auto;

    display: block;
}

.single-blog-content {
    margin-top: 28px;

    font-size: 15px;
    line-height: 1.75;

    color: rgba(255,255,255,0.78);
}

.single-blog-content h2,
.single-blog-content h3 {
    color: #ffffff;
}

.single-blog-back {
    margin-top: 35px;
}

.single-blog-back a {
    color: #38a9ff;
    text-decoration: none;
    font-weight: 700;
}

/* =========================================================
   ABOUT PAGE - UFO IDENTIFIED BRAND BLOCK
========================================================= */

.about-ufo-brand-block {
    display: grid;
    grid-template-columns: 180px 1fr;
    align-items: center;

    gap: 28px;

    margin-top: 45px;
    padding: 24px;

    background:
        linear-gradient(
            180deg,
            rgba(9, 16, 23, 0.96),
            rgba(5, 10, 15, 0.96)
        );

    border: 1px solid rgba(88, 178, 255, 0.22);
    border-radius: 14px;

    box-shadow:
        0 18px 45px rgba(0, 0, 0, 0.24);
}


.about-ufo-brand-logo {
    display: flex;
    align-items: center;
    justify-content: center;
}


.about-ufo-brand-logo img {
    width: 160px;
    height: auto;

    display: block;

    filter:
        drop-shadow(
            0 10px 22px rgba(0, 0, 0, 0.55)
        )
        drop-shadow(
            0 0 18px rgba(22, 140, 255, 0.16)
        );
}


.about-ufo-brand-copy span {
    display: block;

    margin-bottom: 5px;

    font-size: 10px;
    font-weight: 800;

    letter-spacing: 1.5px;

    color: #38a9ff;
}


.about-ufo-brand-copy h2 {
    margin: 0 0 8px;

    font-size: 22px;

    color: #ffffff;
}


.about-ufo-brand-copy p {
    margin: 0;

    font-size: 14px;
    line-height: 1.65;

    color: rgba(255, 255, 255, 0.66);
}


/* Buttons */

.about-page-actions {
    display: flex;
    justify-content: center;
    align-items: center;

    gap: 10px;

    margin-top: 22px;
}


.about-primary-button,
.about-secondary-button {
    min-height: 42px;

    padding: 0 18px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: 8px;

    border-radius: 8px;

    font-size: 13px;
    font-weight: 700;

    text-decoration: none;
}


.about-primary-button {
    border:
        1px solid rgba(0, 229, 255, 0.5);

    background:
        rgba(0, 229, 255, 0.08);

    color: #ffffff;
}


.about-secondary-button {
    border:
        1px solid rgba(255, 255, 255, 0.13);

    background:
        rgba(255, 255, 255, 0.035);

    color:
        rgba(255, 255, 255, 0.82);
}


.about-primary-button:hover,
.about-secondary-button:hover {
    transform: translateY(-2px);
}


/* Mobile */

@media (max-width: 700px) {

    .about-ufo-brand-block {
        grid-template-columns: 1fr;

        text-align: center;
    }

    .about-ufo-brand-copy {
        text-align: center;
    }

    .about-page-actions {
        flex-direction: column;
    }

}
.about-ufo-brand-link {
    color: inherit;
    text-decoration: none;
    cursor: pointer;
}

.about-ufo-brand-link:hover {
    border-color: rgba(0, 229, 255, 0.5);

    box-shadow:
        0 18px 45px rgba(0, 0, 0, 0.24),
        0 0 24px rgba(0, 229, 255, 0.08);

    transform: translateY(-2px);
}
/* =========================================================
   MOBILE HEADER FIX
========================================================= */

@media (max-width: 768px) {

    .site-header {
        position: relative !important;
        height: auto !important;
        min-height: 78px !important;

        padding: 10px 14px !important;

        background: #05090d !important;

        display: flex !important;
        align-items: center !important;

        overflow: visible !important;
    }

    .site-header .header-content {
        width: 100% !important;
        height: auto !important;

        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;

        padding: 0 !important;
        margin: 0 !important;

        gap: 10px !important;
    }


    /* LOGO */

    .site-header .site-logo {
        position: relative !important;

        top: auto !important;
        left: auto !important;

        width: 150px !important;
        height: auto !important;

        margin: 0 !important;
        padding: 0 !important;

        flex: 0 0 150px !important;
    }

    .site-header .site-logo img {
        position: static !important;

        width: 150px !important;
        max-width: 100% !important;
        height: auto !important;

        display: block !important;
    }


    /* NAVIGATION */

    .site-header .main-navigation {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;

        gap: 8px !important;

        flex-wrap: wrap !important;
    }

    .site-header .main-navigation a {
        font-size: 12px !important;
        line-height: 1.2 !important;

        padding: 6px 8px !important;

        white-space: nowrap !important;
    }


    /* RANDOM SIGHTING BUTTON */

    .site-header .random-sighting-button {
        min-height: 34px !important;

        padding: 0 10px !important;

        font-size: 11px !important;

        white-space: nowrap !important;
    }


    /* STOP HERO BEING PULLED UNDER HEADER */

    .hero-section,
    .archive-hero,
    .case-hero,
    .blog-hero,
    .generic-page-hero,
    .statistics-holding-hero {
        margin-top: 0 !important;
        padding-top: 24px !important;
    }

}

/* =========================================================
   MOBILE HAMBURGER HEADER
========================================================= */

.mobile-menu-toggle {
    display: none;
}


@media (max-width: 768px) {

    /* HEADER */

    .site-header {
        position: relative !important;

        min-height: 74px !important;
        height: auto !important;

        padding: 10px 14px !important;

        background: #05090d !important;

        overflow: visible !important;

        z-index: 9999 !important;
    }


    .site-header .header-content {
        position: relative !important;

        width: 100% !important;
        height: auto !important;

        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;

        padding: 0 !important;
        margin: 0 !important;
    }


    /* LOGO */

    .site-header .site-logo {
        position: relative !important;

        top: auto !important;
        left: auto !important;

        width: 145px !important;
        height: auto !important;

        flex: 0 0 145px !important;

        margin: 0 !important;
    }


    .site-header .site-logo img {
        position: static !important;

        width: 145px !important;
        max-width: 145px !important;

        height: auto !important;

        display: block !important;
    }


    /* HAMBURGER BUTTON */

    .mobile-menu-toggle {
        width: 42px;
        height: 42px;

        display: flex !important;
        flex-direction: column;
        align-items: center;
        justify-content: center;

        gap: 5px;

        padding: 0;

        border:
            1px solid
            rgba(0, 229, 255, 0.30);

        border-radius: 8px;

        background:
            rgba(0, 229, 255, 0.05);

        cursor: pointer;

        z-index: 10001;
    }


    .mobile-menu-toggle span {
        width: 19px;
        height: 2px;

        display: block;

        background: #ffffff;

        border-radius: 2px;

        transition:
            transform .2s ease,
            opacity .2s ease;
    }


    /* HAMBURGER -> X */

    .mobile-menu-toggle.mobile-menu-active span:nth-child(1) {
        transform:
            translateY(7px)
            rotate(45deg);
    }

    .mobile-menu-toggle.mobile-menu-active span:nth-child(2) {
        opacity: 0;
    }

    .mobile-menu-toggle.mobile-menu-active span:nth-child(3) {
        transform:
            translateY(-7px)
            rotate(-45deg);
    }


    /* MOBILE NAV */

    .site-header .main-navigation {
        position: absolute !important;

        top: calc(100% + 10px) !important;
        left: 0 !important;
        right: 0 !important;

        width: 100% !important;

        display: none !important;

        flex-direction: column !important;
        align-items: stretch !important;

        gap: 5px !important;

        padding: 12px !important;

        background:
            rgba(5, 9, 13, 0.98) !important;

        border:
            1px solid
            rgba(88, 178, 255, 0.20);

        border-radius: 10px;

        box-shadow:
            0 18px 45px
            rgba(0, 0, 0, 0.45);

        z-index: 10000 !important;
    }


    .site-header .main-navigation.mobile-menu-open {
        display: flex !important;
    }


    /* NAV LINKS */

    .site-header .main-navigation a {
        width: 100% !important;

        box-sizing: border-box !important;

        padding: 10px 12px !important;

        border-radius: 7px;

        font-size: 13px !important;
        line-height: 1.2 !important;

        color: #ffffff !important;

        text-align: left !important;

        text-decoration: none !important;

        background:
            rgba(255, 255, 255, 0.025);
    }


    .site-header .main-navigation a:hover {
        background:
            rgba(0, 229, 255, 0.07);

        color: #00e5ff !important;
    }


    /* RANDOM SIGHTING BUTTON */

    .site-header .random-sighting-button {
        width: 100% !important;

        min-height: 38px !important;

        margin-top: 4px !important;

        padding: 0 12px !important;

        font-size: 12px !important;
    }


    /* STOP PAGE TITLES HIDING UNDER MOBILE HEADER */

    .hero-section,
    .archive-hero,
    .case-hero,
    .blog-hero,
    .generic-page-hero,
    .statistics-holding-hero {
        margin-top: 0 !important;

        padding-top: 28px !important;
    }

}
/* =========================================================
   HOMEPAGE - WIDER CONTENT AREA
========================================================= */

@media (min-width: 1001px) {

    .homepage .hero-content,
    .homepage .homepage-stats,
    .homepage .recent-sightings-inner,
    .homepage .explore-database-inner {
        width: 92% !important;
        max-width: 1500px !important;

        margin-left: auto !important;
        margin-right: auto !important;

        box-sizing: border-box !important;
    }

    .homepage .hero-content {
        padding-left: 320px !important;
        padding-right: 40px !important;
    }

}


/* TABLET / MOBILE */

@media (max-width: 1000px) {

    .homepage .hero-content,
    .homepage .homepage-stats,
    .homepage .recent-sightings-inner,
    .homepage .explore-database-inner {
        width: 94% !important;
        max-width: none !important;

        margin-left: auto !important;
        margin-right: auto !important;

        padding-left: 16px !important;
        padding-right: 16px !important;

        box-sizing: border-box !important;
    }

}
/* =========================================================
   HOMEPAGE - WIDER / LESS SQUASHED
========================================================= */

@media (min-width: 1001px) {

    /* HERO */
    .homepage .hero-content {
        width: 92% !important;
        max-width: 1450px !important;

        margin-left: auto !important;
        margin-right: auto !important;

        padding-left: 320px !important;
        padding-right: 50px !important;

        box-sizing: border-box !important;
    }

    .homepage .hero-content h1,
    .homepage .hero-intro {
        max-width: 900px !important;
    }


    /* STATS */
    .homepage .stats-inner {
        width: 94% !important;
        max-width: 1500px !important;

        margin-left: auto !important;
        margin-right: auto !important;
    }


    /* RECENT SIGHTINGS */
    .homepage .recent-sightings-inner {
        width: 94% !important;
        max-width: 1500px !important;

        margin-left: auto !important;
        margin-right: auto !important;
    }


    /* EXPLORE DATABASE */
    .homepage .explore-database-inner {
        width: 94% !important;
        max-width: 1500px !important;

        margin-left: auto !important;
        margin-right: auto !important;
    }

}


/* TABLET / MOBILE */
@media (max-width: 1000px) {

    .homepage .hero-content,
    .homepage .stats-inner,
    .homepage .recent-sightings-inner,
    .homepage .explore-database-inner {
        width: 96% !important;
        max-width: none !important;

        margin-left: auto !important;
        margin-right: auto !important;

        padding-left: 10px !important;
        padding-right: 10px !important;

        box-sizing: border-box !important;
    }

    .homepage .hero-content h1,
    .homepage .hero-intro {
        max-width: none !important;
        width: 100% !important;
    }

}
/* =========================================================
   HOMEPAGE WIDTH - CLEAN FINAL OVERRIDE
========================================================= */

/* DESKTOP */
@media (min-width: 1001px) {

    .homepage .hero-content {
        width: 94% !important;
        max-width: 1500px !important;

        margin-left: auto !important;
        margin-right: auto !important;

        padding-left: 320px !important;
        padding-right: 40px !important;

        box-sizing: border-box !important;
    }

    .homepage .stats-inner,
    .homepage .recent-sightings-inner,
    .homepage .explore-database-inner {
        width: 94% !important;
        max-width: 1500px !important;

        margin-left: auto !important;
        margin-right: auto !important;

        box-sizing: border-box !important;
    }

    .homepage .hero-content h1,
    .homepage .hero-intro {
        max-width: 950px !important;
    }
}


/* MOBILE / TABLET */
@media (max-width: 1000px) {

    .homepage .hero-content,
    .homepage .stats-inner,
    .homepage .recent-sightings-inner,
    .homepage .explore-database-inner {
        width: 100% !important;
        max-width: none !important;

        margin-left: 0 !important;
        margin-right: 0 !important;

        padding-left: 16px !important;
        padding-right: 16px !important;

        box-sizing: border-box !important;
    }

    .homepage .hero-content {
        left: auto !important;
        right: auto !important;
        transform: none !important;
    }

    .homepage .hero-content h1,
    .homepage .hero-intro {
        width: 100% !important;
        max-width: none !important;
    }

    .homepage .hero-buttons {
        width: 100% !important;
    }
}
/* =========================================================
   HOMEPAGE MOBILE WIDTH - PARENT FIX
========================================================= */

@media (max-width: 1000px) {

    main.homepage {
        width: 100% !important;
        max-width: none !important;

        margin: 0 !important;
        padding: 0 !important;

        box-sizing: border-box !important;
    }


    main.homepage > section {
        width: 100% !important;
        max-width: none !important;

        margin-left: 0 !important;
        margin-right: 0 !important;

        box-sizing: border-box !important;
    }


    .homepage .hero-content,
    .homepage .stats-inner,
    .homepage .recent-sightings-inner,
    .homepage .explore-database-inner {
        width: calc(100% - 24px) !important;
        max-width: none !important;

        margin-left: auto !important;
        margin-right: auto !important;

        padding-left: 0 !important;
        padding-right: 0 !important;

        box-sizing: border-box !important;
    }


    .homepage .hero-content h1,
    .homepage .hero-intro,
    .homepage .section-heading,
    .homepage .explore-intro {
        width: 100% !important;
        max-width: none !important;
    }


    .homepage .hero-content {
        left: auto !important;
        right: auto !important;

        transform: none !important;
    }

}
/* =========================================================
   HOMEPAGE MOBILE STATS - STACK CARDS
========================================================= */

@media (max-width: 768px) {

    .homepage .stats-inner {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 12px !important;
    }

    .homepage .stat-card {
        width: 100% !important;
        min-height: 150px !important;

        background-size: contain !important;
        background-position: center !important;
        background-repeat: no-repeat !important;

        box-sizing: border-box !important;
    }

}
/* =========================================================
   REMOVE RANDOM SIGHTING BUTTON
========================================================= */

.site-header .random-sighting-button {
    display: none !important;
}
/* =========================================================
   HOMEPAGE DESKTOP STATS - WIDEN ROW
========================================================= */

@media (min-width: 1001px) {

    .homepage .homepage-stats {
        width: 100% !important;
        max-width: none !important;
    }

    .homepage .stats-inner {
        width: calc(100% - 80px) !important;
        max-width: 1600px !important;

        margin-left: auto !important;
        margin-right: auto !important;

        padding-left: 0 !important;
        padding-right: 0 !important;

        box-sizing: border-box !important;
    }

}
/* =========================================================
   STATISTICS PAGE - MOVE CONTENT UP
========================================================= */

@media (min-width: 1001px) {

    .statistics-holding-hero {
        padding-top: 55px !important;
        padding-bottom: 20px !important;
    }

    .statistics-holding-page,
    .statistics-page {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

}
/* =========================================================
   MAP PAGE - FULL WIDTH BACKGROUND
========================================================= */

.map-page-redesign {
    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;

    background: #05090d !important;
}

.map-page-redesign > section,
.map-page-redesign .map-page-section,
.map-page-redesign .map-main-section {
    width: 100% !important;
    max-width: none !important;

    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Keep the actual content nicely centred */
.map-page-redesign .map-page-inner,
.map-page-redesign .map-inner,
.map-page-redesign .map-controls-inner {
    width: calc(100% - 80px) !important;
    max-width: 1500px !important;

    margin-left: auto !important;
    margin-right: auto !important;

    box-sizing: border-box !important;
}
/* =========================================================
   MATCH PAGE BACKGROUNDS TO MAP / ARCHIVE STYLE
========================================================= */

.blog-page,
.statistics-holding-page,
.statistics-page,
.generic-page {
    background:
        radial-gradient(
            circle at top,
            rgba(0, 229, 255, 0.06) 0%,
            rgba(5, 10, 15, 0.98) 38%,
            #05090d 72%
        ) !important;
}
/* =========================================================
   MEMBERSHIP / JOIN PAGE
========================================================= */

.membership-page-content {
    max-width: 1200px;
    margin: 0 auto;
    padding: 25px 0 70px;
}


/* INTRO */

.membership-intro {
    max-width: 850px;
    margin-bottom: 36px;
}

.membership-kicker {
    margin: 0 0 8px;

    color: #00e5ff;

    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
}

.membership-intro h2 {
    margin: 0 0 14px;

    color: #ffffff;

    font-size: 36px;
    line-height: 1.15;
}

.membership-intro p {
    margin: 0;

    max-width: 760px;

    color: #aeb8c2;

    font-size: 16px;
    line-height: 1.7;
}


/* BENEFITS */

.membership-benefits {
    display: grid;
    grid-template-columns: repeat(3, 1fr);

    gap: 16px;

    margin: 0 0 38px;
}

.membership-benefit-card {
    padding: 22px;

    background:
        linear-gradient(
            145deg,
            rgba(10, 21, 31, 0.95),
            rgba(5, 10, 15, 0.98)
        );

    border:
        1px solid
        rgba(0, 229, 255, 0.16);

    border-radius: 10px;
}

.membership-benefit-card h3 {
    margin: 0 0 10px;

    color: #ffffff;

    font-size: 19px;
}

.membership-benefit-card p {
    margin: 0;

    color: #9eabb7;

    font-size: 14px;
    line-height: 1.6;
}


/* JOIN PANEL */

.membership-join-panel {
    padding: 32px;

    background:
        radial-gradient(
            circle at top right,
            rgba(0, 229, 255, 0.08),
            transparent 45%
        ),
        #071018;

    border:
        1px solid
        rgba(0, 229, 255, 0.22);

    border-radius: 12px;

    box-shadow:
        0 20px 55px
        rgba(0, 0, 0, 0.35);

    text-align: center;
}

.membership-panel-kicker {
    display: block;

    margin-bottom: 8px;

    color: #00e5ff;

    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2px;
}

.membership-join-panel h2 {
    margin: 0 0 10px;

    color: #ffffff;

    font-size: 30px;
}

.membership-join-panel p {
    max-width: 620px;

    margin: 0 auto 22px;

    color: #aab5bf;

    line-height: 1.6;
}

.membership-checkout-area {
    margin-top: 22px;
}


/* LOGIN */

.membership-login {
    margin-top: 24px;

    text-align: center;
}

.membership-login p {
    margin: 0 0 10px;

    color: #8996a2;
}

.membership-login-button {
    display: inline-flex;

    min-height: 42px;

    align-items: center;
    justify-content: center;

    padding: 0 20px;

    border:
        1px solid
        rgba(0, 229, 255, 0.35);

    border-radius: 7px;

    color: #ffffff;

    text-decoration: none;

    background:
        rgba(0, 229, 255, 0.06);
}

.membership-login-button:hover {
    color: #00e5ff;

    background:
        rgba(0, 229, 255, 0.10);
}


/* MOBILE */

@media (max-width: 768px) {

    .membership-page-content {
        padding-top: 10px;
        padding-bottom: 45px;
    }

    .membership-intro h2 {
        font-size: 29px;
    }

    .membership-benefits {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .membership-benefit-card {
        padding: 18px;
    }

    .membership-join-panel {
        padding: 22px 16px;
    }

    .membership-join-panel h2 {
        font-size: 25px;
    }

}

/* =========================================================
   MEMBERSHIP JOIN BUTTON
========================================================= */

.membership-join-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 50px;
    padding: 0 28px;

    background: #00e5ff;

    color: #041018 !important;

    font-size: 15px;
    font-weight: 700;

    text-decoration: none !important;

    border-radius: 8px;

    box-shadow:
        0 0 24px
        rgba(0, 229, 255, 0.18);

    transition:
        transform .2s ease,
        box-shadow .2s ease;
}

.membership-join-button:hover {
    transform: translateY(-2px);

    box-shadow:
        0 0 30px
        rgba(0, 229, 255, 0.28);
}
/* =========================================================
   HEADER MEMBER BUTTON
========================================================= */

.header-member-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 42px;
    padding: 0 18px;

    border: 1px solid rgba(0, 229, 255, 0.35);
    border-radius: 8px;

    background: rgba(0, 229, 255, 0.08);

    color: #ffffff !important;

    font-size: 14px;
    font-weight: 700;

    text-decoration: none !important;

    transition:
        background .2s ease,
        border-color .2s ease,
        color .2s ease;
}

.header-member-button:hover {
    background: rgba(0, 229, 255, 0.14);
    border-color: rgba(0, 229, 255, 0.65);

    color: #00e5ff !important;
}


/* MOBILE */
@media (max-width: 768px) {

    .site-header .header-member-button {
        width: 100% !important;
        min-height: 40px !important;

        margin-top: 4px !important;

        padding: 0 12px !important;

        font-size: 12px !important;
    }

}
/* =========================================================
   MEMBER LOGIN PAGE
========================================================= */

.member-login-panel {
    max-width: 620px;

    margin: 30px auto 60px;
    padding: 34px;

    background:
        radial-gradient(
            circle at top right,
            rgba(0, 229, 255, 0.08),
            transparent 45%
        ),
        #071018;

    border:
        1px solid
        rgba(0, 229, 255, 0.22);

    border-radius: 12px;

    box-shadow:
        0 20px 55px
        rgba(0, 0, 0, 0.35);
}


.member-login-kicker {
    display: block;

    margin-bottom: 8px;

    color: #00e5ff;

    font-size: 11px;
    font-weight: 700;

    letter-spacing: 2px;
}


.member-login-panel h2 {
    margin: 0 0 12px;

    color: #ffffff;

    font-size: 30px;
    line-height: 1.2;
}


.member-login-intro,
.member-login-panel p {
    color: #aeb8c2;

    font-size: 15px;
    line-height: 1.6;
}


.member-login-form {
    margin-top: 26px;
}


/* LABELS */

.member-login-form label {
    display: block;

    margin-bottom: 6px;

    color: #dbe5ec;

    font-size: 13px;
    font-weight: 600;
}


/* INPUTS */

.member-login-form input[type="text"],
.member-login-form input[type="password"] {
    width: 100%;

    min-height: 44px;

    box-sizing: border-box;

    padding: 0 12px;

    color: #ffffff;

    background: #050a0f;

    border:
        1px solid
        rgba(255, 255, 255, 0.12);

    border-radius: 7px;

    outline: none;
}


.member-login-form input[type="text"]:focus,
.member-login-form input[type="password"]:focus {
    border-color:
        rgba(0, 229, 255, 0.65);

    box-shadow:
        0 0 0 3px
        rgba(0, 229, 255, 0.08);
}


/* LOGIN BUTTON */

.member-login-form input[type="submit"] {
    min-height: 44px;

    padding: 0 24px;

    border: none;

    border-radius: 7px;

    background: #00e5ff;

    color: #041014;

    font-weight: 700;

    cursor: pointer;
}


.member-login-form input[type="submit"]:hover {
    opacity: 0.9;
}


/* REMEMBER ME */

.member-login-form .login-remember {
    margin: 14px 0;
}


.member-login-form .login-remember label {
    display: inline-flex;

    align-items: center;

    gap: 7px;

    color: #9eabb7;

    font-weight: 400;
}


/* LINKS */

.member-login-links {
    display: flex;

    align-items: center;
    justify-content: center;

    gap: 10px;

    margin-top: 24px;

    font-size: 13px;
}


.member-login-links a {
    color: #00e5ff;

    text-decoration: none;
}


.member-login-links a:hover {
    text-decoration: underline;
}


/* LOGGED IN BUTTONS */

.member-login-actions {
    display: flex;

    gap: 10px;

    margin-top: 22px;

    flex-wrap: wrap;
}


.member-login-primary,
.member-login-secondary {
    min-height: 42px;

    display: inline-flex;

    align-items: center;
    justify-content: center;

    padding: 0 20px;

    border-radius: 7px;

    text-decoration: none;

    font-weight: 700;
}


.member-login-primary {
    background: #00e5ff;

    color: #041014;
}


.member-login-secondary {
    border:
        1px solid
        rgba(0, 229, 255, 0.30);

    color: #ffffff;

    background:
        rgba(0, 229, 255, 0.05);
}


/* MOBILE */

@media (max-width: 768px) {

    .member-login-panel {
        margin: 20px 0 40px;

        padding: 24px 18px;
    }

    .member-login-panel h2 {
        font-size: 26px;
    }

    .member-login-links {
        flex-direction: column;

        gap: 6px;
    }

    .member-login-links span {
        display: none;
    }

    .member-login-actions {
        flex-direction: column;
    }

    .member-login-primary,
    .member-login-secondary {
        width: 100%;

        box-sizing: border-box;
    }

}
.footer-socials {
    margin-top: 24px;
}

.footer-socials-label {
    display: block;
    margin-bottom: 10px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: rgba(255,255,255,0.65);
}

.footer-social-links {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.footer-social-links a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 9px 14px;

    border: 1px solid rgba(0, 229, 255, 0.28);
    border-radius: 999px;

    background: rgba(0, 229, 255, 0.04);

    color: #fff;
    text-decoration: none;

    font-size: 14px;
    font-weight: 600;

    transition:
        border-color 0.2s ease,
        background 0.2s ease,
        transform 0.2s ease;
}

.footer-social-links a:hover {
    border-color: rgba(0, 229, 255, 0.8);
    background: rgba(0, 229, 255, 0.10);
    transform: translateY(-2px);
}