/*
 Theme Name:   VORAZI Child
 Theme URI:    https://vorazi.io
 Description:  Child theme pentru VORAZI podcast — construit pe GeneratePress.
 Author:       VORAZI
 Author URI:   https://vorazi.io
 Template:     generatepress
 Version:      2.0.0
 Text Domain:  vorazi
*/

/* ==========================================================================
   VORAZI Design System — CSS Custom Properties
   ========================================================================== */

:root {
  /* --- Palette: VORAZI Light (anchored on VSSL app, vssl.vorazi.io) --- */
  --vorazi-bg-start:     #FAF8FB;
  --vorazi-bg-end:       #F3F1F8;
  --vorazi-bg:           #FAF8FB;
  --vorazi-navy:         #1F1B2E;
  --vorazi-surface:      #FFFFFF;
  --vorazi-surface-2:    #F4F2F8;
  --vorazi-surface-3:    #FFFFFF;
  --vorazi-border:       #ECE9F2;
  --vorazi-border-strong:#D9D5E6;
  --vorazi-text:         #1F1B2E;
  --vorazi-text-dim:     #565070;
  --vorazi-blue:         #4f46e5;
  --vorazi-pink:         #ec4899;
  --vorazi-turquoise:    #6366f1;
  --vorazi-purple:       #8b5cf6;
  --vorazi-accent:       #4f46e5;
  --vorazi-accent-hover: #4338ca;
  --vorazi-accent-soft:  rgba(79, 70, 229, 0.12);
  --vorazi-glow:         0 18px 44px -28px rgba(79, 70, 229, 0.45);
  --vorazi-white:        #ffffff;
  --vorazi-emerald:      #059669;
  --vorazi-amber:        #f59e0b;
  --vorazi-gradient:     linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #ec4899 100%);
  --vorazi-font:         'Figtree', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --vorazi-font-display: 'Fraunces', Georgia, 'Times New Roman', serif;
  --vorazi-fs-hero:      clamp(2.4rem, 5vw, 4rem);
  --vorazi-fs-h1:        clamp(1.8rem, 3.5vw, 2.6rem);
  --vorazi-fs-h2:        clamp(1.4rem, 2.5vw, 1.8rem);
  --vorazi-fs-h3:        clamp(1.1rem, 2vw, 1.3rem);
  --vorazi-fs-body:      1rem;
  --vorazi-fs-small:     0.875rem;
  --vorazi-fs-meta:      0.8rem;
  --vorazi-gap:          1.5rem;
  --vorazi-gap-lg:       3rem;
  --vorazi-gap-xl:       5rem;
  --vorazi-radius:       12px;
  --vorazi-radius-sm:    8px;
  --vorazi-ease:         cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --vorazi-duration:     0.3s;
}


/* ==========================================================================
   A. THEME-SAFE SKIN  —  doar vizual pe GeneratePress shell
   Fara display/flex/grid/position. Doar culori, fonturi, hover.
   ========================================================================== */

body {
  background: linear-gradient(170deg, var(--vorazi-bg-start), var(--vorazi-bg-end));
  background-attachment: fixed;
  color: var(--vorazi-text);
  font-family: var(--vorazi-font);
}

/* --- Reset GP white backgrounds (skin only — no layout) --- */
.inside-header,
.site-content,
.content-area,
.site-main,
.inside-article,
.entry-content,
.page-content,
.site-info,
.inside-footer,
.widget-area,
.inside-page-hero,
.page-hero,
.paging-navigation,
.site-container {
  background-color: transparent !important;
  background: transparent !important;
}

/* --- Header + Nav — ALL white (covers every GP container) ---
   Uses wildcard-style selectors so GP inline styles can't override. */
.site-header,
.site-header *:not(a):not(span):not(img):not(svg):not(button):not(li):not(ul),
.nav-below-header,
.nav-below-header *:not(a):not(span):not(img):not(svg):not(button):not(li):not(ul),
.nav-above-header,
.nav-above-header *:not(a):not(span):not(img):not(svg):not(button):not(li):not(ul),
#site-navigation,
.navigation-bar,
.main-navigation,
.main-navigation .inside-navigation,
.gen-sidebar-nav,
.navigation-clone,
.sticky-navigation-transition {
  background-color: #ffffff !important;
  background: #ffffff !important;
  background-image: none !important;
}

.site-header {
  border-bottom: 1px solid rgba(0, 3, 51, 0.08);
  box-shadow: 0 1px 4px rgba(0, 3, 51, 0.06);
}

/* Ensure header inner container is always full-width + centered */
.inside-header {
  max-width: 100% !important;
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 10px 30px !important;
  box-sizing: border-box !important;
}

/* Nav bar container also full-width */
.nav-below-header .inside-navigation,
.nav-above-header .inside-navigation {
  max-width: 100% !important;
  width: 100% !important;
  padding: 0 30px !important;
  box-sizing: border-box !important;
}

.site-branding .main-title a,
.site-branding .site-title a {
  color: var(--vorazi-navy) !important;
  font-weight: 700;
  text-decoration: none;
  letter-spacing: -0.02em;
}

.site-branding img {
  max-height: 42px;
}

