/* ==========================================================
   Aplify – Responsive Token Overrides
   --------------------------------------------------------------
   Base :root token values are emitted by PHP from the plugin's
   settings page (see settings/tokens-output.php). This file holds
   ONLY the breakpoint-specific overrides, which are not user-
   editable from the admin UI but can be tweaked here per-client
   if needed.
   ========================================================== */

@media (min-width: 1400px) {
  :root {
    --gap-max: 36px;
    --field-h: 60px;
    --label-size: 1rem;
    --chevron-size: 18px;
    --chevron-offset: 16px;
  }
}

@media (max-width: 480px) {
  :root {
    --field-h: 48px;
    --radius: 14px;
    --btn-radius: 999px;
    --menu-extra: 80px;
    --menu-w-max: 92vw;
    --button-shadow: none;
    --button-shadow-hover: none;
  }
}

/* ----------------------------------------------------------
   Pagination scroll target offset.
   Lets site owners control how much breathing room is left
   above the results section when paginating. Configurable
   from Settings → Aplify Integration → Design Tokens → Misc.
---------------------------------------------------------- */
[x-data="aplifySearchResults"] {
    scroll-margin-top: var(--scroll-margin);
}