html { scroll-behavior: smooth; }
body:not(.boxed):not(.framed) { margin: 0; }
#layout-import-preview { min-height: 100vh; overflow: clip; }
.layout-importer-screen-reader-title {
    border: 0 !important;
    clip: rect(1px, 1px, 1px, 1px) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    white-space: nowrap !important;
    width: 1px !important;
}
a[data-preview-link="disabled"] { cursor: default; }
.preview-removed-embed {
    align-items: center;
    aspect-ratio: var(--preview-embed-aspect, 16 / 9);
    background: #0f0f0f;
    box-sizing: border-box;
    color: #fff;
    display: flex !important;
    font: 600 14px/1.4 Arial, sans-serif;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    padding: 24px;
    text-align: center;
    width: var(--preview-embed-width, 560px);
}
.no-results > .page-content > [data-preview-form="disabled"] { margin-bottom: 1.3em; }
.wp-site-blocks, .wp-block-post-content { margin: 0; padding: 0; }
.flickity-enabled > .flickity-viewport { height: auto !important; }
.flickity-enabled > .flickity-viewport > .flickity-slider {
    display: flex !important; height: auto !important; position: relative !important;
    transform: none !important; width: 100% !important;
}
.flickity-enabled > .flickity-viewport > .flickity-slider > * { display: none !important; }
.flickity-enabled > .flickity-viewport > .flickity-slider > .is-selected {
    display: block !important;
    flex: 0 0 calc(100% / var(--pbc-preview-selected-count, 1));
    left: auto !important;
    max-width: calc(100% / var(--pbc-preview-selected-count, 1));
    position: relative !important;
}
.layout-importer-mobile-nav { display: none; }
@media (max-width: 1024px) {
    .elementor-widget-nav-menu { position: relative; z-index: 1000; }
    .elementor-menu-toggle {
        align-items: center; color: #ffca00; display: flex; font-size: 1.75rem;
        justify-content: center; line-height: 1; min-height: 2.75rem; min-width: 2.75rem;
        animation-duration: .001ms !important; transition-duration: .001ms !important;
    }
    [aria-label="Menu toggle"], [aria-label="Menu toggle"] * {
        animation: none !important; transition: none !important;
    }
    .elementor-menu-toggle .pbc-preview-menu-icon::before { content: "☰"; }
    .elementor-menu-toggle.elementor-active .pbc-preview-menu-icon::before { content: "×"; }
    .elementor-nav-menu--dropdown.pbc-preview-menu-open {
        display: block !important; left: 0 !important; max-height: 70vh !important;
        opacity: 1 !important; overflow: auto !important; position: absolute !important;
        top: 100% !important; transform: scaleY(1) !important; visibility: visible !important;
        width: 100% !important; z-index: 10000 !important; --menu-height: auto !important;
        animation-duration: .001ms !important; transition-duration: .001ms !important;
    }
    .layout-importer-mobile-nav.pbc-preview-menu-open {
        background: #111; display: block !important; left: 0; max-height: 70vh;
        overflow: auto; padding: 1rem; position: fixed; right: 0; top: 4.5rem;
        z-index: 10000;
    }
    .layout-importer-mobile-menu { display: block; list-style: none; margin: 0; padding: 0; }
    .layout-importer-mobile-menu li { display: block; margin: 0; }
    .layout-importer-mobile-menu a { display: block; padding: .75rem 1rem; }
}

/* Site14: keep the captured Flatsome layout; only replace brand-specific art. */
body {
  background: #210809 url('/wp-content/themes/pbv88-site14-canary/assets/media/pbv88-side-background-v2.png') center top / 1700px auto fixed no-repeat !important;
}
@media (max-width: 1200px) {
  body { background-image: none !important; background-color: #fff !important; }
}

#header .header-logo img,
#header #logo img {
  width: 330px !important;
  max-width: none !important;
  height: auto !important;
  object-fit: contain !important;
  transform: translateX(-83px);
}
#header #logo { width: 165px !important; overflow: hidden; }
#footer .widget_text img[src*='pbv88-approved-logo'] {
  width: 235px !important;
  max-width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
}

