/*
Theme Name: Cinematographe
Author: Cinematographe
Version: 1.0
*/

/* GOOGLE FONTS */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;700;800&family=Inter:wght@200;300;400;500;600&display=swap');

/* ===== RESET / BASE ===== */
*,
*::before,
*::after { box-sizing: border-box; }

body{
  margin:0;
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, sans-serif;
  background: radial-gradient(circle at top, #1a1f27 0%, #0b0f14 60%);
  color:#eaeaea;
}

a{ color:inherit; text-decoration:none; }
img{ max-width:100%; display:block; }

/* ===== CONTAINERS ===== */
.container{
  width: min(760px, calc(100% - 40px));
  margin: 0 auto;
}

.container-wide{
  width: min(1200px, calc(100% - 40px));
  margin: 0 auto;
}

/* ===== HEADER ===== */
.site-header{
  position: sticky;
  top: 0;
  z-index: 1000;
  background: linear-gradient(to bottom,#0c1117,#070b10);
  border-bottom: 1px solid rgba(255,255,255,.05);
}

.nav-wrap{
  max-width: 1200px;
  margin: 0 auto;
  padding: 14px 20px;
  display:flex;
  justify-content:center;
}

.nav-inner{
  width:100%;
  display:flex;
  justify-content:center;
}

/* αν εμφανίζεται brand/title, το κρύβουμε */
.site-header .brand,
.site-header .site-title,
.site-header .brand-text{
  display:none !important;
}

/* MENU PILL */
.main-nav .menu{
  list-style:none;
  margin:0;
  padding: 8px 22px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap: 22px;

  border:1px solid rgba(245,197,24,.50);
  border-radius:999px;
  background:rgba(0,0,0,.35);
  box-shadow:0 0 25px rgba(245,197,24,.12);
}

.main-nav .menu > li > a{
  font-size:12px;
  letter-spacing:.18em;
  text-transform:uppercase;

  color:#d4af37 !important;
  padding:6px 14px;
  border-radius:999px;

  border:1px solid rgba(212,175,55,.35);
  background: transparent;
  transition: .25s ease;
}

.main-nav .menu > li > a:hover{
  background: rgba(212,175,55,.10);
  border-color: rgba(212,175,55,.85);
  text-shadow: 0 0 10px rgba(212,175,55,.20);
}

/* ACTIVE */
.main-nav .menu > li.current-menu-item > a,
.main-nav .menu > li.current_page_item > a{
  background: rgba(212,175,55,.14);
  border-color: rgba(212,175,55,.75);
}

/* HOME ICON (το δικό σου id από inspect) */
#menu-item-80 > a{
  border: none !important;
  background: transparent !important;
  font-size: 22px !important;
  padding: 0 16px !important;
  letter-spacing: 0 !important;
  opacity: .9;
}
#menu-item-80 > a:hover{
  transform: scale(1.15);
  background: none !important;
}

/* ===== HERO ===== */
.hero{
  padding: 78px 0 52px;
  text-align:center;
  position:relative;
}

.hero h1{
  font-family: "Playfair Display", Georgia, "Times New Roman", serif;
  font-size: clamp(44px,6vw,72px);
  font-weight: 700;
  letter-spacing: .5px;
  margin: 0 0 14px;
  color:#f5c518;
  text-shadow:0 15px 50px rgba(245,197,24,.25);
}

.hero-sub{
  font-family: Inter, system-ui, sans-serif;
  font-size: 13px;
  font-weight: 300;
  letter-spacing: .42em;
  text-transform: uppercase;
  opacity: .70;
  margin:0;
}

.hero-sub .dot{
  color:#f5c518;
  margin:0 12px;
  font-weight: 600;
}

/* HERO GLOW */
.hero::after{
  content:"";
  position:absolute;
  inset:-120px;
  background: radial-gradient(circle at top, rgba(245,197,24,.08), transparent 60%);
  z-index:-1;
}

/* ===== SECTIONS ===== */
.section-block{ padding: 34px 0; }
.section-center{ text-align:center; }
.muted{ opacity:.7; }

