/* Kizmio Quick Add — scoped neon/glass dropdown treatment. */
.kizmio-quick-add-dropdown {
  --qa-surface: rgba(250, 252, 255, .98);
  --qa-row: rgba(248, 250, 255, .94);
  --qa-text: #17233b;
  --qa-line: rgba(79, 97, 190, .2);
  width: min(360px, calc(100vw - 20px));
  min-width: min(360px, calc(100vw - 20px)) !important;
  max-width: calc(100vw - 20px);
  padding: 1px !important;
  overflow: visible;
  border: 0 !important;
  border-radius: 22px !important;
  background: linear-gradient(125deg, #ff6a17, #f72585 34%, #7b2cff 64%, #00b9ff) !important;
  box-shadow: 0 18px 44px rgba(32, 46, 87, .2), 0 0 14px rgba(106, 64, 220, .14) !important;
  isolation: isolate;
}

.kizmio-quick-add-dropdown::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: -5px;
  border-radius: 26px;
  background: linear-gradient(120deg, rgba(250, 71, 13, .32), rgba(247, 37, 133, .25) 35%, rgba(123, 44, 255, .26) 65%, rgba(0, 185, 255, .32));
  opacity: .38;
  filter: blur(10px);
  pointer-events: none;
}

.kizmio-quick-add-dropdown > .js_scroller,
.kizmio-quick-add-dropdown > .slimScrollDiv {
  border-radius: 21px;
}

.kizmio-quick-add-dropdown .footer-quick-adds {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
  width: 100%;
  max-height: min(560px, calc(100vh - 132px));
  max-height: min(560px, calc(100dvh - 132px));
  padding: 12px;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  border-radius: 21px;
  background: linear-gradient(150deg, rgba(255, 255, 255, .985), rgba(242, 247, 255, .97));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .95);
  scrollbar-width: thin;
  scrollbar-color: rgba(112, 69, 220, .62) transparent;
  -webkit-backdrop-filter: blur(18px) saturate(145%);
  backdrop-filter: blur(18px) saturate(145%);
  -webkit-overflow-scrolling: touch;
}

.kizmio-quick-add-dropdown .footer-quick-adds::-webkit-scrollbar { width: 5px; }
.kizmio-quick-add-dropdown .footer-quick-adds::-webkit-scrollbar-track { background: transparent; }
.kizmio-quick-add-dropdown .footer-quick-adds::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: linear-gradient(#7b2cff, #168bff);
}

.kizmio-quick-add-dropdown .footer-quick-adds .add-quick-item,
.kizmio-quick-add-dropdown .footer-quick-adds .add-quick-item.full {
  --qa-accent-a: #ff7817;
  --qa-accent-b: #f72585;
  --qa-accent-c: #7928ff;
  position: relative;
  display: flex;
  width: 100%;
  min-width: 0;
  min-height: 58px;
  align-items: center;
  justify-content: flex-start;
  gap: 13px;
  margin: 0;
  padding: 7px 12px 7px 8px;
  overflow: hidden;
  border: 1px solid var(--qa-line);
  border-radius: 16px;
  background: var(--qa-row);
  color: var(--qa-text);
  font-size: 13.5px;
  font-weight: 750;
  line-height: 1.3;
  text-align: left;
  text-decoration: none;
  box-shadow: 0 4px 12px rgba(40, 55, 100, .05);
  cursor: pointer;
  transition: border-color .18s ease, box-shadow .18s ease, color .18s ease, transform .18s ease;
}

.kizmio-quick-add-dropdown .footer-quick-adds .add-quick-item::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: radial-gradient(circle at 8% 50%, color-mix(in srgb, var(--qa-accent-a) 10%, transparent), transparent 38%);
  opacity: .75;
  pointer-events: none;
}

.kizmio-quick-add-dropdown .footer-quick-adds .add-quick-item::after {
  content: "›";
  position: relative;
  z-index: 1;
  flex: 0 0 auto;
  margin-left: auto;
  color: var(--qa-accent-b);
  font-size: 25px;
  font-weight: 500;
  line-height: 1;
  text-shadow: 0 0 7px color-mix(in srgb, var(--qa-accent-b) 35%, transparent);
}

.kizmio-quick-add-dropdown .footer-quick-adds .add-quick-item:hover,
.kizmio-quick-add-dropdown .footer-quick-adds .add-quick-item:focus {
  border-color: transparent;
  background: linear-gradient(var(--qa-row), var(--qa-row)) padding-box,
              linear-gradient(100deg, var(--qa-accent-a), var(--qa-accent-b), var(--qa-accent-c)) border-box;
  color: var(--qa-text);
  box-shadow: 0 6px 16px color-mix(in srgb, var(--qa-accent-b) 13%, transparent), 0 0 9px color-mix(in srgb, var(--qa-accent-c) 10%, transparent);
  transform: translateX(2px);
}

