/* ===================================
   POLISH CSS - CAMBLEND
   Modern visual improvements without changing layout
   Loaded AFTER style.css to override only visuals
   =================================== */

/* Import Inter font for modern typography */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

/* Modern color variables */
:root {
  --polish-primary: #8b5cf6;
  --polish-primary-light: #a78bfa;
  --polish-primary-dark: #7c3aed;
  --polish-accent: #ec4899;
  --polish-success: #10b981;
  --polish-danger: #ef4444;
  --polish-shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
  --polish-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
  --polish-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
  --polish-radius: 10px;
  --polish-radius-sm: 6px;
}

/* Better font without changing sizes */
body {
  font-family: 'Inter', 'Open Sans', sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Polish profile items - visual only */
.profile-item {
  border-radius: var(--polish-radius);
  transition: all 0.2s ease;
  overflow: visible; /* allow tooltips to escape card bounds */
}

.profile-item:hover {
  box-shadow: 0 8px 16px -2px rgba(139, 92, 246, 0.15);
  transform: translateY(-1px);
}

/* Page-scoped: replace legacy inset entry/profile shadows from style.css */
.post .entry,
.post .profile-item {
  box-shadow: 0 2px 8px rgba(0,0,0,0.08) !important; /* no inset */
}

.post .entry:hover,
.post .profile-item:hover {
  box-shadow: 0 8px 18px rgba(0,0,0,0.12) !important;
}

/* Model link tiles: keep subtle outer shadow, remove inset shadow from base var */
.profile-item.item-4.model-link {
  box-shadow: 0 1px 4px rgba(0,0,0,0.12) !important; /* no inset */
}

.profile-item.item-4.model-link:hover {
  box-shadow: 0 4px 12px rgba(0,0,0,0.14) !important;
}

/* Polish buttons without changing size */
.link-button-w100,
.button,
.green-button,
.red-button,
.lite-grey-button {
  border-radius: var(--polish-radius-sm) !important;
  font-weight: 600 !important;
  transition: all 0.2s ease !important;
  position: relative !important;
  overflow: visible !important; /* prevent clipping that caused solid band */
  text-decoration: none !important;
  display: inline-block !important;
}

/* Remove any legacy pseudo-element shadows on full-width CTA buttons */
.link-button-w100.green-button,
.link-button-w100.red-button {
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  border-bottom: none !important;
}

.link-button-w100.green-button::before,
.link-button-w100.green-button::after,
.link-button-w100.red-button::before,
.link-button-w100.red-button::after {
  content: none !important;
  box-shadow: none !important;
  background: none !important;
}

/* Kill any legacy bottom shadows specifically on model-page CTAs */
.profile-item.item-4.model-link a.link-button-w100.green-button,
.profile-item.item-4.model-link a.link-button-w100.red-button {
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  border-bottom: none !important;
}

.profile-item.item-4.model-link a.link-button-w100.green-button:hover,
.profile-item.item-4.model-link a.link-button-w100.red-button:hover,
.profile-item.item-4.model-link a.link-button-w100.green-button:active,
.profile-item.item-4.model-link a.link-button-w100.red-button:active,
.profile-item.item-4.model-link a.link-button-w100.green-button:focus,
.profile-item.item-4.model-link a.link-button-w100.red-button:focus {
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  filter: brightness(1.05) !important;
}

/* Green button - clean without overflow issues */
.profile-item.item-4.model-link a.link-button-w100.green-button {
  position: relative !important;
  overflow: visible !important; /* Changed to visible to prevent white border */
}

.profile-item.item-4.model-link a.link-button-w100.green-button::after,
.profile-item.item-4.model-link a.link-button-w100.green-button::before {
  content: none !important;
  display: none !important;
}

/* Accessible focus ring for keyboard users */
.profile-item.item-4.model-link a.link-button-w100.green-button:focus-visible {
  outline: 2px solid #10b981 !important;
  outline-offset: 2px !important;
}

@media (prefers-reduced-motion: reduce) {
  .profile-item.item-4.model-link a.link-button-w100.green-button,
  .profile-item.item-4.model-link a.link-button-w100.green-button::after {
    transition: none !important;
  }
}

/* === Modern enhancements (non-intrusive) === */

/* 1) Shine + ripple for Edit (red) button */
.profile-item.item-4.model-link a.link-button-w100.red-button {
  position: relative !important;
  overflow: visible !important;
}

.profile-item.item-4.model-link a.link-button-w100.red-button::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(110deg, transparent 0%, rgba(255,255,255,0.35) 50%, transparent 100%);
  transform: translateX(-120%);
  transition: transform 0.6s ease;
  pointer-events: none;
  border-radius: inherit;
}

.profile-item.item-4.model-link a.link-button-w100.red-button:hover::after {
  transform: translateX(120%);
}

.profile-item.item-4.model-link a.link-button-w100.red-button:active::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(255,255,255,0.15);
  border-radius: inherit;
  animation: btnRipple 0.4s ease forwards;
}

@keyframes btnRipple {
  from { opacity: 0.6; }
  to { opacity: 0; }
}

/* 2) Modern tooltip look (keeps existing positioning) */
.tooltip {
  background: rgba(15, 23, 42, 0.92) !important;
  color: #e5e7eb !important;
  border: 1px solid rgba(148, 163, 184, 0.25) !important;
  border-radius: 8px !important;
  padding: 8px 10px !important;
  box-shadow: 0 10px 30px rgba(2, 6, 23, 0.25) !important;
  z-index: 1000 !important; /* ensure above siblings */
  position: absolute !important; /* keep it overlayed */
}

/* 3) Consistent accessible focus ring */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline: 2px solid var(--polish-primary) !important;
  outline-offset: 2px !important;
}