/* ===== GRID / CARDS ===== */
.grid-cards{
  display:grid;
  gap:18px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

@media (max-width: 900px){
  .grid-cards{ grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 560px){
  .grid-cards{ grid-template-columns: 1fr; }
}

.card{
  background:rgba(255,255,255,.03);
  border-radius:16px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 15px 50px rgba(0,0,0,.50);
  transition:.25s;
}

.card:hover{
  transform: translateY(-6px);
  box-shadow:0 25px 80px rgba(0,0,0,.70);
}

.card-link{ display:block; }

.card-poster{
  position: relative;
  aspect-ratio: 2/3;
  background:#000;
}
.card-poster-wide{ aspect-ratio:16/9; }

.card-poster img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.card-rating{
  position:absolute;
  top:10px;
  right:10px;
  background: rgba(0,0,0,.70);
  padding:6px 10px;
  border-radius:999px;
  font-weight:700;
  font-size:13px;
  border:1px solid rgba(255,255,255,.18);
}

.card-body{ padding:14px; }
.card-title{ font-size:14px; font-weight:700; margin:0 0 6px; }
.card-meta{ font-size:13px; opacity:.7; }

/* ===== FEATURED (This Week’s Spotlight) ===== */
.featured-card{
  display:grid;
  grid-template-columns: 420px 1fr;
  gap: 22px;
  align-items: center;

  padding: 22px;
  border-radius: 22px;

  background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
  border: 1px solid rgba(245,197,24,.22);
  box-shadow: 0 18px 60px rgba(0,0,0,.55);

  position: relative;
  overflow: hidden;
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.featured-card:hover{
  transform: translateY(-4px);
  border-color: rgba(245,197,24,.45);
  box-shadow: 0 26px 80px rgba(0,0,0,.68);
}

.featured-card::before{
  content:"";
  position:absolute;
  inset:-60px;
  background: radial-gradient(circle at 20% 20%, rgba(245,197,24,.14), transparent 55%);
  opacity: .9;
  z-index: 0;
}

.featured-card > *{ position:relative; z-index:1; }

.featured-media{
  border-radius:16px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.12);
  background: rgba(0,0,0,.35);
  aspect-ratio: 16/9;
}

.featured-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  transform: scale(1.02);
  transition: transform .35s ease;
}
.featured-card:hover .featured-media img{ transform: scale(1.06); }

.featured-content{ text-align:left; position:relative; }

/* Kicker row */
.featured-kicker{
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 10px;
}

.featured-label{
  display:inline-flex;
  align-items:center;
  gap:10px;
  font-size:11px;
  letter-spacing:.28em;
  text-transform: uppercase;
  color: rgba(255,255,255,.74);
}

.featured-label .kdot{
  color:#f5c518;
  font-size:18px;
  line-height:1;
}

.featured-week{
  display:inline-flex;
  align-items:center;
  padding: 6px 12px;
  border-radius:999px;
  border:1px solid rgba(245,197,24,.45);
  background: rgba(0,0,0,.28);
  color:#f5c518;
  font-size:11px;
  letter-spacing:.14em;
  text-transform: uppercase;
  white-space: nowrap;
}

.featured-title{
  margin: 0 0 10px;
  font-size: 28px;
  line-height: 1.12;
  font-weight: 800;
  color:#fff;
}

.featured-meta{
  display:flex;
  align-items:center;
  gap:10px;
  font-size: 13px;
  opacity:.75;
  margin-bottom: 14px;
}

.featured-dot{ opacity:.55; }

.featured-rating{
  display:inline-flex;
  align-items:center;
  padding: 5px 10px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.12);
  background: rgba(0,0,0,.22);
  color: rgba(255,255,255,.92);
}

.featured-cta{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 10px 14px;
  border-radius:999px;
  border:1px solid rgba(245,197,24,.35);
  background: rgba(245,197,24,.10);
  color:#f5c518;
  font-weight: 700;
  font-size: 13px;
  transition: .2s ease;
}
.featured-cta::after{ content:"→"; }
.featured-card:hover .featured-cta{
  background: rgba(245,197,24,.16);
  border-color: rgba(245,197,24,.55);
  transform: translateX(2px);
}

/* Responsive featured */
@media (max-width: 900px){
  .featured-card{ grid-template-columns: 1fr; }
  .featured-content{ text-align:center; }
  .featured-kicker{ justify-content:center; flex-wrap: wrap; }
}

/* ===== LATEST TABS ===== */
.latest{ text-align:center; }

/* ανεβάζουμε λίγο τα tabs και τα κάνουμε πιο “μαζεμένα” */
.latest-tabs{
  display:flex;
  justify-content:center;
  gap:12px;
  margin: 10px 0 18px;
}

/* τα tabs (Latest Reviews / Latest Blog) */
.latest-tab{
  appearance:none;
  border: 1px solid rgba(212,175,55,.55);
  background: rgba(0,0,0,.18);
  color: rgba(212,175,55,.95);
  padding: 10px 16px;
  border-radius: 999px;
  font-size: 12px;
  letter-spacing: .16em;
  text-transform: uppercase;
  cursor:pointer;
  transition: .2s ease;
}

.latest-tab:hover{
  background: rgba(212,175,55,.10);
  border-color: rgba(212,175,55,.85);
}