/* The original six-column row and each 250x380 image slot remain in the DOM. */
#row-553027250 > .col .img-inner {
  position: relative;
  aspect-ratio: 250 / 380;
  background-image: url('/wp-content/themes/pbv88-site14-canary/assets/media/pbv88-category-sprite-v2.png');
  background-size: 300% 200%;
  background-repeat: no-repeat;
  overflow: hidden;
  border: 3px solid #e8b847;
  box-shadow: inset 0 0 0 2px #b4140c;
}
#row-553027250 > .col .img-inner img {
  width: 100% !important;
  height: 100% !important;
  position: absolute !important;
  inset: 0;
  opacity: 0;
}
#row-553027250 > .col .img-inner::after {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 9%;
  display: block;
  padding: 5px 2px 7px;
  color: #fff9d8;
  background: #d60806;
  border-top: 2px solid #ffd463;
  border-bottom: 2px solid #ffd463;
  font: 900 clamp(15px, 1.4vw, 22px)/1.15 Arial, sans-serif;
  text-align: center;
  text-shadow: 0 2px 2px #580b08;
}
#row-553027250 > .col:nth-child(1) .img-inner { background-position: 0% 0%; }
#row-553027250 > .col:nth-child(2) .img-inner { background-position: 50% 0%; }
#row-553027250 > .col:nth-child(3) .img-inner { background-position: 100% 0%; }
#row-553027250 > .col:nth-child(4) .img-inner { background-position: 0% 100%; }
#row-553027250 > .col:nth-child(5) .img-inner { background-position: 50% 100%; }
#row-553027250 > .col:nth-child(6) .img-inner { background-position: 100% 100%; }
#row-553027250 > .col:nth-child(1) .img-inner::after { content: 'BẮN CÁ'; }
#row-553027250 > .col:nth-child(2) .img-inner::after { content: 'GAME BÀI'; }
#row-553027250 > .col:nth-child(3) .img-inner::after { content: 'LIVE CASINO'; }
#row-553027250 > .col:nth-child(4) .img-inner::after { content: 'NỔ HŨ'; }
#row-553027250 > .col:nth-child(5) .img-inner::after { content: 'THỂ THAO'; }
#row-553027250 > .col:nth-child(6) .img-inner::after { content: 'XỔ SỐ'; }

#slider-752293769 { position: relative; }
#slider-752293769::after {
  content: 'PBV88';
  pointer-events: none;
  position: absolute;
  z-index: 4;
  left: 13%;
  top: 7%;
  color: #ffdd59;
  font: 900 clamp(44px, 7vw, 96px)/1 Arial, sans-serif;
  letter-spacing: -0.06em;
  text-shadow: 0 4px 0 #8a180f, 0 8px 16px #5f0c08;
}
#slider-752293769 .img-inner img {
  width: 100% !important;
  max-height: 370px;
  object-fit: cover;
}
#content .post-date { display: none !important; }
.pbv14-approved-copy {
  max-width: 900px;
  margin: 28px auto 48px;
  padding: 0 18px;
  font-size: 16px;
  line-height: 1.75;
}
.pbv14-approved-copy h2 { font-size: 25px; margin: 28px 0 12px; }
.pbv14-approved-copy p { margin: 0 0 18px; }
.pbv14-article-image { max-width: 800px; margin: 25px auto; }
.pbv14-article-image img { display: block; width: 100%; height: auto; }
.pbv14-archive-copy { padding: 25px 15px 45px; }
.pbv14-article-copy { line-height: 1.75; }
.pbv14-article-copy h2, .pbv14-article-copy h3 { margin-top: 28px; }
.pbv14-article-copy p { margin-bottom: 18px; }
#content .post-meta, #content .byline, #content .entry-meta { display: none !important; }
@media (max-width: 700px) {
  #slider-752293769::after { left: 7%; top: 8%; font-size: 38px; }
  #slider-752293769 .img-inner img { max-height: 220px; }
  #row-553027250 > .col .img-inner::after { font-size: 15px; }
  #content .row-slider .flickity-slider > .col { display: none !important; }
  #content .row-slider .flickity-slider > .col:first-child {
    display: block !important;
    flex: 0 0 100% !important;
    width: 100% !important;
    max-width: 100% !important;
  }
}