/* 4) Link underline polish */
a { text-underline-offset: 2px; }
a:hover { text-decoration: underline; text-decoration-thickness: 2px; }

/* 5) Selection color */
::selection { background: var(--polish-primary-light); color: #fff; }

/* 6) Form accent + placeholder */
:root { accent-color: var(--polish-primary); }
::placeholder { color: #9ca3af; }

/* 7) Safe auto-dark fallback if no explicit data-theme */
@media (prefers-color-scheme: dark) {
  html:not([data-theme]) { color-scheme: dark; }
}

/* === Card polish for model page tiles (non-intrusive) === */
/* Clean border + soft background for all boxes */
.post .profile-item,
.post .entry {
  border: 1px solid #e5e7eb;
  background: #ffffff;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06) !important; /* replaces legacy inset shadow */
}

/* Dark theme counterparts */
[data-theme="dark"] .post .profile-item,
[data-theme="dark"] .post .entry {
  border-color: #374151;
  background: #111827;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.35) !important;
}

/* Accent ring on hover (without movement) */
.post .profile-item:hover,
.post .entry:hover {
  box-shadow:
    0 0 0 1px rgba(139, 92, 246, 0.20),
    0 10px 24px rgba(0, 0, 0, 0.12) !important;
  transform: none !important;
}

/* Header label polish inside each box */
.post .profile-item p:first-child,
.post .entry p:first-child {
  color: #6b7280;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: none;
}

/* Image box emphasis only (keeps consistency) */
.post .item-photo {
  border: 1px solid #e5e7eb;
  background: #ffffff;
}
[data-theme="dark"] .post .item-photo {
  border-color: #374151;
  background: #0f172a;
}

/* Light inner divider between paragraphs for readability */
.post .profile-item p + p,
.post .entry p + p {
  border-top: 1px solid #f1f5f9;
  padding-top: 6px;
}
[data-theme="dark"] .post .profile-item p + p,
[data-theme="dark"] .post .entry p + p {
  border-top-color: #1f2937;
}

/* Modern button styles - COMPLETE FILL - NO SHADOWS */
.green-button,
a.green-button,
.link-button-w100.green-button {
  background: #10b981 !important;
  background-image: none !important;
  border: none !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  text-shadow: none !important;
  color: white !important;
  position: relative !important;
  overflow: visible !important; /* Keep visible to prevent border issues */
  outline: none !important;
  border-bottom: none !important;
}

.green-button:hover,
a.green-button:hover,
.link-button-w100.green-button:hover {
  background: #059669 !important;
  background-image: none !important;
  box-shadow: 0 6px 14px rgba(16, 185, 129, 0.28) !important;
  -webkit-box-shadow: 0 6px 14px rgba(16, 185, 129, 0.28) !important;
  -moz-box-shadow: 0 6px 14px rgba(16, 185, 129, 0.28) !important;
  transform: none !important;
  filter: brightness(1.05) !important;
}

/* Shine overlay for green button */
.green-button::after,
a.green-button::after,
.link-button-w100.green-button::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: linear-gradient(110deg, transparent 0%, rgba(255,255,255,0.35) 45%, transparent 60%);
  transform: translateX(-120%);
  transition: transform 0.6s ease;
  pointer-events: none;
}

.green-button:hover::after,
a.green-button:hover::after,
.link-button-w100.green-button:hover::after {
  transform: translateX(120%);
}

.red-button,
a.red-button,
.link-button-w100.red-button {
  background: #ef4444 !important;
  background-image: none !important;
  border: none !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  text-shadow: none !important;
  color: white !important;
  position: relative !important;
  overflow: visible !important;
}

.red-button:hover,
a.red-button:hover,
.link-button-w100.red-button:hover {
  background: #dc2626 !important;
  background-image: none !important;
  box-shadow: 0 6px 14px rgba(239, 68, 68, 0.28) !important;
  -webkit-box-shadow: 0 6px 14px rgba(239, 68, 68, 0.28) !important;
  -moz-box-shadow: 0 6px 14px rgba(239, 68, 68, 0.28) !important;
  transform: none !important;
  filter: brightness(1.05) !important;
}

/* Shine overlay for red button */
.red-button::after,
a.red-button::after,
.link-button-w100.red-button::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: linear-gradient(110deg, transparent 0%, rgba(255,255,255,0.35) 45%, transparent 60%);
  transform: translateX(-120%);
  transition: transform 0.6s ease;
  pointer-events: none;
}

.red-button:hover::after,
a.red-button:hover::after,
.link-button-w100.red-button:hover::after {
  transform: translateX(120%);
}

/* Prev/Next buttons - MORE VISIBLE */
.lite-grey-button,
a.lite-grey-button,
.prev-button,
.next-button {
  background: #f9fafb !important;
  background-image: none !important;
  border: 2px solid #d1d5db !important;
  box-shadow: none !important;
  color: #1f2937 !important;
  text-shadow: none !important;
  font-weight: 600 !important;
  position: relative;
  overflow: hidden;
}

.lite-grey-button:hover,
a.lite-grey-button:hover,
.prev-button:hover,
.next-button:hover {
  background: #e5e7eb !important;
  background-image: none !important;
  border-color: #9ca3af !important;
  box-shadow: none !important;
  color: #111827 !important;
  transform: translateY(-2px) !important;
}

/* Polish the highlight class */
.highlight {
  color: var(--polish-primary) !important;
  font-weight: 600;
}

/* Better h1 without changing size */
h1 {
  color: var(--polish-primary);
  font-weight: 700;
}

/* Polish location breadcrumb */
.location {
  background: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: var(--polish-radius-sm);
  padding: 8px 12px;
}

.location a {
  color: var(--polish-primary);
  transition: color 0.2s ease;
}

.location a:hover {
  color: var(--polish-primary-dark);
}