.latest-tab.is-active{
  background: rgba(212,175,55,.16);
  border-color: rgba(212,175,55,.85);
  color:#f5c518;
  box-shadow: 0 0 18px rgba(212,175,55,.12);
}

.latest-panel{ margin-top: 0; }
.latest-panel[hidden]{ display:none !important; }

/* View all ΠΙΟ ΜΙΚΡΟ */
.view-all.view-tab{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap: 6px;

  margin-top: 14px;
  padding: 7px 12px;
  border-radius: 999px;

  font-size: 11px;
  letter-spacing: .10em;
  text-transform: uppercase;
  font-weight: 600;

  background: transparent;
  color: #d4af37;
  border: 1px solid rgba(212,175,55,.45);
  transition: .2s ease;
}

.view-all.view-tab:hover{
  background: rgba(212,175,55,.10);
  box-shadow: 0 0 10px rgba(212,175,55,.25);
}

.view-all.view-tab::after{
  content:" →";
  opacity:.9;
}

/* ===== FOOTER ===== */
footer{
  text-align:center;
  padding:40px 20px;
  opacity:.6;
  font-size:14px;
}
/* ===== LATEST = section label (όχι button) ===== */
.latest-tab{
  background: transparent !important;
  border: none !important;
  color: rgba(212,175,55,.9) !important;
  font-size: 13px !important;
  letter-spacing: .28em !important;
  text-transform: uppercase !important;
  padding: 4px 8px !important;
  box-shadow: none !important;
  cursor: default !important;
}

.latest-tab.is-active{
  color: #f5c518 !important;
  opacity: 1 !important;
}

/* ===== VIEW ALL = κουμπί ===== */
.view-all.view-tab{
  display: inline-flex !important;
  align-items: center;
  justify-content: center;

  margin-top: 18px !important;
  padding: 10px 18px !important;
  border-radius: 999px !important;

  background: rgba(212,175,55,.18) !important;
  border: 1px solid rgba(212,175,55,.65) !important;
  color: #f5c518 !important;

  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: .10em !important;
  text-transform: none !important;

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

.view-all.view-tab:hover{
  background: rgba(212,175,55,.28) !important;
  transform: translateY(-1px);
}
/* ===== HARD OVERRIDE: Latest tabs vs View all ===== */

/* 1) Latest tabs (buttons) -> label look */
.latest-tabs button.latest-tab{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 14px !important;

  color: rgba(212,175,55,.85) !important;
  font-size: 13px !important;
  letter-spacing: .28em !important;
  text-transform: uppercase !important;
  cursor: pointer !important; /* κρατάμε click */
  opacity: .65 !important;
}

.latest-tabs button.latest-tab.is-active{
  color: #f5c518 !important;
  opacity: 1 !important;
}

/* 2) View all (links) -> button look */
.latest-panel a.view-all.view-tab{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;

  margin: 18px auto 0 !important;
  padding: 10px 18px !important;
  border-radius: 999px !important;

  background: rgba(212,175,55,.18) !important;
  border: 1px solid rgba(212,175,55,.65) !important;
  color: #f5c518 !important;

  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: .08em !important;
  text-transform: none !important;

  box-shadow: 0 10px 30px rgba(0,0,0,.35) !important;
  transition: .2s ease !important;
}

.latest-panel a.view-all.view-tab::after{
  content: " →" !important;
  opacity: .9 !important;
}

.latest-panel a.view-all.view-tab:hover{
  background: rgba(212,175,55,.28) !important;
  transform: translateY(-1px) !important;
}

/* 3) spacing να μην κολλάνε */
.latest-tabs{ margin: 8px 0 16px !important; }
.latest-panel .grid-cards{ margin-top: 8px !important; }
.latest-tabs{ outline: 4px solid red !important; }
/* ===== LATEST block only ===== */
.latest.section-block .latest-tabs{
  margin: 6px 0 18px !important;
  display:flex !important;
  justify-content:center !important;
  gap: 18px !important;
}

/* Latest = σαν "label" */
.latest.section-block .latest-tabs .latest-tab{
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;

  color: rgba(212,175,55,.78) !important;
  font-size: 13px !important;
  letter-spacing: .28em !important;
  text-transform: uppercase !important;

  opacity: .55 !important;
  cursor: pointer !important;
}

.latest.section-block .latest-tabs .latest-tab.is-active{
  opacity: 1 !important;
  color: #f5c518 !important;
}

/* View all = σαν "κουμπί" */
.latest.section-block .latest-panel .view-all.view-tab{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;

  margin-top: 16px !important;
  padding: 10px 18px !important;
  border-radius: 999px !important;

  background: rgba(212,175,55,.18) !important;
  border: 1px solid rgba(212,175,55,.70) !important;
  color: #f5c518 !important;

  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: .08em !important;
  text-transform: none !important;

  transition: .2s ease !important;
}

.latest.section-block .latest-panel .view-all.view-tab:hover{
  background: rgba(212,175,55,.28) !important;
  transform: translateY(-1px) !important;
}

.latest.section-block .latest-panel .view-all.view-tab::after{
  content:" →" !important;
}
/* Archive / Blog Grid */
.cg-archive__header{
  max-width: 900px;
  margin: 0 auto 26px;
}
.cg-archive__title{
  font-size: 34px;
  margin: 0 0 10px;
  letter-spacing: .2px;
}
.cg-archive__desc{
  opacity: .85;
  line-height: 1.6;
}

/* Grid */
.cg-grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  padding: 0;
}

