/* Запозналник.EU — Premium Micro-Doodle + Glassmorphism design system (зарежда се последен) */
:root {
  --zp-bg-base: #f7f4fc;
  --zp-card-glass: rgba(255, 255, 255, .90);
  --zp-border-glow: rgba(168, 85, 247, .28);
  --zp-grad-btn: linear-gradient(135deg, #6d28d9 0%, #c026d3 52%, #ec4899 100%);
  --zp-grad-ring: linear-gradient(135deg, #f43f5e 0%, #a855f7 50%, #f59e0b 100%);
  --zp-ink: #1e1b4b;
  --zp-doodle-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220' viewBox='0 0 220 220'%3E%3Cg fill='none' stroke='%237c3aed' stroke-width='1.15' stroke-linecap='round' stroke-linejoin='round' stroke-opacity='.13'%3E%3Cpath d='M28 36c-3-5-10-5-12 0-2 5 2 10 12 16 10-6 14-11 12-16-2-5-9-5-12 0z'/%3E%3Cpath d='M165 118c-2.5-4-8-4-9.5 0-1.5 4 1.5 8 9.5 13 8-5 11-9 9.5-13-1.5-4-7-4-9.5 0z' stroke='%23db2777' stroke-opacity='.10'/%3E%3Cpath d='M92 182c-2-3.5-6.5-3.5-8 0-1.5 3.5 1.5 7 8 11 6.5-4 9.5-7.5 8-11-1.5-3.5-6-3.5-8 0z'/%3E%3Cpolygon points='85,22 95,22 100,30 90,42 80,30'/%3E%3Cpolyline points='80,30 100,30'/%3E%3Cpolyline points='85,22 90,30 95,22'/%3E%3Cpolygon points='190,175 198,175 202,182 194,192 186,182'/%3E%3Cpolyline points='186,182 202,182'/%3E%3Crect x='138' y='20' width='24' height='17' rx='3'/%3E%3Cpolyline points='139,21 150,30 161,21'/%3E%3Crect x='18' y='135' width='22' height='15' rx='2.5'/%3E%3Cpolyline points='19,136 29,144 39,136'/%3E%3Ccircle cx='195' cy='42' r='8'/%3E%3Cpolygon points='192,31 198,31 200,34 195,37 190,34' stroke='%23db2777' stroke-opacity='.10'/%3E%3Ccircle cx='48' cy='95' r='7'/%3E%3Cpolygon points='45,85 51,85 53,88 48,91 43,88'/%3E%3Cpath d='M105 82h20a6 6 0 0 1 6 6v9a6 6 0 0 1-6 6h-11l-6 5v-5h-3a6 6 0 0 1-6-6v-9a6 6 0 0 1 6-6z'/%3E%3Ccircle cx='111' cy='92.5' r='1'/%3E%3Ccircle cx='115' cy='92.5' r='1'/%3E%3Ccircle cx='119' cy='92.5' r='1'/%3E%3Cpath d='M140 155h18a5 5 0 0 1 5 5v8a5 5 0 0 1-5 5h-9l-5 4v-4h-4a5 5 0 0 1-5-5v-8a5 5 0 0 1 5-5z'/%3E%3Cline x1='58' y1='152' x2='82' y2='128'/%3E%3Cpolyline points='75,128 82,128 82,135'/%3E%3Cpath d='M56 158l4-2 2 4' stroke='%23db2777' stroke-opacity='.10'/%3E%3Cpath d='M62 56l2 5 5 2-5 2-2 5-2-5-5-2 5-2z'/%3E%3Cpath d='M152 74l1.5 4 4 1.5-4 1.5-1.5 4-1.5-4-4-1.5 4-1.5z'/%3E%3Cpath d='M25 190l2 4 4 2-4 2-2 4-2-4-4-2 4-2z'/%3E%3Ccircle cx='125' cy='48' r='1.5'/%3E%3Ccircle cx='72' cy='108' r='1.5'/%3E%3Ccircle cx='178' cy='92' r='1.5'/%3E%3C/g%3E%3C/svg%3E");
}

/* 1. Micro-Doodle фон */
html body {
  background-color: var(--zp-bg-base) !important;
  background-image: var(--zp-doodle-svg) !important;
  background-repeat: repeat !important;
  background-size: 220px 220px !important;
  background-attachment: fixed !important;
}
body.authenticated .hero,
body.authenticated .profile-results,
body.authenticated .results-inner { background: transparent !important; }
@media (max-width: 850px) { html body { background-attachment: scroll !important; } }

/* Шарката и в чатовете (Viber стил) */
body #conversation,
body .conversation,
body #profile-chat-history,
body .profile-chat-history,
body .profile-detail-card.chat-open .profile-chat-history {
  background-color: #faf8ff !important;
  background-image: var(--zp-doodle-svg) !important;
  background-repeat: repeat !important;
  background-size: 190px 190px !important;
  -webkit-overflow-scrolling: touch;
}

/* 2. Glassmorphism търсачка */
body.authenticated .search-card {
  background: rgba(255, 255, 255, .90) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  backdrop-filter: blur(12px) !important;
  border: 1px solid rgba(168, 85, 247, .22) !important;
  border-radius: 20px !important;
  box-shadow: 0 12px 32px -8px rgba(109, 40, 217, .14) !important;
}
body.authenticated .search-card select {
  border-radius: 12px !important;
  background-color: rgba(245, 241, 252, .9) !important;
  border: 1px solid rgba(124, 58, 237, .18) !important;
}
body.authenticated .search-card .form-row label { color: #4c1d95 !important; }
body .search-submit {
  background: var(--zp-grad-btn) !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 999px !important;
  font-weight: 800 !important;
  letter-spacing: .3px !important;
  box-shadow: 0 8px 20px -4px rgba(192, 38, 211, .48), inset 0 1px 1px rgba(255, 255, 255, .35) !important;
  transition: transform .2s ease, box-shadow .2s ease, filter .2s ease !important;
}
body .search-submit:hover { transform: translateY(-2px); filter: brightness(1.06); }

/* 3. Карти на потребителите (Tinder / Badoo glass) */
body .profile-grid .profile-card,
body .for-you-card {
  position: relative !important;
  background: linear-gradient(165deg, rgba(255, 255, 255, .94) 0%, rgba(250, 245, 255, .88) 100%) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  backdrop-filter: blur(10px) !important;
  border: 1.5px solid rgba(168, 85, 247, .26) !important;
  border-radius: 24px !important;
  box-shadow: 0 14px 34px -10px rgba(124, 58, 237, .18), 0 4px 14px rgba(236, 72, 153, .08) !important;
  animation: none !important;
  transition: transform .25s cubic-bezier(.22, 1, .36, 1), box-shadow .25s ease, border-color .25s ease !important;
}
body .profile-grid .profile-card:hover,
body .for-you-card:hover {
  transform: translateY(-4px) !important;
  border-color: rgba(192, 38, 211, .48) !important;
  box-shadow: 0 20px 42px -10px rgba(124, 58, 237, .26), 0 6px 20px rgba(236, 72, 153, .15) !important;
}
@media (min-width: 769px) {
  body .profile-grid .profile-card { padding: 22px 18px 20px !important; min-height: 0 !important; }
}

/* Горни 3D капсули ★ и ♥ */
body .zp-card-reactions-bar { top: 12px !important; left: 12px !important; gap: 6px !important; z-index: 5 !important; }
body .zp-card-reactions-bar .zp-react {
  border-radius: 999px !important;
  padding: 3px 10px !important;
  min-height: 24px !important;
  font-weight: 800 !important;
  transition: transform .15s ease !important;
}
body .zp-card-reactions-bar .zp-react:active { transform: scale(.94); }
body .zp-card-reactions-bar .zp-react-fav,
body .zp-badge-star {
  background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%) !important;
  color: #b45309 !important;
  border: 1px solid rgba(245, 158, 11, .35) !important;
  box-shadow: 0 3px 8px rgba(245, 158, 11, .18) !important;
}
body .zp-card-reactions-bar .zp-react-fav .zp-react-icon { color: #d97706 !important; text-shadow: none !important; }
body .zp-card-reactions-bar .zp-react-like,
body .zp-badge-heart {
  background: linear-gradient(135deg, #ffe4e6 0%, #fecdd3 100%) !important;
  color: #e11d48 !important;
  border: 1px solid rgba(225, 29, 72, .28) !important;
  box-shadow: 0 3px 8px rgba(225, 29, 72, .16) !important;
}
body .zp-card-reactions-bar .zp-react-like .zp-react-icon { color: #e11d48 !important; text-shadow: none !important; }
body .zp-card-reactions-bar .zp-react.is-active { box-shadow: 0 0 0 2px rgba(255, 255, 255, .9), 0 4px 12px rgba(192, 38, 211, .28) !important; }

/* Онлайн точка */
body .profile-card .profile-status {
  top: 14px !important;
  right: 14px !important;
  width: 14px !important;
  height: 14px !important;
  box-shadow: 0 0 0 3px #fff, 0 2px 6px rgba(16, 185, 129, .35) !important;
}
body .profile-card .profile-status.active,
body .profile-card .profile-status.online { background: #10b981 !important; animation: zpOnlinePulse 2.2s ease-out infinite !important; }
@keyframes zpOnlinePulse {
  0% { box-shadow: 0 0 0 3px #fff, 0 0 0 3px rgba(16, 185, 129, .45); }
  70%, 100% { box-shadow: 0 0 0 3px #fff, 0 0 0 10px rgba(16, 185, 129, 0); }
}

/* 4. Градиентен пръстен + значка ✓ */
body .zp-avatar-ring-wrap {
  position: relative !important;
  display: block !important;
  width: max-content !important;
  margin: 6px auto 10px !important;
  padding: 3.5px !important;
  border-radius: 50% !important;
  background: var(--zp-grad-ring) !important;
  box-shadow: 0 8px 22px rgba(168, 85, 247, .25) !important;
}
body .profile-card .zp-avatar-ring-wrap > .profile-avatar,
body .for-you-card .zp-avatar-ring-wrap > .profile-avatar {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  transform: none !important;
  margin: 0 !important;
  border: 3px solid #fff !important;
  outline: 0 !important;
  animation: none !important;
  box-shadow: none !important;
}
body .zp-avatar-ring-wrap img { border-radius: 50% !important; object-fit: cover !important; }
body .zp-verified-badge {
  position: absolute !important;
  top: 2px !important;
  right: 2px !important;
  width: 26px !important;
  height: 26px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #38bdf8 0%, #2563eb 100%) !important;
  color: #fff !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font: 900 13px/1 Arial, sans-serif !important;
  border: 2.5px solid #fff !important;
  box-shadow: 0 3px 10px rgba(37, 99, 235, .4) !important;
  z-index: 3 !important;
  pointer-events: none !important;
}
@media (max-width: 768px) {
  body .zp-verified-badge { width: 22px !important; height: 22px !important; font-size: 11px !important; top: 0 !important; right: 0 !important; }
}

/* Име, чипове, мото */
body .profile-card h3,
body .profile-card .profile-name { color: var(--zp-ink) !important; font-weight: 800 !important; letter-spacing: -.2px; }
body .profile-card .profile-meta.zp-meta-src { display: none !important; }
body .zp-meta-chips {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
  margin: 6px 0 8px !important;
}
body .zp-meta-chip {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  background: rgba(124, 58, 237, .08) !important;
  color: #4c1d95 !important;
  border: 1px solid rgba(124, 58, 237, .15) !important;
  border-radius: 999px !important;
  padding: 3.5px 12px !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
  font-style: normal !important;
  line-height: 1.3 !important;
}
body .profile-card .profile-bio { color: #6b5b8a !important; font-style: italic !important; }

/* 5. 3D бутон „Виж профила ✨“ */
body .profile-card .profile-view,
body .for-you-card .profile-view,
body .zp-btn-view-profile {
  background: var(--zp-grad-btn) !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 999px !important;
  padding: 9px 24px !important;
  font-size: 13.5px !important;
  font-weight: 800 !important;
  letter-spacing: .2px !important;
  box-shadow: 0 8px 20px -4px rgba(192, 38, 211, .48), inset 0 1px 1px rgba(255, 255, 255, .35) !important;
  transition: transform .2s ease, box-shadow .2s ease, filter .2s ease !important;
}
body .profile-card .profile-view::after,
body .for-you-card .profile-view::after { content: ' ✨'; }
body .profile-card .profile-view:hover,
body .for-you-card .profile-view:hover {
  transform: translateY(-2px) scale(1.02) !important;
  filter: brightness(1.06) !important;
  box-shadow: 0 12px 26px -4px rgba(192, 38, 211, .62) !important;
}

/* 6. Вътрешни модали, менюта, настройки */
@media (min-width: 601px) {
  body .profile-detail-card,
  body .communication-card,
  body .settings-card,
  body .promotion-card,
  body .my-profile-card {
    border-radius: 24px !important;
    border: 1px solid rgba(168, 85, 247, .22) !important;
    box-shadow: 0 24px 60px -12px rgba(76, 29, 149, .35) !important;
  }
}
body .profile-detail-card,
body .communication-card,
body .settings-card,
body .promotion-card,
body .my-profile-card {
  background-color: rgba(255, 255, 255, .96) !important;
  background-image: var(--zp-doodle-svg) !important;
  background-size: 260px 260px !important;
}
body .profile-modal,
body .communication-modal,
body .settings-modal,
body .promotion-modal,
body .my-profile-modal {
  background: rgba(30, 16, 70, .55) !important;
  -webkit-backdrop-filter: blur(6px) !important;
  backdrop-filter: blur(6px) !important;
}
body .dropdown-menu:not(.profile-menu .dropdown-menu) {
  border-radius: 16px !important;
  border: 1px solid rgba(168, 85, 247, .2) !important;
  box-shadow: 0 16px 36px -8px rgba(76, 29, 149, .3) !important;
}
body .nav.open {
  background: rgba(46, 24, 92, .94) !important;
  -webkit-backdrop-filter: blur(14px) !important;
  backdrop-filter: blur(14px) !important;
  border: 1px solid rgba(216, 180, 254, .25) !important;
  border-radius: 20px !important;
  box-shadow: 0 20px 48px rgba(24, 10, 47, .45) !important;
}
body .settings-card fieldset,
body .settings-photos,
body .video-upload-zone {
  border-radius: 16px !important;
  border-color: rgba(168, 85, 247, .22) !important;
  background: rgba(255, 255, 255, .82) !important;
}
body .settings-save,
body .promotion-card button:not(.close-modal):not(.modal-back),
body .report-form button[type="submit"] {
  background: var(--zp-grad-btn) !important;
  border-radius: 999px !important;
  box-shadow: 0 8px 20px -4px rgba(192, 38, 211, .45) !important;
}
body .profile-actions .profile-action {
  border-radius: 999px !important;
  box-shadow: 0 6px 16px -6px rgba(76, 29, 149, .35) !important;
}
body .profile-actions #message-profile { background: var(--zp-grad-btn) !important; color: #fff !important; }
body .profile-gallery-item { border-radius: 14px !important; }
body .communication-tabs button { border-radius: 999px !important; }
body .communication-tabs button.active { background: var(--zp-grad-btn) !important; color: #fff !important; border-color: transparent !important; }

/* 7. Чат: списък, балончета, композитор */
body .conversation-row {
  border-radius: 16px !important;
  background: rgba(255, 255, 255, .86) !important;
  border: 1px solid rgba(124, 58, 237, .12) !important;
}
body .conversation-row.selected {
  background: linear-gradient(135deg, rgba(124, 58, 237, .14), rgba(236, 72, 153, .12)) !important;
  border: 1.5px solid rgba(124, 58, 237, .45) !important;
}
body .message-bubble:not(.mine),
body .profile-chat-bubble:not(.mine) {
  background: rgba(255, 255, 255, .95) !important;
  color: #2e1065 !important;
  border: 1px solid rgba(124, 58, 237, .12) !important;
  border-radius: 18px 18px 18px 6px !important;
  box-shadow: 0 3px 10px rgba(76, 29, 149, .08) !important;
}
body .message-bubble.mine,
body .profile-chat-bubble.mine,
body .profile-chat-bubble.mine.man,
body .profile-chat-bubble.mine.woman {
  background: var(--zp-grad-btn) !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 18px 18px 6px 18px !important;
  box-shadow: 0 6px 16px -4px rgba(192, 38, 211, .4) !important;
}
body .message-compose textarea,
body #profile-chat-input {
  border-radius: 22px !important;
  border: 1px solid rgba(124, 58, 237, .22) !important;
  background: rgba(255, 255, 255, .95) !important;
}
body #message-compose > button:not(.message-voice-button):not(.universal-emoji-trigger):not(.composer-plus-btn),
body .profile-chat-send {
  background: var(--zp-grad-btn) !important;
  color: #fff !important;
  border-radius: 999px !important;
  box-shadow: 0 6px 16px -4px rgba(192, 38, 211, .45) !important;
}
body .profile-chat-compose,
body .profile-chat-person,
body .profile-chat-heading,
body .profile-chat-limits {
  background: rgba(255, 255, 255, .92) !important;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}
body #chatActivePartnerHeaderCard { border-radius: 18px !important; border-color: rgba(124, 58, 237, .25) !important; }

@media (prefers-reduced-motion: reduce) {
  body .profile-card .profile-status { animation: none !important; }
  body .profile-grid .profile-card:hover { transform: none !important; }
}