/* --- Navigation text — dark on white --- */
.main-navigation,
.main-navigation .main-nav ul li a {
  color: var(--vorazi-navy) !important;
  font-size: var(--vorazi-fs-small);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.main-navigation .main-nav ul li a:hover {
  color: var(--vorazi-accent) !important;
}

.main-navigation .main-nav ul li.current-menu-item a,
.main-navigation .main-nav ul li.current_page_item a {
  color: var(--vorazi-accent) !important;
}

/* Dropdown — white card */
.main-navigation .main-nav ul ul {
  background-color: #ffffff !important;
  background: #ffffff !important;
  border: 1px solid rgba(0, 3, 51, 0.08);
  box-shadow: 0 4px 16px rgba(0, 3, 51, 0.1);
  border-radius: 8px;
}

.main-navigation .main-nav ul ul li a {
  color: var(--vorazi-navy) !important;
}

.main-navigation .main-nav ul ul li a:hover {
  color: var(--vorazi-accent) !important;
}

/* Burger — dark on white */
.menu-toggle,
.menu-toggle:hover,
.menu-toggle:focus {
  color: var(--vorazi-navy) !important;
  background-color: transparent;
}

.menu-toggle .mobile-menu {
  color: var(--vorazi-navy) !important;
}

.menu-toggle svg {
  fill: var(--vorazi-navy) !important;
}

.menu-toggle .menu-bar,
.menu-toggle .menu-bar:before,
.menu-toggle .menu-bar:after {
  background-color: var(--vorazi-navy) !important;
}

.menu-toggle span {
  color: var(--vorazi-navy) !important;
}

/* Mobile nav panel — light card (matches light brand + desktop dropdown) */
.main-navigation.toggled .main-nav > ul,
.main-navigation .main-nav > ul.toggled {
  background-color: #ffffff !important;
  background: #ffffff !important;
  border-top: 1px solid rgba(0, 3, 51, 0.08);
}

/* Desktop nav bar — transparent, but NOT the open mobile panel */
.nav-float-right .main-navigation:not(.toggled) .main-nav > ul,
.nav-float-left .main-navigation:not(.toggled) .main-nav > ul {
  background-color: transparent !important;
  background: transparent !important;
}

/* Mobile nav links — dark on light */
.main-navigation.toggled .main-nav ul li a,
.main-navigation .main-nav > ul.toggled li a {
  color: var(--vorazi-navy) !important;
}

.main-navigation.toggled .main-nav ul li a:hover,
.main-navigation .main-nav > ul.toggled li a:hover,
.main-navigation.toggled .main-nav ul li.current-menu-item a,
.main-navigation .main-nav > ul.toggled li.current-menu-item a {
  color: var(--vorazi-accent) !important;
}

.main-navigation .menu-bar-items .menu-bar-item > a {
  color: var(--vorazi-navy) !important;
}

/* --- Footer skin --- */
.site-footer {
  background-color: var(--vorazi-navy) !important;
  background: var(--vorazi-navy) !important;
  color: var(--vorazi-text-dim);
  border-top: 1px solid var(--vorazi-border);
  font-size: var(--vorazi-fs-small);
}

.site-footer a {
  color: var(--vorazi-text-dim);
}

.site-footer a:hover {
  color: var(--vorazi-accent);
}

/* --- GP content wrappers (remove any stray white) --- */
.no-sidebar .site-main {
  background-color: transparent !important;
}

.separate-containers .inside-article,
.separate-containers .comments-area,
.separate-containers .page-header,
.separate-containers .paging-navigation,
.one-container .inside-article,
.one-container .site-main {
  background-color: transparent !important;
  background: transparent !important;
}

/* Remove GP box shadow on articles */
.separate-containers .inside-article,
.separate-containers .comments-area,
.separate-containers .page-header,
.separate-containers .paging-navigation {
  box-shadow: none !important;
}

/* --- Global link skin --- */
a {
  color: var(--vorazi-accent);
  transition: color var(--vorazi-duration) var(--vorazi-ease);
}

a:hover {
  color: var(--vorazi-accent-hover);
}


/* ==========================================================================
   B. HOMEPAGE SYSTEM  —  front-page.php, clasele noastre
   ========================================================================== */

/* --- Home wrapper --- */
/* Viewport breakout — escapes GP container without touching GP CSS */
.vorazi-home {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  overflow-x: hidden;
}

/* --- Hero --- */
.vorazi-hero {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  min-height: 75vh;
  padding: var(--vorazi-gap-xl) var(--vorazi-gap);
  background: radial-gradient(ellipse at 30% 20%, rgba(1,106,255,0.12) 0%, transparent 50%),
              radial-gradient(ellipse at 70% 80%, rgba(190,42,237,0.08) 0%, transparent 50%),
              transparent;
}

.vorazi-hero__tagline {
  font-size: var(--vorazi-fs-meta);
  text-transform: uppercase;
  letter-spacing: 0.15em;
  color: var(--vorazi-accent);
  margin-bottom: 1rem;
  font-weight: 600;
}

.vorazi-hero__title {
  font-size: var(--vorazi-fs-hero);
  font-weight: 800;
  line-height: 1.1;
  letter-spacing: -0.03em;
  color: var(--vorazi-text);
  margin: 0 0 1.2rem;
  max-width: 14ch;
}

.vorazi-hero__description {
  font-size: clamp(1rem, 1.8vw, 1.2rem);
  color: var(--vorazi-text-dim);
  max-width: 540px;
  line-height: 1.65;
  margin-bottom: 2rem;
}

.vorazi-hero__actions {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  justify-content: center;
}

/* --- CTA buttons (design system: primary + secondary) --- */
.vorazi-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.85rem 1.8rem;
  border-radius: 50px;
  font-size: var(--vorazi-fs-body);
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
  border: none;
  transition: all var(--vorazi-duration) var(--vorazi-ease);
  font-family: var(--vorazi-font);
}

.vorazi-btn--primary {
  background-color: var(--vorazi-accent);
  color: var(--vorazi-white);
}