/* Polish image containers */
.image-container {
  border-radius: var(--polish-radius);
  overflow: hidden;
}

.image-container img {
  transition: transform 0.3s ease;
}

.image-container:hover img {
  transform: scale(1.02);
}

/* Polish features section */
.features {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  overflow: visible; /* ensure internal tooltip overflow is visible */
}

.features i,
.features a {
  transition: transform 0.2s ease;
}

.features i:hover,
.features a:hover {
  transform: scale(1.15);
}

/* Polish vote section */
.vote.with-rating {
  background: #f9fafb;
  border-radius: var(--polish-radius-sm);
  padding: 10px;
  border: 1px solid #e5e7eb;
}

/* Polish col-12 center (where h1 is) */
.col-12.center {
  background: transparent;
  padding: 15px 10px;
}

/* Polish text boxes */
.text-box {
  border-radius: var(--polish-radius);
  background: #f9fafb;
  border: 1px solid #e5e7eb;
}

/* Polish comment section - Modern 2025 */
.emComments {
  border-radius: var(--polish-radius);
  overflow: visible;
  margin-top: 20px;
}

/* Individual comment styling */
.emComment {
  background: linear-gradient(145deg, 
    rgba(255, 255, 255, 0.98) 0%, 
    rgba(249, 250, 252, 0.95) 100%);
  border: 1px solid rgba(226, 232, 240, 0.6);
  border-radius: var(--polish-radius);
  margin-bottom: 12px;
  padding: 15px;
  box-shadow: 
    0 1px 3px rgba(0, 0, 0, 0.05),
    0 0 15px rgba(139, 92, 246, 0.03);
  transition: all 0.2s ease;
}

.emComment:hover {
  background: rgba(255, 255, 255, 1);
  border-color: rgba(203, 213, 225, 0.8);
  box-shadow: 
    0 4px 12px rgba(0, 0, 0, 0.08),
    0 0 25px rgba(139, 92, 246, 0.08);
  transform: translateY(-1px);
}


/* Comment textarea - removed modernization */
.emAddComment textarea {
  /* Removed all custom styling - let original styles work */
}

/* Input fields - removed modernization */
.emAddComment input[type="text"] {
  /* Removed all custom styling - let original styles work */
}

/* Comment input icons - removed custom positioning */
/* Let original styles handle the alignment */

/* Review member comments - Floating text without boxes */
.col-12 > h3 {
  /* Removed box styling - just text formatting */
  background: none !important;
  border: none !important;
  padding: 0 !important;
  margin-bottom: 15px !important;
  font-weight: 700;
  color: #475569;
  box-shadow: none !important;
}

.col-12 > p {
  /* Removed box styling - just text formatting */
  background: none !important;
  border: none !important;
  padding: 0 !important;
  margin-bottom: 20px !important;
  line-height: 1.7;
  color: #64748b;
}

/* Style the comment form container - removed box styling */
.emAddComment {
  /* Removed background, border, and box-shadow */
  /* Keep only essential spacing */
  padding: 0 !important;
  margin-top: 20px;
}

/* Textarea focus - removed custom styling */

/* Comment metadata styling */
.emCommentInto {
  border-top: 1px solid rgba(226, 232, 240, 0.4);
  margin-top: 10px;
  padding-top: 10px;
}

.emSenderName {
  background: linear-gradient(135deg, #10b981, #059669);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  font-weight: 700;
}

.emdate {
  color: #64748b;
  font-size: 0.82rem;
  opacity: 0.8;
}

/* Show all comments button */
.emShowAllComments,
.emHideAllComments {
  background: linear-gradient(145deg,
    rgba(255, 255, 255, 0.98) 0%,
    rgba(249, 250, 252, 0.95) 100%);
  border: 1px solid rgba(203, 213, 225, 0.6);
  border-radius: var(--polish-radius-sm);
  padding: 12px 20px;
  margin-bottom: 15px;
  transition: all 0.2s ease;
  cursor: pointer;
}

.emShowAllComments:hover,
.emHideAllComments:hover {
  background: rgba(255, 255, 255, 1);
  border-color: var(--polish-primary-light);
  transform: translateX(5px);
}

/* Comments Rules - Simple text link */
.emAddComment a.next-button[href*="comments-rules"] {
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin-left: 20px !important;
  color: #64748b !important;
  text-decoration: underline !important;
  font-size: 0.9rem !important;
  font-weight: normal !important;
  display: inline !important;
  transition: color 0.2s ease !important;
}

.emAddComment a.next-button[href*="comments-rules"]:hover {
  color: #8b5cf6 !important;
  text-decoration: underline !important;
  transform: none !important;
}

.emAddComment a.next-button[href*="comments-rules"] b {
  font-weight: normal !important;
}

/* Polish fancy boxes */
.fancy {
  border-radius: var(--polish-radius);
  transition: all 0.2s ease;
  overflow: hidden;
}

.fancy:hover {
  transform: translateY(-2px);
}

/* Polish entry boxes */
.entry {
  border-radius: var(--polish-radius);
  overflow: hidden;
}

/* Polish border boxes */
.border-box {
  border-radius: var(--polish-radius);
  border-color: #e5e7eb;
}

/* Polish textarea and inputs */
textarea,
input,
select {
  border-radius: var(--polish-radius-sm);
  border-color: #d1d5db;
  transition: all 0.2s ease;
}

textarea:focus,
input:focus,
select:focus {
  border-color: var(--polish-primary);
  box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.1);
  outline: none;
}

/* Comment button - DARK GREEN */
input.button,
button,
input[type="submit"],
input[type="button"],
.emAddComment input.button {
  background: #065f46 !important;  /* Verde închis */
  background-image: none !important;
  border: none !important;
  box-shadow: none !important;
  color: white !important;
  padding: 10px 24px !important;
  border-radius: var(--polish-radius-sm) !important;
  font-weight: 600 !important;
  cursor: pointer;
  transition: all 0.2s ease;
  text-transform: none !important;
}

