/* orthodoxBellEngine.css — floating "Колокольный звон службы онлайн" button.
 * Self-contained, no dependency on style.css's variables — safe to load on
 * any page without affecting existing layout. */

.obe-button {
  position: fixed;
  right: 18px;
  bottom: 18px;
  z-index: 9000;
  max-width: 260px;
  padding: 10px 16px;
  border-radius: 999px;
  border: 1px solid #8a6a34;
  background: linear-gradient(#241206, #3a2410);
  color: #e8c87a;
  font-size: 13px;
  line-height: 1.3;
  text-align: left;
  cursor: pointer;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.35);
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.obe-button:hover:not(:disabled) {
  transform: translateY(-2px);
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.45);
}

.obe-button:disabled {
  cursor: default;
  opacity: 0.7;
}

.obe-label {
  display: block;
}

.obe-idle {
  /* default state — no extra animation */
}

@keyframes obe-pulse {
  0% { box-shadow: 0 0 0 0 rgba(232, 200, 122, 0.55); }
  70% { box-shadow: 0 0 0 14px rgba(232, 200, 122, 0); }
  100% { box-shadow: 0 0 0 0 rgba(232, 200, 122, 0); }
}

.obe-blagovest {
  animation: obe-pulse 15s ease-in-out infinite;
  border-color: #c8a56a;
}

@keyframes obe-glow {
  0%, 100% { background: linear-gradient(#241206, #3a2410); }
  50% { background: linear-gradient(#4a2f0f, #6a441a); }
}

.obe-trezvon {
  animation: obe-glow 0.9s ease-in-out infinite;
  border-color: #f0daa8;
  color: #fff3d6;
}

.obe-silent {
  background: linear-gradient(#2a2a2a, #3a3a3a);
  border-color: #555;
  color: #aaa;
}

@media (max-width: 480px) {
  .obe-button {
    left: 12px;
    right: 12px;
    bottom: 12px;
    max-width: none;
  }
}