.elementor-kit-6{--e-global-color-primary:#FF9E48;--e-global-color-secondary:#4FEDE3;--e-global-color-text:#FFFFFF;--e-global-color-accent:#9A6AFF;--e-global-color-6623938:#A36330;--e-global-color-108aa9d:#C4ED4F;--e-global-color-9008723:#FC485A;--e-global-color-94f4ee1:#050607;--e-global-color-0dbd07e:#121517;--e-global-color-4087dbe:#0E0F10;--e-global-color-e1e1af2:#1D2024;--e-global-color-7d869db:#272B2B;--e-global-color-e7b54f6:#17181A;--e-global-color-68d74c0:#CBCBCB;--e-global-color-3b822c6:#9A9A9A;--e-global-color-7de5978:#555555;--e-global-color-713ad95:#B83246;--e-global-color-5734a5f:#E07A2F;--e-global-color-33e79e6:#FFD93D;--e-global-color-5ad946f:#6FCBFF;--e-global-color-f1de14e:#5BA8FF;--e-global-color-c34a27e:#7AC6D2;--e-global-color-5683cb0:#5B7FFF;--e-global-color-5999e78:#7B4DDB;--e-global-color-fc5b77f:#B884FF;--e-global-color-422ed0b:#FF4D9A;--e-global-color-ebcdff4:#FF6BCB;--e-global-typography-primary-font-family:"ClashDisplay";--e-global-typography-secondary-font-family:"Satoshi";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;background-color:#050607;color:var( --e-global-color-68d74c0 );font-family:"Satoshi", Sans-serif;font-size:16px;font-weight:400;}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{background-color:#FF9E48;color:#050607;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 a{color:var( --e-global-color-primary );font-family:"ClashDisplay", Sans-serif;font-size:48px;font-weight:700;}.elementor-kit-6 a:hover{color:var( --e-global-color-text );}.elementor-kit-6 h1{color:var( --e-global-color-text );}.elementor-kit-6 h2{color:var( --e-global-color-text );font-family:"ClashDisplay", Sans-serif;font-size:36px;font-weight:700;}.elementor-kit-6 h3{color:var( --e-global-color-text );font-family:"ClashDisplay", Sans-serif;font-size:28px;font-weight:700;}.elementor-kit-6 h4{color:var( --e-global-color-text );font-family:"ClashDisplay", Sans-serif;font-size:22px;font-weight:600;}.elementor-kit-6 h5{color:var( --e-global-color-text );font-family:"ClashDisplay", Sans-serif;font-size:18px;font-weight:600;}.elementor-kit-6 h6{color:var( --e-global-color-text );font-family:"ClashDisplay", Sans-serif;font-size:14px;font-weight:600;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1280px;}.e-con{--container-max-width:1280px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */:root{
        --orange: #FF9E48;
    --orange-glow: rgba(255, 158, 72, 0.12);
    --cyan: #4FEDE3;
    --cyan-glow: rgba(79, 237, 227, 0.1);
    --violet: #9A6AFF;
    --green: #C4ED4F;
    --red: #FC485A;
    --bg: #050607;
    --bg-card: #121517;
    --bg-surface: #0E0F10;
    --bg-elevated: #1D2024;
    --stroke: #272B2B;
    --stroke-sub: #17181A;
    --text: #FFFFFF;
    --text-2: #CBCBCB;
    --text-3: #9A9A9A;
    --text-4: #555;
    --display: 'Clash Display', sans-serif;
    --body: 'Satoshi', 'Inter', sans-serif;

}

/* =========================================================
   BOOSTING MARKET — Blog Section CSS
   Site Settings → Custom CSS
   ========================================================= */

/* ----- Globali ----- */
body {
  background: #050607;
  -webkit-font-smoothing: antialiased;
}
h1, h2, h3, h4, h5, h6 {
  font-family: 'Clash Display', sans-serif;
  font-weight: 700;
  color: #FFFFFF;
}
.elementor-section-boxed .elementor-container,
.e-con-boxed {
  max-width: 1280px;
}
a {
  color: #FF9E48;
  transition: color 0.15s;
}
a:hover {
  color: #FFFFFF;
}
::-webkit-scrollbar {
  width: 6px;
}
::-webkit-scrollbar-thumb {
  background: #272B2B;
  border-radius: 3px;
}