input.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
.emAddComment input.button:hover {
  background: #064e3b !important;  /* Verde mai închis la hover */
  background-image: none !important;
  box-shadow: none !important;
  transform: translateY(-2px) !important;
}

/* Emoticon button - SUBTLE GRAY */
.emoticons-button,
.emoticonButton,
button.emoticon,
a.emoticon-trigger,
.comment-emoticon-button {
  background: transparent !important;  /* Fără background */
  background-image: none !important;
  border: none !important;
  box-shadow: none !important;
  color: #6b7280 !important;
  padding: 8px 12px !important;
  border-radius: var(--polish-radius-sm) !important;
  cursor: pointer;
  transition: color 0.2s ease, transform 0.2s ease;
}

.emoticons-button:hover,
.emoticonButton:hover,
button.emoticon:hover,
a.emoticon-trigger:hover,
.comment-emoticon-button:hover {
  background: transparent !important;
  border: none !important;
  color: #374151 !important;
  transform: none !important;
}

/* Emoji trigger button under comment field - no background */
button.em-emoji-trigger,
.em-emoji-trigger {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  color: #6b7280 !important;
  padding: 0 6px !important;
}

button.em-emoji-trigger:hover,
.em-emoji-trigger:hover {
  color: #374151 !important;
}

/* Polish scrollbar */
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

::-webkit-scrollbar-track {
  background: #f3f4f6;
  border-radius: 5px;
}

::-webkit-scrollbar-thumb {
  background: var(--polish-primary-light);
  border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--polish-primary);
}

/* Polish languages list */
.languages li {
  background: #f3f4f6;
  border: 1px solid #e5e7eb;
  border-radius: 15px;
  padding: 4px 10px;
  transition: all 0.2s ease;
}

.languages li:hover {
  background: var(--polish-primary-light);
  color: white;
}

/* Polish hr separator */
hr.hr-text:after {
  background: white;
  padding: 0 15px;
  color: var(--polish-primary);
  font-weight: 600;
}

/* Smooth transitions for theme switching */
* {
  transition: background-color 0.3s ease, border-color 0.3s ease;
}

/* Keep all animations subtle */
@media (hover: hover) {
  .profile-item:hover {
    transform: translateY(-2px);
  }
  
  .button:hover,
  .link-button-w100:hover {
    transform: translateY(-1px);
  }
}

/* === DARK THEME - ELEGANT PREMIUM PALETTE === */
/* Define dark theme colors for better eye comfort */
[data-theme="dark"] {
  --dark-bg-primary: #1a1f2e;     /* Soft dark blue-gray */
  --dark-bg-secondary: #232937;   /* Slightly lighter for cards */
  --dark-bg-tertiary: #2d3548;    /* For hover states */
  --dark-border: #3f4759;         /* Softer border */
  --dark-border-light: #4a5568;   /* Lighter border variant */
  --dark-text-primary: #f7f9fb;   /* Soft white */
  --dark-text-secondary: #cbd5e1;  /* Muted text */
  --dark-text-tertiary: #94a3b8;  /* Even more muted */
  --dark-accent-purple: #9f7aea;  /* Softer purple */
  --dark-accent-blue: #63b3ed;    /* Softer blue */
  --dark-accent-green: #48bb78;   /* Softer green */
}

/* Dark theme adjustments */
[data-theme="dark"] .profile-item {
  background: var(--dark-bg-secondary);
  border-color: var(--dark-border);
}

/* Text box with h4 - Dark mode fix */
[data-theme="dark"] .text-box {
  background: var(--dark-bg-secondary) !important;
  border: 1px solid var(--dark-border) !important;
  color: var(--dark-text-primary) !important;
}

[data-theme="dark"] .text-box h4 {
  color: var(--dark-text-primary) !important;
}

/* Prev/Next navigation buttons - Dark mode */
[data-theme="dark"] .prevnext .lite-grey-button,
[data-theme="dark"] .prevnext .prev-button,
[data-theme="dark"] .prevnext .next-button {
  background: var(--dark-bg-secondary) !important;
  border: 1px solid var(--dark-border) !important;
  color: var(--dark-text-primary) !important;
}

[data-theme="dark"] .prevnext .lite-grey-button:hover,
[data-theme="dark"] .prevnext .prev-button:hover,
[data-theme="dark"] .prevnext .next-button:hover {
  background: var(--dark-bg-tertiary) !important;
  border-color: var(--dark-accent-purple) !important;
  color: var(--dark-accent-purple) !important;
}

/* Language flags styling - Both light and dark */
.languages {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding: 0 !important;
  margin: 0 !important;
}

.languages li {
  background: transparent !important;
  border: none !important;
  padding: 8px 12px !important;
  border-radius: 20px !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  background: rgba(139, 92, 246, 0.08) !important;
  transition: all 0.2s ease !important;
}

.languages li:hover {
  background: rgba(139, 92, 246, 0.15) !important;
  transform: translateY(-1px) !important;
}

.languages li span {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
}

.languages li img {
  width: 24px !important;
  height: auto !important;
  border-radius: 4px !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;
}

.languages li {
  font-size: 0.9rem !important;
  font-weight: 500 !important;
  color: #4b5563 !important;
}

/* Dark theme - Language flags */
[data-theme="dark"] .languages li {
  background: rgba(159, 122, 234, 0.1) !important;
  color: #cbd5e1 !important;
}

[data-theme="dark"] .languages li:hover {
  background: rgba(159, 122, 234, 0.2) !important;
}

[data-theme="dark"] .languages li img {
  opacity: 0.9;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}

