/* =============================================================
   SalatiPal — Premium theme lock badge (iOS). Paired with
   sp-theme-lock.js. Marks the Al-Haram Al-Shareef (Kaaba) swatch
   in the Settings theme picker as locked until premium is purchased.
   ============================================================= */

button.sp-theme-locked {
  position: relative;
}
/* dim the colour circle a touch so the lock reads clearly */
button.sp-theme-locked > div {
  opacity: 0.78;
}
/* white padlock centered over the swatch's colour circle
   (circle is w-7/h-7 with p-2 → its centre sits ~22px from the top) */
button.sp-theme-locked::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 22px;
  transform: translate(-50%, -50%);
  width: 16px;
  height: 16px;
  pointer-events: none;
  background: no-repeat center / 13px 13px
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M12 1a5 5 0 0 0-5 5v3H6a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-9a2 2 0 0 0-2-2h-1V6a5 5 0 0 0-5-5zm3 8H9V6a3 3 0 0 1 6 0z'/%3E%3C/svg%3E");
  filter: drop-shadow(0 1px 1.5px rgba(0, 0, 0, 0.6));
}