.vorazi-btn--primary:hover {
  background-color: var(--vorazi-accent-hover);
  color: var(--vorazi-white);
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(1, 106, 255, 0.35);
}

.vorazi-btn--secondary {
  background-color: transparent;
  color: var(--vorazi-text);
  border: 1px solid var(--vorazi-border);
}

.vorazi-btn--secondary:hover {
  border-color: var(--vorazi-text-dim);
  color: var(--vorazi-white);
  transform: translateY(-2px);
}

/* --- Section headings --- */
.vorazi-section {
  padding: var(--vorazi-gap-xl) var(--vorazi-gap);
  max-width: 1200px;
  margin: 0 auto;
}

.vorazi-section__header {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  margin-bottom: var(--vorazi-gap-lg);
  flex-wrap: wrap;
  gap: 1rem;
}

.vorazi-section__title {
  font-size: var(--vorazi-fs-h2);
  font-weight: 700;
  letter-spacing: -0.02em;
  color: var(--vorazi-text);
  margin: 0;
}

.vorazi-section__link {
  font-size: var(--vorazi-fs-small);
  color: var(--vorazi-accent);
  text-decoration: none;
  font-weight: 500;
}

.vorazi-section__link:hover {
  color: var(--vorazi-accent-hover);
}

/* --- Featured episode (large card) --- */
.vorazi-featured {
  background: var(--vorazi-surface);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border-radius: var(--vorazi-radius);
  overflow: hidden;
  display: grid;
  grid-template-columns: 1fr 1fr;
  min-height: 380px;
  border: 1px solid var(--vorazi-border);
  transition: border-color var(--vorazi-duration) var(--vorazi-ease), box-shadow var(--vorazi-duration) var(--vorazi-ease);
}

.vorazi-featured:hover {
  border-color: var(--vorazi-accent);
  box-shadow: var(--vorazi-glow);
}

.vorazi-featured__image {
  position: relative;
  overflow: hidden;
  background-color: var(--vorazi-surface-2);
}

.vorazi-featured__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.6s var(--vorazi-ease);
}

.vorazi-featured:hover .vorazi-featured__image img {
  transform: scale(1.03);
}

.vorazi-featured__badge {
  position: absolute;
  top: 1rem;
  left: 1rem;
  background: var(--vorazi-accent);
  color: var(--vorazi-white);
  font-size: 0.7rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  padding: 0.3rem 0.8rem;
  border-radius: 50px;
}

.vorazi-featured__body {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 2.5rem;
  gap: 1rem;
}

.vorazi-featured__meta {
  display: flex;
  align-items: center;
  gap: 1rem;
  font-size: var(--vorazi-fs-meta);
  color: var(--vorazi-text-dim);
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.vorazi-featured__dot {
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: var(--vorazi-text-dim);
}

.vorazi-featured__title {
  font-size: var(--vorazi-fs-h1);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.02em;
  color: var(--vorazi-text);
  margin: 0;
}

.vorazi-featured__title a {
  color: inherit;
  text-decoration: none;
}

.vorazi-featured__title a:hover {
  color: var(--vorazi-accent);
}

.vorazi-featured__excerpt {
  color: var(--vorazi-text-dim);
  line-height: 1.65;
  font-size: var(--vorazi-fs-body);
}

.vorazi-featured__cta {
  margin-top: 0.5rem;
}

/* --- Episode grid --- */
.vorazi-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--vorazi-gap);
}

/* --- Episode card (standard) --- */
.vorazi-card {
  background: var(--vorazi-surface);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-radius: var(--vorazi-radius);
  overflow: hidden;
  border: 1px solid var(--vorazi-border);
  transition: all var(--vorazi-duration) var(--vorazi-ease);
  display: flex;
  flex-direction: column;
}

.vorazi-card:hover {
  border-color: var(--vorazi-accent);
  transform: translateY(-4px);
  box-shadow: 0 12px 40px rgba(1, 106, 255, 0.15);
}

.vorazi-card__image {
  aspect-ratio: 16 / 10;
  overflow: hidden;
  background-color: var(--vorazi-surface-2);
}

.vorazi-card__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s var(--vorazi-ease);
}

.vorazi-card:hover .vorazi-card__image img {
  transform: scale(1.05);
}

.vorazi-card__body {
  padding: 1.4rem;
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
  flex: 1;
}

.vorazi-card__meta {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  font-size: var(--vorazi-fs-meta);
  color: var(--vorazi-text-dim);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.vorazi-card__title {
  font-size: var(--vorazi-fs-h3);
  font-weight: 600;
  line-height: 1.3;
  color: var(--vorazi-text);
  margin: 0;
}

.vorazi-card__title a {
  color: inherit;
  text-decoration: none;
}

.vorazi-card__title a:hover {
  color: var(--vorazi-accent);
}

.vorazi-card__excerpt {
  font-size: var(--vorazi-fs-small);
  color: var(--vorazi-text-dim);
  line-height: 1.6;
  flex: 1;
}

.vorazi-card__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 0.75rem;
  border-top: 1px solid var(--vorazi-border);
  margin-top: auto;
}

.vorazi-card__duration {
  font-size: var(--vorazi-fs-meta);
  color: var(--vorazi-text-dim);
}

.vorazi-card__play {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  font-size: var(--vorazi-fs-small);
  color: var(--vorazi-accent);
  font-weight: 600;
  text-decoration: none;
}

.vorazi-card__play:hover {
  color: var(--vorazi-accent-hover);
}