/* Dark theme - Comments with premium palette */
[data-theme="dark"] .emComment {
  background: linear-gradient(145deg, 
    var(--dark-bg-secondary) 0%, 
    rgba(35, 41, 55, 0.95) 100%);
  border-color: var(--dark-border);
  color: #cbd5e1; /* Soft gray text */
}

[data-theme="dark"] .emComment:hover {
  background: var(--dark-bg-tertiary);
  border-color: var(--dark-border-light);
}

/* Dark theme - Comment form elements use original styling */
[data-theme="dark"] .emAddComment {
  /* Use original dark theme styles */
}

[data-theme="dark"] .emAddComment textarea {
  /* Use original dark theme styles */
}

[data-theme="dark"] .emAddComment input[type="text"] {
  /* Use original dark theme styles */
}

/* Dark theme - Review comments section (floating text) */
[data-theme="dark"] .col-12 > h3 {
  /* No box styling - just text color */
  background: none !important;
  border: none !important;
  color: #cbd5e1 !important;
  box-shadow: none !important;
}

[data-theme="dark"] .col-12 > p {
  /* No box styling - just text color */
  background: none !important;
  border: none !important;
  color: #94a3b8 !important;
}

/* Orange emphasis for model names in text */
[data-theme="dark"] .col-12 b,
[data-theme="dark"] .col-12 strong {
  color: #fb923c !important; /* Orange for model name */
}

/* Dark theme - Comment form icons */
[data-theme="dark"] .input-group-icon .input-icon {
  color: #64748b !important;
}

/* Dark theme - Comments Rules link */
[data-theme="dark"] .emAddComment a.next-button[href*="comments-rules"] {
  color: #94a3b8 !important;
}

[data-theme="dark"] .emAddComment a.next-button[href*="comments-rules"]:hover {
  color: #9f7aea !important;
}

