/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Nov 06 2025 | 08:42:51 */
/* Floating FABs – minimal, validator-friendly */
.floating-button {
  position: fixed;
  right: 20px;
  z-index: 9990;

  display: flex;
  width: 46px;
  height: 46px;
  padding: 10px;
  border-radius: 50%;
  align-items: center;
  justify-content: center;

  text-decoration: none;
  background-color: rgba(130, 0, 191, 0.34); /* #8200BF57 */
  color: #fff;
  box-shadow: 0 4px 8px rgba(0,0,0,0.2);

  opacity: 0; /* JS will toggle to 1 after scroll */
  transition: opacity 0.5s ease-in-out, transform 0.12s ease, background-color 0.3s ease, color 0.3s ease;
}
/* Better hover: only on devices that actually support hover (desktop) */
@media (hover: hover) and (pointer: fine){
  .floating-button:hover{
    transform: translateY(-1px);
    background-color: #590183;
    color: #fff;
  }
}

/* Tap feedback class (applied briefly by JS on touch devices) */
.floating-button.is-tap{
  background-color: #590183;
  color: #fff;
}

/* Prevent blue flash on iOS */
.floating-button{
  -webkit-tap-highlight-color: transparent;
}


/* Positions (static, no CSS variables) */
#totop-button { bottom: 20px; }
#tosearch-button { bottom: 90px; } /* = 20 + 46 + 24 gap (bigger to avoid overlap) */

/* SVG icons inside the buttons */
.floating-button svg {
  width: 32px;
  height: 32px;
  display: block;
  pointer-events: none;
  filter: drop-shadow(0 0 1px rgba(0,0,0,0.35));
}
#tosearch-button svg { width: 34px; height: 34px; } /* clearer magnifier */
#totop-button svg    { width: 34px; height: 34px; } /* delicate chevron */