/* Card */
.cg-card{
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 18px;
  overflow: hidden;
  background: rgba(0,0,0,.25);
  backdrop-filter: blur(6px);
  transition: transform .18s ease, border-color .18s ease;
}
.cg-card:hover{
  transform: translateY(-3px);
  border-color: rgba(255,215,0,.35);
}

.cg-card__thumb{
  display:block;
  aspect-ratio: 16 / 9;
  overflow:hidden;
  background: rgba(255,255,255,.04);
}
.cg-card__img{
  width:100%;
  height:100%;
  object-fit: cover;
  display:block;
  transform: scale(1.02);
  transition: transform .25s ease;
}
.cg-card:hover .cg-card__img{
  transform: scale(1.06);
}
.cg-card__img--placeholder{
  width:100%;
  height:100%;
  background: linear-gradient(135deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
}

.cg-card__body{
  padding: 14px 14px 16px;
}
.cg-card__meta{
  font-size: 12px;
  opacity: .75;
  margin-bottom: 8px;
}
.cg-card__title{
  font-size: 16px;
  line-height: 1.25;
  margin: 0 0 10px;
}
.cg-card__title a{
  text-decoration: none;
}
.cg-card__excerpt{
  margin: 0;
  opacity: .85;
  font-size: 13px;
  line-height: 1.55;
}

/* Pagination */
.cg-pagination{
  display:flex;
  justify-content: space-between;
  margin-top: 22px;
  gap: 12px;
}
.cg-pagination a{
  display:inline-block;
  padding: 10px 12px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.10);
  text-decoration:none;
}

/* Responsive */
@media (max-width: 980px){
  .cg-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 620px){
  .cg-grid{ grid-template-columns: 1fr; }
  .cg-archive__title{ font-size: 28px; }
}
.cg-badge{
  display:inline-block;
  font-size:11px;
  letter-spacing:.12em;
  padding:6px 10px;
  border-radius:999px;
  border:1px solid rgba(255,215,0,.25);
  margin-bottom:10px;
  opacity:.9;
}
/* Cinematic overlay cards */
.cg-card{
  border-radius: 22px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(0,0,0,.22);
  transition: transform .18s ease, border-color .18s ease;
}
.cg-card:hover{
  transform: translateY(-4px);
  border-color: rgba(255,215,0,.35);
}

.cg-card__thumb{
  position: relative;
  display:block;
  aspect-ratio: 16/10;
  background: rgba(255,255,255,.03);
}

.cg-card__img{
  width:100%;
  height:100%;
  object-fit: cover;
  display:block;
  transform: scale(1.02);
  transition: transform .35s ease;
  filter: saturate(1.05) contrast(1.02);
}
.cg-card:hover .cg-card__img{
  transform: scale(1.08);
}

.cg-card__overlay{
  position:absolute;
  inset:0;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  padding: 14px 14px 12px;
  background: linear-gradient(to top, rgba(0,0,0,.82) 0%, rgba(0,0,0,.35) 55%, rgba(0,0,0,0) 100%);
}

.cg-card__title--onimg{
  margin:0 0 6px;
  font-size: 16px;
  line-height: 1.25;
  letter-spacing: .2px;
  color: #fff;
}

.cg-card__meta--onimg{
  font-size: 12px;
  opacity: .85;
  color: #fff;
}

.cg-card__body{
  padding: 12px 14px 14px;
}

.cg-card__excerpt{
  margin:0;
  font-size: 13px;
  line-height: 1.55;
  opacity: .85;
}

/* Badge on image */
.cg-badge--onimg{
  position:absolute;
  top:10px;
  left:10px;
  z-index:2;
  font-size: 11px;
  letter-spacing: .12em;
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid rgba(255,215,0,.35);
  background: rgba(0,0,0,.55);
}

