/*
Theme Name: Was That Funny
Theme URI: https://wasthatfunny.com
Author: Was That Funny Media
Description: An editorial WordPress theme for Was That Funny? — an Irish-first comedy review magazine covering live stand-up, festivals, interviews and the gig guide. Built around a rubber-stamp "verdict" review format, a ticket-stub review card, and a dark gig guide strip. Inspired by the energy of the Punk theme, redirected from grunge posters to comedy club marquees and ticket stubs.
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: wasthatfunny
*/

:root{
  --ink:#17140F;
  --paper:#F2ECDC;
  --paper-white:#FAF7EE;
  --red:#D6304A;
  --red-dark:#8F1B2C;
  --yellow:#F0B32E;
  --stone:#8A8271;
  --charcoal:#221E17;
  --line:#D8CFB6;
  --font-display:'Anton', 'Arial Narrow', sans-serif;
  --font-body:'Source Serif 4', Georgia, serif;
  --font-mono:'IBM Plex Mono', 'Courier New', monospace;
}

*,*::before,*::after{box-sizing:border-box;}
body{
  margin:0;
  background:var(--paper);
  color:var(--charcoal);
  font-family:var(--font-body);
  -webkit-font-smoothing:antialiased;
}
a{color:inherit;text-decoration:none;}
img{max-width:100%;display:block;}
.wtf-container{max-width:1240px;margin:0 auto;padding:0 48px;}
@media (max-width:780px){.wtf-container{padding:0 20px;}}

.wtf-display{
  font-family:var(--font-display);
  font-weight:400;
  text-transform:uppercase;
  letter-spacing:0.01em;
}
.wtf-mono{
  font-family:var(--font-mono);
  text-transform:uppercase;
  letter-spacing:0.08em;
}

/* ticker */
.wtf-ticker{
  background:var(--ink);
  color:var(--paper-white);
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:0.06em;
  padding:8px 0;
  overflow:hidden;
  white-space:nowrap;
}
.wtf-ticker .wtf-container{display:flex;overflow:hidden;}
.wtf-ticker span{opacity:0.85;margin-right:36px;flex-shrink:0;}
.wtf-ticker span b{color:var(--yellow);font-weight:600;}

/* masthead */
.wtf-masthead{border-bottom:3px solid var(--ink);padding-top:40px;}
.wtf-masthead-top{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  padding-bottom:22px;
  flex-wrap:wrap;
  gap:16px;
}
.wtf-logo{
  font-size:clamp(38px,6vw,64px);
  line-height:0.86;
  color:var(--ink);
  font-family:var(--font-display);
  text-transform:uppercase;
}
.wtf-logo .q{color:var(--red);}
.wtf-tagline{
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:0.15em;
  text-transform:uppercase;
  color:var(--stone);
  margin-top:8px;
}
.wtf-masthead-meta{
  text-align:right;
  font-family:var(--font-mono);
  font-size:11px;
  color:var(--stone);
  letter-spacing:0.06em;
}
.wtf-nav{display:flex;flex-wrap:wrap;padding:14px 0;list-style:none;margin:0;}
.wtf-nav li{margin:0;}
.wtf-nav a{
  display:inline-block;
  margin-right:28px;
  padding:4px 0;
  font-size:13px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:0.04em;
  font-family:'Poppins','Arial Narrow',sans-serif;
}
.wtf-nav .current-menu-item a,.wtf-nav a:hover{color:var(--red);}

/* ransom-note logo */
.wtf-ransom{display:flex;flex-wrap:wrap;align-items:flex-end;gap:6px 8px;max-width:560px;}
.wtf-ransom .wtf-word{display:inline-flex;margin-right:10px;}
.wtf-ransom .wtf-letter{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:4px 8px 3px;
  margin-right:2px;
  border:1px solid rgba(0,0,0,0.18);
  box-shadow:2px 3px 0 rgba(0,0,0,0.08);
  line-height:1;
  position:relative;
}
.wtf-ransom .wtf-tape{position:absolute;background:rgba(250,247,238,0.55);border:1px solid rgba(0,0,0,0.06);}
.wtf-ransom .wtf-pin{position:absolute;}
@media (max-width:640px){.wtf-ransom .wtf-letter{padding:2px 5px 1px;}}