/* --- Community / CTA section --- */
.vorazi-community {
  text-align: center;
  padding: var(--vorazi-gap-xl) var(--vorazi-gap);
  background: linear-gradient(135deg, rgba(1,106,255,0.06), rgba(190,42,237,0.06));
  border-top: 1px solid var(--vorazi-border);
  border-bottom: 1px solid var(--vorazi-border);
}

.vorazi-community__title {
  font-size: var(--vorazi-fs-h2);
  font-weight: 700;
  color: var(--vorazi-text);
  margin: 0 0 0.8rem;
}

.vorazi-community__text {
  color: var(--vorazi-text-dim);
  max-width: 500px;
  margin: 0 auto 2rem;
  line-height: 1.65;
}

/* --- Newsletter form --- */
.vorazi-newsletter {
  display: flex;
  gap: 0.75rem;
  max-width: 440px;
  margin: 0 auto;
  justify-content: center;
}

.vorazi-newsletter__input {
  flex: 1;
  padding: 0.85rem 1.2rem;
  border-radius: 50px;
  border: 1px solid var(--vorazi-border);
  background: var(--vorazi-surface-2);
  color: var(--vorazi-text);
  font-size: var(--vorazi-fs-body);
  font-family: var(--vorazi-font);
  outline: none;
  transition: border-color var(--vorazi-duration) var(--vorazi-ease);
}

.vorazi-newsletter__input::placeholder {
  color: var(--vorazi-text-dim);
}

.vorazi-newsletter__input:focus {
  border-color: var(--vorazi-accent);
}


/* ==========================================================================
   C. PODCAST SYSTEM  —  archive + single, clasele noastre
   ========================================================================== */

/* --- Archive page --- */
/* Viewport breakout for archive page too */
.vorazi-archive {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  padding: var(--vorazi-gap-lg) calc((100vw - 1200px) / 2) var(--vorazi-gap-xl);
  box-sizing: border-box;
}

@media (max-width: 1240px) {
  .vorazi-archive {
    padding-left: var(--vorazi-gap);
    padding-right: var(--vorazi-gap);
  }
}

.vorazi-archive__header {
  margin-bottom: var(--vorazi-gap-lg);
  text-align: center;
}

.vorazi-archive__title {
  font-size: var(--vorazi-fs-h1);
  font-weight: 800;
  letter-spacing: -0.03em;
  color: var(--vorazi-text);
  margin: 0 0 0.5rem;
}

.vorazi-archive__subtitle {
  color: var(--vorazi-text-dim);
  font-size: var(--vorazi-fs-body);
}

.vorazi-archive__count {
  color: var(--vorazi-accent);
  font-weight: 600;
}

/* --- Pagination --- */
.vorazi-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  margin-top: var(--vorazi-gap-xl);
}

.vorazi-pagination a,
.vorazi-pagination span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border-radius: var(--vorazi-radius-sm);
  font-size: var(--vorazi-fs-small);
  font-weight: 600;
  text-decoration: none;
  color: var(--vorazi-text-dim);
  background: var(--vorazi-surface);
  border: 1px solid var(--vorazi-border);
  transition: all var(--vorazi-duration) var(--vorazi-ease);
}

.vorazi-pagination a:hover {
  color: var(--vorazi-accent);
  border-color: var(--vorazi-accent);
}

.vorazi-pagination .current {
  background: var(--vorazi-accent);
  color: var(--vorazi-white);
  border-color: var(--vorazi-accent);
}

/* --- Single episode: wrapper --- */
.vorazi-single-wrap {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 var(--vorazi-gap);
}

/* --- Player area: full width, prominent (YouTube-style) --- */
.vorazi-player-area {
  margin: var(--vorazi-gap) 0 var(--vorazi-gap-lg);
  background: var(--vorazi-surface);
  border-radius: var(--vorazi-radius);
  border: 1px solid var(--vorazi-border);
  overflow: hidden;
}

.vorazi-player-area__inner {
  padding: var(--vorazi-gap);
}

/* SSP player styling — make audio/video/iframe fill width */
.vorazi-player-area audio,
.vorazi-player-area video {
  width: 100%;
  border-radius: var(--vorazi-radius-sm);
}

.vorazi-player-area iframe {
  width: 100%;
  aspect-ratio: 16 / 9;
  border: none;
  border-radius: var(--vorazi-radius-sm);
}

.vorazi-player-area .podcast-player,
.vorazi-player-area .ssp-player,
.vorazi-player-area .castos-player {
  width: 100%;
}

/* SSP player text colors */
.vorazi-player-area p,
.vorazi-player-area div {
  color: var(--vorazi-text);
}

/* --- Single content area (below player) --- */
.vorazi-single-content {
  padding-bottom: var(--vorazi-gap-lg);
}

/* --- Episode header --- */
.vorazi-episode__header {
  margin-bottom: var(--vorazi-gap-lg);
}

.vorazi-episode__title {
  font-size: var(--vorazi-fs-h1);
  font-weight: 800;
  line-height: 1.15;
  letter-spacing: -0.03em;
  color: var(--vorazi-text);
  margin: 0 0 1rem;
}

.vorazi-episode__meta {
  display: flex;
  align-items: center;
  gap: 1rem;
  font-size: var(--vorazi-fs-meta);
  color: var(--vorazi-text-dim);
  text-transform: uppercase;
  letter-spacing: 0.06em;
  margin-bottom: 1rem;
  flex-wrap: wrap;
}

.vorazi-episode__series {
  background: var(--vorazi-accent-soft);
  color: var(--vorazi-accent);
  padding: 0.2rem 0.7rem;
  border-radius: 50px;
  font-weight: 600;
}

.vorazi-episode__excerpt {
  font-size: clamp(1rem, 1.5vw, 1.1rem);
  color: var(--vorazi-text-dim);
  line-height: 1.65;
  margin-bottom: 0;
}

