/* JVGBD Elementor widgets */
.jvgbd-el .jvgbd-filters{display:flex;flex-wrap:wrap;gap:.5rem .75rem;margin-bottom:1rem;justify-content:stretch;align-items:center;width:100%}
.jvgbd-el .jvgbd-filters input[type="search"]{flex:2 1 200px;min-width:180px}
.jvgbd-el .jvgbd-filters input[type="search"],
.jvgbd-el .jvgbd-filters select{padding:.4rem .6rem;border:1px solid var(--jvgbd-border, #ddd);border-radius:6px;background:var(--jvgbd-surface, #fff);color:var(--jvgbd-text, #111);height:auto}
.jvgbd-el .jvgbd-filters select{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.jvgbd-el .jvgbd-filters select{min-width:120px;flex:1 1 140px}
.jvgbd-el .jvgbd-filters button{padding:.45rem .8rem;border:1px solid var(--jvgbd-accent, #fd895a);border-radius:6px;background:var(--jvgbd-accent, #fd895a);color:#fff;cursor:pointer;white-space:nowrap;flex:0 1 auto;min-width:80px}
.jvgbd-el .jvgbd-filters button:hover{background:var(--jvgbd-accent, #fd895a);border-color:var(--jvgbd-accent, #fd895a)}

/* Filter Left - Style "Dernières sorties" avec ligne bleue */
.jvgbd-el .jvgbd-filters{
  display:flex;
  align-items:center;
  gap:0;
  width:100%;
  flex-wrap:nowrap;
}

.jvgbd-el .jvgbd-filter-left{
  flex:1 1 100%;
  display:flex;
  align-items:center;
  gap:0;
  position:relative;
  color:var(--jvgbd-text, #111);
}

.jvgbd-el .jvgbd-filter-left strong{
  font-size:1.25rem;
  font-weight:700;
  letter-spacing:-0.01em;
  color:inherit;
  white-space:nowrap;
  flex:0 0 auto;
}

/* Partie accentuée du titre (ex: "sorties", "+ Aimés") */
.jvgbd-el .jvgbd-filter-left .jvgbd-accent{
  color:var(--jvgbd-accent, var(--jvgbd-accent, #fd895a));
  font-weight:700;
}

/* Ligne décorative bleue qui s'étend sur toute la largeur disponible */
.jvgbd-el .jvgbd-filter-left::after{
  content:'';
  flex:1 1 100%;
  height:2px;
  background:var(--jvgbd-accent, var(--jvgbd-accent, #fd895a));
  margin-left:0.75rem;
}

/* Dark mode support */
@media (prefers-color-scheme: dark) {
  .jvgbd-el .jvgbd-filter-left{
    color:var(--jvgbd-text, #e0e0e0);
  }
}

/* Force single line layout for desktop and tablets */
@media (min-width:768px){
  .jvgbd-el .jvgbd-filters{flex-wrap:nowrap;justify-content:stretch;width:100%}
  .jvgbd-el .jvgbd-filters input[type="search"]{flex:2 1 200px}
  .jvgbd-el .jvgbd-filters select{flex:1 1 120px;min-width:120px;max-width:none}
  .jvgbd-el .jvgbd-filters button{flex:0 1 100px;min-width:80px}
}

.jvgbd-el .jvgbd-grid{display:grid;grid-template-columns:repeat(var(--jvgbd-cols,3), minmax(0,1fr));gap:.5rem 1rem}
.jvgbd-el .jvgbd-grid-item{min-width:0}
.jvgbd-el .jvgbd-game-card{color:#fff;min-width:0;overflow:visible;--jvgbd-title-icon-space:1.05em}
.jvgbd-el .jvgbd-game-card .jvgbd-game-title,
.jvgbd-el .jvgbd-game-card .jvgbd-game-title a{color:#fff}
/* Keep title and website icon on one line */
.jvgbd-el .jvgbd-game-card .jvgbd-game-title{display:grid;grid-template-columns:minmax(0, calc(100% - var(--jvgbd-title-icon-space, 1.05em))) var(--jvgbd-title-icon-space, 1.05em);align-items:baseline;column-gap:0}
/* Clamp only the title link, not the website icon */
.jvgbd-el .jvgbd-game-card .jvgbd-game-title > a:not(.jvgbd-title-website){display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-width:0;grid-column:1}
.jvgbd-el .jvgbd-game-card .jvgbd-game-title,
.jvgbd-el .jvgbd-game-card .jvgbd-game-title a{word-break:break-word;overflow-wrap:anywhere;hyphens:auto;min-width:0}
.jvgbd-el .jvgbd-game-card .jvgbd-game-details{color:#fff}
.jvgbd-el .jvgbd-game-card .jvgbd-game-details .jvgbd-release{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.jvgbd-el .jvgbd-game-card .jvgbd-game-details li{min-width:0}
.jvgbd-el .jvgbd-game-card .jvgbd-game-details{word-break:break-word;overflow-wrap:anywhere;hyphens:auto}
.jvgbd-el .jvgbd-game-card .jvgbd-game-details strong{color:#fff}
.jvgbd-el .jvgbd-game-card .jvgbd-game-title .jvgbd-title-website{display:inline-flex;align-items:center;gap:0;margin-left:0 !important;color:var(--jvgbd-accent, #fd895a);line-height:1;grid-column:2;justify-self:start}
.jvgbd-el .jvgbd-game-card .jvgbd-game-title .jvgbd-title-website i{width:var(--jvgbd-title-icon-space, 1.1em);display:inline-block}
.jvgbd-el .jvgbd-game-card .jvgbd-game-title .jvgbd-title-website .fas,
.jvgbd-el .jvgbd-game-card .jvgbd-game-title .jvgbd-title-website .fa-solid{color:var(--jvgbd-accent, #fd895a)}
.jvgbd-el .jvgbd-card-user-rating{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.25)}
.jvgbd-el .jvgbd-alpha{display:flex;flex-wrap:wrap;gap:.25rem .4rem;margin:.5rem 0 1rem;justify-content:center}
.jvgbd-el .jvgbd-alpha .jvgbd-alpha-item{display:inline-block;padding:.25rem .45rem;border:1px solid var(--jvgbd-border, #ddd);border-radius:999px;text-decoration:none;color:var(--jvgbd-text, #111);font-size:.9rem;line-height:1}
.jvgbd-el .jvgbd-alpha .jvgbd-alpha-item.is-active{background:var(--jvgbd-accent, #fd895a);border-color:var(--jvgbd-accent, #fd895a);color:#fff}

/* Pagination (directory) */
.jvgbd-el .jvgbd-pagination{display:flex;justify-content:center;gap:.35rem;margin:1rem 0}
.jvgbd-el .jvgbd-pagination .page-numbers{display:inline-block;padding:.35rem .6rem;border:1px solid var(--jvgbd-border, #ddd);border-radius:6px;text-decoration:none;color:var(--jvgbd-text, #111);background:var(--jvgbd-surface, #fff)}
.jvgbd-el .jvgbd-pagination .page-numbers.current{background:var(--jvgbd-accent, #fd895a);border-color:var(--jvgbd-accent, #fd895a);color:#fff}
.jvgbd-el .jvgbd-pagination .page-numbers:hover{background:var(--jvgbd-accent, #fd895a);border-color:var(--jvgbd-accent, #fd895a);color:#fff}

.jvgbd-release-calendar .jvgbd-month{margin:1.25rem 0}
.jvgbd-release-calendar .jvgbd-month-title{margin:.25rem 0 .75rem;font-size:1.2rem;color:var(--jvgbd-text, inherit)}

/* Style spécial pour les sections "année seulement" */
.jvgbd-release-calendar .jvgbd-month.year-only .jvgbd-month-title{
    color:#666;
    border-left:4px solid #999;
    padding-left:10px;
    font-style:italic;
    position:relative;
}
.jvgbd-release-calendar .jvgbd-month.year-only .jvgbd-month-title::after{
    content:"📅";
    position:absolute;
    right:0;
    top:0;
    font-size:0.9em;
}

/* Stickers de notation de la rédaction */
.jvgbd-editorial-sticker {
    position: absolute;
    top: 8px;
    right: 8px;
    background: var(--sticker-bg, #007bff);
    color: white;
    border-radius: 8px;
    padding: 6px 8px;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    box-shadow: 0 2px 8px rgba(0,0,0,0.3);
    z-index: 10;
    min-width: 45px;
    line-height: 1.1;
}

.jvgbd-editorial-sticker .jvgbd-sticker-score {
    font-size: 16px;
    font-weight: 900;
    line-height: 1;
}

.jvgbd-editorial-sticker .jvgbd-sticker-max {
    font-size: 10px;
    opacity: 0.9;
    margin-top: -2px;
}

.jvgbd-editorial-sticker .jvgbd-sticker-label {
    font-size: 8px;
    opacity: 0.9;
    letter-spacing: 0.5px;
    margin-top: 2px;
}

/* Couleurs des stickers selon la note */
.jvgbd-editorial-sticker.excellent { background: #28a745 !important; }
.jvgbd-editorial-sticker.very-good { background: #007bff !important; }
.jvgbd-editorial-sticker.good { background: #fd7e14 !important; }
.jvgbd-editorial-sticker.average { background: #ffc107 !important; color: #000; }
.jvgbd-editorial-sticker.poor { background: #dc3545 !important; }

/* Section avis de la rédaction complète */
.jvgbd-editorial-review {
    background: #f8f9fa;
    border: 2px solid #007bff;
    border-radius: 12px;
    padding: 20px;
    margin: 20px 0;
}

.jvgbd-review-header {
    border-bottom: 1px solid #dee2e6;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.jvgbd-review-title {
    margin: 0 0 10px 0;
    font-size: 1.4em;
    color: #343a40;
}

.jvgbd-review-badge {
    background: #007bff;
    color: white;
    padding: 3px 8px;
    border-radius: 4px;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-right: 10px;
}

.jvgbd-review-meta {
    display: flex;
    align-items: center;
    gap: 15px;
    flex-wrap: wrap;
}

.jvgbd-review-score-display {
    display: flex;
    align-items: baseline;
    background: #007bff;
    color: white;
    padding: 8px 12px;
    border-radius: 8px;
    font-weight: bold;
}

.jvgbd-score-number {
    font-size: 24px;
    line-height: 1;
}

.jvgbd-score-max {
    font-size: 14px;
    opacity: 0.8;
}

.jvgbd-review-stars {
    color: #ffc107;
}

.jvgbd-review-author {
    color: #6c757d;
    font-size: 14px;
}

.jvgbd-review-content {
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 20px;
}

.jvgbd-review-pros-cons {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin-top: 20px;
}

@media (max-width: 768px) {
    .jvgbd-review-pros-cons {
        grid-template-columns: 1fr;
    }
}

.jvgbd-review-pros,
.jvgbd-review-cons {
    background: white;
    padding: 15px;
    border-radius: 8px;
}

.jvgbd-review-pros h4 {
    color: #28a745;
    margin: 0 0 10px 0;
    font-size: 16px;
}

.jvgbd-review-cons h4 {
    color: #dc3545;
    margin: 0 0 10px 0;
    font-size: 16px;
}

.jvgbd-review-pros ul,
.jvgbd-review-cons ul {
    margin: 0;
    padding-left: 20px;
}

.jvgbd-review-pros li,
.jvgbd-review-cons li {
    margin-bottom: 5px;
}

@media (max-width:900px){
  /* Tablet: 1 column for better readability */
  .jvgbd-el .jvgbd-grid{grid-template-columns:1fr}
}
@media (max-width:767px){
  .jvgbd-el .jvgbd-filters{flex-wrap:wrap;justify-content:center}
  .jvgbd-el .jvgbd-filters input[type="search"]{flex:1 1 100%;min-width:100%;max-width:100%;order:1}
  .jvgbd-el .jvgbd-filters select{flex:1 1 calc(50% - 0.375rem);order:2}
  .jvgbd-el .jvgbd-filters button{flex:1 1 100%;order:3;margin-top:.25rem}
}
@media (max-width:480px){
  .jvgbd-el .jvgbd-grid{grid-template-columns:1fr}
  .jvgbd-el .jvgbd-filters{flex-direction:column}
  .jvgbd-el .jvgbd-filters input[type="search"],
  .jvgbd-el .jvgbd-filters select,
  .jvgbd-el .jvgbd-filters button{width:100%;flex:1 1 auto;order:unset}
  /* Slightly smaller release line on mobile */
  .jvgbd-el .jvgbd-game-card .jvgbd-game-details .jvgbd-release{font-size:.92rem}
  .jvgbd-el .jvgbd-game-card .jvgbd-game-details .jvgbd-release strong{font-size:1em}
}

/* Widget-specific tweaks: smaller cover, overlay bottom-right, hide rating/dev/publisher list */
.jvgbd-el .jvgbd-game-card{grid-template-columns:90px 1fr 56px;margin:0}
.jvgbd-el .jvgbd-game-meta{min-width:0}
.jvgbd-el .jvgbd-game-thumb{position:relative}
.jvgbd-el .jvgbd-thumb-badge{display:none}
.jvgbd-el .jvgbd-game-details .jvgbd-rating,
.jvgbd-el .jvgbd-game-details .jvgbd-pegi{display:none}

.jvgbd-el .jvgbd-pegi-logo{display:block;align-self:start;justify-self:end}
.jvgbd-el .jvgbd-pegi-logo img{width:48px;height:auto;display:block}
.jvgbd-el .jvgbd-pegi-fallback{font-size:.8rem;color:#555}
.jvgbd-el .jvgbd-card-platforms{max-width:100%}

/* Force PEGI to the top-right of the card (all small layouts) */
.jvgbd-el .jvgbd-game-card{position:relative}
.jvgbd-el .jvgbd-game-card .jvgbd-pegi-logo{position:absolute !important; right:8px; top:8px; left:auto; bottom:auto; z-index:10; margin:0}
.jvgbd-el .jvgbd-game-card{padding-right:56px}

/* Pin PEGI at top-right on small screens */
@media (max-width:900px){
  .jvgbd-el .jvgbd-game-card{position:relative; padding-right:56px}
  .jvgbd-el .jvgbd-pegi-logo{position:absolute; right:8px; top:8px; z-index:10; margin:0}
}
@media (max-width:540px){
  .jvgbd-el .jvgbd-game-card{grid-template-columns:72px 1fr}
  .jvgbd-el .jvgbd-pegi-logo img{width:40px;height:auto}
}
@media (max-width:480px) and (orientation: portrait){
  .jvgbd-el .jvgbd-game-card{padding-right:64px}
  .jvgbd-el .jvgbd-pegi-logo{right:6px; top:6px}
  .jvgbd-el .jvgbd-pegi-logo img{width:36px}
}
.jvgbd-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.jvgbd-el .jvgbd-website .fa-solid,
.jvgbd-el .jvgbd-website .fas{font-size:1rem;color:#0a7}
.jvgbd-el .jvgbd-website .jvgbd-icon-link{display:inline-flex;align-items:center;gap:.25rem}

/* Release Directory Widget specific styles - Override Elementor game card styles for directory look */
.jvgbd-release-directory .jvgbd-month-section{margin:1.25rem 0}
.jvgbd-release-directory .jvgbd-month-title{margin:.25rem 0 .75rem;font-size:1.2rem;color:var(--jvgbd-text, inherit);font-weight:600}
.jvgbd-release-directory .jvgbd-no-results{text-align:center;padding:2rem 1rem;color:var(--jvgbd-muted, #777);font-style:italic}

/* Complete override for Release Directory Widget to match standard directory design */
.jvgbd-release-directory .jvgbd-game-card{
  /* Reset Elementor overrides to match standard directory */
  display:grid !important;
  grid-template-columns:90px 1fr !important;
  gap:1rem !important;
  align-items:start !important;
  margin:1.5rem 0 !important;
  padding:1rem !important;
  border:1px solid var(--jvgbd-border, #e5e5e5) !important;
  border-radius:8px !important;
  background:var(--jvgbd-surface, #fff) !important;
  color:var(--jvgbd-text, #111) !important;
  position:relative !important;
  overflow:visible !important;
}

/* Remove Elementor grid overrides for this widget */
.jvgbd-release-directory .jvgbd-game-card{
  grid-template-columns:90px 1fr !important;
  margin:1.5rem 0 !important;
}

/* Text colors */
.jvgbd-release-directory .jvgbd-game-card .jvgbd-game-title,
.jvgbd-release-directory .jvgbd-game-card .jvgbd-game-title a{
  color:var(--jvgbd-text, #111) !important;
}
.jvgbd-release-directory .jvgbd-game-card .jvgbd-game-details{
  color:var(--jvgbd-text, #111) !important;
}
.jvgbd-release-directory .jvgbd-game-card .jvgbd-game-details strong{
  color:var(--jvgbd-text, #111) !important;
}

/* User rating styling */
.jvgbd-release-directory .jvgbd-card-user-rating{
  background:var(--jvgbd-surface-alt, #f7f9fb) !important;
  color:var(--jvgbd-text, #111) !important;
  border:1px solid var(--jvgbd-border, #e5e5e5) !important;
}

/* Remove background image overlay for directory style */
.jvgbd-release-directory .jvgbd-game-card.has-bg .jvgbd-card-bg{
  display:none !important;
}
.jvgbd-release-directory .jvgbd-game-card.has-bg{
  background:var(--jvgbd-surface, #fff) !important;
}

/* Reset title styling to standard */
.jvgbd-release-directory .jvgbd-game-card .jvgbd-game-title{
  display:block !important;
  grid-template-columns:none !important;
}

/* Grid items for release directory */
.jvgbd-release-directory .jvgbd-grid-item{
  display:block !important;
}
.jvgbd-release-directory .jvgbd-grid-item > .jvgbd-game-card{
  height:auto !important;
  width:100% !important;
}

/* Additional overrides to ensure proper directory styling */
.jvgbd-release-directory .jvgbd-game-card .jvgbd-game-meta{
  min-width:0 !important;
}

/* Ensure platforms are positioned correctly */
.jvgbd-release-directory .jvgbd-card-platforms{
  position:absolute !important;
  right:8px !important;
  bottom:8px !important;
  z-index:2 !important;
}

/* PEGI logo positioning */
.jvgbd-release-directory .jvgbd-pegi-logo{
  position:static !important;
  right:auto !important;
  top:auto !important;
  margin:0 !important;
}

/* Make sure the grid layout works properly */
.jvgbd-release-directory .jvgbd-game-card{
  grid-template-columns:90px 1fr 56px !important;
}

/* Responsive adjustments */
@media (max-width:1024px){
  .jvgbd-release-directory .jvgbd-game-card{
    padding-right:64px !important;
  }
}

/* Top Liked and Top Hyped Widgets - Simple & Clean Design */

/* Remove old header styles - now using jvgbd-filter-left */
.jvgbd-ranking-header{
  display:none;
}

.jvgbd-ranking-list{
  display:flex;
  flex-direction:column;
  gap:1rem;
}

.jvgbd-ranking-item{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:1.25rem 1.5rem;
  border-radius:12px;
  background:linear-gradient(135deg, #1e1e28, #14141e);
  color:#fff;
  position:relative;
  overflow:hidden;
  min-height:80px;
  transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow:0 2px 8px rgba(0, 0, 0, 0.2);
  border:1px solid rgba(255, 255, 255, 0.05);
}

.jvgbd-ranking-item::before{
  content:'';
  position:absolute;
  top:0;
  left:0;
  width:3px;
  height:100%;
  background:var(--jvgbd-accent, var(--jvgbd-accent, #fd895a));
  opacity:0;
  transition:opacity 0.3s ease;
}

.jvgbd-ranking-item:hover{
  transform:translateX(6px);
  box-shadow:0 4px 16px rgba(0, 0, 0, 0.3);
  border-color:rgba(255, 255, 255, 0.1);
}

.jvgbd-ranking-item:hover::before{
  opacity:1;
}

.jvgbd-ranking-item.has-bg .jvgbd-ranking-bg{
  position:absolute;
  inset:0;
  background:var(--jvgbd-ranking-bg, none) center/cover no-repeat;
  opacity:0.25;
  z-index:0;
  border-radius:inherit;
  transition:opacity 0.3s ease;
}

.jvgbd-ranking-item:hover.has-bg .jvgbd-ranking-bg{
  opacity:0.35;
}

.jvgbd-ranking-item.has-bg > *:not(.jvgbd-ranking-bg){
  position:relative;
  z-index:1;
}

/* Premium colors for top 3 - subtle accent */
.jvgbd-top-liked .jvgbd-ranking-item:nth-child(1)::before{
  background:linear-gradient(180deg, #ffd700, #daa520);
}

.jvgbd-top-liked .jvgbd-ranking-item:nth-child(2)::before{
  background:linear-gradient(180deg, #c0c0c0, #a8a8a8);
}

.jvgbd-top-liked .jvgbd-ranking-item:nth-child(3)::before{
  background:linear-gradient(180deg, #cd7f32, #b8732f);
}

.jvgbd-top-hyped .jvgbd-ranking-item:nth-child(1)::before{
  background:linear-gradient(180deg, #ff6b35, #ff4757);
}

.jvgbd-top-hyped .jvgbd-ranking-item:nth-child(2)::before{
  background:linear-gradient(180deg, #ff6b35, #ff5252);
}

.jvgbd-top-hyped .jvgbd-ranking-item:nth-child(3)::before{
  background:linear-gradient(180deg, #ff6b35, #ff5a5a);
}

/* Left content area - Title */
.jvgbd-ranking-content{
  flex:1;
  min-width:0;
}

.jvgbd-ranking-title{
  margin:0;
  font-size:1.35rem;
  font-weight:700;
  line-height:1.3;
  color:#fff;
  text-shadow:1px 1px 4px rgba(0, 0, 0, 0.5);
  transition:transform 0.3s ease;
}

.jvgbd-ranking-title a{
  color:#fff !important;
  text-decoration:none;
}

.jvgbd-ranking-item:hover .jvgbd-ranking-title{
  transform:translateX(3px);
}

.jvgbd-ranking-title a{
  color:inherit;
  text-decoration:none;
  transition:opacity 0.2s ease;
}

.jvgbd-ranking-title a:hover{
  opacity:0.85;
}

/* Hide other elements for clean banner design */
.jvgbd-ranking-position,
.jvgbd-ranking-thumb,
.jvgbd-ranking-meta,
.jvgbd-ranking-platforms{
  display:none;
}

/* Right score area - Simple badge */
.jvgbd-ranking-score{
  display:flex;
  align-items:center;
  gap:0.6rem;
  background:rgba(255, 255, 255, 0.95);
  padding:0.65rem 1.25rem;
  border-radius:50px;
  box-shadow:0 2px 8px rgba(0, 0, 0, 0.2);
  flex-shrink:0;
  transition:transform 0.3s ease;
}

.jvgbd-ranking-item:hover .jvgbd-ranking-score{
  transform:scale(1.05);
}

.jvgbd-score-percentage{
  font-size:1.15rem;
  font-weight:700;
  color:#1a1a2e;
}

.jvgbd-score-votes{
  display:none;
}

.jvgbd-ranking-score i.fas.fa-heart{
  color:#e31b23;
  font-size:1.25rem;
}

/* Hype specific styling */
.jvgbd-hype-score{
  background:linear-gradient(135deg, #ff6b35, #ff4757);
  color:#fff;
  box-shadow:0 2px 8px rgba(255, 107, 53, 0.3);
}

.jvgbd-hype-score .jvgbd-score-percentage{
  color:#fff;
}

.jvgbd-hype-score i.fas.fa-fire{
  color:#ffd700;
  font-size:1.25rem;
}

.jvgbd-hype-count{
  display:flex;
  align-items:center;
  gap:0.5rem;
  font-size:1.1rem;
  font-weight:700;
}

.jvgbd-hype-label{
  display:none;
}

/* Responsive design for banner layout */
@media (max-width:768px){
  .jvgbd-ranking-item{
    padding:1rem 1.25rem;
    min-height:70px;
    border-radius:10px;
  }
  
  .jvgbd-ranking-item:hover{
    transform:translateX(4px);
  }
  
  .jvgbd-ranking-title{
    font-size:1.2rem;
  }
  
  .jvgbd-ranking-score{
    padding:0.55rem 1.1rem;
    gap:0.5rem;
  }
  
  .jvgbd-score-percentage{
    font-size:1rem;
  }
  
  .jvgbd-ranking-score i.fas{
    font-size:1.1rem;
  }
}

@media (max-width:480px){
  .jvgbd-ranking-item{
    padding:0.85rem 1rem;
    min-height:60px;
    border-radius:8px;
  }
  
  .jvgbd-ranking-title{
    font-size:1.1rem;
  }
  
  .jvgbd-ranking-score{
    padding:0.5rem 0.9rem;
    gap:0.4rem;
  }
  
  .jvgbd-score-percentage{
    font-size:0.95rem;
  }
  
  .jvgbd-ranking-score i.fas{
    font-size:1rem;
  }
}
  
  .jvgbd-score-percentage{
    font-size:1rem;
  }
  
  .jvgbd-hype-count .fas,
  .jvgbd-score-up .fas{
    font-size:1.1rem;
  }
}

@media (max-width:480px){
  .jvgbd-ranking-title-header{
    font-size:1.2rem;
    padding:0.5rem 1rem;
    gap:0.4rem;
  }
  
  .jvgbd-ranking-item{
    padding:0.5rem 0.75rem;
    min-height:50px;
  }
  
  .jvgbd-ranking-title{
    font-size:1.1rem;
    max-width:60%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  
  .jvgbd-ranking-score{
    padding:0.4rem 0.8rem;
    gap:0.3rem;
  }
  
  .jvgbd-score-percentage{
    font-size:0.9rem;
  }
  
  .jvgbd-hype-count .fas,
  .jvgbd-score-up .fas{
    font-size:1rem;
  }
}

/* Vote info message for unreleased games */
.jvgbd-vote-info{
  font-size:0.9rem;
  color:rgba(255, 255, 255, 0.8);
  font-style:italic;
  text-align:center;
  margin-top:0.5rem;
  padding:0.5rem;
  background:rgba(255, 255, 255, 0.1);
  border-radius:8px;
  border:1px solid rgba(255, 255, 255, 0.2);
}

/* Review info message for unreleased games */
.jvgbd-review-unreleased{
  background:linear-gradient(135deg, #e3f2fd, #bbdefb);
  border:1px solid #90caf9;
  border-radius:8px;
  padding:1rem;
  margin:1rem 0;
  text-align:center;
}

.jvgbd-review-unreleased p{
  margin:0;
  color:#1565c0;
  font-weight:500;
}

.jvgbd-review-unreleased i{
  color:#1976d2;
  margin-right:0.5rem;
}

/* Latest Releases - Carousel mode */
.jvgbd-el .jvgbd-carousel{position:relative;display:flex;align-items:stretch;gap:.5rem;overflow:hidden}
.jvgbd-el .jvgbd-carousel-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;gap:1rem;padding:.25rem;-webkit-overflow-scrolling:touch;flex:1 1 auto;min-width:0;scrollbar-width:none;-ms-overflow-style:none}
.jvgbd-el .jvgbd-carousel-track::-webkit-scrollbar{display:none}
.jvgbd-el .jvgbd-carousel-track:focus{outline:2px solid var(--jvgbd-accent, #0af)}
.jvgbd-el .jvgbd-carousel-item{flex:0 0 calc((100% - (var(--slides,4) - 1) * 1rem) / var(--slides,4));scroll-snap-align:start;box-sizing:border-box;min-width:var(--lr-min, 280px)}
.jvgbd-el .jvgbd-carousel .jvgbd-carousel-prev,
.jvgbd-el .jvgbd-carousel .jvgbd-carousel-next{align-self:center;border:none;background:rgba(0,0,0,.5);color:#fff;width:36px;height:36px;border-radius:50%;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}
.jvgbd-el .jvgbd-carousel .jvgbd-carousel-prev:hover,
.jvgbd-el .jvgbd-carousel .jvgbd-carousel-next:hover{background:rgba(0,0,0,.7)}
@media (max-width:1024px){
  .jvgbd-el .jvgbd-carousel-item{flex-basis:calc((100% - (min(var(--slides,4),3) - 1) * 1rem) / min(var(--slides,4),3))}
}
@media (max-width:768px){
  .jvgbd-el .jvgbd-carousel-item{flex-basis:calc((100% - (min(var(--slides,4),2) - 1) * 1rem) / min(var(--slides,4),2))}
}
@media (max-width:480px){
  .jvgbd-el .jvgbd-carousel-item{flex-basis:100%}
}

/* Latest Releases - Clean card design */
.jvgbd-el .jvgbd-lr-card{display:flex;flex-direction:column;gap:.5rem;border:1px solid var(--jvgbd-border, #e5e5e5);border-radius:12px;background:var(--jvgbd-surface, #fff);overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.03)}
.jvgbd-el .jvgbd-lr-card:hover{box-shadow:0 6px 16px rgba(0,0,0,0.08)}
.jvgbd-el .jvgbd-lr-thumb{display:block;width:100%;aspect-ratio:1/1;position:relative;overflow:hidden;background:#111}
.jvgbd-el .jvgbd-lr-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}
.jvgbd-el .jvgbd-lr-card:hover .jvgbd-lr-thumb img{transform:scale(1.05)}
.jvgbd-el .jvgbd-lr-thumb-fallback{position:absolute;inset:0;background:linear-gradient(135deg,#222,#444)}
.jvgbd-el .jvgbd-lr-info{padding:.5rem .6rem .6rem}
.jvgbd-el .jvgbd-lr-title{margin:0 0 .2rem;font-size:1rem;line-height:1.25}
.jvgbd-el .jvgbd-lr-title a{color:var(--jvgbd-text, #111);text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.jvgbd-el .jvgbd-lr-title a:hover{text-decoration:underline}
.jvgbd-el .jvgbd-lr-date{font-size:.9rem;color:var(--jvgbd-muted, #666)}

/* Auto-cols: pack more on full width */
.jvgbd-el .jvgbd-latest-releases.auto-cols .jvgbd-grid{grid-template-columns:repeat(auto-fit, minmax(var(--lr-min, 200px), 1fr))}
.jvgbd-el .jvgbd-latest-releases.auto-cols .jvgbd-lr-title{font-size:.95rem}
.jvgbd-el .jvgbd-latest-releases.auto-cols .jvgbd-lr-date{font-size:.85rem}
.jvgbd-el .jvgbd-latest-releases.auto-cols .jvgbd-carousel-item{flex:0 0 var(--lr-min, 200px)}
/* Editorial Directory - Horizontal card layout */
.jvgbd-el .jvgbd-editorial-grid{display:flex;flex-direction:column;gap:1.5rem}
.jvgbd-el .jvgbd-editorial-grid-item{width:100%}

.jvgbd-el .jvgbd-editorial-card,
.jvgbd-el .jvgbd-editorial-grid-item .jvgbd-editorial-card,
.elementor-widget-container .jvgbd-editorial-card{
    background:#0a1628 !important;
    background-color:#0a1628 !important;
    border-radius:8px;
    overflow:hidden;
    transition:box-shadow .3s ease;
    border:1px solid rgba(255,255,255,0.1);
    position:relative;
    isolation:isolate
}
.jvgbd-el .jvgbd-editorial-card::before{
    content:"";
    position:absolute;
    inset:0;
    background:#0a1628;
    z-index:-1
}
.jvgbd-el .jvgbd-editorial-card *{
    color:#fff !important
}
.jvgbd-el .jvgbd-editorial-card a{
    color:#fff !important
}
.jvgbd-el .jvgbd-editorial-card a:hover{
    color:var(--jvgbd-accent, #fd895a) !important
}
.jvgbd-el .jvgbd-editorial-card:hover{box-shadow:0 6px 20px rgba(0,0,0,0.25)}

.jvgbd-el .jvgbd-editorial-card-inner{
    display:grid;
    grid-template-columns:180px 1fr auto;
    gap:1rem;
    align-items:start;
    position:relative;
    padding:1rem;
    color:#fff !important;
    background:#0a1628 !important;
    z-index:1
}

.jvgbd-el .jvgbd-editorial-card-thumb{
    width:180px;
    aspect-ratio:3/4;
    overflow:hidden;
    border-radius:6px;
    background:#000
}
.jvgbd-el .jvgbd-editorial-card-thumb img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    transition:transform .3s ease
}
.jvgbd-el .jvgbd-editorial-card:hover .jvgbd-editorial-card-thumb img{transform:scale(1.05)}

.jvgbd-el .jvgbd-editorial-card-content{
    display:flex;
    flex-direction:column;
    gap:.5rem;
    min-width:0
}

.jvgbd-el .jvgbd-editorial-card-title{
    margin:0 0 .5rem 0;
    font-size:1.3rem;
    line-height:1.3;
    font-weight:700;
    color:#fff !important
}
.jvgbd-el .jvgbd-editorial-card-title a{
    color:#fff !important;
    text-decoration:none
}
.jvgbd-el .jvgbd-editorial-card-title a:hover{color:var(--jvgbd-accent, #fd895a) !important}

.jvgbd-el .jvgbd-editorial-card-meta{
    display:flex;
    flex-direction:column;
    gap:.35rem;
    font-size:.9rem
}

.jvgbd-el .jvgbd-editorial-platforms .jvgbd-platforms-icons{
    display:flex;
    flex-wrap:wrap;
    gap:.3rem;
    align-items:center
}
.jvgbd-el .jvgbd-editorial-platforms .jvgbd-platform-badge{
    background:var(--jvgbd-platform-color, #1a3a52);
    color:#fff;
    padding:.3rem .55rem;
    border-radius:4px;
    font-size:.75rem;
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:.3px;
    display:inline-flex;
    align-items:center;
    gap:.3rem
}
.jvgbd-el .jvgbd-editorial-platforms .jvgbd-platform-badge i,
.jvgbd-el .jvgbd-editorial-platforms .jvgbd-platform-badge svg{
    font-size:.9rem;
    width:14px;
    height:14px
}
.jvgbd-el .jvgbd-editorial-platforms .jvgbd-platform-badge.has-icon .jvgbd-platform-text{
    display:none
}
.jvgbd-el .jvgbd-editorial-platforms .jvgbd-platform-badge .jvgbd-tooltip{
    display:none
}

.jvgbd-el .jvgbd-editorial-release{
    color:#b0c4d4 !important;
    font-size:.85rem
}
.jvgbd-el .jvgbd-editorial-release strong{color:#fff !important}

.jvgbd-el .jvgbd-editorial-card-excerpt{
    color:#e0e6ed !important;
    font-size:.9rem;
    line-height:1.5;
    margin-top:.25rem
}

.jvgbd-el .jvgbd-editorial-card-score{
    display:flex;
    align-items:center;
    justify-content:center;
    width:70px;
    height:70px;
    border-radius:50%;
    background:linear-gradient(135deg, var(--jvgbd-accent, #fd895a), var(--jvgbd-accent, #fd895a));
    color:#fff;
    font-size:1.8rem;
    font-weight:900;
    line-height:1;
    box-shadow:0 4px 12px rgba(13,110,253,0.4);
    flex-shrink:0
}

/* Responsive */
@media (max-width:768px){
    .jvgbd-el .jvgbd-editorial-card-inner{
        grid-template-columns:120px 1fr;
        grid-template-rows:auto auto;
        gap:.75rem
    }
    .jvgbd-el .jvgbd-editorial-card-thumb{width:120px}
    .jvgbd-el .jvgbd-editorial-card-score{
        grid-column:2;
        grid-row:1;
        justify-self:end;
        width:60px;
        height:60px;
        font-size:1.5rem
    }
    .jvgbd-el .jvgbd-editorial-card-content{grid-column:1 / -1;grid-row:2}
}

@media (max-width:480px){
    .jvgbd-el .jvgbd-editorial-card-inner{
        grid-template-columns:100px 1fr;
        padding:.75rem
    }
    .jvgbd-el .jvgbd-editorial-card-thumb{width:100px}
    .jvgbd-el .jvgbd-editorial-card-title{font-size:1.1rem}
    .jvgbd-el .jvgbd-editorial-card-score{
        width:50px;
        height:50px;
        font-size:1.3rem
    }
}