/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */

/* Hide native <summary> marker (Safari/Chrome) */
summary::-webkit-details-marker { display: none; }
summary::marker { display: none; }

/* Hide scrollbar on carousel tracks (scrollbar-width:none handles Firefox inline) */
.leker-carousel-track::-webkit-scrollbar { display: none; }

/* Carousel download button — darken on hover */
.leker-carousel-dl:hover { background: rgba(0,0,0,0.7) !important; }

@font-face {
  font-family: "Neue Montreal";
  src: url("/assets/NeueMontreal-Regular-02621671.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Neue Montreal Title";
  src: url("/assets/NeueMontreal-Bold-ddaea74a.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* Use the paid bold file only for headings; body/UI chrome stays on Regular. */
.leker-app h1,
.leker-app h2,
.leker-app h3 {
  font-family: "Neue Montreal Title", "Neue Montreal", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  word-spacing: 0.04em;
}

.leker-app h1 {
  font-size: clamp(2rem, 3vw, 2.125rem);
  line-height: 1.08;
}

/* Never use the bold font file for buttons or CTA-like links. */
.leker-app button,
.leker-app input,
.leker-app select,
.leker-app textarea,
.leker-app [role="button"],
.leker-app a.inline-flex,
.leker-app a.block.w-full {
  font-family: "Neue Montreal", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-weight: 400;
}

/* Compatibility layer for older screens still using the previous UI tokens. */
.leker-app :where(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]), select, textarea) {
  border-color: #dfe1e8;
  border-radius: 1rem;
}

.leker-app :where(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]), select, textarea):focus {
  border-color: #356fcb;
  box-shadow: 0 0 0 1px #356fcb;
}

.leker-app :where(input[type="submit"], button[type="submit"], a.inline-flex) {
  border-radius: 9999px;
}

.leker-app th,
.leker-app th a.inline-flex {
  font-weight: 600;
}

.leker-app :where(.text-primary-600, .text-primary-700, .text-indigo-600, .text-indigo-500) {
  color: #356fcb;
}

.leker-app :where(.bg-primary-50, .bg-indigo-50) {
  background-color: #f4f7ff;
}

.leker-app :where(.border-primary-300, .border-primary-400, .border-primary-500) {
  border-color: #b9c9f0;
}

.leker-app :where(.text-gray-400) {
  color: #7c8596;
}

.leker-app :where(.text-gray-500) {
  color: #626b7a;
}

.leker-app h1 + p.text-sm {
  font-size: 1rem;
  line-height: 1.5;
}

/* Article body — style inline links */
.prose a { color: #6366f1; text-decoration: underline; }
.prose a:hover { opacity: 0.75; }