/* Mr Pharmacist — Khalid Turkish tactile feel v99
   Strong, visible interaction layer. No content, routing, dimensions, or data changes. */
:root{
  --mrph-kt-fast:120ms;
  --mrph-kt-mid:260ms;
  --mrph-kt-slow:440ms;
  --mrph-kt-ease:cubic-bezier(.18,.92,.18,1);
  --mrph-kt-spring:cubic-bezier(.16,1,.3,1);
  --mrph-kt-cyan:rgba(17,215,255,.52);
  --mrph-kt-card-shadow:0 16px 46px rgba(3,16,37,.16),inset 0 1px 0 rgba(255,255,255,.74);
  --mrph-kt-card-hover:0 0 0 1px rgba(17,215,255,.22),0 26px 72px rgba(3,16,37,.23),inset 0 1px 0 rgba(255,255,255,.86);
  --mrph-kt-button-shadow:0 13px 32px rgba(3,16,37,.22),inset 0 1px 0 rgba(255,255,255,.20);
  --mrph-kt-button-down:0 5px 14px rgba(3,16,37,.30),inset 0 3px 8px rgba(3,16,37,.22);
}

html[data-mrph-khalid-touch-feel="v99"] *{
  -webkit-tap-highlight-color:transparent!important;
}

html[data-mrph-khalid-touch-feel="v99"] body{
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

/* Clearly visible material depth across the real Mr Pharmacist components. */
html[data-mrph-khalid-touch-feel="v99"] :where(
  .card,.auth-card,.level-card,.question-card,.news-card,.rx-card,
  .sidebar-card,.hero-stat,.hero-panel,.content-area,.empty-state,.locked-state,
  .pharmacy-card,.lecture-card,.subject-card,.library-card,.reader-card,
  .membership-card,.account-card,.profile-card,.portfolio-card,
  .exam-card,.catalog-card,.attempt-card,.result-card,.youtube-card,
  .modal,.dialog,.drawer,.sheet,.toast
){
  backface-visibility:hidden;
  transform:translateZ(0);
  box-shadow:var(--mrph-kt-card-shadow)!important;
  transition:
    transform var(--mrph-kt-fast) var(--mrph-kt-spring),
    box-shadow var(--mrph-kt-mid) var(--mrph-kt-ease),
    border-color var(--mrph-kt-mid) var(--mrph-kt-ease),
    filter var(--mrph-kt-mid) var(--mrph-kt-ease),
    background-color var(--mrph-kt-mid) var(--mrph-kt-ease)!important;
}

html[data-mrph-khalid-touch-feel="v99"] :where(.hero,.topbar,.sidebar){
  -webkit-backdrop-filter:blur(20px) saturate(1.14);
  backdrop-filter:blur(20px) saturate(1.14);
}

/* Button feel copied from the reference timing, adapted to navy/cyan. */
html[data-mrph-khalid-touch-feel="v99"] :where(button,.btn,.button,a.btn,[role="button"]){
  touch-action:manipulation;
  backface-visibility:hidden;
  transform:translateZ(0);
  transition:
    transform var(--mrph-kt-fast) var(--mrph-kt-spring),
    box-shadow var(--mrph-kt-fast) var(--mrph-kt-ease),
    filter var(--mrph-kt-fast) var(--mrph-kt-ease),
    border-color var(--mrph-kt-fast) var(--mrph-kt-ease),
    background-color var(--mrph-kt-fast) var(--mrph-kt-ease),
    color var(--mrph-kt-fast) var(--mrph-kt-ease)!important;
}

html[data-mrph-khalid-touch-feel="v99"] :where(button,.btn,.button,a.btn,[role="button"]):not(:disabled):not([aria-disabled="true"]){
  box-shadow:var(--mrph-kt-button-shadow)!important;
}

html[data-mrph-khalid-touch-feel="v99"] :where(button,.btn,.button,a.btn,[role="button"]):not(:disabled):not([aria-disabled="true"]):active,
html[data-mrph-khalid-touch-feel="v99"] .mrph-kt-pressing{
  transform:translateY(2px) scale(.972)!important;
  filter:brightness(.94) saturate(1.10)!important;
  box-shadow:var(--mrph-kt-button-down)!important;
  transition-duration:var(--mrph-kt-fast)!important;
}

html[data-mrph-khalid-touch-feel="v99"] :where(button,.btn,.button,a.btn,[role="button"]):disabled,
html[data-mrph-khalid-touch-feel="v99"] :where(button,.btn,.button,a.btn,[role="button"])[aria-disabled="true"]{
  transform:none!important;
  filter:none!important;
}

/* Navigation remains immediate and never bounces or changes width. */
html[data-mrph-khalid-touch-feel="v99"] :where(.sidebar,.topbar,.nav-group,.section-tabs,.auth-tabs,.mobile-nav)
:where(a,button,.nav-item,.tab,[role="tab"]){
  flex-shrink:0!important;
  min-width:max-content;
  white-space:nowrap!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  text-overflow:clip!important;
  touch-action:manipulation;
  transform:none!important;
  box-shadow:none!important;
  transition:
    background-color var(--mrph-kt-fast) var(--mrph-kt-ease),
    border-color var(--mrph-kt-fast) var(--mrph-kt-ease),
    color var(--mrph-kt-fast) var(--mrph-kt-ease),
    filter var(--mrph-kt-fast) var(--mrph-kt-ease)!important;
}

html[data-mrph-khalid-touch-feel="v99"] :where(.sidebar,.topbar,.nav-group,.section-tabs,.auth-tabs,.mobile-nav)
:where(a,button,.nav-item,.tab,[role="tab"]):active{
  transform:none!important;
  filter:brightness(.95)!important;
  box-shadow:none!important;
}

html[data-mrph-khalid-touch-feel="v99"] .nav-item:hover,
html[data-mrph-khalid-touch-feel="v99"] .nav-item.active{
  transform:none!important;
}

/* Dynamic sheen follows the actual finger/pointer position. */
html[data-mrph-khalid-touch-feel="v99"] .mrph-kt-feel-host{
  position:relative;
  isolation:isolate;
}

html[data-mrph-khalid-touch-feel="v99"] .mrph-kt-feel-host::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  background:
    linear-gradient(120deg,transparent 0 17%,rgba(255,255,255,.075) 28%,transparent 43%),
    radial-gradient(circle at var(--mrph-kt-x,72%) var(--mrph-kt-y,0%),rgba(17,215,255,.15),transparent 34%);
  opacity:.72;
  mix-blend-mode:screen;
  transition:opacity var(--mrph-kt-mid) var(--mrph-kt-ease);
}