/* Dark theme - Comment metadata */
[data-theme="dark"] .emSenderName {
  background: linear-gradient(135deg, #fb923c, #f97316);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

[data-theme="dark"] .emdate {
  color: #94a3b8;
}

/* Dark theme textarea focus - removed custom styling */

[data-theme="dark"] .emCommentInto {
  border-top-color: var(--dark-border);
}

[data-theme="dark"] .emShowAllComments,
[data-theme="dark"] .emHideAllComments {
  background: linear-gradient(145deg,
    var(--dark-bg-secondary) 0%,
    rgba(35, 41, 55, 0.95) 100%);
  border-color: var(--dark-border);
  color: var(--dark-text-primary);
}

[data-theme="dark"] .emShowAllComments:hover,
[data-theme="dark"] .emHideAllComments:hover {
  background: var(--dark-bg-tertiary);
  border-color: var(--dark-accent-purple);
}

[data-theme="dark"] .location {
  background: #1f2937;
  border-color: #374151;
}

[data-theme="dark"] .vote.with-rating {
  background: #1f2937;
  border-color: #374151;
}

[data-theme="dark"] textarea,
[data-theme="dark"] input,
[data-theme="dark"] select {
  background: #1f2937;
  border-color: #374151;
  color: #f3f4f6;
}

/* Elimină banda/shadow-ul solid moștenit din style.css pentru toată pagina */
.post {
  /* În style.css, .entry, .profile-item folosesc var(--entry-box-shadow) care include un inset.
     Suprascriem variabila NUMAI pe această pagină, fără să atingem layout-ul. */
  --entry-box-shadow: 0 1px 4px rgba(0,0,0,0.12);
}

/* Opțional: variantă ușor mai puternică pentru dark mode */
[data-theme="dark"] .post {
  --entry-box-shadow: 0 1px 6px rgba(0,0,0,0.24);
}

/* CTA tiles – păstrăm shadow discret (fără inset) și hover subtil */
.profile-item.item-4.model-link {
  box-shadow: 0 1px 4px rgba(0,0,0,0.12) !important;
}
.profile-item.item-4.model-link:hover {
  box-shadow: 0 4px 12px rgba(0,0,0,0.14) !important;
}

/* Scoatem orice pseudo-element moștenit pe butoanele full-width */
.link-button-w100.green-button::before,
.link-button-w100.green-button::after,
.link-button-w100.red-button::before,
.link-button-w100.red-button::after {
  content: none !important;
  box-shadow: none !important;
  background: none !important;
}

/* Fără shadow solid pe butoanele Live Chat / Edit Model; doar un mic highlight la hover */
.profile-item.item-4.model-link a.link-button-w100.green-button,
.profile-item.item-4.model-link a.link-button-w100.red-button {
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  border-bottom: none !important;
}
.profile-item.item-4.model-link a.link-button-w100.green-button:hover,
.profile-item.item-4.model-link a.link-button-w100.red-button:hover {
  filter: brightness(1.05) !important;
}

/* Emoji trigger din comment – transparent complet (dacă nu e deja) */
button.em-emoji-trigger,
.em-emoji-trigger {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #6b7280 !important;
  padding: 0 6px !important;
  position: absolute !important;
  right: 10px !important;
  top: 18px !important; /* Align with first line of textarea */
  font-size: 1.2rem !important;
  cursor: pointer !important;
  z-index: 2 !important;
}
button.em-emoji-trigger:hover,
.em-emoji-trigger:hover {
  color: #374151 !important;
  transform: scale(1.1) !important;
}

/* === Premium enhancements (non-intrusive, appended) === */
/* Ensure cards are ready for premium effects */
.post .profile-item,
.post .entry {
  position: relative;
  background-clip: padding-box;
}

/* Premium gradient border and elevated shadow on hover */
.post .profile-item:hover,
.post .entry:hover {
  background: linear-gradient(#ffffff, #ffffff) padding-box,
              linear-gradient(135deg, var(--polish-primary-light), #22d3ee) border-box !important;
  border: 1px solid transparent !important;
  box-shadow:
    0 12px 28px rgba(2, 6, 23, 0.10),
    0 0 0 1px rgba(139, 92, 246, 0.18) !important;
  transform: none !important;
}

/* Dark theme hover counterpart */
[data-theme="dark"] .post .profile-item:hover,
[data-theme="dark"] .post .entry:hover {
  background: linear-gradient(#111827, #111827) padding-box,
              linear-gradient(135deg, #4f46e5, #06b6d4) border-box !important;
  border: 1px solid transparent !important;
  box-shadow:
    0 14px 30px rgba(0, 0, 0, 0.45),
    0 0 0 1px rgba(99, 102, 241, 0.25) !important;
}

/* Subtle top accent line that appears on hover */
.post .profile-item::before,
.post .entry::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--polish-primary-light), transparent);
  opacity: 0;
  transition: opacity 0.3s ease;
}

.post .profile-item:hover::before,
.post .entry:hover::before {
  opacity: 0.8;
}

/* Image sheen on hover (premium but subtle) */
.post .item-photo .image-container { position: relative; }
.post .item-photo .image-container::after {
  content: "";
  position: absolute;
  top: 0;
  left: -40%;
  width: 40%;
  height: 100%;
  background: linear-gradient(75deg, rgba(255,255,255,0.28), rgba(255,255,255,0.02));
  transform: skewX(-15deg);
  transition: left 0.6s ease;
  pointer-events: none;
}
.post .item-photo .image-container:hover::after { left: 120%; }

/* DO NOT CHANGE these - keep original layout */
.row,
.post,
.profile,
.profile.data,
.col-12,
[class*="col-"],
.item,
.item-2,
.item-4,
.item-12,
.item-photo,
.item-video,
.prevnext,
.container {
  /* Keep all original dimensions and positioning */
}

/* === Refined premium adjustments (clean, subtle, non-intrusive) === */
/* Remove top accent line everywhere */
.post .profile-item::before,
.post .entry::before { content: none !important; }

/* Stronger border + subtle inner vignette for visibility */
.post .profile-item,
.post .entry {
  border-color: #e2e8f0 !important; /* slate-200 */
  background: #ffffff !important;
  box-shadow:
    0 1px 3px rgba(0,0,0,0.06),               /* soft elevation */
    inset 0 0 0 1px rgba(255,255,255,0.60)     /* subtle inner highlight */
    !important;
}

.post .profile-item:hover,
.post .entry:hover {
  border-color: #cbd5e1 !important; /* slate-300 */
  background: #ffffff !important;
  box-shadow:
    0 8px 20px rgba(0,0,0,0.10),               /* elevated shadow */
    inset 0 -12px 30px rgba(139, 92, 246, 0.07),/* soft vignette (bottom) */
    inset 0 1px 0 rgba(255,255,255,0.80)        /* top highlight */
    !important;
}

/* Dark mode tuned values */
[data-theme="dark"] .post .profile-item,
[data-theme="dark"] .post .entry {
  border-color: #334155 !important; /* slate-700 */
  background: #0f172a !important;   /* slate-900 */
  box-shadow:
    0 1px 3px rgba(0,0,0,0.40),
    inset 0 0 0 1px rgba(255,255,255,0.06)
    !important;
}

[data-theme="dark"] .post .profile-item:hover,
[data-theme="dark"] .post .entry:hover {
  border-color: #475569 !important; /* slate-600 */
  background: #0b1220 !important;
  box-shadow:
    0 10px 24px rgba(0,0,0,0.55),
    inset 0 -12px 30px rgba(99,102,241,0.10),
    inset 0 1px 0 rgba(255,255,255,0.08)
    !important;
}

/* Adblock modal: close button should not have shine/overflow */
.warning-content .close-button.button.red-button {
  overflow: visible !important; /* allow X icon to render fully */
  box-shadow: none !important;
  background-image: none !important;
}
/* Disable only the shine overlay, keep the FontAwesome X from .close-button::before */
.warning-content .close-button.button.red-button::after { content: none !important; }

/* Removed shine effects - keeping green button clean */

/* Green CTA - Simple vibrant green */
.post .profile-item.item-4.model-link a.link-button-w100.green-button {
  background: #00c853 !important; /* Vibrant green */
  color: white !important;
}

.post .profile-item.item-4.model-link a.link-button-w100.green-button:hover {
  background: #00b248 !important; /* Darker on hover */
  transform: translateY(-1px) !important;
}

/* === Premium card clarity v2 (clearer, modern, non-intrusive) === */
.post .profile-item,
.post .entry {
  background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%) !important;
  border-color: #e2e8f0 !important; /* slate-200 */
  box-shadow:
    0 1px 2px rgba(16, 24, 40, 0.06),         /* soft elevation */
    inset 0 0 0 1px rgba(255, 255, 255, 0.60),/* inner edge highlight */
    inset 0 -10px 24px rgba(2, 6, 23, 0.03)   /* subtle bottom vignette */
    !important;
}

.post .profile-item:hover,
.post .entry:hover {
  background: linear-gradient(180deg, #ffffff 0%, #f5f7fb 100%) !important;
  border-color: #cbd5e1 !important; /* slate-300 */
  box-shadow:
    0 8px 22px rgba(16, 24, 40, 0.10),        /* elevated */
    inset 0 0 0 1px rgba(255, 255, 255, 0.75),
    inset 0 -14px 36px rgba(139, 92, 246, 0.06)/* faint purple vignette */
    !important;
}

/* Dark mode variants */
[data-theme="dark"] .post .profile-item,
[data-theme="dark"] .post .entry {
  background: linear-gradient(180deg, #0f172a 0%, #0b1220 100%) !important;
  border-color: #334155 !important; /* slate-700 */
  box-shadow:
    0 1px 2px rgba(0, 0, 0, 0.45),
    inset 0 0 0 1px rgba(255, 255, 255, 0.06),
    inset 0 -10px 24px rgba(99, 102, 241, 0.06)
    !important;
}

[data-theme="dark"] .post .profile-item:hover,
[data-theme="dark"] .post .entry:hover {
  background: linear-gradient(180deg, #0f172a 0%, #0a101b 100%) !important;
  border-color: #475569 !important; /* slate-600 */
  box-shadow:
    0 10px 26px rgba(0, 0, 0, 0.55),
    inset 0 0 0 1px rgba(255, 255, 255, 0.08),
    inset 0 -14px 36px rgba(99, 102, 241, 0.10)
    !important;
}

/* === Premium delineation v3 (crisp rings, no layout change) === */
.post .profile-item,
.post .entry {
  /* Keep prior background, only improve separation */
  border-radius: var(--polish-radius) !important;
  /* Outer crisp ring + elevation + inner polish */
  box-shadow:
    0 0 0 1px rgba(31, 41, 55, 0.18) !important,      /* outer ring (slate-800 @18%) */
    0 10px 28px rgba(2, 6, 23, 0.12) !important,       /* premium elevation */
    inset 0 0 0 1px rgba(255, 255, 255, 0.65) !important, /* inner hairline */
    inset 0 -14px 36px rgba(2, 6, 23, 0.04) !important;   /* inner vignette */
}

.post .profile-item:hover,
.post .entry:hover {
  box-shadow:
    0 0 0 2px rgba(139, 92, 246, 0.35) !important,    /* accent ring (purple) */
    0 16px 40px rgba(2, 6, 23, 0.18) !important,       /* elevated */
    inset 0 0 0 1px rgba(255, 255, 255, 0.75) !important,
    inset 0 -18px 42px rgba(139, 92, 246, 0.08) !important;
}

/* Dark mode equivalents */
[data-theme="dark"] .post .profile-item,
[data-theme="dark"] .post .entry {
  border-radius: var(--polish-radius) !important;
  box-shadow:
    0 0 0 1px rgba(148, 163, 184, 0.20) !important,    /* slate-400 ring */
    0 8px 26px rgba(0, 0, 0, 0.55) !important,
    inset 0 0 0 1px rgba(255, 255, 255, 0.06) !important,
    inset 0 -14px 36px rgba(99, 102, 241, 0.08) !important;
}

[data-theme="dark"] .post .profile-item:hover,
[data-theme="dark"] .post .entry:hover {
  box-shadow:
    0 0 0 2px rgba(99, 102, 241, 0.40) !important,     /* indigo ring */
    0 18px 44px rgba(0, 0, 0, 0.65) !important,
    inset 0 0 0 1px rgba(255, 255, 255, 0.08) !important,
    inset 0 -18px 42px rgba(99, 102, 241, 0.12) !important;
}

/* === PREMIUM 2025 DESIGN SYSTEM - WOW FACTOR === */

/* Premium 2025 - Strong & Modern */
.post .profile-item,
.post .entry {
  /* Depth gradient with vignette effect */
  background: 
    radial-gradient(ellipse at center, 
      rgba(255, 255, 255, 1) 0%, 
      rgba(248, 250, 252, 0.95) 70%,
      rgba(241, 245, 249, 0.9) 100%) !important;
  
  /* Stronger circular glow for visibility */
  box-shadow: 
    0 0 35px rgba(139, 92, 246, 0.15),     /* stronger purple ambient glow */
    0 8px 20px rgba(0, 0, 0, 0.12),        /* deeper elevation */
    inset 0 0 30px rgba(139, 92, 246, 0.03) !important; /* inner vignette glow */
  
  /* Clean modern border */
  border: 1px solid rgba(203, 213, 225, 0.9) !important;
  
  /* Smooth transitions */
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
  position: relative !important;
}

/* Elegant hover - more pronounced */
.post .profile-item:hover,
.post .entry:hover {
  background: 
    radial-gradient(ellipse at center,
      rgba(255, 255, 255, 1) 0%,
      rgba(250, 251, 252, 0.98) 70%,
      rgba(243, 246, 249, 0.95) 100%) !important;
  
  /* Enhanced circular glow on hover */
  box-shadow:
    0 0 45px rgba(139, 92, 246, 0.22),     /* much stronger purple glow */
    0 12px 28px rgba(0, 0, 0, 0.15),       /* elevated shadow */
    inset 0 0 40px rgba(139, 92, 246, 0.06) !important; /* stronger inner vignette */
  
  border-color: rgba(148, 163, 184, 1) !important;
  transform: translateY(-3px) scale(1.015) !important;
  
  /* Bring to front to prevent shadow overlap on other boxes */
  z-index: 10 !important;
  position: relative !important;
}

/* Item-12 (text boxes) - no movement on hover to prevent text overflow */
.post .profile-item.item-12:hover {
  transform: none !important;
  /* Keep the glow effect but no movement */
  box-shadow:
    0 0 45px rgba(139, 92, 246, 0.22),
    0 8px 20px rgba(0, 0, 0, 0.12),
    inset 0 0 40px rgba(139, 92, 246, 0.06) !important;
}

/* Special emphasis for key boxes */
.post .item-photo,
.post .profile-item.item-4.model-link {
  box-shadow:
    0 0 40px rgba(139, 92, 246, 0.18),
    0 10px 24px rgba(0, 0, 0, 0.1),
    inset 0 0 35px rgba(139, 92, 246, 0.04) !important;
}

/* Strong inner glow border for depth */
.post .profile-item::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 2px;
  background: linear-gradient(145deg, 
    rgba(139, 92, 246, 0.12),
    rgba(236, 72, 153, 0.06),
    transparent);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, 
                linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}

/* Removed shimmer line - too distracting */

/* Special treatment for photo box */
.post .item-photo {
  background: linear-gradient(135deg,
    rgba(255, 255, 255, 0.98) 0%,
    rgba(249, 250, 252, 0.95) 100%) !important;
  
  box-shadow:
    0 0 0 1px rgba(139, 92, 246, 0.18),
    0 4px 8px rgba(139, 92, 246, 0.1),
    0 12px 24px rgba(16, 24, 40, 0.08),
    0 24px 48px rgba(16, 24, 40, 0.05),
    inset 0 2px 4px rgba(255, 255, 255, 0.95) !important;
}

/* Premium text styling - back to black */
.post .profile-item p:first-child,
.post .entry p:first-child {
  color: #0f172a !important; /* Rich black */
  font-weight: 700;
  letter-spacing: 0.025em;
  text-transform: uppercase;
  font-size: 0.85rem;
}

/* Micro-interaction for values */
.post .profile-item p:last-child {
  color: #1e293b;
  font-weight: 600;
  transition: color 0.2s ease;
}

.post .profile-item:hover p:last-child {
  color: #0f172a;
}

/* Prevent text scaling on item-12 boxes */
.post .profile-item.item-12:hover p:last-child {
  transform: none !important;
}

/* Removed floating dots - too much visual noise */

[data-theme="dark"] .post .profile-item,
[data-theme="dark"] .post .entry {
  background: linear-gradient(180deg, #0f172a 0%, #0a101b 100%) !important;
  box-shadow:
    0 0 0 1px rgba(148, 163, 184, 0.24) !important,
    0 6px 18px rgba(0, 0, 0, 0.55) !important,
    inset 0 0 0 1px rgba(255, 255, 255, 0.07) !important,
    inset 0 -12px 28px rgba(99, 102, 241, 0.08) !important;
}

/* === SIMPLIFIED CLEAN DESIGN === */

/* Clean single border and simple background */
.post .profile-item {
  background: linear-gradient(180deg, 
    rgba(255, 255, 255, 0.98) 0%, 
    rgba(251, 252, 253, 0.95) 100%) !important;
  
  /* Single clean border */
  border: 1px solid rgba(203, 213, 225, 0.6) !important; /* slate-300 60% */
  outline: none !important;
}

/* Simple hover - just brighten and elevate */
.post .profile-item:hover {
  background: rgba(255, 255, 255, 1) !important;
  border-color: rgba(148, 163, 184, 0.8) !important; /* slate-400 80% */
}

/* === DARK THEME UPDATES - PREMIUM ELEGANT PALETTE === */
/* Update all dark theme boxes with new palette */
[data-theme="dark"] .post .profile-item,
[data-theme="dark"] .post .entry {
  background: linear-gradient(180deg, 
    #2d3548 0%, 
    #232937 100%) !important;
  border: 1px solid #3f4759 !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2) !important;
}

[data-theme="dark"] .post .profile-item:hover,
[data-theme="dark"] .post .entry:hover {
  background: linear-gradient(180deg, 
    #323a4f 0%, 
    #2d3548 100%) !important;
  border-color: #4a5568 !important;
}

/* Dark theme text colors - Improved readability */
[data-theme="dark"] {
  color: #cbd5e1 !important; /* Default text - soft gray instead of white */
}

[data-theme="dark"] body,
[data-theme="dark"] p {
  color: #cbd5e1 !important; /* Soft gray for body text */
}

[data-theme="dark"] .post .profile-item p:first-child,
[data-theme="dark"] .post .entry p:first-child {
  color: #94a3b8 !important; /* Softer label color */
  font-weight: 600;
}

[data-theme="dark"] .post .profile-item p:last-child,
[data-theme="dark"] .post .entry p:last-child {
  color: #e2e8f0 !important; /* Slightly softer white for values */
}

/* Dark theme headings - Light gray for better readability */
[data-theme="dark"] h1 {
  color: #e2e8f0 !important; /* Light gray for H1 */
}

[data-theme="dark"] h2,
[data-theme="dark"] h3,
[data-theme="dark"] h4 {
  color: #cbd5e1 !important; /* Soft gray for other headings */
}

/* Model name and site name in orange */
[data-theme="dark"] h1 b,
[data-theme="dark"] h1 strong,
[data-theme="dark"] .model-name,
[data-theme="dark"] .site-name {
  color: #fb923c !important; /* Orange for emphasis */
}

/* Dark theme links - Orange accent */
[data-theme="dark"] a {
  color: #fb923c !important; /* Orange for links */
}

[data-theme="dark"] a:hover {
  color: #fed7aa !important; /* Lighter orange on hover */
}

/* Dark theme buttons */
[data-theme="dark"] .button,
[data-theme="dark"] input[type="submit"],
[data-theme="dark"] input[type="button"] {
  background: #2d3548 !important;
  border: 1px solid #3f4759 !important;
  color: #f7f9fb !important;
}

[data-theme="dark"] .button:hover,
[data-theme="dark"] input[type="submit"]:hover,
[data-theme="dark"] input[type="button"]:hover {
  background: #323a4f !important;
  border-color: #4a5568 !important;
}

/* Dark theme green CTA */
[data-theme="dark"] .green-button,
[data-theme="dark"] a.green-button {
  background: #48bb78 !important;
  color: #1a1f2e !important;
}

[data-theme="dark"] .green-button:hover,
[data-theme="dark"] a.green-button:hover {
  background: #38a169 !important;
}

/* Dark theme red button */
[data-theme="dark"] .red-button,
[data-theme="dark"] a.red-button {
  background: #fc8181 !important;
  color: #1a1f2e !important;
}

[data-theme="dark"] .red-button:hover,
[data-theme="dark"] a.red-button:hover {
  background: #f56565 !important;
}
