/*
Theme Name: Eventfoxnews
Theme URI: https://example.com/eventfoxnews
Author: Eventfox Interactive
Description: A clean, editorial news theme with an integrated, vote-ranked business directory. Includes a custom "Business Listing" post type, a "Business Owner" role for front-end submissions, and an AJAX voting system.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: townline
*/

:root{
  --paper:#FFFFFF;
  --paper-dim:#F7F7F7;
  --ink:#1A1A1A;
  --ink-soft:#6B6B6B;
  --forest:#12365B;
  --forest-deep:#0A1F38;
  --gold:#C8102E;
  --gold-soft:#FBE0E2;
  --line:#E2E2E2;
  --white:#FFFFFF;
}

*{margin:0;padding:0;box-sizing:border-box;}

body{
  background:var(--paper);
  color:var(--ink);
  font-family:'Inter',sans-serif;
  -webkit-font-smoothing:antialiased;
}

a{color:inherit;text-decoration:none;}
button{font-family:inherit;cursor:pointer;border:none;background:none;}
img{max-width:100%;display:block;}

.wrap{max-width:1180px;margin:0 auto;padding:0 32px;}
.mono{font-family:'IBM Plex Mono',monospace;}

/* ===== MASTHEAD ===== */
.edition-bar{border-bottom:1px solid var(--line);background:var(--paper);}
.edition-bar .wrap{
  display:flex;justify-content:space-between;align-items:center;
  padding-top:10px;padding-bottom:10px;
  font-family:'IBM Plex Mono',monospace;font-size:11px;
  letter-spacing:0.06em;text-transform:uppercase;color:var(--ink-soft);
}
.edition-bar .dot{color:var(--gold);margin:0 8px;}

header.masthead{border-bottom:2px solid var(--ink);background:var(--paper);}
.masthead .wrap{
  display:flex;justify-content:space-between;align-items:flex-end;
  padding:28px 32px 20px;flex-wrap:wrap;gap:16px;
}
.brand h1{
  font-family:'PT Serif',serif;font-weight:700;font-size:44px;
  letter-spacing:-0.01em;line-height:1;
}
.brand h1 a{color:inherit;}
.brand p{margin-top:6px;font-size:13px;font-style:italic;color:var(--ink-soft);font-family:'PT Serif',serif;}

nav.primary{display:flex;gap:28px;font-size:13px;font-weight:500;letter-spacing:0.02em;padding-bottom:6px;flex-wrap:wrap;}
nav.primary ul{display:flex;gap:28px;list-style:none;flex-wrap:wrap;}
nav.primary a{position:relative;padding-bottom:4px;color:var(--ink);transition:color .15s ease;}
nav.primary a:hover{color:var(--forest);}
nav.primary .current-menu-item a{border-bottom:2px solid var(--gold);}

/* ===== SECTION HEADERS ===== */
.section-head{
  display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:8px;
  margin:56px 0 24px;border-bottom:1px solid var(--ink);padding-bottom:10px;
}
.section-head .label{font-family:'PT Serif',serif;font-weight:700;font-size:26px;}
.section-head .meta{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:0.06em;text-transform:uppercase;color:var(--ink-soft);}

/* ===== TRENDING HERO ===== */
.trending-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:44px;align-items:start;}
.feature-story{position:relative;}
.feature-story .tag{
  display:inline-block;font-family:'IBM Plex Mono',monospace;font-size:10.5px;
  letter-spacing:0.08em;text-transform:uppercase;color:var(--forest);
  background:var(--gold-soft);padding:3px 8px;margin-bottom:14px;
}
.feature-story .frame{
  width:100%;aspect-ratio:16/9;background:linear-gradient(135deg,var(--forest) 0%, var(--forest-deep) 100%);
  margin-bottom:18px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;
}
.feature-story .frame img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;}
.frame-placeholder-label{position:relative;z-index:1;color:rgba(255,255,255,0.55);font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:0.05em;text-transform:uppercase;}
.feature-story h2{font-family:'PT Serif',serif;font-weight:700;font-size:32px;line-height:1.15;margin-bottom:12px;}
.feature-story h2 a:hover{color:var(--forest);}
.feature-story p.dek{font-size:15.5px;color:var(--ink-soft);line-height:1.55;max-width:52ch;margin-bottom:14px;}
.byline{font-family:'IBM Plex Mono',monospace;font-size:11px;color:var(--ink-soft);letter-spacing:0.02em;}