/* Responsive tweaks */
@media (max-width: 980px){
  .cg-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 620px){
  .cg-grid{ grid-template-columns: 1fr; }
}
/* Archive header (Blog / Reviews) */
.cg-archive__header{
  max-width: 980px;
  margin: 0 auto 22px;
  text-align: center;
}

.cg-archive__title{
  margin: 0;
  font-size: 40px;
  letter-spacing: .4px;
}

.cg-archive__desc{
  margin-top: 10px;
  opacity: .75;
  font-size: 14px;
  line-height: 1.6;
}

.cg-archive__line{
  width: 180px;
  height: 2px;
  margin: 14px auto 0;
  background: rgba(255,215,0,.35);
  border-radius: 999px;
}

@media (max-width: 620px){
  .cg-archive__title{ font-size: 30px; }
}
/* Default: το menu να είναι normal (όχι tabs) */
.site-header .menu a{
  border: none;
  padding: 0;
  border-radius: 0;
}

/* Tabs mode: ΜΟΝΟ σε Blog/Reviews categories */
.site-header.is-archive-tabs .menu{
  display:flex;
  justify-content:center;
  gap:10px;
}

.site-header.is-archive-tabs .menu a{
  font-size:12px;
  padding:6px 14px;
  border-radius:999px;
  border:1px solid rgba(255,215,0,.25);
  opacity:.75;
  transition:.2s;
}

.site-header.is-archive-tabs .menu a:hover{
  opacity:1;
}

/* Active tab */
.site-header.is-archive-tabs .current-menu-item > a,
.site-header.is-archive-tabs .current_page_item > a{
  background: rgba(255,215,0,.15);
  border-color: rgba(255,215,0,.6);
  opacity:1;
}
.site-header.is-archive-tabs{
  padding-bottom: 10px;
}
.cg-archive__header{
  margin-top: 10px;
}
/* FORCE tabs style on Blog/Reviews category pages */
.site-header.is-archive-tabs .main-nav ul.menu{
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  gap:12px !important;
  padding: 10px 0 !important;
  margin: 0 !important;
}

.site-header.is-archive-tabs .main-nav ul.menu > li{
  margin:0 !important;
}

.site-header.is-archive-tabs .main-nav ul.menu > li > a{
  display:inline-block !important;
  font-size:12px !important;
  padding:7px 16px !important;
  border-radius:999px !important;
  border:1px solid rgba(255,215,0,.28) !important;
  background: rgba(0,0,0,.25) !important;
  opacity:.78 !important;
  text-decoration:none !important;
  transition: .2s !important;
}

.site-header.is-archive-tabs .main-nav ul.menu > li > a:hover{
  opacity:1 !important;
  border-color: rgba(255,215,0,.5) !important;
}

/* active tab */
.site-header.is-archive-tabs .main-nav ul.menu > li.current-menu-item > a,
.site-header.is-archive-tabs .main-nav ul.menu > li.current_page_item > a{
  background: rgba(255,215,0,.14) !important;
  border-color: rgba(255,215,0,.65) !important;
  opacity:1 !important;
}

/* NOT tabs mode: remove pill styling if your existing CSS makes pills everywhere */
.site-header:not(.is-archive-tabs) .main-nav ul.menu > li > a{
  border: none !important;
  background: transparent !important;
  padding: 0 !important;
  border-radius: 0 !important;
}
/* Home: pull content up / reduce top whitespace */
.site-header{
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

main.container{
  padding-top: 30px !important; /* αν έχεις πολύ κενό, κατέβασέ το σε 10-20 */
}
<?php
// LATEST REVIEWS
$latest_reviews = new WP_Query([
  'post_type' => 'post',
  'posts_per_page' => 6,
  'category_name' => 'reviews',
  'ignore_sticky_posts' => true,
]);

// LATEST BLOGS
$latest_blogs = new WP_Query([
  'post_type' => 'post',
  'posts_per_page' => 6,
  'category_name' => 'blog',
  'ignore_sticky_posts' => true,
]);
?>

<section class="home-section">
  <div class="home-section__head">
    <h2>Latest Reviews</h2>
    <a class="home-section__link" href="/category/reviews/">View all</a>
  </div>

  <div class="home-grid">
    <?php if ($latest_reviews->have_posts()) : while ($latest_reviews->have_posts()) : $latest_reviews->the_post(); ?>
      <a class="home-card" href="<?php the_permalink(); ?>">
        <div class="home-card__thumb">
          <?php if (has_post_thumbnail()) : the_post_thumbnail('large'); else: ?>
            <div class="home-card__ph"></div>
          <?php endif; ?>
        </div>
        <div class="home-card__body">
          <div class="home-card__meta"><?php echo esc_html(get_the_date()); ?></div>
          <div class="home-card__title"><?php the_title(); ?></div>
        </div>
      </a>
    <?php endwhile; wp_reset_postdata(); endif; ?>
  </div>
</section>

<section class="home-section">
  <div class="home-section__head">
    <h2>Latest Blogs</h2>
    <a class="home-section__link" href="/category/blog/">View all</a>
  </div>

  <div class="home-grid">
    <?php if ($latest_blogs->have_posts()) : while ($latest_blogs->have_posts()) : $latest_blogs->the_post(); ?>
      <a class="home-card" href="<?php the_permalink(); ?>">
        <div class="home-card__thumb">
          <?php if (has_post_thumbnail()) : the_post_thumbnail('large'); else: ?>
            <div class="home-card__ph"></div>
          <?php endif; ?>
        </div>
        <div class="home-card__body">
          <div class="home-card__meta"><?php echo esc_html(get_the_date()); ?></div>
          <div class="home-card__title"><?php the_title(); ?></div>
        </div>
      </a>
    <?php endwhile; wp_reset_postdata(); endif; ?>
  </div>
</section>
.home-section{
  max-width: 1100px;
  margin: 34px auto 0;
}

.home-section__head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  margin-bottom: 12px;
}

