/* ==========================================================================
   adventistai.lt — site overrides
   Loaded AFTER the ALPS stylesheet so these rules always win.
   If you can read this file in your browser, the overrides are deployed.
   ========================================================================== */

/* --- 1. No focus box / tap highlight on links (mouse + Android) ----------- */
a:focus,
a:active,
button:focus,
.pg-card:focus,
.pg-latest-link:focus {
  outline: none !important;
}
a, button, .pg-card, [role="button"] {
  -webkit-tap-highlight-color: transparent !important;
}
/* Keyboard users still get a quiet ring */
a:focus-visible,
button:focus-visible {
  outline: 1px dotted currentColor !important;
  outline-offset: 3px;
}

/* --- 2. Calm links: colour-only transitions, no thickening underline ------ */
a {
  transition: color .15s ease, border-color .15s ease, background-color .15s ease !important;
}
.text a:hover:not(.o-inline-list a) {
  border-width: 1px !important;
}
.o-button, button, input[type="submit"] {
  transition: color .15s ease, background-color .15s ease, border-color .15s ease !important;
}
.o-button::after, .o-button font::before,
button::after, button font::before {
  transition: none !important;
}
.is-video { transition: border-color .15s ease-out !important; }

/* --- 3. Tighter spacing scale (~30% less air, frame unchanged) ------------ */
.u-padding--double          { padding: 1.75rem !important; }
.u-padding--double--top     { padding-top: 1.75rem !important; }
.u-padding--double--bottom  { padding-bottom: 1.75rem !important; }
.u-padding--double--left    { padding-left: 1.75rem !important; }
.u-padding--double--right   { padding-right: 1.75rem !important; }
.u-spacing--double > * + *  { margin-top: 1.75rem !important; }
.u-padding--triple          { padding: 2.5rem !important; }
.u-padding--triple--top     { padding-top: 2.5rem !important; }
.u-padding--triple--bottom  { padding-bottom: 2.5rem !important; }
.u-padding--quad            { padding: 3.25rem !important; }
.u-padding--quad--top       { padding-top: 3.25rem !important; }
.u-padding--quad--bottom    { padding-bottom: 3.25rem !important; }
.c-page-header__long        { padding-top: 2.5rem !important; }
.c-page-header__long.has-background { padding-top: 4.5rem !important; }
.c-page-header__long.has-background .c-page-header__content { padding-top: 3rem !important; }

/* --- 4. Mobile: breathing room from the screen edges ---------------------- */
@media (max-width: 700px) {
  .text > p, .text > h1, .text > h2, .text > h3, .text > h4, .text > h5, .text > h6,
  .text > ol, .text > ul, .text .c-breadcrumbs {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
  .text > ol, .text > ul { padding-left: 2.5rem !important; }
  /* Custom page templates (e.g. the homepage grid) */
  .pg-wrap { padding-left: 1rem !important; padding-right: 1rem !important; }
}

/* --- 5. Editorial headings ------------------------------------------------ */
.text > h1, .text > h2, .text > h3 {
  font-family: "Noto Serif", Georgia, serif !important;
  text-transform: none !important;
  font-weight: 600 !important;
  line-height: 1.2;
}
.text > h1 { font-size: 2.125rem !important; }
.text > h2 { font-size: 1.75rem !important; }
.text > h3 { font-size: 1.375rem !important; }

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