.kizmio-quick-add-dropdown .footer-quick-adds .add-quick-item:active { transform: translateX(1px) scale(.995); }

.kizmio-quick-add-dropdown .footer-quick-adds .add-quick-item > .svg-container,
.kizmio-quick-add-dropdown .footer-quick-adds .add-quick-item > .main-icon {
  position: relative;
  z-index: 1;
  display: grid !important;
  width: 42px !important;
  height: 42px !important;
  min-width: 42px;
  flex: 0 0 42px;
  margin: 0 !important;
  padding: 10px;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, .58);
  border-radius: 13px;
  background: linear-gradient(145deg, var(--qa-accent-a), var(--qa-accent-b) 58%, var(--qa-accent-c));
  color: #fff !important;
  fill: #fff !important;
  box-shadow: 0 5px 13px color-mix(in srgb, var(--qa-accent-b) 24%, transparent), inset 0 1px 0 rgba(255, 255, 255, .32);
  box-sizing: border-box;
  transition: box-shadow .18s ease, filter .18s ease;
}

.kizmio-quick-add-dropdown .footer-quick-adds .add-quick-item > .svg-container svg,
.kizmio-quick-add-dropdown .footer-quick-adds .add-quick-item > .main-icon svg {
  display: block;
  width: 100% !important;
  height: 100% !important;
  margin: 0;
  color: inherit !important;
  fill: inherit !important;
}

.kizmio-quick-add-dropdown .footer-quick-adds .add-quick-item > .svg-container *,
.kizmio-quick-add-dropdown .footer-quick-adds .add-quick-item > .main-icon * {
  color: inherit !important;
  fill: inherit !important;
}