.trend-rank{border-left:1px solid var(--line);padding-left:36px;}
.trend-rank .rank-item{display:flex;gap:16px;padding:16px 0;border-bottom:1px solid var(--line);}
.trend-rank .rank-item:first-child{padding-top:0;}
.rank-item .num{font-family:'IBM Plex Mono',monospace;font-size:22px;font-weight:500;color:var(--gold);line-height:1;min-width:30px;}
.rank-item .body h3{font-family:'PT Serif',serif;font-weight:700;font-size:16.5px;line-height:1.3;margin-bottom:6px;}
.rank-item .body h3 a:hover{color:var(--forest);}
.rank-item .body .meta{font-family:'IBM Plex Mono',monospace;font-size:10.5px;letter-spacing:0.04em;text-transform:uppercase;color:var(--ink-soft);display:flex;gap:10px;align-items:center;}
.rank-item .body .meta .up{color:var(--forest);}

/* ===== NEWS GRID ===== */
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;}
.news-card .thumb{width:100%;aspect-ratio:4/3;margin-bottom:14px;background:var(--paper-dim);border:1px solid var(--line);position:relative;overflow:hidden;}
.news-card .thumb img{width:100%;height:100%;object-fit:cover;}
.news-card .cat{font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:0.08em;text-transform:uppercase;color:var(--forest);margin-bottom:8px;display:block;}
.news-card h3{font-family:'PT Serif',serif;font-weight:700;font-size:19px;line-height:1.28;margin-bottom:8px;}
.news-card h3 a:hover{color:var(--forest);}
.news-card p{font-size:13.5px;color:var(--ink-soft);line-height:1.5;}

/* ===== DIRECTORY ===== */
.directory-section{margin-top:70px;background:var(--forest-deep);padding:56px 0 70px;}
.directory-section .section-head{border-bottom:1px solid rgba(250,249,245,0.25);margin-top:0;}
.directory-section .section-head .label{color:var(--paper);}
.directory-section .section-head .meta{color:var(--gold-soft);}
.directory-section .intro{color:rgba(250,249,245,0.72);font-size:14.5px;max-width:60ch;margin-bottom:32px;line-height:1.55;}

.directory-controls{display:flex;gap:16px;align-items:center;margin-bottom:28px;flex-wrap:wrap;}
.search-box{flex:1;min-width:240px;position:relative;}
.search-box input{width:100%;padding:12px 16px 12px 40px;background:rgba(250,249,245,0.06);border:1px solid rgba(250,249,245,0.25);color:var(--paper);font-family:'Inter',sans-serif;font-size:14px;}
.search-box input::placeholder{color:rgba(250,249,245,0.45);}
.search-box input:focus{outline:none;border-color:var(--gold);background:rgba(250,249,245,0.1);}
.search-box .icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:rgba(250,249,245,0.5);font-size:14px;}

.filter-pills{display:flex;gap:8px;flex-wrap:wrap;}
.pill{font-family:'IBM Plex Mono',monospace;font-size:11.5px;letter-spacing:0.03em;padding:9px 16px;border:1px solid rgba(250,249,245,0.3);color:rgba(250,249,245,0.75);background:transparent;transition:all .15s ease;white-space:nowrap;}
.pill:hover{border-color:var(--gold);color:var(--paper);}
.pill.active{background:var(--gold);border-color:var(--gold);color:var(--forest-deep);font-weight:500;}

