/*! samh-polish.css — تلميع بصري عام لمنصة سمح (samh.com.sa)
 *  Additive micro-polish only: smooth scroll, refined scrollbar/selection,
 *  button & card hover lift, image zoom, input focus ring. No layout changes.
 *  Served via nginx location + injected as <link> before </head>.
 *  Honors prefers-reduced-motion. Brand accent: #0e3a5f.
 */

/* ---------- global ---------- */
html { scroll-behavior: smooth; scrollbar-width: thin; scrollbar-color: #c3ccd6 transparent; }
::selection { background: #0e3a5f; color: #fff; }
::-webkit-scrollbar { width: 11px; height: 11px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: #c3ccd6; border-radius: 8px; border: 2px solid transparent; background-clip: content-box; }
::-webkit-scrollbar-thumb:hover { background: #9aa7b4; }

/* keyboard focus visibility (accessibility, additive) */
a:focus-visible, button:focus-visible, .base_button:focus-visible,
input:focus-visible, select:focus-visible, textarea:focus-visible {
  outline: 2px solid #0e3a5f; outline-offset: 2px; border-radius: 6px;
}

/* ---------- motion-gated enhancements ---------- */
@media (prefers-reduced-motion: no-preference) {

  /* buttons */
  .base_button, .animate_primary_filled, button.base_button, a.base_button {
    transition: transform .16s ease, box-shadow .16s ease, filter .16s ease;
    will-change: transform;
  }
  .base_button:hover, .animate_primary_filled:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(14, 58, 95, .22);
  }
  .base_button:active, .animate_primary_filled:active { transform: translateY(0); }

  /* cards: lift + inner image zoom */
  .sfb-card, .float-card {
    transition: transform .22s ease, box-shadow .22s ease;
  }
  .sfb-card:hover, .float-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 16px 36px rgba(16, 42, 67, .14);
  }
  .sfb-card img, .float-card img, .single_property img {
    transition: transform .4s ease;
  }
  .sfb-card:hover img, .float-card:hover img { transform: scale(1.05); }

  /* property listing card */
  .single_property {
    transition: transform .22s ease, box-shadow .22s ease;
  }
  .single_property:hover {
    transform: translateY(-4px);
    box-shadow: 0 16px 36px rgba(16, 42, 67, .15);
  }
  .single_property:hover img { transform: scale(1.06); }

  /* property details card */
  .custom_card {
    transition: box-shadow .22s ease, transform .22s ease;
  }
  .custom_card:hover {
    box-shadow: 0 14px 34px rgba(16, 42, 67, .12);
  }

  /* packages page: toggle pills + plan grid cells */
  .all-planes .tw-rounded-full {
    transition: transform .16s ease, box-shadow .16s ease, background-color .16s ease;
  }
  .all-planes .tw-rounded-full:hover { transform: translateY(-1px); }
  .all-planes .tw-grid-cols-4 > * {
    transition: border-radius .2s ease, background-color .2s ease, transform .2s ease;
  }
  .all-planes .tw-grid-cols-4 > *:hover { border-radius: 10px; }
}

/* ---------- inputs: focus ring (works without motion) ---------- */
.v-field { transition: box-shadow .18s ease, border-color .18s ease; }
.v-field.v-field--focused,
.v-field:focus-within {
  box-shadow: 0 0 0 3px rgba(14, 58, 95, .14);
}

/* image rendering niceties (non-motion) */
.sfb-card, .float-card, .single_property { overflow: hidden; }
img { image-rendering: auto; }