/* ----- Campo ricerca header blog ----- */
.search-form input[type="search"] {
  background: #0E0F10;
  border: 1px solid #272B2B;
  border-radius: 8px;
  color: #FFFFFF;
  height: 44px;
  padding: 0 16px 0 42px;
  transition: border-color 0.15s;
}
.search-form input[type="search"]:focus {
  border-color: #FF9E48;
  outline: none;
}

/* ----- Pillole filtro categoria ----- */
.elementor-nav-menu a,
.jet-filters .jet-filter-item {
  height: 34px;
  padding: 0 16px;
  border-radius: 50px;
  border: 1px solid #272B2B;
  color: #9A9A9A;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  transition: all 0.15s;
}
.elementor-nav-menu a:hover,
.jet-filters .jet-filter-item:hover {
  border-color: #A36330;
  color: #FF9E48;
}
.jet-filters .jet-filter-item.active,
.elementor-nav-menu .current-menu-item a {
  background: rgba(255, 158, 72, 0.12);
  border-color: #A36330;
  color: #FF9E48;
}

/* ----- Card in Evidenza (Featured) ----- */
.featured-card-section {
  background: #121517;
  border-radius: 16px;
  border: 1px solid #272B2B;
  overflow: hidden;
  transition: border-color 0.2s, box-shadow 0.2s;
}
.featured-card-section:hover {
  border-color: #444;
  box-shadow: 0 8px 48px rgba(0, 0, 0, 0.5);
}

/* ----- Griglia Articoli / Loop Item ----- */
.elementor-loop-item {
  background: #121517;
  border: 1px solid #17181A;
  border-radius: 12px;
  overflow: hidden;
  transition: border-color 0.2s, transform 0.2s, box-shadow 0.2s;
}
.elementor-loop-item:hover {
  border-color: #272B2B;
  transform: translateY(-3px);
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.5);
}
.elementor-loop-item .elementor-widget-featured-image img,
.elementor-loop-item .elementor-widget-theme-post-featured-image img {
  height: 180px;
  width: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}
.elementor-loop-item:hover img {
  transform: scale(1.03);
}

/* ----- Newsletter Strip ----- */
.newsletter-section {
  position: relative;
  overflow: hidden;
  background: #121517;
  border: 1px solid #272B2B;
  border-radius: 12px;
}
.newsletter-section::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 3px;
  background: linear-gradient(180deg, #FF9E48, transparent);
}

/* ----- Search form submit button (override Secondary color default) ----- */
.search-form button[type="submit"],
.search-form .elementor-search-form__submit {
  background: #0E0F10;
  color: #9A9A9A;
  border: none;
  border-left: 1px solid #272B2B;
  border-radius: 0 8px 8px 0;
  transition: background 0.15s;
}
.search-form button[type="submit"] svg,
.search-form .elementor-search-form__submit svg {
  fill: #9A9A9A;
  transition: fill 0.15s;
}
.search-form button[type="submit"]:hover,
.search-form .elementor-search-form__submit:hover {
  background: #1D2024;
}
.search-form button[type="submit"]:hover svg,
.search-form .elementor-search-form__submit:hover svg {
  fill: #FF9E48;
}

/* ----- Filter pills ----- */
.filter-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.filter-pills .pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 34px;
  padding: 0 14px;
  border-radius: 50px;
  border: 1px solid #272B2B;
  color: #9A9A9A;
  font-family: 'Satoshi', sans-serif;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.15s;
  white-space: nowrap;
}
.filter-pills .pill:hover {
  border-color: #444;
  color: #FFFFFF;
}
.filter-pills .pill.active {
  background: rgba(255,158,72,0.12);
  border-color: #A36330;
  color: #FF9E48;
}
.filter-pills .pill .dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  display: inline-block;
  flex-shrink: 0;
}