/* --- Two-column body (content + sidebar) --- */
.vorazi-single-body {
  display: grid;
  grid-template-columns: 1fr 340px;
  gap: var(--vorazi-gap-lg);
  align-items: start;
}

.vorazi-episode {
  min-width: 0;
}

/* --- Episode image --- */
.vorazi-episode__image {
  border-radius: var(--vorazi-radius);
  overflow: hidden;
  margin-bottom: var(--vorazi-gap);
  background: var(--vorazi-surface-2);
}

.vorazi-episode__image img {
  width: 100%;
  height: auto;
  display: block;
}

/* --- Episode content --- */
.vorazi-episode__content {
  font-size: var(--vorazi-fs-body);
  line-height: 1.8;
  color: var(--vorazi-text);
}

.vorazi-episode__content h2 {
  font-size: var(--vorazi-fs-h2);
  font-weight: 700;
  margin: 2.5rem 0 1rem;
  color: var(--vorazi-text);
}

.vorazi-episode__content h3 {
  font-size: var(--vorazi-fs-h3);
  font-weight: 600;
  margin: 2rem 0 0.8rem;
}

.vorazi-episode__content p {
  margin-bottom: 1.2rem;
}

.vorazi-episode__content blockquote {
  border-left: 3px solid var(--vorazi-accent);
  padding-left: 1.2rem;
  margin: 1.5rem 0;
  color: var(--vorazi-text-dim);
  font-style: italic;
}

.vorazi-episode__content ul,
.vorazi-episode__content ol {
  padding-left: 1.5rem;
  margin-bottom: 1.2rem;
}

.vorazi-episode__content li {
  margin-bottom: 0.4rem;
}

/* --- Sidebar --- */
.vorazi-sidebar {
  position: sticky;
  top: 2rem;
  display: flex;
  flex-direction: column;
  gap: var(--vorazi-gap);
}

.vorazi-sidebar__block {
  background: var(--vorazi-surface);
  border-radius: var(--vorazi-radius);
  border: 1px solid var(--vorazi-border);
  padding: 1.5rem;
}

.vorazi-sidebar__heading {
  font-size: var(--vorazi-fs-small);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--vorazi-text-dim);
  margin: 0 0 1rem;
}

/* --- Guest card (sidebar) --- */
.vorazi-guest-card {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 0.75rem 0;
}

.vorazi-guest-card + .vorazi-guest-card {
  border-top: 1px solid var(--vorazi-border);
}

.vorazi-guest-card__avatar {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
  background: var(--vorazi-surface-3);
}

.vorazi-guest-card__avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.vorazi-guest-card__name {
  font-size: var(--vorazi-fs-body);
  font-weight: 600;
  color: var(--vorazi-text);
  margin: 0;
}

.vorazi-guest-card__role {
  font-size: var(--vorazi-fs-meta);
  color: var(--vorazi-text-dim);
}

/* --- Episode details in sidebar --- */
.vorazi-episode-details dt {
  font-size: var(--vorazi-fs-meta);
  color: var(--vorazi-text-dim);
  text-transform: uppercase;
  letter-spacing: 0.06em;
  margin-bottom: 0.2rem;
}

.vorazi-episode-details dd {
  font-size: var(--vorazi-fs-body);
  color: var(--vorazi-text);
  margin: 0 0 1rem;
  font-weight: 500;
}

.vorazi-episode-details dd:last-child {
  margin-bottom: 0;
}

/* --- Related episodes (sidebar card) --- */
.vorazi-sidebar-card {
  display: flex;
  gap: 0.75rem;
  align-items: flex-start;
  padding: 0.75rem 0;
}

.vorazi-sidebar-card + .vorazi-sidebar-card {
  border-top: 1px solid var(--vorazi-border);
}

.vorazi-sidebar-card__thumb {
  width: 64px;
  height: 44px;
  border-radius: var(--vorazi-radius-sm);
  overflow: hidden;
  flex-shrink: 0;
  background: var(--vorazi-surface-3);
}

.vorazi-sidebar-card__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.vorazi-sidebar-card__title {
  font-size: var(--vorazi-fs-small);
  font-weight: 600;
  color: var(--vorazi-text);
  line-height: 1.35;
  margin: 0;
}

.vorazi-sidebar-card__title a {
  color: inherit;
  text-decoration: none;
}

.vorazi-sidebar-card__title a:hover {
  color: var(--vorazi-accent);
}

.vorazi-sidebar-card__date {
  font-size: var(--vorazi-fs-meta);
  color: var(--vorazi-text-dim);
  margin-top: 0.2rem;
}

/* --- Episode navigation (prev/next) — below everything --- */
.vorazi-episode-nav {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--vorazi-gap);
  padding: var(--vorazi-gap-lg) 0 var(--vorazi-gap-xl);
  border-top: 1px solid var(--vorazi-border);
}

.vorazi-episode-nav__item {
  padding: 1.2rem;
  background: var(--vorazi-surface);
  border-radius: var(--vorazi-radius);
  border: 1px solid var(--vorazi-border);
  text-decoration: none;
  transition: border-color var(--vorazi-duration) var(--vorazi-ease);
}

.vorazi-episode-nav__item:hover {
  border-color: var(--vorazi-accent);
}

.vorazi-episode-nav__item--next {
  text-align: right;
}

.vorazi-episode-nav__label {
  display: block;
  font-size: var(--vorazi-fs-meta);
  color: var(--vorazi-text-dim);
  text-transform: uppercase;
  letter-spacing: 0.06em;
  margin-bottom: 0.3rem;
}