/* stamp — the recurring review device */
.wtf-stamp{
  display:inline-block;
  border:3px solid var(--red);
  color:var(--red);
  transform:rotate(-9deg);
  padding:10px 16px;
  text-align:center;
  background:rgba(250,247,238,0.94);
}
.wtf-stamp .q{font-family:'Poppins',sans-serif;font-weight:700;font-size:13px;letter-spacing:0.03em;}
.wtf-stamp .stars{font-size:16px;letter-spacing:2px;margin:2px 0;color:var(--red);}
.wtf-stamp .verdict{font-family:'Poppins',sans-serif;font-weight:700;font-size:14px;text-transform:uppercase;}

.wtf-mini-stamp{
  position:absolute;
  bottom:-16px;right:14px;
  background:var(--red);
  color:var(--paper-white);
  font-family:'Poppins',sans-serif;
  font-weight:700;
  font-size:11px;
  padding:6px 10px;
  transform:rotate(-4deg);
  letter-spacing:0.02em;
  white-space:nowrap;
}
.wtf-stars-red{color:var(--red);}
.wtf-stars-red .dim{opacity:.3;}
.wtf-stars-yellow{color:var(--yellow);letter-spacing:2px;}
.wtf-stars-yellow .dim{opacity:.3;}

/* hero */
.wtf-hero{display:grid;grid-template-columns:1.15fr 0.85fr;border-bottom:1px solid var(--line);}
@media (max-width:900px){.wtf-hero{grid-template-columns:1fr;}}
.wtf-hero-art{
  position:relative;
  background:linear-gradient(160deg,#2B2620 0%,#4A3A2E 45%,#1B1712 100%);
  min-height:420px;
  display:flex;
  align-items:flex-end;
  padding:28px;
  background-size:cover;
  background-position:center;
}
.wtf-hero-art.has-image{background-blend-mode:multiply;}
.wtf-hero-cat{
  font-family:var(--font-mono);
  font-size:11px;
  color:var(--yellow);
  letter-spacing:0.12em;
  background:rgba(0,0,0,0.4);
  display:inline-block;
  padding:4px 10px;
}
.wtf-hero-art .wtf-stamp{position:absolute;top:36px;left:36px;}
.wtf-hero-copy{padding:40px 44px;display:flex;flex-direction:column;justify-content:center;background:var(--paper-white);}
.wtf-hero-copy .eyebrow{font-family:var(--font-mono);font-size:11px;letter-spacing:0.1em;color:var(--red);margin-bottom:10px;}
.wtf-hero-copy h1{font-family:'Poppins',sans-serif;font-weight:700;font-size:34px;line-height:1.08;margin:0 0 14px;color:var(--ink);}
.wtf-hero-copy p{font-size:15.5px;line-height:1.6;color:var(--charcoal);margin:0 0 18px;}
.wtf-byline{font-family:var(--font-mono);font-size:11px;color:var(--stone);letter-spacing:0.05em;border-top:1px solid var(--line);padding-top:14px;}

/* sections */
.wtf-section{padding:44px 0;}
.wtf-section-head{display:flex;align-items:baseline;justify-content:space-between;border-bottom:2px solid var(--ink);padding-bottom:10px;margin-bottom:26px;}
.wtf-section-head h2{font-family:'Poppins',sans-serif;font-weight:700;font-size:22px;text-transform:uppercase;margin:0;}
.wtf-section-head .sub{font-family:var(--font-mono);font-size:11px;color:var(--stone);letter-spacing:0.06em;}

/* review card grid */
.wtf-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;}
@media (max-width:900px){.wtf-grid{grid-template-columns:repeat(2,1fr);}}
@media (max-width:640px){.wtf-grid{grid-template-columns:1fr;}}
.wtf-card{background:var(--paper-white);border:1px solid var(--line);position:relative;}
.wtf-card-art{height:150px;position:relative;background:linear-gradient(150deg,#3A3350,#151022);background-size:cover;background-position:center;}
.wtf-perf{border-top:2px dashed var(--line);margin:0 14px;}
.wtf-card-body{padding:20px 16px 18px;}
.wtf-card-body .kicker{font-family:var(--font-mono);font-size:10px;color:var(--red);letter-spacing:0.1em;margin-bottom:6px;}
.wtf-card-body h3{font-family:'Poppins',sans-serif;font-weight:700;font-size:16.5px;line-height:1.28;margin:0 0 8px;color:var(--ink);}
.wtf-card-body h3 a{color:inherit;}
.wtf-card-body .stars-row{margin-bottom:8px;}
.wtf-card-body p{font-size:13.5px;line-height:1.55;color:var(--stone);margin:0;}

/* gig guide */
.wtf-guide{background:var(--ink);color:var(--paper-white);}
.wtf-guide .wtf-section-head{border-bottom-color:#4a4433;}
.wtf-guide .wtf-section-head h2{color:var(--paper-white);}
.wtf-guide .wtf-section-head .sub{color:#8f8770;}
.wtf-guide-row{display:grid;grid-template-columns:70px 1fr 140px 90px;align-items:center;gap:18px;padding:16px 0;border-bottom:1px solid #34301F;}
@media (max-width:640px){.wtf-guide-row{grid-template-columns:56px 1fr;}.wtf-guide-tag,.wtf-guide-cta{display:none;}}
.wtf-guide-row:last-child{border-bottom:none;}
.wtf-guide-date{font-family:'Poppins',sans-serif;font-weight:700;text-align:center;background:#2A2619;padding:8px 4px;}
.wtf-guide-date .d{font-size:20px;line-height:1;color:var(--yellow);}
.wtf-guide-date .m{font-size:10px;letter-spacing:0.1em;color:#9c957c;}
.wtf-guide-info .name{font-family:'Poppins',sans-serif;font-weight:700;font-size:15px;}
.wtf-guide-info .venue{font-family:var(--font-mono);font-size:11px;color:#9c957c;margin-top:3px;letter-spacing:0.04em;}
.wtf-guide-tag{font-family:var(--font-mono);font-size:10px;letter-spacing:0.08em;color:var(--yellow);border:1px solid #4a4433;padding:4px 8px;text-align:center;}
.wtf-guide-cta{font-family:'Poppins',sans-serif;font-weight:700;font-size:11px;text-align:right;color:var(--red);letter-spacing:0.04em;}

/* single review / post */
.wtf-single{padding:44px 0;max-width:820px;}
.wtf-single .eyebrow{font-family:var(--font-mono);font-size:11px;letter-spacing:0.1em;color:var(--red);margin-bottom:10px;}
.wtf-single h1{font-family:'Poppins',sans-serif;font-weight:700;font-size:38px;line-height:1.1;margin:0 0 18px;color:var(--ink);}
.wtf-single .wtf-stamp{float:right;margin:0 0 16px 24px;}
.wtf-single .wtf-byline{margin-bottom:24px;}
.wtf-single .entry-content{font-size:17px;line-height:1.75;}
.wtf-single .entry-content p{margin:0 0 1.3em;}

/* archive */
.wtf-archive-list{display:flex;flex-direction:column;gap:0;}
.wtf-archive-row{display:grid;grid-template-columns:120px 1fr;gap:20px;padding:22px 0;border-bottom:1px solid var(--line);}
@media (max-width:640px){.wtf-archive-row{grid-template-columns:1fr;}}
.wtf-archive-row .wtf-card-art{height:100%;min-height:90px;}

/* footer */
.wtf-footer{background:var(--ink);color:#8f8770;padding:36px 0;border-top:1px solid #34301F;font-family:var(--font-mono);font-size:11px;letter-spacing:0.06em;}
.wtf-footer .wtf-container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;}
.wtf-footer .fl{color:var(--paper-white);font-family:'Poppins',sans-serif;font-weight:700;font-size:14px;letter-spacing:0;text-transform:uppercase;}
.wtf-footer .fl .q{color:var(--red);}

/* widgets / sidebar (optional use) */
.widget{margin-bottom:2rem;}
.widget-title{font-family:'Poppins',sans-serif;font-weight:700;text-transform:uppercase;font-size:14px;border-bottom:1px solid var(--line);padding-bottom:8px;margin-bottom:12px;}