/* =========================================================================
   Las Vegas.gr — GLOBAL premium design system (all inner pages & posts).
   Targets Jannah/WordPress core classes only. No content is modified.
   ========================================================================= */

:root{
  --vg-ink:#0B1220; --vg-muted:#5A6473; --vg-line:#E7EBF1;
  --vg-teal:#009A8B; --vg-teal-d:#00786C; --vg-gold:#E8B53C;
  --vg-bg:#F4F6FA; --vg-tint:#EEF2F7; --vg-ink-2:#1B2433; --vg-surface:#FFFFFF;
  --vg-r-lg:18px; --vg-r:14px; --vg-r-pill:999px; --vg-ease:cubic-bezier(.22,.61,.36,1);
  --vg-sh-sm:0 1px 2px rgba(11,18,32,.06); --vg-sh-lg:0 18px 44px rgba(11,18,32,.16);
  --vg-head:"Poppins","Inter",sans-serif;
  --vg-font:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}

/* -------------------------------------------------------------------------
   PART 3 — Kill the sidebar globally, force centered full-width content
   ------------------------------------------------------------------------- */
body:not(.home) aside.sidebar,
body:not(.home) .theiaStickySidebar > .sidebar{display:none!important;}
body:not(.home) .main-content.tie-col-md-8,
body:not(.home) .main-content{width:100%!important;max-width:100%!important;flex:0 0 100%!important;float:none!important;}
body:not(.home) .main-content-row{display:block!important;}
body:not(.home) .site-content.container{max-width:1180px;}
/* reading column centered — widened to match the homepage card/carousel width */
body:not(.home) .post-content,
body:not(.home) .page-content,
body:not(.home) .entry-content{max-width:1152px;margin-left:auto;margin-right:auto;}

/* -------------------------------------------------------------------------
   PART 2.2 — Global typography
   ------------------------------------------------------------------------- */
