/*
Theme Name: Weazel News SAFE
Author: Weazel News
Description: SAFE v1.9 – no footer + back button
Version: 1.9
*/

:root{
 --bg:#f7f3ee;
 --card:#ffffff;
 --text:#1f2937;
 --muted:#6b7280;
 --border:#e6dfd6;
 --accent:#b91c1c;
}

*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
 font-family:Inter,system-ui,sans-serif;
 background:var(--bg);
 color:var(--text);
 line-height:1.7;
}

a{color:var(--accent);text-decoration:none}

.container{
 max-width:1500px; /* było 1320px - stef */
 width:100%;
 margin:auto;
 padding:40px 32px;
}

@media(max-width:768px){
 .container{padding:28px 20px}
}

/* HARD REMOVE WORDPRESS.COM FOOTER */
.site-info,
.wp-block-site-info,
footer,
#colophon,
#wpcom-footer,
.wpcom-footer{
 display:none !important;
}

/* HERO */
.hero{
  background-position: center 38% !important;

 height:420px;
 background:url('assets/img/hero-weazel.jpg') center 40%/cover no-repeat;
 position:relative;
}
.hero::after{
 content:'';
 position:absolute;
 inset:0;
 background:linear-gradient(to bottom,rgba(0,0,0,.1),rgba(0,0,0,.55));
}

