/* ZELQIVO — Surprise Me visibility + responsive polish */

/* Catch every common implementation of the Surprise Me control. */
a[href*="surprise" i],
button[id*="surprise" i],
button[class*="surprise" i],
a[id*="surprise" i],
a[class*="surprise" i],
[role="button"][id*="surprise" i],
[role="button"][class*="surprise" i],
[onclick*="surprise" i]{
  position:relative!important;
  z-index:20!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  visibility:visible!important;
  opacity:1!important;
  overflow:visible!important;
  min-height:46px!important;
  min-width:150px!important;
  padding:12px 20px!important;
  border:1px solid rgba(229,57,53,.65)!important;
  border-radius:999px!important;
  background:rgba(229,57,53,.12)!important;
  color:#E53935!important;
  font-weight:800!important;
  line-height:1.2!important;
  text-shadow:none!important;
  box-shadow:0 8px 24px rgba(229,57,53,.14),inset 0 0 18px rgba(229,57,53,.05)!important;
  transform:none!important;
}

a[href*="surprise" i]:hover,
button[id*="surprise" i]:hover,
button[class*="surprise" i]:hover,
a[id*="surprise" i]:hover,
a[class*="surprise" i]:hover,
[role="button"][id*="surprise" i]:hover,
[role="button"][class*="surprise" i]:hover,
[onclick*="surprise" i]:hover{
  color:#fff!important;
  background:#E53935!important;
  border-color:#E53935!important;
  box-shadow:0 12px 30px rgba(229,57,53,.30)!important;
}

/* If the control is represented by a surrounding wrapper, keep it above animated layers. */
[class*="surprise" i],
[id*="surprise" i]{
  z-index:20!important;
}

@media(max-width:700px){
  a[href*="surprise" i],
  button[id*="surprise" i],
  button[class*="surprise" i],
  a[id*="surprise" i],
  a[class*="surprise" i],
  [role="button"][id*="surprise" i],
  [role="button"][class*="surprise" i],
  [onclick*="surprise" i]{
    width:100%!important;
    min-width:0!important;
    min-height:48px!important;
    font-size:.92rem!important;
    padding:13px 18px!important;
    margin:6px 0!important;
  }
}