/*
 * Shared native/Elementor homepage presentation. Targets the saved starter
 * classes, not Elementor-generated IDs or the optional widget-container.
 * No post content, widget title, metadata or owner layout is regenerated.
 */
/* Retire the three stock badges in previously saved native/Elementor layouts too. */
.bingo-full-homepage .pills,.bingo-block-home .pills,.bingo-home-badges{display:none!important}
.bingo-full-homepage .hero{border-radius:20px}
.bingo-full-homepage .hero-top,.bingo-block-home .hero-top,.bingo-home-heading{text-align:left}
.bingo-full-homepage .hero-top,.bingo-home-heading,.bingo-home-badges{
  background:var(--primary);
  background:linear-gradient(100deg,var(--primary),color-mix(in srgb,var(--primary) 62%,black));
  color:#fff;
}

/* Compact introduction: one pale panel, not a separate dark title banner.
 * More specific than the legacy responsive defaults; owner inline styles win. */
.bingo-full-homepage .hero,
.bingo-block-home .hero{
  background:#eff7ef;
  border:1px solid color-mix(in srgb,var(--primary,#145a41) 15%,white);
  border-radius:8px;padding:12px;text-align:left;
}
.bingo-full-homepage .hero .hero-top,
.bingo-block-home .hero .hero-top,
.bingo-home-heading.elementor-widget-heading{
  background:none;color:var(--primary,#145a41);padding:0;margin:0 0 4px;border-radius:0;text-align:left;
}
.bingo-full-homepage .hero .hero-top h1,
.bingo-block-home .hero .hero-top :where(h1,h2,.wp-block-heading),
.bingo-home-heading.elementor-widget-heading .elementor-heading-title{
  margin:0;color:inherit;font-size:clamp(18px,1.8vw,20px);font-weight:700;line-height:1.35;letter-spacing:normal;
}
.bingo-full-homepage .hero .hero-text,
.bingo-block-home .hero .hero-text,
.bingo-home-intro.elementor-widget.elementor-widget-text-editor{
  background:none;margin:0;padding:0;color:var(--text,#23372e);font-size:13px;line-height:1.5;text-align:left;
}
.bingo-home-heading.elementor-widget-heading,
.bingo-home-intro.elementor-widget-text-editor{
  background:#eff7ef;
}
.bingo-home-heading.elementor-widget-heading{padding:12px 12px 4px;margin-bottom:0;border-radius:8px 8px 0 0}
.bingo-home-intro.elementor-widget.elementor-widget-text-editor{padding:0 12px 12px;border-radius:0 0 8px 8px}
.bingo-full-homepage .hero-top{padding:28px 26px 26px}
.bingo-full-homepage .hero-top h1,.bingo-home-heading .elementor-heading-title{
  margin:0;color:inherit;font-family:inherit;font-size:clamp(28px,3.9vw,40px);font-weight:800;line-height:1.2;letter-spacing:-.025em;
}
.bingo-home-heading{padding:28px 26px 20px;border-radius:20px 20px 0 0}
.bingo-home-badges{padding:0 26px 26px;border-radius:0;margin:0!important}
.bingo-full-homepage .pills{gap:12px;margin-top:22px;font-size:20px;line-height:1.3}
.bingo-full-homepage .pills>span,.bingo-home-badge.elementor-widget{
  --bingo-badge-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3c1 4-3 5-3 8 0 2 2 3 3 1 1-1 1-3 1-3 4 3 6 5 5 8a6 6 0 0 1-12 0c-1-4 2-7 6-14Z'/%3E%3C/svg%3E");
  display:inline-flex;align-items:center;gap:8px;max-width:100%;width:auto;
  background:rgba(255,255,255,.2);color:#fff;border-radius:999px;padding:6px 14px;
  font-family:inherit;font-size:20px;line-height:1.3;font-weight:600;
}
.bingo-full-homepage .pills>span::before,.bingo-home-badge.elementor-widget::before{
  content:"";display:block;flex:0 0 22px;width:22px;height:22px;background:currentColor;
  -webkit-mask:var(--bingo-badge-icon) center/contain no-repeat;mask:var(--bingo-badge-icon) center/contain no-repeat;
}
.bingo-full-homepage .pills>span:nth-child(2),.bingo-home-badge.elementor-widget.bingo-home-badge-bonus{
  --bingo-badge-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='7' width='20' height='5' rx='1'/%3E%3Cpath d='M4 12v10h16V12M12 22V7M12 7H7.5A2.5 2.5 0 1 1 10 4.5ZM12 7h4.5A2.5 2.5 0 1 0 14 4.5Z'/%3E%3C/svg%3E");
}
.bingo-full-homepage .pills>span:nth-child(3),.bingo-home-badge.elementor-widget.bingo-home-badge-withdrawal{
  --bingo-badge-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='17' rx='2'/%3E%3Cpath d='M3 8h18M21 12h-6v5h6M17.5 14.5h.01'/%3E%3C/svg%3E");
}
.bingo-home-badge>.elementor-widget-container{
  display:flex;align-items:center;background:none;padding:0;border-radius:0;font:inherit;color:inherit;
}
.bingo-home-badge.elementor-widget{margin-bottom:0!important}
.bingo-home-badge .elementor-heading-title{font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit}
.bingo-home-badges>.elementor-container{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:12px}
.bingo-home-badges>.elementor-container>.elementor-column{width:auto!important;flex:0 0 auto!important;max-width:100%}
.bingo-home-badges .elementor-column>.elementor-widget-wrap{padding:0!important;align-content:flex-start}
.bingo-full-homepage .hero-text,.bingo-home-intro.elementor-widget-text-editor{
  margin:0;padding:22px 26px 24px;color:var(--muted);font-family:inherit;
  font-size:clamp(17px,1.96vw,20px);font-weight:400;line-height:1.6;
}
.bingo-home-intro{border-radius:0 0 20px 20px}
.bingo-home-intro p,.bingo-home-intro .elementor-widget-container{margin:0;font:inherit;color:inherit}
.bingo-home-intro .seo-keyword,.bingo-home-heading .seo-keyword,.bingo-full-homepage .hero .seo-keyword{
  background:none;color:inherit;padding:0;border-radius:0;font-weight:inherit;
}
@media(max-width:600px){
  .bingo-full-homepage .hero-top{padding:22px 18px}
  .bingo-home-heading{padding:22px 18px 18px}
  .bingo-home-badges{padding:0 18px 22px}
  .bingo-full-homepage .pills{margin-top:18px;gap:8px}
  .bingo-home-badges>.elementor-container{gap:8px}
  .bingo-full-homepage .pills>span,.bingo-home-badge.elementor-widget{font-size:15px;padding:6px 11px;gap:6px}
  .bingo-full-homepage .pills>span::before,.bingo-home-badge.elementor-widget::before{flex-basis:18px;width:18px;height:18px}
  .bingo-full-homepage .hero-text,.bingo-home-intro.elementor-widget-text-editor{padding:18px;line-height:1.6}
}
/* Same three-badge row for legacy, native and Elementor saved layouts. */
.bingo-full-homepage .pills,
.bingo-home-badges>.elementor-container{flex-wrap:nowrap}
.chips{flex-wrap:nowrap;max-width:100%;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
.chips button{white-space:nowrap}
@media(max-width:600px){
  .bingo-full-homepage .pills,
  .bingo-home-badges>.elementor-container{
    display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;
  }
  .bingo-full-homepage .pills>span,
  .bingo-home-badge.elementor-widget{
    justify-content:center;min-width:0;gap:3px;padding:7px 3px;
    font-size:clamp(8px,2.35vw,13px);white-space:nowrap;
  }
  .bingo-full-homepage .pills>span::before,
  .bingo-home-badge.elementor-widget::before{flex-basis:12px;width:12px;height:12px}
  .bingo-home-badges>.elementor-container>.elementor-column{
    width:100%!important;min-width:0;max-width:100%;
  }
  .bingo-home-badge.elementor-widget{width:100%}
}

/* Final shared defaults, including older Elementor columns/containers that
 * carry the starter classes rather than the widget itself. No !important:
 * explicit Elementor colour/typography controls remain editable. */
.bingo-home-heading,
.bingo-home-intro{
  box-sizing:border-box;width:100%;max-width:100%;border:0;box-shadow:none;background:#eff7ef;color:var(--primary,#145a41);text-align:left;
}
.bingo-home-heading{padding:12px 12px 4px;margin:0;border-radius:8px 8px 0 0}
.bingo-home-heading .elementor-heading-title{
  margin:0;color:inherit;font-family:inherit;font-size:clamp(18px,1.8vw,20px);font-weight:700;line-height:1.35;letter-spacing:normal;
}
.bingo-home-intro,
.bingo-home-intro.elementor-widget.elementor-widget-text-editor{
  margin:0;padding:0 12px 12px;border-radius:0 0 8px 8px;color:var(--text,#23372e);font-size:13px;line-height:1.5;
}
.bingo-home-heading>.elementor-widget-container,
.bingo-home-intro>.elementor-widget-container{
  background:transparent;border:0;border-radius:0;box-shadow:none;padding:0;margin:0;font:inherit;color:inherit;
}
.bingo-home-intro :where(.hero,.panel,.hero-text){
  background:transparent;border:0;border-radius:0;box-shadow:none;padding:0;margin:0;width:auto;max-width:none;font:inherit;color:inherit;
}
.bingo-home-intro :where(p){margin:0;font:inherit;color:inherit}