.home-section__head h2{
  margin:0;
  font-size: 16px;
  opacity:.9;
  letter-spacing:.2px;
}

.home-section__link{
  font-size:12px;
  opacity:.75;
  text-decoration:none;
}

.home-grid{
  display:grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 16px;
}

.home-card{
  display:block;
  border:1px solid rgba(255,255,255,.08);
  border-radius: 18px;
  overflow:hidden;
  background: rgba(0,0,0,.22);
  text-decoration:none;
  transition: transform .18s ease, border-color .18s ease;
}

.home-card:hover{
  transform: translateY(-3px);
  border-color: rgba(255,215,0,.35);
}

.home-card__thumb{
  aspect-ratio: 16/9;
  background: rgba(255,255,255,.03);
}
.home-card__thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transform: scale(1.02);
  transition: transform .25s ease;
}
.home-card:hover .home-card__thumb img{
  transform: scale(1.06);
}

.home-card__ph{
  width:100%;
  height:100%;
  background: linear-gradient(135deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
}

.home-card__body{
  padding: 12px 12px 14px;
}
.home-card__meta{
  font-size:12px;
  opacity:.7;
  margin-bottom: 6px;
}
.home-card__title{
  font-size: 14px;
  line-height: 1.25;
  opacity:.95;
}

@media (max-width: 980px){
  .home-grid{ grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 620px){
  .home-grid{ grid-template-columns: 1fr; }
}
/* Home: reduce top spacing */
.hero.section-block{
  padding-top: 20px !important;  /* δοκίμασε 10-20 */
}

.site-header{
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
/* ===== HOME POLISH (Cinematic) ===== */

/* Reduce top whitespace */
.hero.section-block{ padding: 26px 0 14px !important; }
.hero h1{ margin: 0 0 8px; }
.hero .hero-sub{ margin: 0; opacity: .85; }

/* Make sections tighter */
.section-block{ padding: 24px 0 !important; }
.container-wide{ max-width: 1180px; }

/* Spotlight card */
.featured-card{
  display:grid;
  grid-template-columns: 1.25fr 1fr;
  gap: 0;
  border-radius: 24px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(0,0,0,.22);
  text-decoration:none;
  transition: transform .18s ease, border-color .18s ease;
}
.featured-card:hover{
  transform: translateY(-4px);
  border-color: rgba(255,215,0,.35);
}

.featured-media{
  position:relative;
  aspect-ratio: 16/10;
  background: rgba(255,255,255,.03);
}
.featured-media img{
  width:100%;
  height:100%;
  object-fit: cover;
  display:block;
  transform: scale(1.02);
  transition: transform .35s ease;
  filter: saturate(1.05) contrast(1.03);
}
.featured-card:hover .featured-media img{ transform: scale(1.08); }

.featured-content{
  padding: 18px 18px 18px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  background: linear-gradient(135deg, rgba(0,0,0,.45), rgba(0,0,0,.15));
}

.featured-kicker{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap: 12px;
  font-size: 12px;
  opacity: .85;
  margin-bottom: 10px;
}
.featured-title{
  margin: 0 0 10px;
  font-size: 22px;
  line-height: 1.15;
  letter-spacing: .2px;
}
.featured-meta{
  font-size: 12px;
  opacity: .8;
  display:flex;
  align-items:center;
  gap: 8px;
}
.featured-cta{
  margin-top: 12px;
  display:inline-flex;
  width: fit-content;
  padding: 9px 12px;
  border-radius: 999px;
  border: 1px solid rgba(255,215,0,.35);
  background: rgba(255,215,0,.10);
  font-size: 12px;
}

/* Latest head like Netflix row */
.latest-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin: 8px 0 14px;
}
.latest-pill{
  font-size: 12px;
  letter-spacing: .14em;
  opacity: .85;
}
.view-all{
  font-size: 12px;
  opacity: .75;
  text-decoration:none;
  padding: 8px 12px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.10);
}
.view-all:hover{ opacity: 1; border-color: rgba(255,215,0,.35); }

/* Cards grid improvements */
.grid-cards{
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

/* Card */
.card{
  border-radius: 20px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(0,0,0,.22);
  transition: transform .18s ease, border-color .18s ease;
}
.card:hover{
  transform: translateY(-3px);
  border-color: rgba(255,215,0,.35);
}

.card-link{ text-decoration:none; display:block; }

.card-poster{
  aspect-ratio: 16/10;
  background: rgba(255,255,255,.03);
  position:relative;
}
.card-poster img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transform: scale(1.02);
  transition: transform .25s ease;
}
.card:hover .card-poster img{ transform: scale(1.06); }

.card-rating{
  position:absolute;
  top:10px;
  left:10px;
  font-size: 12px;
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid rgba(255,215,0,.45);
  background: rgba(0,0,0,.55);
}

.card-body{
  padding: 12px 14px 14px;
}
.card-title{
  margin: 0 0 8px;
  font-size: 14px;
  line-height: 1.25;
}
.card-meta{
  font-size: 12px;
  opacity: .75;
}

/* Responsive */
@media (max-width: 980px){
  .featured-card{ grid-template-columns: 1fr; }
  .grid-cards{ grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 620px){
  .grid-cards{ grid-template-columns: 1fr; }
  .featured-title{ font-size: 18px; }
}
/* HARD OVERRIDE for HOME menu item */
.main-nav .menu-item-home > a,
.main-nav .menu .menu-item-home.current-menu-item > a,
.main-nav .menu .menu-item-home.current_page_item > a {
  font-family: inherit !important;
  font-weight: inherit !important;
  letter-spacing: inherit !important;
  text-transform: inherit !important;
}
header.site-header nav a {
  font-family: inherit !important;
}
/* NUCLEAR: make HOME inherit the same font as the rest */
header.site-header .main-nav .menu li.menu-item-home,
header.site-header .main-nav .menu li.menu-item-home *,
header.site-header .main-nav .menu li.menu-item-home > a,
header.site-header .main-nav .menu li.menu-item-home > a * {
  font-family: unset !important;
  font-weight: unset !important;
  letter-spacing: unset !important;
  text-transform: unset !important;
}
/* Fix HOME uppercase issue */
.main-nav .menu .menu-item-home > a {
  text-transform: none !important;
}
.main-nav .menu .menu-item-home > a,
.main-nav .menu .current-menu-item > a {
  text-transform: none !important;
}
/* Make HOME identical to other menu items */
.main-nav .menu-item-home > a{
  text-transform: none !important;
  letter-spacing: normal !important;
  font-size: inherit !important;
  font-weight: inherit !important;
}
.main-nav .menu-item-home.current-menu-item > a,
.main-nav .menu-item-home.current_page_item > a{
  text-transform: none !important;
  letter-spacing: normal !important;
  font-size: inherit !important;
}
header.site-header .main-nav .menu > li > a{
  font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-weight: 500;
}
/* SINGLE */
.cg-single__grid{
  display:grid;
  grid-template-columns: 360px 1fr;
  gap: 34px;
  align-items:start;
}

.cg-single__poster{
  position:sticky;
  top:110px;
}

.cg-single__posterImg{
  width:100%;
  height:auto;
  border-radius:18px;
  box-shadow: 0 18px 60px rgba(0,0,0,.55);
  display:block;
}

.cg-single__posterPh{
  width:100%;
  aspect-ratio: 2/3;
  border-radius:18px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(212,175,55,.18);
}

.cg-single__rating{
  margin-top:12px;
  display:inline-flex;
  padding:8px 12px;
  border-radius:999px;
  border:1px solid rgba(212,175,55,.35);
  color: rgba(255,220,120,.95);
  background: rgba(0,0,0,.25);
  letter-spacing:.02em;
  font-weight:600;
}

.cg-single__meta{
  color: rgba(255,255,255,.62);
  font-size: 13px;
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  align-items:center;
}

.cg-single__meta a{
  color: rgba(212,175,55,.85);
  text-decoration:none;
}
.cg-single__meta a:hover{
  text-decoration:underline;
}

.cg-single__dot{
  opacity:.7;
}

.cg-single__title{
  margin: 10px 0 10px;
  font-size: 44px;
  line-height: 1.05;
}

.cg-single__excerpt{
  margin: 0 0 18px;
  font-size: 16px;
  color: rgba(255,255,255,.75);
  max-width: 70ch;
}

.cg-single__body{
  max-width: 78ch;
  color: rgba(255,255,255,.86);
  line-height:1.75;
}

.cg-single__body img{
  max-width:100%;
  height:auto;
  border-radius:14px;
}

.cg-single__body a{
  color: rgba(212,175,55,.95);
}

.cg-single__body h2, .cg-single__body h3{
  margin-top: 28px;
}

/* RELATED */
.cg-related{
  margin-top: 46px;
}
.cg-related__title{
  font-size: 18px;
  letter-spacing:.12em;
  text-transform: uppercase;
  margin: 0 0 14px;
  color: rgba(255,255,255,.82);
}
.cg-related__grid{
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}
.cg-related__card{
  display:block;
  border-radius:16px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.08);
  background: rgba(0,0,0,.18);
  text-decoration:none;
  transition: transform .15s ease, border-color .15s ease;
}
.cg-related__card:hover{
  transform: translateY(-2px);
  border-color: rgba(212,175,55,.25);
}
.cg-related__thumb img{
  width:100%;
  height:170px;
  object-fit:cover;
  display:block;
}
.cg-related__ph{
  width:100%;
  height:170px;
  background: rgba(255,255,255,.06);
}
.cg-related__body{
  padding: 12px 12px 14px;
}
.cg-related__meta{
  font-size:12px;
  color: rgba(255,255,255,.55);
  margin-bottom:6px;
}
.cg-related__name{
  color: rgba(255,255,255,.86);
  font-size:14px;
  line-height:1.25;
}

/* Mobile */
@media (max-width: 900px){
  .cg-single__grid{
    grid-template-columns: 1fr;
  }
  .cg-single__poster{
    position:relative;
    top:auto;
    max-width: 420px;
  }
  .cg-single__title{
    font-size: 34px;
  }
  .cg-related__grid{
    grid-template-columns: 1fr;
  }
  .cg-related__thumb img, .cg-related__ph{
    height:180px;
  }
}
/* remove any decorative dot after single title */
.cg-single__title::after,
.cg-single__title::before{
  content: none !important;
}

/* if you have global heading dots, neutralize inside single page */
.cg-single h1::after,
.cg-single h1::before{
  content: none !important;
}
.cg-reviewInfo{
  margin: 10px 0 18px;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  color: rgba(255,255,255,.72);
  font-size: 13px;
}

.cg-reviewInfo span{
  padding: 8px 10px;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.18);
}

