.elementor-52421 .elementor-element.elementor-element-63276f9f{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}/* Start custom CSS for mt_bonus_card, class: .elementor-element-282af2b *//* ================== Bonus Card – Light + Gradient Border + Colorful CTA ================== */
/* Safe defaults so theme styles don't wash things out */
.mt-bonus-card, .mt-bonus-card * { box-sizing:border-box; color:inherit; }

/* Scoped tokens */
.mt-bonus-card{
  --ink:#0f172a;
  --muted:#64748b;
  --border:#e9eef6;

  --surface:#ffffff;
  --surface-2:#f7fbff;              /* gentle interior gradient */

  --badge-a:#ff7a94; --badge-b:#ef4444;

  /* COLORFUL CTA (orange → pink) */
  --cta-a:#ffb54a;
  --cta-b:#ff5aa6;
  --cta-border:#ff86c0;
}

/* -------- Card shell: light interior + gradient border -------- */
.mt-bonus-card{
  position:relative; display:block; width:100%; max-width:980px;
  margin:18px auto; padding:20px 22px; border-radius:20px;
  color:var(--ink);
  background:
    radial-gradient(140% 120% at -10% -20%, var(--surface) 0%, var(--surface-2) 90%) padding-box,
    linear-gradient(120deg,#a5b4fc,#7dd3fc,#fde68a,#fca5a5) border-box; /* gradient border */
  border:1.5px solid transparent;  /* needed for gradient border trick */
  box-shadow:0 14px 40px rgba(17,24,39,.08);
  overflow:hidden;
}

/* -------- Header (bigger brand, badge on right) -------- */
.mt-bonus-header{
  display:flex; align-items:center; justify-content:space-between;
  gap:12px; margin-bottom:12px;
}
.mt-bonus-casino a{
  display:flex; align-items:center; gap:12px;
  text-decoration:none; color:var(--ink) !important; font-weight:900;
}
.mt-bonus-casino a span{
  font-size:clamp(1.1rem, 1rem + .7vw, 1.6rem);  /* larger brand name */
  line-height:1.1;
}

/* Logo tile (works with FA OR auto initials via data-initial) */
.mt-bonus-casino i{
  width:48px; height:48px; flex:0 0 48px;
  border-radius:12px; display:grid; place-items:center;
  color:#fff; background:linear-gradient(135deg,#93c5fd,#3b82f6);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.4), 0 10px 18px rgba(59,130,246,.22);
  position:relative;
}
/* If you set data-initial, show a monogram and hide FA glyph */
.mt-bonus-casino i[data-initial]::before{ display:none !important; }
.mt-bonus-casino i[data-initial]::after{
  content:attr(data-initial);
  font-weight:900; font-size:1.1rem; letter-spacing:.5px;
}

/* Badge */
.mt-bonus-badge{
  padding:6px 12px; font-size:.72rem; font-weight:900; color:#fff;
  background:linear-gradient(135deg,var(--badge-a),var(--badge-b));
  border-radius:999px; box-shadow:0 10px 22px rgba(239,68,68,.22);
}

/* -------- Offer: no box, BIG centered headline -------- */
.mt-bonus-offer{
  background:none !important; border:none !important;
  padding:0 !important; margin:8px 0 16px !important; text-align:center;
}
.mt-bonus-offer::before, .mt-bonus-offer::after{ display:none !important; }
.mt-bonus-amount-large, .mt-bonus-details{
  display:block; color:var(--ink) !important; font-weight:900;
  font-size:clamp(1.25rem, 2.2vw + .6rem, 2.3rem);
  letter-spacing:.2px; line-height:1.25;
}

/* -------- Actions -------- */
.mt-bonus-actions{
  display:flex; justify-content:center; align-items:center; gap:14px; margin-top:8px;
}
.mt-claim-bonus-btn, .mt-bonus-terms-btn{
  display:inline-flex; align-items:center; gap:10px;
  padding:14px 24px; border-radius:28px;
  text-decoration:none; white-space:nowrap; line-height:1; font-weight:900;
  transition:transform .12s ease, box-shadow .12s ease, filter .12s ease;
}

/* COLORFUL CTA (orange → pink) */
.mt-claim-bonus-btn{
  position:relative; overflow:hidden;
  color:#1b0b14 !important;
  background:linear-gradient(90deg, var(--cta-a), var(--cta-b));
  border:1px solid var(--cta-border) !important;
  box-shadow:0 14px 34px rgba(255,120,170,.38), inset 0 0 0 1px rgba(255,255,255,.55);
  min-width:300px;
}
.mt-claim-bonus-btn:hover{
  transform:translateY(-1px); filter:brightness(1.04);
  box-shadow:0 18px 40px rgba(255,120,170,.45);
}
/* sweep shine */
.mt-claim-bonus-btn::after{
  content:""; position:absolute; inset:0;
  background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.60) 22%,transparent 45%);
  transform:translateX(-120%); animation:mtShineColor 3s ease-in-out infinite;
  pointer-events:none;
}
@keyframes mtShineColor{
  0%{ transform:translateX(-120%) }
  55%{ transform:translateX(120%) }
  100%{ transform:translateX(120%) }
}