.vorazi-episode-nav__title {
  font-size: var(--vorazi-fs-body);
  font-weight: 600;
  color: var(--vorazi-text);
}

/* --- Empty state --- */
.vorazi-empty {
  text-align: center;
  padding: var(--vorazi-gap-xl) var(--vorazi-gap);
}

.vorazi-empty__icon {
  font-size: 3rem;
  margin-bottom: 1rem;
  opacity: 0.3;
}

.vorazi-empty__text {
  color: var(--vorazi-text-dim);
  font-size: var(--vorazi-fs-body);
}

/* --- Episode label badge --- */
.vorazi-episode__label {
  background: var(--vorazi-surface-3);
  color: var(--vorazi-text);
  padding: 0.2rem 0.6rem;
  border-radius: 50px;
  font-weight: 700;
  font-size: var(--vorazi-fs-meta);
}

/* --- YouTube video embed (full width) --- */
.vorazi-player-area__video {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  background: #000;
  border-radius: var(--vorazi-radius);
  overflow: hidden;
}

.vorazi-player-area__video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}

/* --- Key Takeaways --- */
.vorazi-takeaways {
  margin-top: var(--vorazi-gap-lg);
  padding: 1.5rem;
  background: var(--vorazi-surface);
  border-radius: var(--vorazi-radius);
  border: 1px solid var(--vorazi-border);
}

.vorazi-takeaways__title {
  font-size: var(--vorazi-fs-h3);
  font-weight: 700;
  color: var(--vorazi-text);
  margin: 0 0 1rem;
}

.vorazi-takeaways__list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.vorazi-takeaways__list li {
  position: relative;
  padding-left: 1.5rem;
  margin-bottom: 0.75rem;
  color: var(--vorazi-text);
  line-height: 1.6;
}

.vorazi-takeaways__list li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.55em;
  width: 8px;
  height: 8px;
  background: var(--vorazi-accent);
  border-radius: 50%;
}

.vorazi-takeaways__list li:last-child {
  margin-bottom: 0;
}

/* --- Transcript (collapsible) --- */
.vorazi-transcript {
  margin-top: var(--vorazi-gap-lg);
}

.vorazi-transcript__toggle {
  cursor: pointer;
  padding: 1rem 1.5rem;
  background: var(--vorazi-surface);
  border-radius: var(--vorazi-radius);
  border: 1px solid var(--vorazi-border);
  font-size: var(--vorazi-fs-h3);
  font-weight: 700;
  color: var(--vorazi-text);
  list-style: none;
  transition: border-color var(--vorazi-duration) var(--vorazi-ease);
}

.vorazi-transcript__toggle::-webkit-details-marker {
  display: none;
}

.vorazi-transcript__toggle::before {
  content: '+ ';
  color: var(--vorazi-accent);
  font-weight: 700;
}

details[open] .vorazi-transcript__toggle::before {
  content: '- ';
}

.vorazi-transcript__toggle:hover {
  border-color: var(--vorazi-accent);
}

.vorazi-transcript__content {
  padding: 1.5rem;
  background: var(--vorazi-surface-2);
  border: 1px solid var(--vorazi-border);
  border-top: none;
  border-radius: 0 0 var(--vorazi-radius) var(--vorazi-radius);
}


/* ==========================================================================
   RESPONSIVE  —  doar pe clasele noastre
   ========================================================================== */

@media (max-width: 960px) {
  .vorazi-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .vorazi-featured {
    grid-template-columns: 1fr;
  }

  .vorazi-featured__image {
    aspect-ratio: 16 / 9;
  }

  .vorazi-single-body {
    grid-template-columns: 1fr;
  }

  .vorazi-sidebar {
    position: static;
  }
}

@media (max-width: 640px) {
  .vorazi-grid {
    grid-template-columns: 1fr;
  }

  .vorazi-hero {
    min-height: 60vh;
    padding: var(--vorazi-gap-lg) var(--vorazi-gap);
  }

  .vorazi-hero__title {
    max-width: 100%;
  }

  .vorazi-featured__body {
    padding: 1.5rem;
  }

  .vorazi-newsletter {
    flex-direction: column;
  }

  .vorazi-episode-nav {
    grid-template-columns: 1fr;
  }

  .vorazi-player-area__video {
    border-radius: var(--vorazi-radius-sm);
  }
}


/* ==========================================================================
   VORAZI PLACEHOLDER  —  fallback thumbnail
   ========================================================================== */

.vorazi-placeholder {
  width: 100%;
  height: 100%;
  min-height: 120px;
  background: linear-gradient(135deg, var(--vorazi-bg-start), var(--vorazi-bg-end));
  color: rgba(255, 255, 255, 0.15);
}

.vorazi-placeholder svg {
  width: 48px;
  height: 48px;
  margin: auto;
}


/* ==========================================================================
   GP EXTRA RESETS  —  catch-all for white backgrounds
   Skin only: background-color, color. No layout properties.
   ========================================================================== */

/* GP sometimes wraps content in .grid-container */
.grid-container {
  background-color: transparent !important;
}

/* GP Customizer generated inline bg may need override */
body .site,
body .site-content .content-area,
body .site-content .widget-area {
  background-color: transparent !important;
}

/* Article containers */
.post,
.page,
article {
  background-color: transparent !important;
}

/* Entry meta and header */
.entry-header,
.entry-meta,
.entry-title {
  color: var(--vorazi-text);
}

.entry-meta a {
  color: var(--vorazi-text-dim);
}

/* Comments area */
.comments-area {
  background-color: transparent !important;
}

