/* Small amount of hand-written CSS. Tailwind does the rest. */

[x-cloak] { display: none !important; }

html { -webkit-text-size-adjust: 100%; }

/* Nicer scrollbars in the admin sidebar and long lists. */
.scroll-thin { scrollbar-width: thin; scrollbar-color: #cbd5e1 transparent; }
.scroll-thin::-webkit-scrollbar { width: 8px; height: 8px; }
.scroll-thin::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 99px; }
.scroll-thin::-webkit-scrollbar-track { background: transparent; }

/* The contenteditable used for the small-print pages. */
.editable { min-height: 16rem; }
.editable:empty::before { content: attr(data-placeholder); color: #94a3b8; }
.editable:focus { outline: 2px solid #0d9488; outline-offset: 2px; border-radius: 0.5rem; }
.editable h2 { font-size: 1.25rem; font-weight: 700; margin: 1.25rem 0 .5rem; }
.editable h3 { font-size: 1.05rem; font-weight: 700; margin: 1.1rem 0 .4rem; }
.editable p  { margin: 0 0 .75rem; }
.editable ul { list-style: disc; padding-left: 1.4rem; margin: 0 0 .75rem; }
.editable ol { list-style: decimal; padding-left: 1.4rem; margin: 0 0 .75rem; }
.editable a  { color: #0f766e; text-decoration: underline; }

/* Leaflet: keep it under sticky headers and give it rounded corners. */
.leaflet-container { z-index: 0; font: inherit; border-radius: 0.75rem; }
.leaflet-control-attribution { font-size: 10px; }

/* Published-site typography for the rich-text page bodies. */
.smallprint h2 { font-size: 1.25rem; font-weight: 700; margin: 1.5rem 0 .5rem; }
.smallprint h3 { font-size: 1.05rem; font-weight: 700; margin: 1.25rem 0 .4rem; }
.smallprint p  { margin: 0 0 .9rem; line-height: 1.7; }
.smallprint ul { list-style: disc; padding-left: 1.4rem; margin: 0 0 .9rem; }
.smallprint ol { list-style: decimal; padding-left: 1.4rem; margin: 0 0 .9rem; }
.smallprint li { margin-bottom: .35rem; }
.smallprint a  { text-decoration: underline; }

/* Line clamping without the plugin. */
.line-clamp-2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.line-clamp-3 { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }

/* Respect the visitor's motion preference on the published sites. */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
    scroll-behavior: auto !important;
  }
}

/* Print: a customer printing a trade's page wants the phone number, not the hero. */
@media print {
  .no-print { display: none !important; }
  body { background: #fff !important; }
}