/* Secondary button (soft outline) */
.mt-bonus-terms-btn{
  color:var(--ink) !important; background:#fff !important;
  border:1.5px solid #cfd8e6 !important;
  box-shadow:0 4px 12px rgba(15,23,42,.06);
}
.mt-bonus-terms-btn:hover{ transform:translateY(-1px); box-shadow:0 10px 20px rgba(15,23,42,.10); }
.mt-claim-bonus-btn i, .mt-bonus-terms-btn i{ opacity:.95; }

/* -------- Optional feature chips -------- */
.mt-bonus-features{ display:flex; flex-wrap:wrap; gap:10px; justify-content:center; margin:12px 0 6px; }
.mt-bonus-features .chip{
  padding:7px 12px; border-radius:999px;
  background:#f2f6ff; border:1px solid var(--border);
  color:#334155; font-size:.82rem; font-weight:800;
  display:inline-flex; align-items:center; gap:6px;
}

/* -------- Mobile -------- */
@media (max-width:560px){
  .mt-claim-bonus-btn, .mt-bonus-terms-btn{ width:100%; min-width:0; }
}

/* Remove the orange hover/focus ring around the whole card */
.mt-bonus-card:hover,
.mt-bonus-card:focus,
.mt-bonus-card:focus-within{
  outline: none !important;
  border-color: transparent !important;                /* keep the gradient border trick */
  box-shadow: 0 14px 40px rgba(17,24,39,.08) !important; /* same shadow as rest state */
  transform: none;                                     /* optional: stop lift on hover */
}

/* Some themes add a colored focus outline via :focus-visible */
.mt-bonus-card:focus-visible{
  outline: none !important;
  box-shadow: 0 14px 40px rgba(17,24,39,.08) !important;
}

/* If your theme adds a pseudo-element glow on hover, kill it */
.mt-bonus-card:hover::before{
  content: none !important;
  background: none !important;
}

/* Prevent link/anchor focus inside the card from drawing a box around the card */
.mt-bonus-card a:focus,
.mt-bonus-card a:focus-visible{
  outline: none !important;
  box-shadow: none !important;
}

/* Replace the 'university' icon with the 'gift' icon (FA4/FA5) */
.mt-bonus-card .mt-bonus-casino i.fa.fa-university::before,
.mt-bonus-card .mt-bonus-casino i.fas.fa-university::before {
  content: "\f06b" !important; /* fa-gift */
}

/* (Optional) bump the icon size a touch to match the larger brand text */
.mt-bonus-card .mt-bonus-casino i.fa,
.mt-bonus-card .mt-bonus-casino i.fas {
  font-size: 1.1em;
  line-height: 1;
}/* End custom CSS */