body:not(.home) .entry-content{font-family:var(--vg-font);font-size:17px;line-height:1.8;color:#27313f;}
body:not(.home) .entry-content p{margin:0 0 1.2em;}
body:not(.home) .entry-content h2{font-family:var(--vg-head);font-weight:700;font-size:clamp(22px,3vw,30px);line-height:1.25;letter-spacing:-.01em;color:var(--vg-ink);margin:1.6em 0 .6em;}
body:not(.home) .entry-content h3{font-family:var(--vg-head);font-weight:600;font-size:clamp(18px,2.4vw,22px);line-height:1.3;color:var(--vg-ink);margin:1.3em 0 .5em;}
body:not(.home) .entry-content a:not(.button):not(.wp-block-button__link):not([class*="maxbutton"]){color:var(--vg-teal-d);text-decoration:none;border-bottom:1px solid rgba(0,154,139,.3);}
body:not(.home) .entry-content a:not(.button):not(.wp-block-button__link):not([class*="maxbutton"]):hover{border-bottom-color:var(--vg-teal);}
body:not(.home) .entry-content ul li{margin:0 0 .5em;}

/* -------------------------------------------------------------------------
   PART 2.1 — Section cards (wrapped by global.js around each H2/H3 section)
   Progressive enhancement: cards are visible by default; GSAP only animates.
   ------------------------------------------------------------------------- */
.vg-gcard{background:#fff;border:1px solid var(--vg-line);border-radius:var(--vg-r-lg);box-shadow:0 8px 24px rgba(11,18,32,.08);padding:30px 34px;margin:0 0 24px;transition:transform .25s var(--vg-ease),box-shadow .25s var(--vg-ease);}
.vg-gcard:hover{transform:translateY(-4px);box-shadow:0 18px 44px rgba(11,18,32,.14);}
.vg-gcard>h2:first-child,.vg-gcard>h3:first-child{margin-top:0;}

/* -------------------------------------------------------------------------
   PART 2.2 — Global premium buttons (WP core + affiliate buttons)
   ------------------------------------------------------------------------- */
body:not(.home) .entry-content .wp-block-button__link,
body:not(.home) .entry-content a.button,
body:not(.home) .entry-content button:not(.vg-submenu-toggle):not(.vg-toc__close),
body:not(.home) .wpcf7 input[type=submit],
body:not(.home) input[type=submit]{
  display:inline-flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,var(--vg-teal),var(--vg-teal-d))!important;color:#fff!important;
  border:0!important;border-radius:999px!important;padding:13px 30px!important;font-weight:700;letter-spacing:.02em;
  text-decoration:none;cursor:pointer;box-shadow:0 8px 18px rgba(0,154,139,.3);
  transition:transform .18s var(--vg-ease),box-shadow .18s,filter .18s;}
body:not(.home) .entry-content .wp-block-button__link:hover,
body:not(.home) .entry-content a.button:hover,
body:not(.home) input[type=submit]:hover{transform:translateY(-2px);filter:brightness(1.06);box-shadow:0 12px 24px rgba(0,154,139,.42);}

/* -------------------------------------------------------------------------
   PART 3 — Premium sticky TOC / reading-progress timeline (single posts)
   ------------------------------------------------------------------------- */
.vg-toc{display:none;}
@media (min-width:1280px){
  .single .vg-toc{display:block;position:fixed;left:16px;top:150px;width:184px;max-height:70vh;overflow:auto;z-index:90;
    padding:4px 4px 4px 18px;}
  .admin-bar .single .vg-toc{top:182px;}
  .vg-toc__title{font-family:var(--vg-head);font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--vg-muted);margin:0 0 14px 4px;}
  .vg-toc__list{list-style:none;margin:0;padding:0;position:relative;}
  .vg-toc__list::before{content:"";position:absolute;left:5px;top:6px;bottom:6px;width:2px;background:var(--vg-line);border-radius:2px;}
  .vg-toc__item{position:relative;margin:0 0 4px;}
  .vg-toc__item a{display:flex;align-items:flex-start;gap:12px;padding:6px 6px 6px 0;color:var(--vg-muted);font-size:13px;line-height:1.4;text-decoration:none;transition:color .2s;}
  .vg-toc__dot{flex:0 0 12px;width:12px;height:12px;margin-top:3px;border-radius:50%;background:#fff;border:2px solid var(--vg-line);transition:all .25s var(--vg-ease);z-index:1;}
  .vg-toc__txt{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
  .vg-toc__item:hover a{color:var(--vg-ink);}
  .vg-toc__item:hover .vg-toc__dot{border-color:var(--vg-teal);}
  .vg-toc__item.is-active a{color:var(--vg-teal-d);font-weight:600;}
  .vg-toc__item.is-active .vg-toc__dot{background:var(--vg-teal);border-color:var(--vg-teal);box-shadow:0 0 0 4px rgba(0,154,139,.18);}
}

/* -------------------------------------------------------------------------
   Footer polish on inner pages (consistency with homepage)
   ------------------------------------------------------------------------- */
body:not(.home) #footer.site-footer{background:#080d17;}

/* =========================================================================
   BUILDER PAGES — Premium treatment for the 4 Jannah page-builder sub-pages
   (Live Casino, Ρουλέτα, Blackjack, Μπακαρά). Targets Jannah builder classes
   only. No content is altered — purely presentational.
   ========================================================================= */

/* Kill sidebar on builder pages just like on posts (global rule targets them
   via body:not(.home) already, but be explicit for specificity insurance). */
.vg-builder-page aside.sidebar,
.vg-builder-page .theiaStickySidebar > .sidebar{display:none!important;}
.vg-builder-page .main-content.tie-col-md-8,
.vg-builder-page .main-content{width:100%!important;max-width:100%!important;float:none!important;}

/* Each Jannah section (tie-row-bg) gets a card-like treatment */
.vg-builder-page .tie-row-bg{
  background:#fff;
  border:1px solid var(--vg-line);
  border-radius:20px;
  margin:0 auto 22px;
  overflow:hidden;
  max-width:1180px;
  box-shadow:0 6px 22px rgba(11,18,32,.07);
}
/* First section is the page title hero — give it a dark premium look */
.vg-builder-page .tie-row-bg:first-of-type{
  background:linear-gradient(135deg,#0b1220 0%,#0d2133 55%,#061a16 100%);
  border-color:transparent;
  box-shadow:0 8px 32px rgba(0,0,0,.28);
}

/* Section padding */
.vg-builder-page .block-area{padding:36px 28px!important;}
.vg-builder-page .tie-row-bg:first-of-type .block-area{padding:48px 28px!important;}

/* Section title bar */
.vg-builder-page .section-head{margin-bottom:22px;}
.vg-builder-page .block-title{
  font-family:var(--vg-head)!important;
  font-size:clamp(20px,2.6vw,27px)!important;
  font-weight:700!important;
  color:var(--vg-ink)!important;
  padding-left:18px;
  position:relative;
}
.vg-builder-page .block-title::before{
  content:'';
  position:absolute;
  left:0;top:50%;
  transform:translateY(-50%);
  width:4px;height:65%;
  background:linear-gradient(180deg,var(--vg-teal),var(--vg-teal-d));
  border-radius:2px;
}
/* Title in dark hero section */
.vg-builder-page .tie-row-bg:first-of-type .block-title,
.vg-builder-page .tie-row-bg:first-of-type h1,
.vg-builder-page .tie-row-bg:first-of-type h2{
  color:#fff!important;
  font-size:clamp(26px,3.5vw,42px)!important;
  text-shadow:0 2px 14px rgba(0,0,0,.4);
}
.vg-builder-page .tie-row-bg:first-of-type .block-title::before{
  background:linear-gradient(180deg,var(--vg-gold),#c98e1a)!important;
}

/* Post items inside builder sections */
.vg-builder-page .post-item{
  background:#fff;
  border:1px solid var(--vg-line);
  border-radius:14px!important;
  overflow:hidden;
  box-shadow:0 4px 14px rgba(11,18,32,.06);
  transition:transform .25s var(--vg-ease),box-shadow .25s;
}
.vg-builder-page .post-item:hover{
  transform:translateY(-5px)!important;
  box-shadow:0 16px 38px rgba(11,18,32,.14)!important;
}
.vg-builder-page .post-item .post-title a{
  font-family:var(--vg-head)!important;
  font-weight:600!important;
  color:var(--vg-ink)!important;
  transition:color .2s;
  text-decoration:none;
}
.vg-builder-page .post-item .post-title a:hover{color:var(--vg-teal-d)!important;}
/* Category badge */
.vg-builder-page .post-item .cat-links a{
  background:var(--vg-teal)!important;
  color:#fff!important;
  border-radius:999px!important;
  font-size:11px!important;
  padding:3px 10px!important;
  text-decoration:none;
  transition:background .18s;
}
.vg-builder-page .post-item .cat-links a:hover{background:var(--vg-teal-d)!important;}
/* Post date & meta */
.vg-builder-page .post-item .post-meta,
.vg-builder-page .post-item .post-date{color:var(--vg-muted);font-size:12.5px;}

/* Section background strip inside dark first section (if Jannah renders one) */
.vg-builder-page .tie-row-bg:first-of-type .post-item{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12);}
.vg-builder-page .tie-row-bg:first-of-type .post-item .post-title a{color:#fff!important;}

/* =========================================================================
   REVIEW HERO — injected before post content on category-26 (Νόμιμα Καζίνο)
   posts. PHP adds .vg-review-hero before $content; global.js initialises stars.
   ========================================================================= */
/* v2 — dark premium banner matching .vg-post-banner (gold bar + dot texture),
   two columns: review info left, site preview screenshot right. */
.vg-review-hero{
  position:relative;overflow:hidden;
  display:flex;align-items:center;gap:34px;
  background:linear-gradient(135deg,#0b1220 0%,#0d2133 55%,#061a16 100%);
  border-radius:20px;
  padding:38px 40px;
  margin:0 0 34px;
  box-shadow:0 16px 40px rgba(11,18,32,.28);
}
.vg-review-hero::before{
  content:'';position:absolute;left:0;top:0;bottom:0;width:6px;
  background:linear-gradient(180deg,var(--vg-gold),#c98e1a);
}
.vg-review-hero::after{
  content:'';position:absolute;inset:0;pointer-events:none;
  background-image:radial-gradient(rgba(255,255,255,.05) 1px,transparent 1px);
  background-size:22px 22px;opacity:.45;
}
.vg-review-hero__main{position:relative;z-index:1;flex:1;min-width:0;}
.vg-review-hero__cat{
  display:inline-block;background:var(--vg-teal);color:#fff;
  font-family:var(--vg-head);font-weight:600;font-size:11.5px;letter-spacing:.05em;
  text-transform:uppercase;padding:5px 14px;border-radius:999px;margin:0 0 18px;
}
.vg-review-hero__brand{display:flex;align-items:center;gap:20px;margin:0 0 18px;}
.vg-review-hero__media{
  flex:0 0 auto;display:block;background:#fff;border-radius:16px;padding:10px;
  box-shadow:0 10px 26px rgba(0,0,0,.35);
}
.vg-review-hero__logo{
  width:120px;height:120px;object-fit:contain;display:block;
  border:0;padding:0;border-radius:8px;
}
.vg-review-hero__id{min-width:0;}
.vg-review-hero__name{
  display:block;
  font-family:var(--vg-head)!important;
  font-size:clamp(24px,3.4vw,38px)!important;
  font-weight:800!important;
  color:#fff!important;
  margin:0 0 6px!important;
  line-height:1.15;text-shadow:0 2px 14px rgba(0,0,0,.35);
}
.vg-review-hero__sub{display:block;color:#9fb0bf;font-size:15px;margin:0!important;}

/* Star rating row */
.vg-review-hero__rating{display:flex;align-items:center;gap:12px;margin:0 0 18px;}
.vg-stars{display:flex;gap:2px;}
.vg-star{font-size:22px;line-height:1;}
.vg-star--full{color:var(--vg-gold);}
.vg-star--half{color:var(--vg-gold);opacity:.55;}
.vg-star--empty{color:rgba(255,255,255,.28);}
.vg-review-hero__score{
  font-family:var(--vg-head);
  font-weight:800;font-size:19px;color:#fff;
  background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);
  padding:4px 15px;border-radius:999px;
}
.vg-review-hero__score em{font-style:normal;font-weight:600;font-size:13px;color:#9fb0bf;margin-left:2px;}

/* Trust chips — glass on dark */
.vg-review-hero__chips{display:flex;flex-wrap:wrap;gap:8px;}
.vg-chip{
  display:inline-flex;align-items:center;
  background:rgba(255,255,255,.09);color:#d9f4f1;
  border:1px solid rgba(255,255,255,.16);
  border-radius:999px;padding:5px 14px;
  font-size:13px;font-weight:600;white-space:nowrap;
}
.vg-review-hero__meta{margin-top:16px;color:#8b95a4;font-size:13px;}

/* Tablet / mobile */
@media(max-width:960px){
  .vg-review-hero{flex-direction:column;align-items:stretch;gap:24px;padding:28px 24px;}
}
@media(max-width:640px){
  .vg-review-hero{padding:22px 18px;}
  .vg-review-hero__brand{gap:14px;}
  .vg-review-hero__media{padding:8px;border-radius:12px;}
  .vg-review-hero__logo{width:74px;height:74px;}
  .vg-review-hero__chips{gap:6px;}
  .vg-chip{font-size:12px;padding:4px 11px;}
}

/* =========================================================================
   SINGLE POST — title banner replaces the featured image
   The featured photo is hidden; PHP injects .vg-post-banner at the top of
   .entry-content. Small, on-brand, shows category + title + date.
   ========================================================================= */
body.single .featured-area{display:none!important;}

.vg-post-banner{
  position:relative;overflow:hidden;
  background:linear-gradient(135deg,#0b1220 0%,#0d2133 55%,#061a16 100%);
  border-radius:18px;padding:30px 36px;margin:0 0 30px;
  box-shadow:0 12px 34px rgba(11,18,32,.22);
}
.vg-post-banner::before{
  content:'';position:absolute;left:0;top:0;bottom:0;width:6px;
  background:linear-gradient(180deg,var(--vg-gold),#c98e1a);
}
.vg-post-banner::after{
  content:'';position:absolute;right:-60px;top:-60px;width:220px;height:220px;
  background:radial-gradient(circle,rgba(0,154,139,.30),transparent 68%);pointer-events:none;
}
.vg-post-banner__cat{
  display:inline-block;background:var(--vg-teal);color:#fff;
  font-family:var(--vg-head);font-weight:600;font-size:12px;letter-spacing:.04em;
  text-transform:uppercase;padding:5px 14px;border-radius:999px;margin:0 0 12px;
}
.vg-post-banner__title{
  font-family:var(--vg-head)!important;font-weight:800!important;
  font-size:clamp(22px,3.2vw,32px)!important;line-height:1.2!important;
  color:#fff!important;margin:0!important;text-shadow:0 2px 14px rgba(0,0,0,.35);
  position:relative;z-index:1;
}
.vg-post-banner__meta{margin-top:12px;color:#9fb0bf;font-size:13.5px;font-weight:500;position:relative;z-index:1;}

/* =========================================================================
   SINGLE POST — remove author boxes (top byline avatar + bottom about-author)
   ========================================================================= */
body.single .post-components .about-author,
body.single .meta-author-wrapper,
body.single #single-post-meta .meta-author{display:none!important;}

/* =========================================================================
   SINGLE POST — premium spacing + brand the end blocks (read-next / related /
   prev-next) so they match the rest of the site UI.
   ========================================================================= */
body.single .post-components{max-width:1152px;margin:0 auto;}

/* Container cards for the end blocks */
body.single #read-next-block,
body.single #related-posts,
body.single .prev-next-post-nav{
  background:#fff;border:1px solid var(--vg-line);border-radius:18px;
  box-shadow:0 8px 24px rgba(11,18,32,.08);
  padding:26px 28px;margin:0 0 26px;overflow:hidden;
}
/* "Read Next" / "Related" section titles → teal accent like the rest */
body.single .read-next-block-title,
body.single #related-posts .mag-box-title,
body.single #related-posts .block-head{
  font-family:var(--vg-head)!important;font-weight:700!important;
  font-size:clamp(18px,2.4vw,24px)!important;color:var(--vg-ink)!important;
  padding-left:16px!important;position:relative;margin:0 0 20px!important;border:0!important;
}
body.single .read-next-block-title::before,
body.single #related-posts .mag-box-title::before{
  content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);
  width:4px;height:70%;border-radius:2px;
  background:linear-gradient(180deg,var(--vg-teal),var(--vg-teal-d));
}
/* The read-next slider sits on a dark gradient by default — soften to brand */
body.single #tie-read-next.slider-area,
body.single #read-next-block .slider-area{background:transparent!important;}
body.single #read-next-block .slide-content,
body.single #read-next-block .post-title a{color:#fff;}

/* Round thumbnails and add hover lift to related / prev-next cards */
body.single .related-item,
body.single .prev-next-post-nav .post-thumb{
  border-radius:14px!important;overflow:hidden;transition:transform .25s var(--vg-ease),box-shadow .25s;
}
body.single .related-item:hover,
body.single .prev-next-post-nav .post-thumb:hover{
  transform:translateY(-4px);box-shadow:0 14px 32px rgba(11,18,32,.16);
}
body.single .related-item img,
body.single .prev-next-post-nav img{border-radius:14px;}
body.single .related-item .post-title a,
body.single .prev-next-post-nav .post-title{
  font-family:var(--vg-head)!important;font-weight:600!important;
}

/* Brand the slick slider arrows like the homepage carousel buttons */
body.single .tie-slider-nav li span{
  background:var(--vg-teal)!important;color:#fff!important;border-radius:50%!important;
  border:0!important;box-shadow:0 6px 16px rgba(0,154,139,.3)!important;
  transition:transform .18s,background .18s!important;
}
body.single .tie-slider-nav li span:hover{background:var(--vg-teal-d)!important;transform:scale(1.08);}

/* Bottom spacer so content never sticks to the footer */
body.single #the-post,
body:not(.home) .post-listing,
body:not(.home) #content{padding-bottom:40px;}

/* =========================================================================
   ARCHIVE / CATEGORY — premium 2-up card grid (no left date, stacked nicely)
   ========================================================================= */
body.archive .posts-items,
body.category .posts-items,
body.tag .posts-items,
body.search .posts-items{
  display:grid!important;grid-template-columns:repeat(2,1fr);gap:26px;
  margin:0;padding:0;list-style:none;
}
body.archive .posts-items .post-item,
body.category .posts-items .post-item,
body.tag .posts-items .post-item,
body.search .posts-items .post-item{
  display:flex!important;flex-direction:column;float:none!important;
  width:auto!important;max-width:none!important;margin:0!important;padding:0!important;
  background:#fff;border:1px solid var(--vg-line);border-radius:16px;overflow:hidden;
  box-shadow:0 6px 20px rgba(11,18,32,.07);
  transition:transform .25s var(--vg-ease),box-shadow .25s;border-bottom:1px solid var(--vg-line)!important;
}
body.archive .posts-items .post-item:hover,
body.category .posts-items .post-item:hover,
body.tag .posts-items .post-item:hover,
body.search .posts-items .post-item:hover{
  transform:translateY(-5px);box-shadow:0 16px 38px rgba(11,18,32,.14);
}
/* Defeat Jannah's timeline layout: hide the left date pins + the vertical rail */
body:not(.home) .posts-items .year-month,
body:not(.home) .posts-items .day-month{display:none!important;}
body:not(.home) .timeline-box::before,
body:not(.home) .mag-box.timeline-box .mag-box-container::before,
body:not(.home) .posts-items::before,
body:not(.home) .posts-items .post-item::before,
body:not(.home) .posts-items .post-item::after{display:none!important;content:none!important;}
body:not(.home) .posts-items .post-item-inner{
  margin:0!important;padding:0!important;border:0!important;display:flex;flex-direction:column;flex:1;
}

/* Thumbnail full-width on top */
body:not(.home) .posts-items .post-item .post-thumb{
  float:none!important;width:100%!important;max-width:none!important;margin:0!important;
  display:block;aspect-ratio:16/9;border-radius:0!important;
}
body:not(.home) .posts-items .post-item .post-thumb img,
body:not(.home) .posts-items .post-item .post-thumb picture{
  width:100%!important;height:100%!important;object-fit:cover;display:block;border-radius:0!important;
}
/* !important required — Jannah's style.min.css forces .post-details padding:0 */
body:not(.home) .posts-items .post-item .post-details{padding:18px 22px 22px!important;flex:1;display:block!important;}
body:not(.home) .posts-items .post-item .post-title{
  font-family:var(--vg-head)!important;font-weight:700!important;font-size:18px!important;
  line-height:1.3!important;margin:0 0 10px!important;
}
body:not(.home) .posts-items .post-item .post-title a{color:var(--vg-ink)!important;text-decoration:none;transition:color .2s;}
body:not(.home) .posts-items .post-item .post-title a:hover{color:var(--vg-teal-d)!important;}
body:not(.home) .posts-items .post-item .post-excerpt{font-size:14.5px!important;line-height:1.6;color:var(--vg-muted)!important;margin:0 0 14px!important;}
/* Hide the left/meta date row */
body:not(.home) .posts-items .post-item .post-meta{display:none!important;}
/* Read-more button → brand pill */
body:not(.home) .posts-items .post-item .read-more,
body:not(.home) .posts-items .post-item .more-link{
  display:inline-flex;align-items:center;background:linear-gradient(135deg,var(--vg-teal),var(--vg-teal-d))!important;
  color:#fff!important;border-radius:999px!important;padding:9px 20px!important;font-weight:700;font-size:13px;
  text-decoration:none;box-shadow:0 6px 14px rgba(0,154,139,.26);transition:transform .18s,filter .18s;
}
body:not(.home) .posts-items .post-item .read-more:hover,
body:not(.home) .posts-items .post-item .more-link:hover{transform:translateY(-2px);filter:brightness(1.06);}

@media(max-width:680px){
  body.archive .posts-items,
  body.category .posts-items,
  body.tag .posts-items,
  body.search .posts-items{grid-template-columns:1fr;}
  /* Bulletproof: keep the card text visible + padded on mobile, regardless of
     Jannah's wide-post-box / timeline responsive rules. */
  body:not(.home) .posts-items .post-item .post-item-inner{display:flex!important;flex-direction:column!important;}
  body:not(.home) .posts-items .post-item .post-thumb{width:100%!important;float:none!important;}
  body:not(.home) .posts-items .post-item .post-details{display:block!important;padding:16px 18px 20px!important;}
  body:not(.home) .posts-items .post-item .post-title,
  body:not(.home) .posts-items .post-item .post-title a,
  body:not(.home) .posts-items .post-item .post-excerpt{display:block!important;visibility:visible!important;opacity:1!important;}
  body:not(.home) .posts-items .post-item .post-title{font-size:15.5px!important;line-height:1.35!important;}
  body:not(.home) .posts-items .post-item .post-excerpt{font-size:13px!important;}
  body.single #read-next-block,
  body.single #related-posts,
  body.single .prev-next-post-nav{padding:20px 18px;}
}

/* Real phones: Jannah adds body.is-mobile via server-side UA detection. Repeat the
   card-text safeguards unconditionally (no media query) so title + excerpt can
   never disappear on devices regardless of viewport/breakpoint quirks. */
body.is-mobile.archive .posts-items,
body.is-mobile.category .posts-items,
body.is-mobile.tag .posts-items,
body.is-mobile.search .posts-items{grid-template-columns:1fr;}
body.is-mobile:not(.home) .posts-items .post-item .post-item-inner{display:flex!important;flex-direction:column!important;}
body.is-mobile:not(.home) .posts-items .post-item .post-thumb{width:100%!important;max-width:none!important;flex:none!important;float:none!important;}
body.is-mobile:not(.home) .posts-items .post-item .post-details{display:block!important;visibility:visible!important;opacity:1!important;height:auto!important;padding:16px 18px 20px!important;}
body.is-mobile:not(.home) .posts-items .post-item .post-title,
body.is-mobile:not(.home) .posts-items .post-item .post-title a,
body.is-mobile:not(.home) .posts-items .post-item .post-excerpt{display:block!important;visibility:visible!important;opacity:1!important;}

/* =========================================================================
   END-OF-ARTICLE CAROUSELS — global.js rebuilds Jannah's read-next + related
   sliders into .vg-endcar scroll-snap carousels with working arrows.
   ========================================================================= */
body.single .tie-slider-nav{display:none!important;}
.vg-endcar__head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 18px;}
.vg-endcar__title{
  font-family:var(--vg-head)!important;font-weight:700!important;font-size:20px!important;
  color:var(--vg-ink)!important;margin:0!important;padding-left:14px;position:relative;
}
.vg-endcar__title::before{
  content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);
  width:4px;height:20px;border-radius:4px;
  background:linear-gradient(180deg,var(--vg-teal),var(--vg-teal-d));
}
.vg-endcar__nav{display:flex;gap:8px;}
.vg-endcar__btn{
  width:38px;height:38px;border-radius:50%;border:0;cursor:pointer;
  background:linear-gradient(135deg,var(--vg-teal),var(--vg-teal-d));color:#fff;
  font-size:20px;line-height:1;display:flex;align-items:center;justify-content:center;
  box-shadow:0 6px 14px rgba(0,154,139,.3);
  transition:transform .18s var(--vg-ease),filter .18s,opacity .18s;
}
.vg-endcar__btn:hover{transform:translateY(-2px);filter:brightness(1.07);}
.vg-endcar__btn:disabled{opacity:.35;cursor:default;transform:none;box-shadow:none;}
.vg-endcar__track{
  display:grid;grid-auto-flow:column;grid-auto-columns:31.5%;gap:16px;
  overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;
  scrollbar-width:none;padding:2px 2px 6px;
}
.vg-endcar__track::-webkit-scrollbar{display:none;}
.vg-endcar__card{
  scroll-snap-align:start;display:flex;flex-direction:column;
  background:#fff;border:1px solid var(--vg-line);border-radius:14px;overflow:hidden;
  text-decoration:none!important;box-shadow:0 4px 14px rgba(11,18,32,.06);
  transition:transform .22s var(--vg-ease),box-shadow .22s;
}
.vg-endcar__card:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(11,18,32,.14);}
.vg-endcar__thumb{display:block;aspect-ratio:16/9;overflow:hidden;background:var(--vg-tint);}
.vg-endcar__thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s var(--vg-ease);}
.vg-endcar__card:hover .vg-endcar__thumb img{transform:scale(1.05);}
.vg-endcar__body{padding:13px 15px 15px;display:flex;flex-direction:column;gap:7px;flex:1;}
.vg-endcar__cat{
  align-self:flex-start;background:var(--vg-teal);color:#fff;border-radius:999px;
  font-size:10.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:3px 10px;
}
.vg-endcar__name{
  font-family:var(--vg-head);font-weight:700;font-size:14.5px;line-height:1.35;color:var(--vg-ink);
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;
}
.vg-endcar__date{margin-top:auto;color:var(--vg-muted);font-size:12px;}
@media(max-width:880px){.vg-endcar__track{grid-auto-columns:46%;}}
@media(max-width:580px){.vg-endcar__track{grid-auto-columns:80%;}}

/* Prev/next post navigation — clean labelled cards; the circular overlay icons
   looked like (dead) carousel arrows, so they are removed entirely. */
body.single .prev-next-post-nav{display:grid!important;grid-template-columns:1fr 1fr;gap:16px;max-width:100%;box-sizing:border-box;overflow:hidden;}
body.single .prev-next-post-nav .post-thumb-overlay{display:none!important;}
body.single .prev-next-post-nav .prev-post,
body.single .prev-next-post-nav .next-post{
  display:flex;flex-direction:column;gap:10px;
  width:auto!important;max-width:100%!important;min-width:0;overflow:hidden;box-sizing:border-box;
  padding:14px!important;margin:0!important;float:none!important;
  background:var(--vg-bg);border:1px solid var(--vg-line);border-radius:14px;
  transition:transform .2s var(--vg-ease),box-shadow .2s;
}
body.single .prev-next-post-nav .prev-post:hover,
body.single .prev-next-post-nav .next-post:hover{transform:translateY(-3px);box-shadow:0 12px 26px rgba(11,18,32,.12);}
body.single .prev-next-post-nav .prev-post::before,
body.single .prev-next-post-nav .next-post::before{
  font-family:var(--vg-head);font-size:11px;font-weight:700;
  letter-spacing:.06em;text-transform:uppercase;color:var(--vg-teal-d);
}
body.single .prev-next-post-nav .prev-post::before{content:'‹ Προηγούμενο άρθρο';}
body.single .prev-next-post-nav .next-post::before{content:'Επόμενο άρθρο ›';align-self:flex-end;}
body.single .prev-next-post-nav .next-post{text-align:right;}
body.single .prev-next-post-nav .post-thumb{
  width:100%!important;max-width:100%!important;aspect-ratio:16/7;border-radius:10px!important;overflow:hidden;
  margin:0!important;display:block;float:none!important;box-sizing:border-box;
}
body.single .prev-next-post-nav .post-thumb img{width:100%!important;max-width:100%!important;height:100%!important;object-fit:cover;border-radius:0!important;display:block;}
body.single .prev-next-post-nav .post-title{
  margin:0!important;font-family:var(--vg-head)!important;font-weight:700!important;
  font-size:14.5px!important;line-height:1.4!important;
  white-space:normal!important;overflow-wrap:anywhere;max-width:100%;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
body.single .prev-next-post-nav .post-title a{color:var(--vg-ink)!important;text-decoration:none;white-space:normal!important;}
body.single .prev-next-post-nav .post-title a:hover{color:var(--vg-teal-d)!important;}
@media(max-width:680px){
  body.single .prev-next-post-nav{grid-template-columns:1fr;}
  body.single .prev-next-post-nav .post-title{font-size:14px!important;}
}

/* =========================================================================
   VG ARTICLE-STYLE PAGES — game guides (Blackjack / Ρουλέτα / Μπακαρά).
   Re-rendered by tpl-vg-article-page.php: banner + text cards + carousels.
   .vg-textcard / .vg-richtext / .vg-carousel come from home.css (also loaded).
   ========================================================================= */
.vg-article-page{padding:34px 0 54px;background:var(--vg-bg);}
.vg-article-page .vg-post-banner{margin:0 0 30px;}
.vg-article-page .vg-textcard{margin:0 0 24px;}
/* Snippet / casino-table blocks: full-width card without richtext list styling */
.vg-article-page .vg-snippet-block{
  background:#fff;border:1px solid var(--vg-line);border-radius:18px;
  box-shadow:0 8px 24px rgba(11,18,32,.08);padding:26px 30px;margin:0 0 24px;overflow-x:auto;
}
/* Carousel block container — a premium card holding the homepage-style carousel */
.vg-article-page .vg-carousel-wrap{
  background:#fff;border:1px solid var(--vg-line);border-radius:18px;
  box-shadow:0 8px 24px rgba(11,18,32,.08);padding:24px 28px;margin:0 0 24px;
}
.vg-article-page .vg-carousel{margin:0;}
.vg-article-page .vg-carousel__title{font-size:clamp(18px,2.4vw,24px);}
@media(max-width:680px){
  .vg-article-page{padding:22px 0 40px;}
  .vg-article-page .vg-snippet-block,
  .vg-article-page .vg-carousel-wrap{padding:18px 16px;}
}

/* -------------------------------------------------------------------------
   Shared editorial / carousel components (used by the article-style pages).
   Mirrors home.css so these pages no longer need to load home.css — which
   would otherwise override the canonical fixed header from header.css.
   ------------------------------------------------------------------------- */
.vg-richtext{font-size:17px;color:#27313f;}
.vg-richtext h2{font-family:var(--vg-head);font-weight:700;font-size:clamp(21px,2.6vw,28px);letter-spacing:-.01em;color:var(--vg-ink);margin:2.2em 0 .7em;line-height:1.25;}
.vg-richtext h2:first-child{margin-top:0;}
.vg-richtext h3{font-family:var(--vg-head);font-weight:600;color:var(--vg-ink);margin:1.4em 0 .5em;}
.vg-richtext p{margin:0 0 1.15em;}
.vg-richtext a{color:var(--vg-teal-d);font-weight:600;border-bottom:1px solid rgba(0,154,139,.35);}
.vg-richtext a:hover{border-bottom-color:var(--vg-teal);}
.vg-richtext ul{list-style:none;margin:0 0 1.4em;padding:0;}
.vg-richtext ul li{position:relative;padding:0 0 .85em 34px;}
.vg-richtext ul li::before{content:"";position:absolute;left:0;top:3px;width:20px;height:20px;border-radius:50%;background:var(--vg-teal) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z'/%3E%3C/svg%3E") center/14px no-repeat;}
.vg-richtext .su-box,.vg-richtext .box,.vg-richtext .tie-shortcode-box,.vg-richtext blockquote{background:var(--vg-tint);border-left:4px solid var(--vg-gold);border-radius:0 12px 12px 0;padding:18px 22px;margin:0 0 1.4em;font-size:15px;color:var(--vg-ink-2);}

.vg-textcard{background:#fff;border:1px solid var(--vg-line);border-radius:var(--vg-r-lg);box-shadow:var(--vg-sh-sm);padding:34px 38px;margin:0 0 26px;transition:transform .25s var(--vg-ease),box-shadow .25s var(--vg-ease);}
.vg-textcard:last-child{margin-bottom:0;}
.vg-textcard:hover{transform:translateY(-5px);box-shadow:var(--vg-sh-lg);}
.vg-textcard .vg-richtext{font-size:16.5px;}
.vg-textcard .vg-richtext h2{margin-top:0;}

.vg-carousel{margin:0 0 1.5rem;}
.vg-carousel__head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:1.3rem;}
.vg-carousel__title{font-family:var(--vg-head);font-weight:700;font-size:clamp(19px,2.4vw,26px);margin:0;letter-spacing:-.01em;}
.vg-carousel__nav{display:flex;gap:8px;}
.vg-carousel__btn{width:44px;height:44px;border-radius:50%;border:1px solid var(--vg-line);background:var(--vg-surface);color:var(--vg-ink);font-size:22px;line-height:1;cursor:pointer;box-shadow:var(--vg-sh-sm);transition:transform .18s,background .18s,color .18s;}
.vg-carousel__btn:hover{background:var(--vg-teal);color:#fff;border-color:var(--vg-teal);transform:translateY(-1px);}
.vg-carousel__track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(260px,1fr);gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:6px 2px 18px;scrollbar-width:thin;scrollbar-color:var(--vg-teal) transparent;}
.vg-carousel__track::-webkit-scrollbar{height:8px;}
.vg-carousel__track::-webkit-scrollbar-thumb{background:var(--vg-line);border-radius:8px;}
.vg-carousel__track:hover::-webkit-scrollbar-thumb{background:var(--vg-teal);}

.vg-card{scroll-snap-align:start;background:var(--vg-surface);border:1px solid var(--vg-line);border-radius:var(--vg-r);overflow:hidden;box-shadow:var(--vg-sh-sm);transition:transform .22s var(--vg-ease),box-shadow .22s;display:flex;flex-direction:column;}
.vg-card:hover{transform:translateY(-4px);box-shadow:var(--vg-sh-lg);}
.vg-card__media{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:var(--vg-tint);}
.vg-card__img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--vg-ease);}
.vg-card__img--ph{display:block;background:linear-gradient(135deg,var(--vg-tint),#dfe6ef);}
.vg-card:hover .vg-card__img{transform:scale(1.08);}
.vg-card__badge{position:absolute;left:12px;top:12px;background:rgba(11,18,32,.82);color:#fff;font-size:11px;font-weight:600;padding:4px 10px;border-radius:999px;backdrop-filter:blur(4px);}
.vg-card__body{padding:16px 18px 18px;display:flex;flex-direction:column;gap:8px;flex:1;}
.vg-card__title{font-family:var(--vg-head);font-weight:600;font-size:16px;line-height:1.35;color:var(--vg-ink);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.vg-card:hover .vg-card__title{color:var(--vg-teal-d);}
.vg-card__date{font-size:12.5px;color:var(--vg-muted);margin-top:auto;}
@media(max-width:620px){.vg-article-page .vg-carousel__track{grid-auto-columns:80%;}}

/* =========================================================================
   PREMIUM ARCHIVE / CATEGORY (child theme category.php/tag.php/archive.php/
   search.php via vg_render_archive()). Colored banner + one framed block per
   article: image LEFT, title + excerpt RIGHT. Same on desktop AND mobile.
   ========================================================================= */
.vg-archive-page{padding:26px 0 46px;}
.vg-archive-page .vg-wrap{max-width:var(--vg-wrap);margin:0 auto;padding:0 24px;}
.vg-archive-banner{margin:0 0 26px;}
.vg-archive-banner__desc{margin-top:12px;color:#c4ccd9;font-size:14.5px;line-height:1.7;position:relative;z-index:1;max-width:70ch;}
.vg-archive-banner__desc p{margin:0;}

.vg-archive-list{display:flex;flex-direction:column;gap:18px;}

.vg-arch-card{
  background:var(--vg-surface);border:1px solid var(--vg-line);border-radius:var(--vg-r-lg);
  overflow:hidden;box-shadow:var(--vg-sh-sm);
  transition:transform .22s var(--vg-ease),box-shadow .22s var(--vg-ease),border-color .22s;
}
.vg-arch-card:hover{transform:translateY(-4px);box-shadow:var(--vg-sh-lg);border-color:#d4dbe6;}
.vg-arch-card__link{display:flex;align-items:stretch;gap:0;text-decoration:none!important;color:inherit;min-width:0;}

.vg-arch-card__media{
  flex:0 0 240px;max-width:240px;align-self:stretch;position:relative;overflow:hidden;
  background:var(--vg-tint);display:block;
}
.vg-arch-card__media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s var(--vg-ease);}
.vg-arch-card:hover .vg-arch-card__media img{transform:scale(1.06);}
.vg-arch-card__media.is-empty{background:linear-gradient(135deg,var(--vg-ink),#101a2e);}
.vg-arch-card__media.is-empty::after{
  content:'';position:absolute;inset:0;
  background-image:radial-gradient(rgba(255,255,255,.06) 1px,transparent 1px);background-size:18px 18px;
}

.vg-arch-card__body{
  flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:9px;
  padding:20px 24px;justify-content:center;
}
.vg-arch-card__cat{
  align-self:flex-start;background:var(--vg-teal);color:#fff;border-radius:999px;
  font-family:var(--vg-head);font-size:11px;font-weight:700;letter-spacing:.04em;
  text-transform:uppercase;padding:4px 12px;
}
.vg-arch-card__title{
  font-family:var(--vg-head);font-weight:700;font-size:19px;line-height:1.32;color:var(--vg-ink);
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
  transition:color .2s;
}
.vg-arch-card:hover .vg-arch-card__title{color:var(--vg-teal-d);}
.vg-arch-card__excerpt{
  font-size:14.5px;line-height:1.6;color:var(--vg-muted);
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.vg-arch-card__meta{display:flex;align-items:center;gap:14px;margin-top:4px;}
.vg-arch-card__date{font-size:12.5px;color:#8b95a4;}
.vg-arch-card__more{
  margin-left:auto;font-family:var(--vg-head);font-weight:700;font-size:13px;color:var(--vg-teal-d);
  display:inline-flex;align-items:center;gap:5px;
}
.vg-arch-card__more span{transition:transform .2s var(--vg-ease);}
.vg-arch-card:hover .vg-arch-card__more span{transform:translateX(4px);}

/* Pagination */
.vg-archive-pagination{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin:34px 0 0;}
.vg-archive-pagination .page-numbers{
  display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:42px;padding:0 12px;
  border:1px solid var(--vg-line);border-radius:12px;background:var(--vg-surface);color:var(--vg-ink);
  font-weight:600;font-size:14px;text-decoration:none;transition:background .18s,color .18s,border-color .18s,transform .18s;
}
.vg-archive-pagination .page-numbers:hover{background:var(--vg-tint);transform:translateY(-2px);}
.vg-archive-pagination .page-numbers.current{background:linear-gradient(135deg,var(--vg-teal),var(--vg-teal-d));color:#fff;border-color:transparent;}
.vg-archive-pagination .page-numbers.dots{border:0;background:none;min-width:auto;}
.vg-archive-empty{background:var(--vg-surface);border:1px solid var(--vg-line);border-radius:var(--vg-r-lg);padding:40px;text-align:center;color:var(--vg-muted);}

/* Tablet + phone: keep image LEFT / text RIGHT, just shrink the image column. */
@media(max-width:768px){
  .vg-arch-card__media{flex-basis:180px;max-width:180px;}
  .vg-arch-card__body{padding:16px 18px;}
  .vg-arch-card__title{font-size:17px;}
}
@media(max-width:520px){
  .vg-archive-page .vg-wrap{padding:0 14px;}
  .vg-arch-card__media{flex-basis:118px;max-width:118px;}
  .vg-arch-card__body{padding:12px 13px;gap:6px;}
  .vg-arch-card__title{font-size:14.5px;-webkit-line-clamp:3;}
  .vg-arch-card__excerpt{display:none;}
  .vg-arch-card__cat{font-size:10px;padding:3px 9px;}
  .vg-arch-card__meta{gap:8px;}
  .vg-arch-card__date{font-size:11.5px;}
  .vg-arch-card__more{font-size:12px;}
}