/* ----- Featured card ----- */
.featured-card {
  background: #121517;
  border: 1px solid #272B2B;
  border-radius: 16px;
  overflow: hidden;
  transition: border-color 0.2s, box-shadow 0.2s;
}
.featured-card:hover {
  border-color: #444;
  box-shadow: 0 8px 48px rgba(0,0,0,0.5);
}
.featured-card .featured-image-zone {
  position: relative;
  min-height: 360px;
  background-size: cover;
  background-position: center;
}
.featured-badge {
  background: rgba(72,228,255,0.14);
  color: #48E4FF;
  padding: 6px 12px;
  border-radius: 50px;
  font-family: 'Clash Display', sans-serif;
  font-weight: 700;
  font-size: 10px;
  letter-spacing: 2px;
  text-transform: uppercase;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.featured-badge .dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #48E4FF;
  display: inline-block;
}
.featured-tag {
  background: rgba(255,158,72,0.18);
  color: #FF9E48;
  padding: 6px 12px;
  border-radius: 50px;
  font-family: 'Clash Display', sans-serif;
  font-weight: 700;
  font-size: 10px;
  letter-spacing: 2px;
  text-transform: uppercase;
}

/* ----- Latest Articles header ----- */
.articles-counter {
  color: #555555 !important;
  font-family: 'Satoshi', sans-serif !important;
  font-size: 14px !important;
  font-weight: 500;
}

/* ----- Newsletter inline form ----- */
.newsletter-inline-form {
  display: flex;
  gap: 8px;
  width: 100%;
}
.newsletter-inline-form input[type="email"] {
  flex: 1;
  background: #1D2024;
  border: 1px solid #272B2B;
  border-radius: 8px;
  color: #FFFFFF;
  height: 48px;
  padding: 0 16px;
  font-family: 'Satoshi', sans-serif;
  font-size: 14px;
  transition: border-color 0.15s;
}
.newsletter-inline-form input[type="email"]:focus {
  border-color: #FF9E48;
  outline: none;
}
.newsletter-inline-form button {
  background: #FF9E48;
  color: #050607;
  border: none;
  border-radius: 8px;
  height: 48px;
  padding: 0 24px;
  font-family: 'Clash Display', sans-serif;
  font-weight: 700;
  font-size: 13px;
  letter-spacing: 1px;
  text-transform: uppercase;
  cursor: pointer;
  transiarticles-countertion: background 0.15s;
}
.newsletter-inline-form button:hover {
  background: #FFB575;
}