.directory-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch;}
.biz-card{background:var(--paper);padding:22px 22px 20px;border-top:3px solid var(--gold);transition:transform .15s ease;display:flex;flex-direction:column;}
.biz-card.hidden{display:none;}
.biz-card.is-leader .rank-num{color:var(--forest-deep);background:var(--gold);padding:1px 7px;font-size:12px;letter-spacing:0.03em;}
.biz-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px;gap:10px;}
.rank-name{display:flex;align-items:baseline;gap:10px;min-width:0;flex:1;}
.rank-num{font-family:'IBM Plex Mono',monospace;font-size:18px;font-weight:500;color:var(--ink-soft);flex-shrink:0;}
.biz-card h3{font-family:'PT Serif',serif;font-weight:700;font-size:18px;line-height:1.2;min-width:0;overflow-wrap:break-word;}
.biz-card h3 a:hover{color:var(--forest);}
.biz-status{font-family:'IBM Plex Mono',monospace;font-size:9.5px;letter-spacing:0.05em;text-transform:uppercase;padding:3px 7px;white-space:nowrap;flex-shrink:0;}
.biz-status.open{background:#E1EDE5;color:var(--forest);}
.biz-status.closed{background:#F0E4DD;color:#8A4A2E;}
.biz-status.pending{background:#F3E7C9;color:#8A6A1E;}
.biz-cat{font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:0.06em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:10px;display:block;}
.biz-rating{font-size:12.5px;color:var(--gold);margin-bottom:10px;letter-spacing:1px;}
.biz-rating span{color:var(--ink-soft);margin-left:6px;font-family:'IBM Plex Mono',monospace;letter-spacing:0;}
.biz-card .addr{font-size:13px;color:var(--ink-soft);line-height:1.5;margin-bottom:14px;flex:1;}
.biz-card .view-btn{font-family:'IBM Plex Mono',monospace;font-size:11.5px;letter-spacing:0.04em;color:var(--forest);border-bottom:1px solid var(--forest);padding-bottom:2px;display:inline-block;align-self:flex-start;}
.biz-card .view-btn:hover{color:var(--gold);border-color:var(--gold);}

.vote-row{display:flex;align-items:center;gap:10px;margin-bottom:12px;}
.vote-btn{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:0.03em;color:var(--forest);border:1px solid var(--forest);padding:5px 10px;transition:all .15s ease;}
.vote-btn:hover{background:var(--forest);color:var(--paper);}
.vote-btn:disabled{opacity:0.5;cursor:default;}
.vote-btn:disabled:hover{background:none;color:var(--forest);}
.vote-login-link{font-family:'IBM Plex Mono',monospace;font-size:11px;color:var(--gold);text-decoration:underline;}
.vote-count{font-family:'IBM Plex Mono',monospace;font-size:11.5px;color:var(--ink-soft);}

/* ===== CATEGORY LEADER CAROUSEL (AD) ===== */
.leader-carousel{position:relative;margin-bottom:36px;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,0.25);}
.carousel-track{display:flex;transition:transform .5s cubic-bezier(.65,0,.35,1);}
.carousel-slide{min-width:100%;background:var(--paper);border-left:6px solid var(--gold);padding:34px 40px;display:flex;justify-content:space-between;align-items:center;gap:36px;}
.ad-eyebrow{font-family:'IBM Plex Mono',monospace;font-size:10.5px;letter-spacing:0.08em;text-transform:uppercase;color:var(--gold);display:block;margin-bottom:10px;}
.slide-content h3{font-family:'PT Serif',serif;font-weight:700;font-size:28px;margin-bottom:10px;line-height:1.15;}
.slide-meta{font-size:13.5px;color:var(--ink-soft);margin-bottom:14px;}
.slide-meta .stars{color:var(--gold);letter-spacing:1px;margin-right:6px;}
.slide-cta{font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:0.04em;color:var(--forest);border-bottom:1px solid var(--forest);padding-bottom:2px;}
.slide-cta:hover{color:var(--gold);border-color:var(--gold);}
.slide-visual{flex-shrink:0;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle at 35% 30%, var(--gold-soft), var(--gold) 70%);display:flex;align-items:center;justify-content:center;position:relative;}
.slide-visual .ad-badge{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:0.08em;color:var(--forest-deep);font-weight:600;background:rgba(250,249,245,0.85);padding:4px 10px;border-radius:20px;}
.car-nav{position:absolute;top:50%;transform:translateY(-50%);width:34px;height:34px;background:rgba(28,30,27,0.55);color:var(--paper);font-size:15px;display:flex;align-items:center;justify-content:center;transition:background .15s ease;}
.car-nav:hover{background:var(--gold);color:var(--forest-deep);}
.car-nav.prev{left:14px;}
.car-nav.next{right:14px;}
.carousel-dots{position:absolute;bottom:14px;left:0;right:0;display:flex;justify-content:center;gap:7px;}
.carousel-dots .dot{width:7px;height:7px;border-radius:50%;background:rgba(250,249,245,0.4);}
.carousel-dots .dot.active{background:var(--gold);}

/* ===== SUBMIT LISTING ===== */
.submit-section{margin-top:48px;padding-top:40px;border-top:1px solid rgba(250,249,245,0.2);}
.submit-head{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px;margin-bottom:20px;}
.submit-head .label{font-family:'PT Serif',serif;font-weight:700;font-size:22px;color:var(--paper);}
.submit-gate{background:rgba(250,249,245,0.06);border:1px dashed rgba(250,249,245,0.3);padding:22px 24px;color:rgba(250,249,245,0.8);font-size:14px;line-height:1.6;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px;}
.gate-btn{font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:0.03em;background:var(--gold);color:var(--forest-deep);padding:9px 18px;font-weight:500;white-space:nowrap;display:inline-block;}
.biz-form{display:grid;grid-template-columns:1fr 1fr;gap:18px 20px;background:rgba(250,249,245,0.05);border:1px solid rgba(250,249,245,0.2);padding:26px;}
.biz-form .full{grid-column:1/-1;}
.biz-form label{display:flex;flex-direction:column;gap:7px;font-family:'IBM Plex Mono',monospace;font-size:10.5px;letter-spacing:0.05em;text-transform:uppercase;color:rgba(250,249,245,0.6);}
.biz-form input,.biz-form select,.biz-form textarea{font-family:'Inter',sans-serif;font-size:14px;text-transform:none;letter-spacing:0;padding:10px 12px;background:rgba(250,249,245,0.06);border:1px solid rgba(250,249,245,0.25);color:var(--paper);}
.biz-form textarea{resize:vertical;min-height:70px;}
.biz-form input:focus,.biz-form select:focus,.biz-form textarea:focus{outline:none;border-color:var(--gold);}
.admin-only{flex-direction:row !important;align-items:center;gap:8px !important;}
.admin-only input{width:auto;padding:0;accent-color:var(--gold);}
.biz-form .submit-btn{grid-column:1/-1;justify-self:start;font-family:'IBM Plex Mono',monospace;font-size:12.5px;letter-spacing:0.04em;background:var(--gold);color:var(--forest-deep);font-weight:500;padding:11px 24px;}
.biz-form .submit-btn:hover{background:var(--paper);}
.submit-confirm{margin-top:16px;padding:14px 18px;background:rgba(184,134,60,0.15);border-left:3px solid var(--gold);color:var(--paper);font-size:13.5px;}
.submit-error{margin-top:16px;padding:14px 18px;background:rgba(180,60,60,0.15);border-left:3px solid #c05a4a;color:var(--paper);font-size:13.5px;}

.no-results{grid-column:1/-1;text-align:center;padding:50px 20px;color:rgba(250,249,245,0.6);font-family:'IBM Plex Mono',monospace;font-size:13px;}

/* ===== AD SLOTS ===== */
.ad-label{
  display:block;font-family:'IBM Plex Mono',monospace;font-size:9px;letter-spacing:0.08em;
  text-transform:uppercase;color:var(--ink-soft);margin-bottom:6px;text-align:center;
}
.ad-slot{margin:0;}
.ad-slot img{width:100%;display:block;}
.ad-slot a{display:block;}

.ad-slot-masthead{border-bottom:1px solid var(--line);background:var(--paper-dim);padding:10px 0;}
.ad-slot-masthead .wrap{max-width:1180px;margin:0 auto;padding:0 32px;}
.ad-slot-masthead img{max-height:90px;width:auto;margin:0 auto;object-fit:contain;}

.ad-slot-footer{border-top:1px solid var(--line);padding:24px 0;}
.ad-slot-footer .wrap{max-width:1180px;margin:0 auto;padding:0 32px;}
.ad-slot-footer img{max-height:100px;width:auto;margin:0 auto;object-fit:contain;}

.directory-layout{display:grid;grid-template-columns:1fr 280px;gap:32px;align-items:start;}
.directory-rail{position:sticky;top:20px;}
.ad-slot-sidebar{background:rgba(250,249,245,0.06);border:1px solid rgba(250,249,245,0.2);padding:16px;}
.ad-slot-sidebar .ad-label{color:rgba(250,249,245,0.5);}
.ad-fallback-text{
  display:flex;align-items:center;justify-content:center;min-height:120px;
  font-family:'PT Serif',serif;font-size:18px;color:var(--forest);background:var(--gold-soft);
  text-align:center;padding:16px;
}

.news-card.sponsored-card .cat.sponsored-tag{color:var(--gold);}

@media (max-width:900px){
  .directory-layout{grid-template-columns:1fr;}
  .directory-rail{position:static;}
}

/* ===== GENERIC PAGE / SINGLE CONTENT ===== */
.page-content{padding:50px 0 80px;max-width:760px;margin:0 auto;}
.page-content h1{font-family:'PT Serif',serif;font-size:36px;margin-bottom:20px;}
.page-content p{margin-bottom:16px;line-height:1.6;}

/* ===== FOOTER ===== */
footer.site-footer{padding:40px 0 60px;border-top:1px solid var(--line);margin-top:0;}
footer.site-footer .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;font-family:'IBM Plex Mono',monospace;font-size:11px;color:var(--ink-soft);letter-spacing:0.02em;}

@media (max-width:900px){
  .trending-grid{grid-template-columns:1fr;}
  .trend-rank{border-left:none;padding-left:0;border-top:1px solid var(--line);padding-top:24px;margin-top:8px;}
  .news-grid{grid-template-columns:repeat(2,1fr);}
  .directory-grid{grid-template-columns:repeat(2,1fr);}
  .masthead .wrap{flex-direction:column;align-items:flex-start;gap:16px;}
  nav.primary{flex-wrap:wrap;gap:16px 22px;}
}
@media (max-width:700px){
  .biz-form{grid-template-columns:1fr;}
}
@media (max-width:600px){
  .news-grid{grid-template-columns:1fr;}
  .directory-grid{grid-template-columns:1fr;}
  .brand h1{font-size:34px;}
  .carousel-slide{flex-direction:column;align-items:flex-start;padding:26px 24px 30px;}
  .slide-visual{width:90px;height:90px;align-self:flex-end;}
}