/* ============================================================
   Rite Away Tow — Additional runtime styles
   Loaded after style.css. Use for front-end-only polish
   that doesn't belong in theme.json or the editor.
   ============================================================ */

/* Scroll reveal base state */
.rat-reveal {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}

.rat-revealed {
  opacity: 1;
  transform: none;
}

/* Selection color — matches brand */
::selection {
  background: #EA580C;
  color: #FFFFFF;
}

/* Improve readability of links inside paragraphs */
.wp-block-post-content a,
.entry-content a {
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 3px;
}

.wp-block-post-content a:hover,
.entry-content a:hover {
  text-decoration-color: #EA580C;
}

/* Mobile-friendly details/summary */
details > summary {
  cursor: pointer;
  list-style: none;
  padding-right: 2rem;
  position: relative;
  font-size: 1.05rem;
}

details > summary::-webkit-details-marker {
  display: none;
}

details > summary::after {
  content: "+";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1.5rem;
  color: #EA580C;
  font-weight: 700;
  line-height: 1;
  transition: transform 0.2s;
}

details[open] > summary::after {
  content: "−";
}

/* Image hover polish on gallery */
.wp-block-gallery .wp-block-image img {
  transition: transform 0.4s ease, filter 0.4s ease;
  border-radius: 4px;
}

.wp-block-gallery .wp-block-image:hover img {
  transform: scale(1.03);
  filter: brightness(1.08);
}

/* Print friendliness */
@media print {
  .rat-emergency-bar,
  header,
  footer,
  .wp-block-buttons {
    display: none !important;
  }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
  }
}