/*
Theme Name: Culture Connectors
Author: Zachareyli
Version: 1.0
*/

/* --- WORDPRESS OVERRIDES (The Nuclear Option) --- */
html, body {
  margin: 0 !important;
  padding: 0 !important;
  background: #0b0c10 !important; /* Forces Dark Mode Background */
  color: #e9edf3 !important;
  font-family: ui-sans-serif, system-ui, -apple-system, sans-serif !important;
}

/* Hide the WordPress Admin Bar for regular users so it doesn't break your sticky header */
#wpadminbar { display: none; } 
html { margin-top: 0 !important; }

/* Reset links so they don't look like standard blue WP links */
a { text-decoration: none; color: inherit; }
a:hover { color: inherit; }

/* Stop WordPress from adding random paragraphs to images */
p:empty { display: none; }

/* --- END OVERRIDES --- */

/* PASTE YOUR ORIGINAL CSS BELOW THIS LINE */
:root{
  --bg:#0b0c10;
  --card:#12141a;
  --muted:#8a90a2;
  --fg:#e9edf3;
  --brand:#3ea5ff;
  --accent:#00e0b8;
  --danger:#ff5b6b;
  --ok:#3ddb77;
  --border:#1f2330;
  --radius:16px;
  --shadow:0 8px 24px rgba(0,0,0,.2);
  --font: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji";
}

*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0; background:var(--bg); color:var(--fg); font-family:var(--font);
}

.container{width:min(1100px, 92%); margin:0 auto}

.site-header{
  border-bottom:1px solid var(--border);
  position:sticky; top:0; backdrop-filter: blur(10px);
  background:linear-gradient(180deg, rgba(11,12,16,.9), rgba(11,12,16,.7));
  z-index:10;
}
.header-inner{display:flex; gap:1rem; align-items:center; padding:.9rem 0}
.brand{margin:0; font-size:1.25rem; letter-spacing:.2px; color: var(--fg); text-decoration: none;}
.search-wrap{margin-left:auto}
.search-wrap input{
  background:#0e1118; border:1px solid var(--border); color:var(--fg);
  padding:.6rem .8rem; border-radius:999px; min-width:270px; outline:none;
}

.section-title{font-size:1.1rem; margin:1.5rem 0 .75rem}
#cityFilterSection { scroll-margin-top: 80px; }

/* Grid Logic */
.grid{
  display:grid; gap:1rem;
  grid-template-columns: repeat(auto-fill, minmax(260px,1fr));
}

.card{
  background:var(--card); border:1px solid var(--border);
  border-radius:var(--radius); box-shadow:var(--shadow); padding:1rem;
  display: block; text-decoration: none; color: inherit; /* Added for WP Links */
}

.event-card .meta{color:var(--muted); font-size:.9rem; margin:.35rem 0 .6rem}
.event-card .chips{display:flex; gap:.5rem; flex-wrap:wrap}
.chip{font-size:.75rem; border:1px solid var(--border); padding:.25rem .5rem; border-radius:999px; color:var(--muted)}

.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:.4rem;
  padding:.7rem 1rem; background:var(--brand); color:#00131f;
  border:0; border-radius:12px; cursor:pointer; font-weight:600;
}
.btn:hover{filter:brightness(1.07)}

/* Utility */
.hidden{ display:none !important; }
.two-col{display:grid; grid-template-columns:1fr 1fr; gap:.8rem}
.form-row{display:flex; flex-direction:column; gap:.35rem; margin-bottom:.8rem}
input, textarea { background:#0e1118; border:1px solid var(--border); color:var(--fg); padding:.6rem .75rem; border-radius:10px; outline:none; width: 100%;}

/* Hero Section */
.hero {
  position: relative;
  height: 380px;
  border-radius: var(--radius);
  overflow: hidden;
  margin-top: 1rem;
}
.hero-bg { width: 100%; height: 100%; object-fit: cover; filter: brightness(0.7); }
.hero-overlay { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; color: #fff; width: 100%; }
.hero-overlay h1 { font-size: 2.4rem; font-weight: 800; margin-bottom: 1rem; }

/* Categories */
.review-categories { margin: 2rem 0; text-align: center; }
.category-row { display: flex; flex-wrap: wrap; justify-content: center; gap: 1rem; margin-top: 1rem; }
.category { background: var(--card); border: 1px solid var(--border); padding: 0.7rem 1.2rem; border-radius: 999px; font-weight: 600; color: var(--fg); box-shadow: var(--shadow); cursor: pointer; }
.category:hover { transform: translateY(-3px); background: var(--brand); color: #00131f; }

/* Pills */
.pill-row{ display:flex; gap:.9rem; overflow-x:auto; padding:.6rem .1rem 1rem 0; }
.pill{ background:#0e1118; color:var(--fg); border:1px solid var(--border); padding:.8rem 1.2rem; border-radius:999px; font-weight:600; white-space:nowrap; cursor:pointer; text-decoration: none;}
.pill.active{ background: var(--brand); color:#00131f; border-color: transparent; }

/* Footer */
.site-footer{border-top:1px solid var(--border); margin-top:2rem; padding: 2rem 0; text-align: center; color: var(--muted);}