/* turve.ee maker's seal for the kamblakoda.ee footer.
   Self-contained: kamblakoda's style.css is compiled Tailwind, so none of these
   classes exist there. No fonts, images or scripts are loaded. */

.turve-seal {
  display: inline-block;
  transform: rotate(-2deg);
  text-decoration: none;
  color: #f6f5f1;
  background: #0d1b2a;
  border: 2px solid #2dd4bf;
  border-radius: 10px;
  padding: 3px;
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.35);
  transition: transform 0.15s ease;
}
.turve-seal:hover,
.turve-seal:focus-visible { transform: rotate(0deg) scale(1.03); color: #f6f5f1; }
.turve-seal:focus-visible { outline: 3px solid #fde68a; outline-offset: 3px; }

/* inner dashed rule = the "stamp" look */
.turve-seal-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  padding: 8px 16px 7px;
  border: 1px dashed rgba(45, 212, 191, 0.7);
  border-radius: 7px;
  text-align: center;
  font-family: ui-sans-serif, system-ui, sans-serif;
  line-height: 1.1;
}

.turve-seal-top,
.turve-seal-bottom {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 10px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #a9b4c2;
}
.turve-seal-bottom { color: #2dd4bf; }

/* wordmark = turve + blinking block, same as the turve.ee header */
.turve-seal-word {
  display: inline-flex;
  align-items: baseline;
  font-size: 1.6rem;
  font-weight: 600;
  letter-spacing: -0.03em;
}
.turve-seal-cursor {
  display: inline-block;
  width: 0.5em;
  height: 0.78em;
  margin-left: 0.07em;
  background: #2dd4bf;
  transform: translateY(0.06em);
}
@media (prefers-reduced-motion: no-preference) {
  .turve-seal-cursor { animation: turve-seal-blink 1.1s steps(1) infinite; }
}
@keyframes turve-seal-blink { 50% { opacity: 0; } }

/* optional row, only when GRADE is enabled (see README) */
.turve-seal-grade {
  margin-top: 3px;
  padding-top: 3px;
  border-top: 1px solid rgba(45, 212, 191, 0.35);
  width: 100%;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 10px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #f6f5f1;
}
.turve-seal-grade b { color: #2dd4bf; font-size: 12px; }

/* kamblakoda.ee (FIX-35): keep clear of the page's fixed "back to top" button (50 px, 30 px from the
   bottom-right corner). Wide screens: room on the right; narrow screens (seal centred): room below. */
@media (min-width: 768px) { .turve-seal { margin-right: 80px; } }
@media (max-width: 767.98px) { .turve-seal { margin-bottom: 44px; } }