/* Betpuan portal page-fix — shared layout/overflow/nav polish */
/* Safe for SEO: presentation only. Do not alter content structure. */

body.bp-portal.bp-blog .entry-title,
body.bp-portal .entry-title,
body.bp-portal .page-hero h1{
  text-transform:none!important;
  letter-spacing:-.02em!important;
  font-size:clamp(1.55rem,3.2vw,2.15rem)!important;
  font-weight:700!important;
  line-height:1.2!important;
  color:var(--white)!important;
}
body.bp-portal.bp-blog .entry-header{margin-bottom:18px!important}
body.bp-portal .entry-meta,
body.bp-portal .entry-meta a,
body.bp-portal .entry-meta *{
  color:var(--text-dim)!important;
  font-size:13px!important;
}

body.bp-portal #content,
body.bp-portal #primary,
body.bp-portal .site-main,
body.bp-portal .ast-article-single,
body.bp-portal .article-layout,
body.bp-portal .page-layout,
body.bp-portal .about-layout,
body.bp-portal .editorial-grid,
body.bp-portal .article-main,
body.bp-portal .toc-rail,
body.bp-portal .info-rail{
  min-width:0!important;
  max-width:100%;
}

body.bp-portal .article-layout{
  width:100%;
  grid-template-columns:minmax(0,1fr) minmax(0,280px);
}

body.bp-portal.bp-blog .article-main > .entry-content,
body.bp-portal .article-main > .entry-content{
  max-width:min(76ch,100%)!important;
  width:100%!important;
  box-sizing:border-box;
  overflow-wrap:anywhere;
  word-break:break-word;
  background:var(--surface)!important;
  border:1px solid var(--line)!important;
  border-radius:var(--radius-lg)!important;
  padding:clamp(18px,3vw,32px)!important;
}

body.bp-portal .entry-content .wp-caption,
body.bp-portal .entry-content figure.wp-caption,
body.bp-portal .entry-content figure[style*="width"]{
  max-width:100%!important;
  width:100%!important;
  margin:18px auto!important;
  background:var(--surface2);
  border:1px solid var(--line);
  border-radius:var(--radius-lg);
  overflow:hidden;
  padding:0!important;
  box-sizing:border-box;
}
body.bp-portal .entry-content .wp-caption img,
body.bp-portal .entry-content figure.wp-caption img,
body.bp-portal .entry-content figure img{
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  display:block;
  margin:0;
  object-fit:cover;
  background:rgba(154,223,63,.06);
}
body.bp-portal .entry-content .wp-caption-text,
body.bp-portal .entry-content figcaption{
  padding:10px 14px!important;
  margin:0!important;
  font-size:12px!important;
  color:var(--text-dim)!important;
  text-align:center;
  background:rgba(6,10,18,.55);
  border-top:1px solid var(--line);
}

body.bp-portal .entry-content > .section{
  margin-left:calc(-1 * clamp(18px,3vw,32px));
  margin-right:calc(-1 * clamp(18px,3vw,32px));
  width:auto;
  max-width:none;
  border-radius:0;
  padding:clamp(28px,4vw,48px) clamp(18px,3vw,32px)!important;
  box-sizing:border-box;
}
body.bp-portal .entry-content > .section .container{
  max-width:none;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
body.bp-portal .entry-content > .section .section-header{margin-bottom:16px}

.bp-cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:48px;
  padding:12px 22px;
  border-radius:999px;
  font-family:var(--font-display);
  font-size:14px;
  font-weight:700;
  color:#fff!important;
  text-decoration:none!important;
  text-align:center;
  transition:transform .2s ease, box-shadow .2s ease, filter .2s ease;
  box-sizing:border-box;
  max-width:100%;
}
.bp-cta:hover{transform:translateY(-1px);filter:brightness(1.05);color:#fff!important}
.bp-cta--primary{
  background:linear-gradient(180deg,#ff5f6d,#e53935 60%,#b71c1c);
  box-shadow:0 6px 0 #7f1010, 0 10px 20px rgba(0,0,0,.25);
  margin:8px 0 16px;
}
.bp-cta--x{
  background:linear-gradient(180deg,#444,#222 60%,#000);
  box-shadow:0 4px 0 #000, 0 8px 16px rgba(0,0,0,.4);
}
.bp-cta--pinterest{
  background:linear-gradient(180deg,#ff3347,#e60023 60%,#b3001b);
  box-shadow:0 4px 0 #800015, 0 8px 16px rgba(0,0,0,.25);
}
.bp-cta--instagram{
  background:linear-gradient(45deg,#feda75,#fa7e1e,#d62976,#962fbf,#4f5bd5);
  box-shadow:0 4px 0 rgba(150,47,191,.8), 0 8px 16px rgba(0,0,0,.25);
}
.bp-social-cta-row{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:18px 0 8px;
  max-width:100%;
}

.ek2-spec-table{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.ek2-spec-table thead,.ek2-spec-table tbody,.ek2-spec-table tr{display:table;width:100%;table-layout:fixed}
.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}

img,iframe,video,table,pre{max-width:100%}
body.bp-portal{overflow-x:hidden}

@media(max-width:960px){
  body.bp-portal .article-layout,
  body.bp-portal .page-layout,
  body.bp-portal .about-layout,
  body.bp-portal .editorial-grid{
    grid-template-columns:minmax(0,1fr)!important;
  }
  body.bp-portal .article-main,
  body.bp-portal .toc-rail,
  body.bp-portal .info-rail,
  body.bp-portal .article-main > .entry-content{
    width:100%!important;
    max-width:100%!important;
  }
}

@media(max-width:900px){
  .card-grid{grid-template-columns:1fr}
  body.bp-portal .entry-content > .section{
    margin-left:0;margin-right:0;padding:22px 0!important;
  }
  .bp-social-cta-row{flex-direction:column}
  .bp-social-cta-row .bp-cta,.bp-cta--primary{width:100%}
  body.bp-portal.bp-blog .entry-title,
  body.bp-portal .entry-title,
  body.bp-portal .page-hero h1{font-size:clamp(1.35rem,6.5vw,1.75rem)!important}
  body.bp-portal.bp-blog .article-main > .entry-content{padding:16px!important}
  .header-actions .btn-glow{padding:8px 12px;font-size:11px}
  .brand-tag{display:none}
}

@media(max-width:560px){
  .status-pill{display:none!important}
  #top-banner.promo-banner--portal .promo-text{font-size:11px;line-height:1.4}
  body.bp-portal .entry-content h2,
  body.bp-portal .article-body h2{font-size:clamp(1.2rem,5.5vw,1.45rem)!important}
  body.bp-portal .entry-content h3,
  body.bp-portal .article-body h3{font-size:clamp(1.05rem,4.8vw,1.25rem)!important}
}

body.bp-portal > footer:not(.portal-footer){display:none!important}