/* WP Block editor defaults */
.wp-block-group,
.wp-block-cover,
.wp-block-columns {
  color: var(--vorazi-text);
}

/* Breadcrumbs if present */
.inside-page-hero,
.page-hero {
  color: var(--vorazi-text);
}

/* Search form */
.search-form input[type="search"],
.search-form input[type="text"] {
  background-color: var(--vorazi-surface-3);
  color: var(--vorazi-text);
  border-color: var(--vorazi-border);
}

/* Widget titles */
.widget-title {
  color: var(--vorazi-text);
}

/* Scroll bar dark mode */
::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: var(--vorazi-navy);
}

::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.15);
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.25);
}

/* Selection color */
::selection {
  background: var(--vorazi-accent);
  color: var(--vorazi-white);
}



/* ===== D. LIGHT RE-SKIN OVERRIDES + HUB (VORAZI light, ancorat pe VSSL app) ===== */
body { background: var(--vorazi-bg) !important; color: var(--vorazi-text); }

.vorazi-hero__title, .vorazi-section__title, .vorazi-featured__title,
.vorazi-card__title, .vorazi-archive__title, .vorazi-episode__title,
.vorazi-community__title, .vorazi-hub-h1, .vorazi-hub__drum-name,
.vorazi-cta-band h2, .vorazi-glimpse__name { font-family: var(--vorazi-font-display); }

.vorazi-btn { border-radius: 12px; }
.vorazi-btn--primary:hover { box-shadow: 0 10px 28px -10px rgba(79,70,229,0.45); }
.vorazi-btn--secondary { color: var(--vorazi-text); border-color: var(--vorazi-border-strong); }
.vorazi-btn--secondary:hover { color: var(--vorazi-accent); border-color: var(--vorazi-accent); }

.vorazi-featured { box-shadow: 0 18px 44px -28px rgba(80,60,160,0.30); }
.vorazi-card:hover { box-shadow: 0 16px 40px -20px rgba(80,60,160,0.28); }
.vorazi-hero { background: transparent; }
.vorazi-community { background: linear-gradient(135deg, rgba(99,102,241,0.06), rgba(236,72,153,0.05)); }

.site-footer { background: var(--vorazi-bg) !important; color: var(--vorazi-text-dim); border-top: 1px solid var(--vorazi-border); }
.site-footer a { color: var(--vorazi-text-dim); }
.site-footer a:hover { color: var(--vorazi-accent); }