/* TICKER */
.marquee{
 background:#000;
 border-top:2px solid var(--accent);
 border-bottom:2px solid var(--accent);
 overflow:hidden;
}
.marquee-track{
 display:flex;
 column-gap:48px;
  row-gap:4px;
 align-items:center;
 width:max-content;
 padding:14px 0;
 animation:ticker 55s linear infinite;
}
.marquee:hover .marquee-track{animation-play-state:paused}
.ticker-item{color:#fff;font-weight:700;white-space:nowrap}
.ticker-logo img{height:26px;opacity:.9}

@keyframes ticker{
 from{transform:translateX(0)}
 to{transform:translateX(-50%)}
}

.btn{
 display:inline-block;
 padding:10px 22px;
 border-radius:999px;
 background:var(--accent);
 color:#fff;
 font-weight:600;
}

/* BACK BUTTON */
.back-home{
 display:inline-block;
 margin-bottom:24px;
 font-weight:600;
}

article{
 background:var(--card);
 border:1px solid var(--border);
 border-radius:14px;
 padding:32px;
 margin-bottom:40px;
 box-shadow:0 10px 30px rgba(0,0,0,.06);
}
article h2{margin-bottom:16px}
article img{width:100%;border-radius:12px;margin:16px 0 20px}
p{color:var(--muted)}


/* CATEGORY BADGE */
.cat-badge{
  display:inline-block;
  margin-bottom:14px;
  padding:6px 14px;
  font-size:12px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  background:#111;
  color:#fff;
  border-radius:999px;
}

/* LIKE BUTTON */
.weazel-like-wrap{
  margin-top:20px;
}
.weazel-like{
  border:none;
  background:transparent;
  font-size:18px;
  cursor:pointer;
}
.weazel-like.liked{
  color:#b91c1c;
  cursor:default;
}


/* BACK TO HOME */
.archive-header{
  margin-bottom:30px;
}
.back-home{
  display:inline-block;
  margin-bottom:12px;
  font-size:14px;
  font-weight:600;
  text-decoration:none;
  color:#111;
}
.back-home:hover{
  text-decoration:underline;
}


.news-layout{
  display:grid;
  grid-template-columns:65% 35%;
  column-gap:48px;
  row-gap:4px;
  align-items:start;
}

.section-title{ margin-top:0; }

.post-thumb{
  margin-bottom:20px;
  border-radius:16px;
  overflow:hidden;
}

.post-thumb img{
  width:100%;
  display:block;
}

.post-title a{
  color:inherit;
  text-decoration:none;
}

.read-more{
  display:inline-block;
  margin-top:16px;
  background:#c01c1c;
  color:#fff;
  padding:10px 18px;
  border-radius:999px;
  text-decoration:none;
  font-weight:600;
}

.back-home{
  display:inline-block;
  margin-bottom:24px;
  text-decoration:none;
  font-weight:600;
}


/* === Visual order & image width tweak === */
.post-card{
  overflow:hidden;
}

.post-thumb.wide{
  margin:20px -24px 24px;
}

.post-thumb.wide img{
  border-radius:0;
}

.post-title{
  margin-top:12px;
  margin-bottom:12px;
}


/* === Rounded thumbnails === */
.post-thumb img{
  border-radius:16px;
}

.post-thumb.wide img{
  border-radius:16px;
}


/* === 3 column layout with YouTube === */
.news-layout.three-cols{
  display:grid;
  grid-template-columns:20% 45% 35%;
  column-gap:48px;
  row-gap:4px;
  align-items:start;
}

.news-youtube .youtube-card{
  background:#fff;
  border-radius:16px;
  padding:16px;
}

.youtube-embed{
  position:relative;
  padding-top:56.25%;
  overflow:hidden;
  border-radius:12px;
}

.youtube-embed iframe{
  position:absolute;
  top:0;left:0;
  width:100%;
  height:100%;
}

.youtube-link{
  display:block;
  margin-top:12px;
  text-align:center;
  font-weight:600;
  text-decoration:none;
}

@media(max-width:1200px){
  .news-layout.three-cols{
    grid-template-columns:1fr 1fr;
  }
  .news-youtube{
    grid-column:1 / -1;
  }
}

@media(max-width:768px){
  .news-layout.three-cols{
    grid-template-columns:1fr;
  }
}


/* === ALIGNMENT FIX === */
.news-layout.three-cols{
  grid-template-columns:20fr 50fr 30fr; /* było 15% 50% 35% - stefu*/
  align-items:start;
}

.news-youtube{
  margin-top:64px; /* align with first article card */
}

@media(max-width:1200px){
  .news-youtube{
    margin-top:0;
	margin-bottom:24px; /*dodane przez stefu*/
  }
}


/* === CLEAN GRID WITH SINGLE HEADER ROW === */
.news-grid{
  display:grid;
  grid-template-columns:20fr 50fr 30fr; /* było 15% 50% 35% - stefu*/
  grid-template-rows:auto 1fr;
  column-gap:48px;
  row-gap:4px;
  align-items:start;
}

.grid-header{
  font-size:28px;
  font-weight:700;
}

.yt-header{ grid-column:1; }
.main-header{ grid-column:2; }
.btl-header{ grid-column:3; }

.yt-cell{ grid-column:1; grid-row:2; }
.main-cell{ grid-column:2; grid-row:2; }
.btl-cell{ grid-column:3; grid-row:2; }

@media(max-width:1200px){
  .news-grid{
    grid-template-columns:1fr 1fr;
  }
  .btl-header,.btl-cell{
    grid-column:1 / -1;
  }
}

@media(max-width:768px){
  .news-grid{
    grid-template-columns:1fr;
  }
  .grid-header,
  .grid-cell{
    grid-column:1;
  }
}


/* === NEWS STYLE RECTANGULAR THUMBNAILS === */
.post-thumb.wide{
  margin:16px -24px 20px;
  max-height:260px;
  overflow:hidden;
}

.post-thumb.wide img{
  width:100%;
  height:260px;
  object-fit:cover;
  border-radius:16px;
}

/* slightly smaller on large screens */
@media(min-width:1400px){
  .post-thumb.wide img{
    height:240px;
  }
}

/* mobile */
@media(max-width:768px){
  .post-thumb.wide img{
    height:200px;
  }
}

/* tighter headers */
.grid-header{
  font-size:24px;
  margin-bottom:4px;
}

/* ultra-tight headers */
.grid-header{
  font-size:22px;
  margin-bottom:2px;
  line-height:1.1;
}

/* =========================
   RESPONSIVE MOBILE LAYOUT
   ========================= */

@media (max-width: 768px){

  .news-grid{
    grid-template-columns: 1fr;
    row-gap: 24px;
  }

  .grid-header{
    font-size:20px;
    margin-bottom:8px;
  }

  .news-card{
    margin-bottom:12px;
  }

}

/* Tablet layout */
@media (min-width: 769px) and (max-width: 1024px){

  .news-grid{
    grid-template-columns: 1fr 1fr;
    column-gap:24px;
    row-gap:20px;
  }

  .grid-header{
    font-size:22px;
    margin-bottom:6px;
  }

}

/* =========================
   MOBILE STACK FIX
   ========================= */
@media (max-width: 768px){
  .news-grid{
    display:flex;
    flex-direction:column;
    gap:24px;
  }

  iframe{
    max-width:100%;
    height:auto;
  }
}

/* =========================
   SECTION-BASED MOBILE FIX
   ========================= */
@media (max-width:768px){
  .news-grid{
    display:block;
  }
  .news-section{
    margin-bottom:32px;
  }
}

/* =========================
   FINAL SAFETY CLEANUP
   ========================= */
.home .section-headings,
.home .home-headings,
.home .news-headings,
.home .category-headings{
  display:none !important;
}

/* =========================
   OPTION B: HIDE COLUMN HEADERS ON MOBILE
   ========================= */
@media (max-width: 768px){
  .grid-header{
    display:none !important;
  }
}

/* =========================
   YouTube placeholder (FiveM safe)
   ========================= */
.yt-box{
  display:flex;
  flex-direction:column;
  gap:8px;
}
.yt-thumb{
  background:#1f1f1f;
  border-radius:12px;
  aspect-ratio:16/9;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  font-size:32px;
}
.yt-open{
  background:none;
  border:none;
  color:#c00;
  font-weight:600;
  cursor:pointer;
  padding:0;
  text-align:left;
}


/* === HERO SLIM VERSION === */
.hero {
  height: 220px !important;
  min-height: 180px;
  max-height: 260px;
}

@media (max-width: 768px) {
  .hero {
    height: 160px !important;
    min-height: 140px;
    max-height: 180px;
  }
}


/* === HERO IMAGE POSITION – SHIFT UP MORE === */
.hero {
  background-position: center 28% !important;
}

@media (max-width: 768px) {
  .hero {
    background-position: center 32% !important;
  }
}

.post-date{position:absolute;top:10px;right:10px;font-size:12px;opacity:.75;z-index:5;}article{position:relative;}

.post-date{
  position:absolute;
  top:12px;
  right:16px;
  font-size:12px;
  opacity:.7;
  background:rgba(0,0,0,.05);
  padding:4px 8px;
  border-radius:8px;
  z-index:5;
}
article{position:relative;}

.post-date-single{
  font-size:14px;
  opacity:.7;
  margin-bottom:20px;
}

/* Smaller news ticker (half height) */
.ticker,
.news-ticker,
.breaking-news {
  height: 24px;
  line-height: 24px;
  font-size: 12px;
}

.ticker *,
.news-ticker *,
.breaking-news * {
  line-height: 24px;
}


/* === SLIM NEWS TICKER (FINAL) === */
.marquee-track{
  padding:4px 0;        /* was 14px */
  column-gap:32px;
}

.marquee-track .ticker-item{
  font-size:13px;
  line-height:1.2;
}

.marquee-track .ticker-logo img{
  height:18px;
  width:auto;
}


/* Category Bar */
.category-bar {
 background:#0f0f0f;
 border-bottom:1px solid #222;
 overflow-x:auto;
}
.category-list {
 display:flex;
 gap:16px;
 list-style:none;
 margin:0;
 padding:10px 16px;
}
.category-list li a {
 color:#ddd;
 font-size:14px;
 text-decoration:none;
 white-space:nowrap;
}
.category-list li a:hover {
 color:#fff;
}


/* Category Bar – centered & uppercase */
.category-list {
  justify-content: center;
}

.category-list li a {
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 13px;
}

/* obrazek z rekru z ChataGPT - dodane przez stefu*/
.left-column{
    width:100%;
}
.recruitment-section{
    margin-top: 24px;
	margin-bottom: 24px;
}
.left-column .left-image{
    display:block;
    width:100%;
    height:auto;
    border-radius:16px;
}
.left-image{
    animation: pulse 3s ease-in-out infinite;
}

@keyframes pulse{
    0%,100%{
        transform:scale(1);
    }
    50%{
        transform:scale(1.03);
    }
}