.kizmio-quick-add-dropdown .footer-quick-adds .add-quick-item > div:last-of-type {
  position: relative;
  z-index: 1;
  min-width: 0;
  margin: 0 !important;
  overflow: hidden;
  flex: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.kizmio-quick-add-dropdown .footer-quick-adds .add-quick-item:hover > .svg-container,
.kizmio-quick-add-dropdown .footer-quick-adds .add-quick-item:focus > .svg-container,
.kizmio-quick-add-dropdown .footer-quick-adds .add-quick-item:hover > .main-icon,
.kizmio-quick-add-dropdown .footer-quick-adds .add-quick-item:focus > .main-icon {
  filter: brightness(1.08);
  box-shadow: 0 6px 16px color-mix(in srgb, var(--qa-accent-b) 34%, transparent), inset 0 1px 0 rgba(255, 255, 255, .36);
}

.kizmio-quick-add-dropdown .quick-add--live { --qa-accent-a: #ff421f; --qa-accent-b: #ef174f; --qa-accent-c: #b00086; }
.kizmio-quick-add-dropdown .quick-add--story { --qa-accent-a: #ff2b8a; --qa-accent-b: #9a20f4; --qa-accent-c: #2954ff; }
.kizmio-quick-add-dropdown .quick-add--blog { --qa-accent-a: #00d4ff; --qa-accent-b: #1479f3; --qa-accent-c: #4238dc; }
.kizmio-quick-add-dropdown .quick-add--product { --qa-accent-a: #ff921c; --qa-accent-b: #f43f78; --qa-accent-c: #7130dd; }
.kizmio-quick-add-dropdown .quick-add--gig { --qa-accent-a: #ff9d00; --qa-accent-b: #fa470d; --qa-accent-c: #f72585; }
.kizmio-quick-add-dropdown .quick-add--funding { --qa-accent-a: #b52cff; --qa-accent-b: #7928ff; --qa-accent-c: #2a54ee; }
.kizmio-quick-add-dropdown .quick-add--ads { --qa-accent-a: #00c8ff; --qa-accent-b: #168bff; --qa-accent-c: #7050ee; }
.kizmio-quick-add-dropdown .quick-add--page { --qa-accent-a: #804bff; --qa-accent-b: #6630e9; --qa-accent-c: #236be9; }
.kizmio-quick-add-dropdown .quick-add--group { --qa-accent-a: #ff2fa3; --qa-accent-b: #a01ff0; --qa-accent-c: #4b3cff; }
.kizmio-quick-add-dropdown .quick-add--event { --qa-accent-a: #ff9b16; --qa-accent-b: #ff3b3b; --qa-accent-c: #dc1478; }

.kizmio-quick-add-dropdown.show .footer-quick-adds {
  animation: kizmio-quick-add-enter .19s cubic-bezier(.2, .75, .3, 1) both;
}

@keyframes kizmio-quick-add-enter {
  from { opacity: 0; transform: translateY(8px) scale(.985); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

body.night-mode .kizmio-quick-add-dropdown,
body.night-mode.kizmiotheme .kizmio-quick-add-dropdown,
html[data-bs-theme="dark"] .kizmio-quick-add-dropdown {
  --qa-surface: rgba(5, 12, 28, .98);
  --qa-row: rgba(10, 24, 50, .96);
  --qa-text: #f5f8ff;
  --qa-line: rgba(69, 84, 205, .52);
  box-shadow: 0 20px 52px rgba(0, 0, 0, .62), 0 0 18px rgba(74, 65, 235, .3) !important;
}

body.night-mode .kizmio-quick-add-dropdown::before,
body.night-mode.kizmiotheme .kizmio-quick-add-dropdown::before,
html[data-bs-theme="dark"] .kizmio-quick-add-dropdown::before { opacity: .62; filter: blur(12px); }

body.night-mode .kizmio-quick-add-dropdown .footer-quick-adds,
body.night-mode.kizmiotheme .kizmio-quick-add-dropdown .footer-quick-adds,
html[data-bs-theme="dark"] .kizmio-quick-add-dropdown .footer-quick-adds {
  background: linear-gradient(150deg, rgba(5, 14, 34, .985), rgba(4, 10, 28, .97));
  box-shadow: inset 0 1px 0 rgba(139, 182, 255, .1);
}

body.night-mode .kizmio-quick-add-dropdown .footer-quick-adds .add-quick-item,
body.night-mode.kizmiotheme .kizmio-quick-add-dropdown .footer-quick-adds .add-quick-item,
html[data-bs-theme="dark"] .kizmio-quick-add-dropdown .footer-quick-adds .add-quick-item {
  border-color: var(--qa-line);
  background: linear-gradient(100deg, rgba(10, 26, 53, .96), rgba(18, 17, 58, .94));
  color: var(--qa-text);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035), 0 5px 14px rgba(0, 0, 0, .17);
}

body.night-mode .kizmio-quick-add-dropdown .footer-quick-adds .add-quick-item:hover,
body.night-mode .kizmio-quick-add-dropdown .footer-quick-adds .add-quick-item:focus,
body.night-mode.kizmiotheme .kizmio-quick-add-dropdown .footer-quick-adds .add-quick-item:hover,
body.night-mode.kizmiotheme .kizmio-quick-add-dropdown .footer-quick-adds .add-quick-item:focus,
html[data-bs-theme="dark"] .kizmio-quick-add-dropdown .footer-quick-adds .add-quick-item:hover,
html[data-bs-theme="dark"] .kizmio-quick-add-dropdown .footer-quick-adds .add-quick-item:focus {
  border-color: transparent;
  background: linear-gradient(rgba(11, 24, 51, .98), rgba(11, 24, 51, .98)) padding-box,
              linear-gradient(100deg, var(--qa-accent-a), var(--qa-accent-b), var(--qa-accent-c)) border-box;
  color: #fff;
  box-shadow: 0 0 12px color-mix(in srgb, var(--qa-accent-b) 22%, transparent), 0 6px 15px rgba(0, 0, 0, .25);
}

@media (max-width: 767.98px) {
  .kzm-mobile-dock .kizmio-quick-add-dropdown.show {
    position: fixed !important;
    inset: auto auto calc(102px + env(safe-area-inset-bottom, 0px)) 50% !important;
    width: min(360px, calc(100vw - 16px)) !important;
    min-width: 0 !important;
    max-width: calc(100vw - 16px) !important;
    margin: 0 !important;
    transform: translateX(-50%) !important;
  }

  .kizmio-quick-add-dropdown .footer-quick-adds {
    max-height: calc(100vh - 122px - env(safe-area-inset-bottom, 0px));
    max-height: calc(100dvh - 122px - env(safe-area-inset-bottom, 0px));
    padding: 10px;
  }
}

@media (max-width: 350px) {
  .kizmio-quick-add-dropdown .footer-quick-adds { gap: 6px; padding: 8px; }
  .kizmio-quick-add-dropdown .footer-quick-adds .add-quick-item,
  .kizmio-quick-add-dropdown .footer-quick-adds .add-quick-item.full { min-height: 53px; gap: 10px; padding: 6px 9px 6px 6px; font-size: 12.5px; }
  .kizmio-quick-add-dropdown .footer-quick-adds .add-quick-item > .svg-container,
  .kizmio-quick-add-dropdown .footer-quick-adds .add-quick-item > .main-icon { width: 38px !important; height: 38px !important; min-width: 38px; flex-basis: 38px; padding: 9px; }
}

@media (prefers-reduced-motion: reduce) {
  .kizmio-quick-add-dropdown.show .footer-quick-adds { animation: none; }
  .kizmio-quick-add-dropdown .footer-quick-adds .add-quick-item { transition-duration: .01ms; }
  .kizmio-quick-add-dropdown .footer-quick-adds .add-quick-item:hover { transform: none; }
}