.cg-reviewInfo strong{
  color: rgba(255,220,120,.95);
  font-weight: 600;
}
/* Αφαιρεί ΟΛΑ τα “κυκλάκια” από το menu */
.main-nav .menu li a {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

/* Ακόμα και στο active / current */
.main-nav .menu li.current-menu-item a,
.main-nav .menu li.current_page_item a,
.main-nav .menu li.current-menu-ancestor a,
.main-nav .menu li.current_page_parent a {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}
/* 1) Κόβει borders/κύκλους/κουμπιά στο ίδιο το <a> */
.main-nav .menu a,
.main-nav .menu a:link,
.main-nav .menu a:visited,
.main-nav .menu a:hover,
.main-nav .menu a:focus,
.main-nav .menu a:active {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  background: transparent !important;
}

/* 2) Κόβει ό,τι μπαίνει στο <li> (πολλά themes βάζουν εκεί το “pill”) */
.main-nav .menu li,
.main-nav .menu > li,
.main-nav .menu .menu-item {
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  background: transparent !important;
}

/* 3) Κόβει pseudo-elements που συχνά ζωγραφίζουν το “περίγραμμα” */
.main-nav .menu a::before,
.main-nav .menu a::after,
.main-nav .menu li::before,
.main-nav .menu li::after {
  content: none !important;
  display: none !important;
}

/* 4) Ακόμα κι αν είναι “active/current”, μηδέν κύκλοι */
.main-nav .menu li.current-menu-item > a,
.main-nav .menu li.current_page_item > a,
.main-nav .menu li.current-menu-ancestor > a,
.main-nav .menu li.current_page_parent > a {
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  background: transparent !important;
}
/* Container εικόνας άρθρου */
.post-card .post-thumbnail,
.article-card .post-thumbnail,
.entry-thumbnail {
  aspect-ratio: 2 / 3;          /* ΚΑΘΕΤΟ */
  overflow: hidden;
}

/* Η ίδια η εικόνα */
.post-card img,
.article-card img,
.entry-thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;            /* γεμίζει χωρίς παραμόρφωση */
  display: block;
}