/* View changes now have the same short, premium settle as Khalid Turkish. */
html[data-mrph-khalid-touch-feel="v99"] #view > :where(.hero,.section),
html[data-mrph-khalid-touch-feel="v99"] .content-area > *{
  animation:mrphKtV99Reveal var(--mrph-kt-slow) var(--mrph-kt-spring) both;
}

@keyframes mrphKtV99Reveal{
  from{opacity:0;transform:translateY(10px) scale(.994)}
  to{opacity:1;transform:translateY(0) scale(1)}
}

html[data-mrph-khalid-touch-feel="v99"] :where(input,textarea,select,[contenteditable="true"]){
  transition:
    box-shadow var(--mrph-kt-mid) var(--mrph-kt-ease),
    border-color var(--mrph-kt-mid) var(--mrph-kt-ease),
    background-color var(--mrph-kt-mid) var(--mrph-kt-ease)!important;
}

html[data-mrph-khalid-touch-feel="v99"] :where(input,textarea,select,[contenteditable="true"]):focus{
  outline:none!important;
  border-color:var(--mrph-kt-cyan)!important;
  box-shadow:0 0 0 4px rgba(17,215,255,.13),0 18px 46px rgba(3,16,37,.16)!important;
}

html[data-mrph-khalid-touch-feel="v99"] :where(button,input,textarea,select,a,[tabindex]):focus-visible{
  outline:none!important;
  box-shadow:0 0 0 4px rgba(17,215,255,.18),0 16px 44px rgba(3,16,37,.16)!important;
}

html[data-mrph-khalid-touch-feel="v99"] :where(.modal-backdrop,.dialog-backdrop,.drawer-backdrop,.sheet-backdrop,.overlay){
  -webkit-backdrop-filter:blur(17px) saturate(1.12);
  backdrop-filter:blur(17px) saturate(1.12);
}

@media(hover:hover){
  html[data-mrph-khalid-touch-feel="v99"] :where(
    .card,.auth-card,.level-card,.question-card,.news-card,.rx-card,
    .sidebar-card,.hero-stat,.pharmacy-card,.lecture-card,.subject-card,
    .library-card,.membership-card,.exam-card,.catalog-card,.youtube-card
  ):hover{
    box-shadow:var(--mrph-kt-card-hover)!important;
    border-color:rgba(17,215,255,.36)!important;
    filter:brightness(1.035) saturate(1.045);
  }
}

@media(max-width:760px){
  :root{
    --mrph-kt-card-shadow:0 14px 38px rgba(3,16,37,.18),inset 0 1px 0 rgba(255,255,255,.70);
    --mrph-kt-button-shadow:0 11px 28px rgba(3,16,37,.20),inset 0 1px 0 rgba(255,255,255,.18);
  }
}

@media(prefers-reduced-motion:reduce){
  html[data-mrph-khalid-touch-feel="v99"] *,
  html[data-mrph-khalid-touch-feel="v99"] *::before,
  html[data-mrph-khalid-touch-feel="v99"] *::after{
    animation-duration:.001ms!important;
    animation-iteration-count:1!important;
    transition-duration:.001ms!important;
  }
}