::-webkit-scrollbar-track { background: var(--vorazi-surface-2); }
::-webkit-scrollbar-thumb { background: #cfc9dd; }
::-webkit-scrollbar-thumb:hover { background: #b7afce; }

.vorazi-hub { max-width: 1080px; margin: 0 auto; padding: 0 24px; }
.vorazi-hub-hero { display:grid; grid-template-columns:1.25fr .9fr; gap:48px; align-items:center; padding:64px 0 52px; }
.vorazi-hub-hero__spine { font-size:.8rem; letter-spacing:.16em; text-transform:uppercase; color:var(--vorazi-text-dim); margin-bottom:20px; }
.vorazi-hub-h1 { font-weight:600; font-size:clamp(2.6rem,6vw,4rem); line-height:1.05; letter-spacing:-.02em; margin:0 0 18px; color:var(--vorazi-text); }
.vorazi-hub-hero__lead { font-size:1.18rem; color:var(--vorazi-text-dim); max-width:34ch; margin:0 0 26px; line-height:1.55; }
.vorazi-hub-hero__actions { display:flex; gap:12px; flex-wrap:wrap; align-items:center; }
.vorazi-hub-play { display:inline-flex; align-items:center; gap:11px; margin-top:20px; color:var(--vorazi-text-dim); font-size:.95rem; text-decoration:none; }
.vorazi-hub-play .pc { width:38px; height:38px; border-radius:50%; border:1px solid var(--vorazi-border-strong); display:flex; align-items:center; justify-content:center; color:var(--vorazi-accent); }
.vorazi-hub-play:hover .pc { border-color:var(--vorazi-accent); }

.vorazi-glimpse { background:#fff; border:1px solid var(--vorazi-border); border-radius:20px; padding:20px; box-shadow:0 24px 50px -28px rgba(80,60,160,0.45); transform:rotate(2.5deg); transition:transform .4s var(--vorazi-ease); }
.vorazi-glimpse:hover { transform:rotate(0); }
.vorazi-glimpse__top { display:flex; align-items:center; justify-content:space-between; margin-bottom:12px; }
.vorazi-glimpse__active { font-size:.7rem; font-weight:600; letter-spacing:.06em; text-transform:uppercase; color:var(--vorazi-accent); background:#F0EEFB; padding:4px 9px; border-radius:8px; }
.vorazi-glimpse__streak { display:inline-flex; align-items:center; gap:4px; font-size:.78rem; font-weight:500; color:#B45309; background:#FEF3C7; padding:3px 9px; border-radius:999px; }
.vorazi-glimpse__name { font-weight:600; font-size:1.05rem; margin:0 0 2px; }
.vorazi-glimpse__anchor { font-size:.8rem; color:#8A8499; margin-bottom:14px; }
.vorazi-glimpse__step { display:flex; align-items:center; gap:10px; font-size:.9rem; margin-bottom:11px; color:var(--vorazi-text); }
.vorazi-glimpse__step .ck { width:21px; height:21px; border-radius:50%; flex:none; display:flex; align-items:center; justify-content:center; }
.vorazi-glimpse__step.done .ck { background:#ECFDF5; border:1px solid #A7F3D0; }
.vorazi-glimpse__step.done span { color:#8A8499; text-decoration:line-through; }
.vorazi-glimpse__step.todo .ck { border:2px solid var(--vorazi-border-strong); }
.vorazi-glimpse__btn { width:100%; margin-top:6px; background:var(--vorazi-emerald); color:#fff; border:none; border-radius:12px; padding:11px; font-weight:500; font-family:var(--vorazi-font); display:flex; align-items:center; justify-content:center; gap:7px; }

.vorazi-hub__identity { font-size:.95rem; color:#8A8499; margin:8px 0 0; }
.vorazi-hub__drum { display:flex; align-items:center; gap:18px; padding:22px 0; border-top:1px solid var(--vorazi-border); }
.vorazi-hub__drum-ico { width:46px; height:46px; border-radius:13px; background:#F4F2FB; color:var(--vorazi-accent); display:flex; align-items:center; justify-content:center; flex:none; }
.vorazi-hub__drum-body { flex:1; min-width:0; }
.vorazi-hub__drum-name { font-weight:600; font-size:1.35rem; display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.vorazi-hub__drum-promise { font-size:1rem; color:var(--vorazi-text-dim); margin-top:2px; }
.vorazi-hub__drum-go { display:inline-flex; align-items:center; gap:6px; font-weight:500; color:var(--vorazi-accent); text-decoration:none; white-space:nowrap; }
.vorazi-hub__pill { font-size:.78rem; font-weight:500; padding:3px 11px; border-radius:999px; white-space:nowrap; }
.vorazi-hub__pill--live { background:#ECFDF5; color:#047857; }
.vorazi-hub__pill--icf { background:#F5F3FF; color:#6D28D9; }
.vorazi-hub__pill--soon { background:#F1F0F4; color:#6B7280; }

.vorazi-hub__cred { display:flex; align-items:center; gap:10px; color:var(--vorazi-text-dim); font-size:.95rem; border-top:1px solid var(--vorazi-border); padding-top:22px; margin-top:4px; }
.vorazi-hub__ever { display:flex; align-items:center; gap:8px 18px; flex-wrap:wrap; background:#F5F3FA; border-radius:16px; padding:16px 20px; margin:24px 0; }
.vorazi-hub__ever .lbl { color:var(--vorazi-text-dim); }
.vorazi-hub__ever a { color:var(--vorazi-text); font-weight:500; text-decoration:none; }
.vorazi-hub__ever a:hover { color:var(--vorazi-accent); }

.vorazi-cta-band { background:var(--vorazi-gradient); border-radius:24px; padding:52px 28px; text-align:center; color:#fff; margin:40px 0; }
.vorazi-cta-band h2 { font-weight:600; font-size:clamp(1.8rem,4vw,2.4rem); margin:0 0 8px; color:#fff; }
.vorazi-cta-band p { font-size:1.05rem; margin:0 0 22px; color:rgba(255,255,255,.92); }
.vorazi-cta-band .vorazi-btn--primary { background:#fff; color:var(--vorazi-accent-hover); }
.vorazi-cta-band .vorazi-btn--primary:hover { background:#F4F2FF; color:var(--vorazi-accent-hover); transform:translateY(-2px); }

@media (max-width:760px) {
  .vorazi-hub-hero { grid-template-columns:1fr; gap:32px; padding:40px 0; }
  .vorazi-glimpse { max-width:360px; }
}


/* --- Polish 30.06: nav header (fara bloc navy pe desktop) + drum name ink --- */
.nav-float-right .main-navigation:not(.toggled) .main-nav > ul,
.nav-float-left .main-navigation:not(.toggled) .main-nav > ul { background: transparent !important; }
.vorazi-hub__drum-name { color: var(--vorazi-text); }


/* --- Footer (brand bar, light) --- */
.vorazi-foot { max-width:1080px; margin:0 auto; padding:6px 24px; text-align:left; }
.vorazi-foot__top { display:flex; align-items:center; justify-content:space-between; gap:14px 24px; flex-wrap:wrap; }
.vorazi-foot__brand { display:inline-flex; align-items:center; gap:9px; font-weight:600; color:var(--vorazi-text); letter-spacing:.02em; }
.vorazi-foot__sub { font-weight:400; color:#8A8499; font-size:.85rem; letter-spacing:0; }
.vorazi-foot__links { display:flex; flex-wrap:wrap; gap:6px 18px; font-size:.9rem; }
.vorazi-foot__links a { color:var(--vorazi-text-dim); text-decoration:none; }
.vorazi-foot__links a:hover { color:var(--vorazi-accent); }
.vorazi-foot__base { margin-top:14px; padding-top:14px; border-top:1px solid var(--vorazi-border); font-size:.82rem; color:#8A8499; }


/* footer logo (custom logo, scalat) */
.vorazi-foot__brand .custom-logo { height:26px; width:auto; display:block; }
.vorazi-foot__brand .custom-logo-link { display:inline-flex; line-height:0; }
.vorazi-foot__word { font-weight:600; color:var(--vorazi-text); letter-spacing:.02em; }


/* --- Language switcher RO | EN (02.07) --- */
.vorazi-lang { display: inline-flex; align-items: center; }
.vorazi-lang__link { font-size: var(--vorazi-fs-small); font-weight: 600; text-transform: uppercase; letter-spacing: 0.04em; color: var(--vorazi-navy); opacity: 0.55; padding: 0 0.4em; text-decoration: none; }
.vorazi-lang__link + .vorazi-lang__link { border-left: 1px solid rgba(0, 3, 51, 0.25); }
.vorazi-lang__link:hover,
.vorazi-lang__link.vorazi-lang--active { color: var(--vorazi-accent); opacity: 1; }