.elementor-loop-item { cursor: pointer; }
.elementor-loop-item:hover .elementor-heading-title { color: #FF9E48 !important; }

.game_featured_badge {
    font-size: 12px;
    background: 'red';
}

/*
BLOG DETAIL CSS
*/
/* ============================================================
   BoostingMarket — Single Post / Article Styles
   Append at the bottom of: Site Settings → Custom CSS
   ------------------------------------------------------------
   Scope: everything from the breadcrumb at the top of an
   article page down to the Related Articles strip.

   Naming convention: every class is prefixed `bm-` so it
   never collides with Elementor's own classes.
   ============================================================ */


/* ─────────────────────────────────────────────────────────
   1. ARTICLE HERO  (top of post — breadcrumb, badge, title,
                     excerpt, meta row)
   ───────────────────────────────────────────────────────── */

/* Add CSS class `bm-article-hero` to the hero outer Container. */
.bm-article-hero {
  position: relative;
  overflow: hidden;
  background:
    linear-gradient(180deg, rgba(6,16,18,0) 0%, #050607 100%),
    linear-gradient(135deg, #040e10 0%, #050607 50%, #040810 100%);
  border-bottom: 1px solid #17181A;
}

/* Subtle cyan grid pattern */
.bm-article-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(79,237,227,0.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(79,237,227,0.04) 1px, transparent 1px);
  background-size: 56px 56px;
  pointer-events: none;
  z-index: 0;
}

/* Centered radial glow at top */
.bm-article-hero::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 0;
  width: 800px;
  height: 500px;
  border-radius: 50%;
  background: radial-gradient(ellipse, rgba(79,237,227,0.07) 0%, transparent 65%);
  transform: translateX(-50%);
  pointer-events: none;
  z-index: 0;
}

/* Lift the inner widgets above the decorative layers */
.bm-article-hero > .e-con-inner,
.bm-article-hero > * {
  position: relative;
  z-index: 1;
}

/* Cyan stripe at the bottom of the hero — apply class to a 6px-tall Container */
.bm-hero-stripe {
  height: 6px;
  background: linear-gradient(90deg, #4FEDE3, rgba(79,237,227,0.2), transparent);
}


/* ─────────────────────────────────────────────────────────
   2. BREADCRUMB  (Add `bm-breadcrumb` to a Text Editor or
                   HTML widget that contains the trail)
   ───────────────────────────────────────────────────────── */

.bm-breadcrumb {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  font-size: 12px;
  color: #555555;
}
.bm-breadcrumb a {
  color: #555555;
  text-decoration: none;
  transition: color .15s ease;
}
.bm-breadcrumb a:hover { color: #FF9E48; }
.bm-breadcrumb .sep    { color: #272B2B; margin: 0 2px; }
.bm-breadcrumb .current{ color: #9A9A9A; }


/* ─────────────────────────────────────────────────────────
   3. GAME BADGE  (cyan pill above the H1)
   Add `bm-game-badge` to a Heading or HTML widget.
   ───────────────────────────────────────────────────────── */




/* ─────────────────────────────────────────────────────────
   4. META ROW  (avatar block · read time · date · views · tags)
   Add `bm-article-meta` to the meta-row Container.
   ───────────────────────────────────────────────────────── */

.bm-article-meta {
  display: flex;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
  padding: 20px 0;
  border-top: 1px solid #17181A;
}

.bm-meta-author {
  display: flex;
  align-items: center;
  gap: 10px;
}
.bm-meta-author .bm-avatar-name {
  font-size: 14px;
  font-weight: 700;
  color: #CBCBCB;
  line-height: 1.2;
}
.bm-meta-author .bm-avatar-role {
  font-size: 11px;
  color: #555555;
  margin-top: 2px;
}

.bm-meta-sep {
  width: 1px;
  height: 28px;
  background: #17181A;
}

.bm-meta-item {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  color: #555555;
}
.bm-meta-item svg { flex-shrink: 0; }

.bm-meta-tags {
  margin-left: auto;
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
}
.bm-meta-tags .tag {
  height: 24px;
  padding: 0 10px;
  border-radius: 4px;
  background: #1D2024;
  border: 1px solid #17181A;
  font-size: 11px;
  font-weight: 600;
  color: #9A9A9A;
  display: inline-flex;
  align-items: center;
}


/* ─────────────────────────────────────────────────────────
   5. ARTICLE BODY TYPOGRAPHY
   Add `bm-article` to the Post Content widget's CSS Classes.
   All article-body styles cascade from that wrapper.
   ───────────────────────────────────────────────────────── */

.bm-article p {
  font-size: 15px;
  line-height: 1.8;
  color: #CBCBCB;
  margin-bottom: 20px;
}

.bm-article h2 {
  font-family: 'Clash Display', sans-serif;
  font-weight: 700;
  font-size: 24px;
  color: #FFFFFF;
  margin: 44px 0 16px;
  padding-top: 44px;
  border-top: 1px solid #17181A;
  line-height: 1.2;
}
.bm-article h2:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}

.bm-article h3 {
  font-family: 'Clash Display', sans-serif;
  font-weight: 700;
  font-size: 18px;
  color: #FFFFFF;
  margin: 28px 0 12px;
  line-height: 1.3;
}

.bm-article strong { color: #FFFFFF; font-weight: 700; }

.bm-article a {
  color: #FF9E48;
  text-decoration: none;
  border-bottom: 1px solid rgba(255,158,72,0.3);
  transition: border-color .15s ease;
}
.bm-article a:hover { border-bottom-color: #FF9E48; }

.bm-article ul,
.bm-article ol {
  color: #CBCBCB;
  font-size: 15px;
  line-height: 1.8;
  padding-left: 22px;
  margin-bottom: 20px;
}
.bm-article li { margin-bottom: 6px; }


/* ─────────────────────────────────────────────────────────
   6. CALLOUT BOXES  (.callout.tip / .warning / .pro)
   Used inside post content via raw HTML — see cheat sheet.
   ───────────────────────────────────────────────────────── */

.bm-article .callout {
  border-radius: 10px;
  padding: 18px 20px;
  margin: 28px 0;
  display: flex;
  gap: 14px;
  align-items: flex-start;
  font-size: 14px;
  line-height: 1.65;
}
.bm-article .callout .callout-icon {
  font-size: 18px;
  flex-shrink: 0;
  line-height: 1.4;
}
.bm-article .callout .callout-body { flex: 1; }
.bm-article .callout strong { font-weight: 700; }

.bm-article .callout.tip {
  background: rgba(79,237,227,0.06);
  border: 1px solid rgba(79,237,227,0.20);
}
.bm-article .callout.tip,
.bm-article .callout.tip strong { color: #9af5ef; }

.bm-article .callout.warning {
  background: rgba(255,158,72,0.07);
  border: 1px solid rgba(255,158,72,0.20);
}
.bm-article .callout.warning,
.bm-article .callout.warning strong { color: #ffdcb3; }

.bm-article .callout.pro {
  background: rgba(154,106,255,0.07);
  border: 1px solid rgba(154,106,255,0.20);
}
.bm-article .callout.pro,
.bm-article .callout.pro strong { color: #d0bfff; }


/* ─────────────────────────────────────────────────────────
   7. TIER TABLE  (champion / loadout tier list)
   ───────────────────────────────────────────────────────── */

.bm-article .tier-table {
  width: 100%;
  border-collapse: collapse;
  margin: 20px 0 28px;
}
.bm-article .tier-table th {
  text-align: left;
  padding: 10px 14px;
  font-family: 'Clash Display', sans-serif;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: #555555;
  border-bottom: 1px solid #17181A;
}
.bm-article .tier-table td {
  padding: 12px 14px;
  font-size: 14px;
  color: #CBCBCB;
  border-bottom: 1px solid #17181A;
  vertical-align: middle;
}
.bm-article .tier-table tr:last-child td { border-bottom: none; }
.bm-article .tier-table tr:hover td { background: rgba(255,255,255,0.02); }

.bm-article .tier-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 6px;
  font-family: 'Clash Display', sans-serif;
  font-weight: 700;
  font-size: 13px;
}
.bm-article .champ-name { font-weight: 700; color: #FFFFFF; }
.bm-article .champ-role { font-size: 12px; color: #555555; }
.bm-article .winrate {
  font-family: 'Clash Display', sans-serif;
  font-weight: 700;
  font-size: 14px;
}

.bm-article .tier-row-s .tier-badge { background: rgba(255,158,72,0.20); color: #FF9E48; }
.bm-article .tier-row-a .tier-badge { background: rgba(79,237,227,0.15); color: #4FEDE3; }
.bm-article .tier-row-b .tier-badge { background: rgba(154,106,255,0.15); color: #9A6AFF; }


/* ─────────────────────────────────────────────────────────
   8. STEP BLOCKS  (numbered cards for instructions)
   ───────────────────────────────────────────────────────── */

.bm-article .step-block {
  background: #121517;
  border: 1px solid #17181A;
  border-radius: 10px;
  padding: 20px 22px;
  margin: 16px 0;
  display: flex;
  gap: 16px;
  align-items: flex-start;
}
.bm-article .step-block .step-num {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  flex-shrink: 0;
  background: rgba(255,158,72,0.12);
  border: 1px solid rgba(255,158,72,0.30);
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Clash Display', sans-serif;
  font-weight: 700;
  font-size: 14px;
  color: #FF9E48;
}
.bm-article .step-block .step-body {
  font-size: 14px;
  line-height: 1.65;
  color: #CBCBCB;
  flex: 1;
}
.bm-article .step-block .step-body strong { color: #FFFFFF; }


/* ─────────────────────────────────────────────────────────
   9. SIDEBAR  (sticky column: TOC, Boost CTA, Share)
   Wrap entire sidebar Container with class `bm-sidebar-sticky`.
   ───────────────────────────────────────────────────────── */

.bm-sidebar-sticky {
  position: sticky;
  top: 80px;
}

/* Shared card chrome */
.bm-toc-card,
.bm-boost-card,
.bm-share-card {
  background: #121517;
  border: 1px solid #17181A;
  border-radius: 12px;
}

/* ─── 9a. TOC card ─── */
.bm-toc-card { padding: 22px; }

.bm-toc-progress { margin-bottom: 14px; }
.bm-toc-progress-label {
  display: flex;
  justify-content: space-between;
  font-size: 11px;
  color: #555555;
  margin-bottom: 6px;
}
.bm-toc-progress-bar {
  height: 3px;
  background: #1D2024;
  border-radius: 2px;
  overflow: hidden;
}
.bm-toc-progress-fill {
  height: 100%;
  width: 0%;
  background: linear-gradient(90deg, #4FEDE3, rgba(79,237,227,0.4));
  border-radius: 2px;
  transition: width .3s ease;
}

.bm-toc-title {
  font-family: 'Clash Display', sans-serif;
  font-weight: 700;
  font-size: 11px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #555555;
  margin-bottom: 16px;
}

.bm-toc-list {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 0;
  margin: 0;
}
.bm-toc-list li { margin: 0; }
.bm-toc-list a {
  display: block;
  padding: 7px 10px;
  border-radius: 6px;
  font-size: 13px;
  color: #9A9A9A;
  border-left: 2px solid transparent;
  transition: all .15s ease;
  text-decoration: none;
}
.bm-toc-list a:hover {
  color: #FFFFFF;
  background: rgba(255,255,255,0.04);
}
.bm-toc-list a.active {
  color: #4FEDE3;
  border-left-color: #4FEDE3;
  background: rgba(79,237,227,0.10);
}
.bm-toc-list .toc-num {
  font-family: 'Clash Display', sans-serif;
  font-weight: 700;
  font-size: 11px;
  color: #555555;
  margin-right: 8px;
}

/* ─── 9b. Boost CTA card ─── */
.bm-boost-card {
  padding: 22px;
  border-color: #272B2B;
  position: relative;
  overflow: hidden;
}
.bm-boost-card::after {
  content: '';
  position: absolute;
  right: -20px;
  bottom: -20px;
  width: 140px;
  height: 140px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255,158,72,0.10) 0%, transparent 70%);
  pointer-events: none;
}
.bm-boost-card > * { position: relative; }

.bm-boost-badge {
  display: inline-block;
  height: 20px;
  padding: 0 8px;
  line-height: 18px;
  background: rgba(255,158,72,0.15);
  border: 1px solid rgba(255,158,72,0.30);
  border-radius: 4px;
  font-family: 'Clash Display', sans-serif;
  font-weight: 700;
  font-size: 9px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: #FF9E48;
  margin-bottom: 12px;
}

.bm-boost-card h3 {
  font-family: 'Clash Display', sans-serif;
  font-weight: 700;
  font-size: 17px;
  color: #FFFFFF;
  margin: 0 0 8px;
  line-height: 1.2;
}
.bm-boost-card p {
  font-size: 13px;
  color: #9A9A9A;
  line-height: 1.55;
  margin: 0 0 18px;
}

.bm-boost-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  height: 42px;
  border-radius: 8px;
  background: #FF9E48;
  font-family: 'Clash Display', sans-serif;
  font-weight: 700;
  font-size: 13px;
  color: #050607;
  border: none;
  cursor: pointer;
  text-decoration: none;
  transition: filter .15s ease;
}
.bm-boost-btn:hover { filter: brightness(1.1); }

/* ─── 9c. Share card ─── */
.bm-share-card { padding: 18px 22px; }

.bm-share-label {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: #555555;
  margin-bottom: 12px;
}
.bm-share-btns {
  display: flex;
  gap: 8px;
}
.bm-share-btn {
  flex: 1;
  height: 36px;
  border-radius: 7px;
  background: #1D2024;
  border: 1px solid #17181A;
  font-size: 12px;
  font-weight: 700;
  color: #9A9A9A;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  text-decoration: none;
  transition: all .15s ease;
}
.bm-share-btn:hover {
  border-color: #272B2B;
  color: #FFFFFF;
}


/* ─────────────────────────────────────────────────────────
   10. RELATED ARTICLES STRIP
   Add `bm-related-header` to the H2 + divider row,
       `bm-related-grid` to the Loop Grid wrapper.
   ───────────────────────────────────────────────────────── */

.bm-related-header {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 24px;
  padding-top: 40px;
  border-top: 1px solid #17181A;
}
.bm-related-header .bm-related-title {
  font-family: 'Clash Display', sans-serif;
  font-weight: 700;
  font-size: 20px;
  color: #FFFFFF;
}
.bm-related-header .bm-related-line {
  flex: 1;
  height: 1px;
  background: linear-gradient(90deg, #272B2B, transparent);
}
.bm-related-header .bm-related-viewall {
  font-size: 13px;
  font-weight: 600;
  color: #FF9E48;
  text-decoration: none;
}


/* ─────────────────────────────────────────────────────────
   11. RESPONSIVE
   ───────────────────────────────────────────────────────── */

@media (max-width: 1024px) {
  .bm-sidebar-sticky { position: static; }
  .bm-article-meta { gap: 14px; }
  .bm-meta-tags { margin-left: 0; }
}

@media (max-width: 640px) {
  .bm-article h2 { font-size: 20px; margin-top: 32px; padding-top: 32px; }
  .bm-article h3 { font-size: 16px; }
  .bm-article .tier-table { font-size: 12px; }
  .bm-article .tier-table th,
  .bm-article .tier-table td { padding: 8px 10px; }
  .bm-article .callout { padding: 14px 16px; }
  .bm-article .step-block { padding: 16px; gap: 12px; }
}


.article-hero {
    position: relative;
    overflow: hidden;
    background: linear-gradient(180deg, #06101200 0%, var(--bg) 100%), linear-gradient(135deg, #040e10 0%, #050607 50%, #040810 100%);
    border-bottom: 1px solid #17181A;
    padding: 52px 40px 0;
}

.article-hero::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image: linear-gradient(rgba(79, 237, 227, 0.04) 1px, transparent 1px), linear-gradient(90deg, rgba(79, 237, 227, 0.04) 1px, transparent 1px);
    background-size: 56px 56px;
}

.hero-inner {
    max-width: 1280px !important;
    margin: 0 auto !important;
    position: relative;
    z-index: 2;
}


.bm-game-badge {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    height: 26px;
    padding: 0 12px;
    border-radius: 50px;
    background: rgba(72, 228, 255, 0.1);
    border: 1px solid rgba(72, 228, 255, 0.25);
 
    font-weight: 700;
    font-size: 10px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    font-family: 'Clash Display', sans-serif;
    margin-bottom: 20px;
    color:#4FEDE3;
}
.bm-game-badge::before {
  content: '';
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #4FEDE3;
  display: inline-block;
}

.article-meta {
    display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
    padding: 20px 0;
    border-top: 1px solid #17181A;
}

/* Load More button — Loop Grid pagination */
a.e-load-more-anchor,
.elementor-button.e-load-more-anchor {
  height: 46px !important;
  padding: 0 36px !important;
  background: transparent !important;
  border: 1px solid #272B2B !important;
  border-radius: 8px !important;
  font-family: 'Clash Display', sans-serif !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  color: #CBCBCB !important;
  cursor: pointer !important;
  transition: all .15s !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  text-decoration: none !important;
  line-height: 1 !important;
  box-shadow: none !important;
}

a.e-load-more-anchor:hover,
.elementor-button.e-load-more-anchor:hover {
  border-color: #FF9E48 !important;
  color: #FF9E48 !important;
  background: transparent !important;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'ClashDisplay';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://boostingmarket.com/blogs/wp-content/uploads/2026/05/ClashDisplay-Regular.woff2') format('woff2');
}
@font-face {
	font-family: 'ClashDisplay';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://boostingmarket.com/blogs/wp-content/uploads/2026/05/ClashDisplay-Semibold.woff2') format('woff2');
}
@font-face {
	font-family: 'ClashDisplay';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://boostingmarket.com/blogs/wp-content/uploads/2026/05/ClashDisplay-Bold.woff2') format('woff2');
}
@font-face {
	font-family: 'ClashDisplay';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://boostingmarket.com/blogs/wp-content/uploads/2026/05/ClashDisplay-Medium.woff2') format('woff2');
}
@font-face {
	font-family: 'ClashDisplay';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://boostingmarket.com/blogs/wp-content/uploads/2026/05/ClashDisplay-Light.woff2') format('woff2');
}
@font-face {
	font-family: 'ClashDisplay';
	font-style: normal;
	font-weight: 200;
	font-display: auto;
	src: url('https://boostingmarket.com/blogs/wp-content/uploads/2026/05/ClashDisplay-Extralight.woff2') format('woff2');
}
@font-face {
	font-family: 'ClashDisplay';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://boostingmarket.com/blogs/wp-content/uploads/2026/05/ClashDisplay-Variable.woff2') format('woff2');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Satoshi';
	font-display: auto;
	src: url('https://boostingmarket.com/blogs/wp-content/uploads/2026/05/Satoshi-Variable.ttf') format('truetype');
}
/* End Custom Fonts CSS */